@import url(variablesPage2.css|);
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main__container{
    width: 1440px;
    height: 1272px;
    margin: 0 auto;
    position: relative;
}

.div__box_1{ 
    height: 473px;
    width: 444px;
    left: 64px;
    top: 137px;
    position: absolute;
}

.div__box_1 h1{
    font-family: "Avenir-Heavy";
    font-size: 56px;
    line-height: 80px;
}

.div__box_1 p{
    font-family: "Avenir-Roman";
    font-size: 26px;
    color: var(--color-2);
    opacity: 80%;
    margin-top: 10px;
    line-height: 40px;
    width: 386px;
}

.div__box_1 button{
    color: var(--color-2);
    font-size: 18px;
    background-color: var(--color-2);
    border-radius: 16px;
    width: 157px;
    height: 50px;
    font-family: "Avenir-Roman";
    position: absolute;
    bottom: 0;
}

.div__img_1{
    width: 408px;
    height: 480px;
    left: 525px;
    top: 65px;
    position: absolute;
}

.div__img_2{
    position: absolute;
    width: 408px;
    height: 480px;
    left: 968px;
    top: 217px;
}

.div__box_2{
    position: absolute;
    display: flex;
    width: 1316px;
    gap: 40px;
    height: 440px;
    left: 64px;
    bottom: 63px;
    align-items: center;
}

.div__image_box{
    width: 412px;
    height: 438.16px;
    top: 59px;
    position: relative;
}

.div__image_box img{
    width: 412px;
    height: 379.16pxpx;
}

.div__image_box span {
    position: absolute;
    top: -60px;
    left: 10px;
    font-size: 40px;
    font-family: "Avenir-Heavy";
    padding: 2px 6px;
    color: var(--color-2);
    opacity: 25%;
  }