.header{
    background-color: transparent;
}
.header.scroll{
    background-color: #fff;
}
.main{
    margin-top: 145px;
}
.main__inner{
    display: flex;
    justify-content: space-between;
}
.main__block{
    position: relative;
    z-index: 2;
}
.main__block:first-of-type{
    max-width: 733px;
    margin-top: 28px;
}
.main__title{
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.main__descr{
    margin-bottom: 32px;
}
.main__box{
    display: flex;
    gap: 62px;
}
.main__btn{
    width: 100%;
    max-width: 170px;
    height: 56px;
}
.main__content{
    display: flex;
    gap: 12px;
    margin-top: 5px;
}
.main__item-name{
    color: rgba(73, 72, 72, 0.70);
    font-family: "Koulen", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 20px;
}
.main__content-item:last-of-type .main__item-name{
    margin-bottom: 4px;
}
.main__item-descr{
    color: #2F2F2F;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.main__content-item.underline{
    position: relative;
}
.main__content-item.underline::after{
    position: absolute;
    content: '';
    width: 120px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='16' viewBox='0 0 84 16' fill='none'%3E%3Cpath d='M84 8C84 3.58172 80.4183 8.63095e-07 76 4.76837e-07C71.5817 9.0579e-08 68 3.58172 68 8C68 12.4183 71.5817 16 76 16C80.4183 16 84 12.4183 84 8ZM76 6.5L1.31134e-07 6.49999L-1.31134e-07 9.49999L76 9.5L76 6.5Z' fill='%23368CC1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
}
.main__content-item[data-aos^=fade][data-aos^=fade].aos-animate:hover{
    transform: scale(1.08) translateZ(0);
}
.main__block:last-of-type{
    max-width: 388px;
    position: relative;
    z-index: 1;
}
.main__block-img svg circle{
    transition: all 2s ease;
    opacity: 0;
}
#main__block-svg.active circle{
    opacity: 1;
}
.main__block-content {
    position: absolute;
    top: 70px;
    left: 54%;
    transform: translateX(-50%);
}
.main__block-title{
    font-family: "Koulen", sans-serif;
    font-weight: 400;
    font-size: 130px;
    line-height: 234px;
    color: #fff;
    text-align: center;
    margin-bottom: -63px;
    transform: translateY(50%);
    opacity: 0;
    animation: mainContent 0.5s linear 2s forwards;
}
.main__block-name{
    color: #FFF;
    font-family: "Koulen", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    transform: translateY(50%);
    opacity: 0;
    animation: mainContent 1s linear 2.5s forwards;
}
.main__block-descr{
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    transform: translateY(50%);
    opacity: 0;
    animation: mainContent 1s linear 3s forwards;
}
@keyframes mainContent {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 1279px) {
    .main__block:first-of-type{
        margin-top: 0;
    }
    .main__title{
        margin-bottom: 20px;
    }
    .main__block:last-of-type{
        max-width: 280px;
    }
    .main__block-content{
        display: none;
    }
    #main__block-svg{
        display: none;
    }
    .main__block-img{
        position: relative;
    }
    .main__block-img::before {
        content: '';
        position: absolute;
        background-color: #368CC1CC;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        left: 0;
        top: -95px;
        opacity: 0;
        animation: mainBlocImage 0.9s linear 0.4s forwards;
    }
    .main__block-img::after {
        content: '';
        position: absolute;
        background-color: rgba(140, 39, 130, 0.8);
        width: 280px;
        height: 280px;
        border-radius: 50%;
        left: 0;
        top: 65px;
        opacity: 0;
        animation: mainBlocImage 0.8s linear 0.7s forwards;
    }
    @keyframes mainBlocImage {
        0% {
            left: 0;
            opacity: 0;
        }
        100% {
            left: -222px;
            opacity: 1;
        }
    }
}
@media (max-width: 999px) {
    .main{
        margin-top: 111px;
    }
    .main__block-img::before {
        top: -52px;
        animation: mainBlocImage 0.8s linear 0.8s forwards;
    }
    .main__block-img::after {
        top: 118px;
        animation: mainBlocImage 0.8s linear 1s forwards;
    }
    @keyframes mainBlocImage {
        0% {
            left: 0;
            opacity: 0;
        }
        100% {
            left: -142px;
            opacity: 1;
        }
    }
    .main__inner{
        gap: 0;
    }
    .main__descr{
        max-width: 570px;
    }
    .main__block:first-of-type{
        width: 100%;
        min-width: auto;
    }
    .main__block:last-of-type{
        width: auto;
    }
}
@media (max-width: 767px) {
    .main {
        margin-top: 146px;
    }
    .main__title {
        font-size: 50px;
        line-height: 110%;
        margin-bottom: 15px;
    }
    .main__descr{
        font-size: 16px;
        margin-bottom: 21px;
    }
    .main__btn{
        max-width: 220px;
    }   
    .main__block-img::after{
        display: none;
    } 
    .main__block-img::before {
        top: -48px;
    }
    @keyframes mainBlocImage {
        0% {
            left: 0;
            opacity: 0;
        }
        100% {
            left: -182px;
            opacity: 1;
        }
    }
}
@media (max-width: 479px) {
    .main{
        margin-top: 205px;
    }
    .main__title{
        max-width: 293px;
    }
    .main__descr{
        margin-bottom: 15px;
    }
    .main__box{
        flex-direction: column;
    }
    .main__box{
        gap: 24px;
    }
    .main__content{
        margin-left: 2px;
    }
    .main__content-item.underline::after{
        bottom: -4px;
    }
}
.comprehensive{
    margin-top: 120px;
}
.comprehensive__inner{
    max-width: 979px;
    margin: 0 auto;
}
.comprehensive .span-title {
    margin-top: -1px;
    margin-left: 1px;
}
.comprehensive__block{
    margin-top: 121px;
    display: flex;
    align-items: center;
    position: relative;
}
.comprehensive__item{
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    position: relative;
}
.comprehensive__descr{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
}
.comprehensive__item:first-of-type{
    width: 202px;
    height: 202px;
    min-width: 202px;
    min-height: 202px;
    border: 3px solid rgba(54, 140, 193, 0.80);
    margin-right: -21px;
}
.comprehensive__item:first-of-type .comprehensive__name{
    color: #368CC1;
}
.comprehensive__item:first-of-type .comprehensive__descr {
    top: -112px;
    left: -5px;
    width: 239px;
}
.comprehensive__item:nth-of-type(2){
    width: 222px;
    height: 222px;
    min-width: 222px;
    min-height: 222px;
    background: rgba(54, 140, 193, 0.80);
    margin-right: -21px;
    margin-top: 14px;
}
.comprehensive__item:nth-of-type(2) .comprehensive__descr {
    bottom: -53px;
    left: -67px;
    width: 159px;
}
.comprehensive__item:nth-of-type(3){
    width: 260px;
    height: 260px;
    min-width: 260px;
    min-height: 260px;
    background: rgba(140, 39, 130, 0.80);
    margin-right: -16px;
}
.comprehensive__item:nth-of-type(3) .comprehensive__descr:first-of-type{
    top: -79px;
    left: -103px;
    width: 203px;
}
.comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(2) {
    top: -78px;
    right: 130px;
    width: 227px;
}
.comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(3) {
    top: -66px;
    right: -83px;
    width: 204px;
}
.comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(4) {
    bottom: -74px;
    right: -93px;
    width: 209px;
}
.comprehensive__item:nth-of-type(4){
    width: 220px;
    height: 220px;
    min-width: 220px;
    min-height: 220px;
    background: rgba(122, 83, 169, 0.90);
}
.comprehensive__item:nth-of-type(4) .comprehensive__descr {
    top: -56px;
    right: -97px;
    width: 194px;
}
.comprehensive__item:nth-of-type(2) .comprehensive__name,
.comprehensive__item:nth-of-type(3) .comprehensive__name{
    font-size: 18px;
}
.comprehensive__name{
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.comprehensive__item:first-of-type::before{
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='60' viewBox='0 0 17 60' fill='none'%3E%3Cpath d='M8.53906 0.289062C4.12078 0.289063 0.539062 3.87078 0.539062 8.28906C0.539063 12.7073 4.12078 16.2891 8.53906 16.2891C12.9573 16.2891 16.5391 12.7073 16.5391 8.28906C16.5391 3.87078 12.9573 0.289062 8.53906 0.289062ZM7.03906 58.2891L7.03906 59.7891L10.0391 59.7891L10.0391 58.2891L7.03906 58.2891ZM7.03906 8.28906L7.03906 58.2891L10.0391 58.2891L10.0391 8.28906L7.03906 8.28906Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    height: 62px;
    width: 20px;
    background-repeat: no-repeat;
    top: -62px;
}
.comprehensive__item:nth-of-type(2)::before{
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='81' viewBox='0 0 17 81' fill='none'%3E%3Cpath d='M10 1.90625L10 0.40625L7 0.40625L7 1.90625L10 1.90625ZM8.5 64.9297C4.08172 64.9297 0.499997 68.5114 0.499997 72.9297C0.499997 77.3479 4.08172 80.9297 8.5 80.9297C12.9183 80.9297 16.5 77.3479 16.5 72.9297C16.5 68.5114 12.9183 64.9297 8.5 64.9297ZM7 1.90625L7 72.9297L10 72.9297L10 1.90625L7 1.90625Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    height: 100px;
    width: 20px;
    background-repeat: no-repeat;
    bottom: -99px;
}
.comprehensive__item:nth-of-type(3)::before {
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='110' viewBox='0 0 16 110' fill='none'%3E%3Cpath d='M8 0.226562C3.58172 0.226562 1.93129e-07 3.80828 0 8.22656C-1.93129e-07 12.6448 3.58172 16.2266 8 16.2266C12.4183 16.2266 16 12.6448 16 8.22656C16 3.80828 12.4183 0.226563 8 0.226562ZM6.5 108.227L6.5 109.727L9.5 109.727L9.5 108.227L6.5 108.227ZM6.5 8.22656L6.5 108.227L9.5 108.227L9.5 8.22656L6.5 8.22656Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    height: 111px;
    width: 20px;
    background-repeat: no-repeat;
    top: -110px;
}
.comprehensive__item:nth-of-type(3)::after{
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='105' viewBox='0 0 17 105' fill='none'%3E%3Cpath d='M8.5 88.0181C4.08172 88.0181 0.499996 91.5999 0.499996 96.0181C0.499996 100.436 4.08172 104.018 8.5 104.018C12.9183 104.018 16.5 100.436 16.5 96.0181C16.5 91.5999 12.9183 88.0181 8.5 88.0181ZM7 0.90625L7 96.0181L10 96.0181L10 0.90625L7 0.90625Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    height: 105px;
    width: 20px;
    background-repeat: no-repeat;
    bottom: -104px;
}
.comprehensive__item:nth-of-type(4)::before{
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='104' viewBox='0 0 17 104' fill='none'%3E%3Cpath d='M8.47656 0.265625C4.05828 0.265625 0.476563 3.84735 0.476562 8.26562C0.476562 12.6839 4.05828 16.2656 8.47656 16.2656C12.8948 16.2656 16.4766 12.6839 16.4766 8.26563C16.4766 3.84735 12.8948 0.265625 8.47656 0.265625ZM6.97656 8.26562L6.97656 103.378L9.97656 103.378L9.97656 8.26563L6.97656 8.26562Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    height: 105px;
    width: 20px;
    background-repeat: no-repeat;
    top: -103px;
}
@media (max-width: 999px) {
    .comprehensive__item:nth-of-type(4) .comprehensive__descr {
        top: -103px;
        right: -5px;
        width: 100px;
    }
    .comprehensive__item[data-aos^=fade][data-aos^=fade].aos-animate:hover{
        transform: translateZ(0) scale(1.1);
        transition: all 0.2s ease !important;
    }
    .comprehensive__item:hover .comprehensive__descr[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateZ(0) scale(0.9);
        transition: all 0.2s ease !important;
    }
    .comprehensive__title.title{
        max-width: 398px !important;
        margin: 0 auto;
        transform: translateX(30px);
    }
    .comprehensive__block{
        justify-content: center;
        margin-top: 74px;
    }
    .comprehensive__item:first-of-type .comprehensive__descr {
        top: -52px;
        left: 109px;
        width: 239px;
    }
    .comprehensive__item:nth-of-type(2) .comprehensive__descr {
        bottom: -47px;
        left: 120px;
        width: 169px;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(2) {
        top: -91px;
        right: 110px;
        width: 227px;
    }
    .comprehensive__item:nth-of-type(4) .comprehensive__descr {
        top: -81px;
        right: -94px;
        width: 193px;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(4) {
        bottom: -72px;
        right: -100px;
        width: 219px;
    }
    .comprehensive__item:nth-of-type(3){
        position: absolute;
        bottom: -428px;
        left: 50%;
        transform: translateX(-70%) translateZ(-100%);
    }
    .comprehensive__item:nth-of-type(4) {
        position: absolute;
        bottom: -416px;
        right: 50%;
        transform: translateX(125%) translateZ(-100%);
    }
    .comprehensive__item:nth-of-type(3)[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateX(-70%) translateZ(0);
    }
    .comprehensive__item:nth-of-type(4)[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateX(125%) translateZ(0);
    }
}
@media (max-width: 767px) {
    .comprehensive__item:nth-of-type(4) .comprehensive__descr {
        top: -103px;
        right: -5px;
        width: 100px;
    }
    .comprehensive__block{
        margin-top: 50px;
    }
    .comprehensive__descr{
        font-size: 14px;
    }
    .comprehensive__item:first-of-type .comprehensive__descr {
        top: -44px;
        left: 107px;
        width: 239px;
    }
    .comprehensive__item:nth-of-type(2) .comprehensive__descr {
        bottom: -50px;
        left: -35px;
        width: 145px;
    }
    .comprehensive__item:nth-of-type(3){
        margin: 0;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(2) {
        top: -83px;
        right: 86px;
        width: 227px;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(4) {
        bottom: initial;
        right: -96px;
        width: 219px;
        top: -68px;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(3) {
        top: initial;
        right: -87px;
        width: 204px;
        bottom: -41px;
    }
    .comprehensive__item:nth-of-type(3)::before {
        height: 97px;
        top: -97px;
    }
    .comprehensive__item:nth-of-type(3) {
        bottom: -436px;
        transform: translateY(50%);
        left: initial;;
    }
    .comprehensive__item:nth-of-type(4) {
        transform: translateY(50%);
        right: initial;
        left: initial;
        bottom: -786px;
    }
    .comprehensive__item:nth-of-type(3)::after {
        height: 59px;
        bottom: -59px;
        background-position: bottom;
    }
    .comprehensive__item:nth-of-type(4)::before {
        height: 58px;
        top: -58px;
        background-position: top;
    }
    .comprehensive__item:nth-of-type(4) .comprehensive__descr {
        top: -43px;
        right: 91px;
        width: 201px;
    }
    .comprehensive__item:nth-of-type(3)[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateZ(0);
    }
    .comprehensive__item:nth-of-type(4)[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateZ(0);
    }
    .comprehensive{
        margin-top: 100px;
    }
}
@media (max-width: 479px) {
    .comprehensive__title.title{
        transform: none;
    }
    .comprehensive__title .span-title {
        font-size: 24px;
    }
    .comprehensive__block {
        margin-top: 98px;
    }
    .comprehensive__item:nth-of-type(2) {
        position: absolute;
        bottom: -227px;
    }
    .comprehensive__item:first-of-type::before {
        height: 45px;
        top: -45px;
    }
    .comprehensive__item:first-of-type .comprehensive__descr {
        top: -87px;
        left: 18px;
        width: 239px;
    }
    .comprehensive__item{
        margin: 0 !important;
    }
    .comprehensive__item:nth-of-type(3) {
        bottom: -541px;
    }
    .comprehensive__item:nth-of-type(4) {
        bottom: -949px;
    }
    .comprehensive__item:nth-of-type(4)::before,
    .comprehensive__item:nth-of-type(2)::before,
    .comprehensive__item:nth-of-type(3)::before{
        content: none;
    }
    .comprehensive__item:nth-of-type(2) .comprehensive__descr {
        bottom: -43px;
        left: 47px;
        width: 145px;
    }
    .comprehensive__item:nth-of-type(3)::after {
        height: 41px;
        bottom: -41px;
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(2) {
        top: 307px;
        right: 50%;
        width: 252px;
        transform: translateX(50%);
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(3) {
        top: initial;
        right: 50%;
        width: 252px;
        bottom: -132px;
        transform: translateX(50%);
    }
    .comprehensive__item:nth-of-type(3) .comprehensive__descr:nth-of-type(4) {
        bottom: initial;
        right: 50%;
        width: 252px;
        top: 402px;
        transform: translateX(50%);
    }
    .comprehensive__item:nth-of-type(4) .comprehensive__descr {
        top: 229px;
        right: 50%;
        width: 171px;
        transform: translateX(50%);
    }
}
.promotion__btn-more{
    display: none;
}
.promotion{
    margin-top: 296px;
    position: relative;
    z-index: 1;
}
.promotion__inner{
    display: flex;
    gap: 20px;
    position: relative;
    flex-direction: column;
    max-width: 876px;
    margin-left: 80px;
}
.promotion__inner::after{
    position: absolute;
    content: '';
    width: 547px;
    height: 547px;
    border-radius: 547px;
    background: rgba(217, 217, 217, 0.30);
    top: -100px;
    left: -100px;
    z-index: -1;
}
.promotion__block:nth-child(2){
    display: flex;
    gap: 45px;
}
.promotion__title{
    margin-bottom: 20px;
    margin-left: -6px;
}
.promotion__descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.promotion__descr span{
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 26px */
}
.promotion__content{
    display: flex;
    gap: 11px;
    margin-top: 18px;
    width: 100%;
    max-width: 133px;
}
.promotion__item-name{
    color: rgba(73, 72, 72, 0.70);
    font-family: "Koulen", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 20px;
}
.promotion__content-item:last-of-type .promotion__item-name{
    margin-bottom: 4px;
}
.promotion__item-descr{
    color: #2F2F2F;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-wrap: nowrap;
}
.promotion__content-item.underline{
    position: relative;
}
.promotion__content-item.underline::after{
    position: absolute;
    content: '';
    width: 120px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='16' viewBox='0 0 92 16' fill='none'%3E%3Cpath d='M92 8C92 3.58172 88.4183 8.63095e-07 84 4.76837e-07C79.5817 9.0579e-08 76 3.58172 76 8C76 12.4183 79.5817 16 84 16C88.4183 16 92 12.4183 92 8ZM84 6.5L1.31134e-07 6.49999L-1.31134e-07 9.49999L84 9.5L84 6.5Z' fill='%23368CC1'/%3E%3C/svg%3E");    background-repeat: no-repeat;
    top: 33px;
    left: 0;
}
@media (max-width: 1279px) {
    .promotion__inner{
        max-width: 100%;
        margin-left: 106px;
    }
}
@media (max-width: 999px) {
    .promotion{
        margin-top: 714px;
    }
    .promotion__inner{
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .promotion {
        margin-top: 968px;
    }
    .promotion__inner::after{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .promotion__title.title{
        max-width: 323px;
        font-size: 40px;
    }
    .promotion__content {
        position: absolute;
        top: -70px;
        right: 20px;
    }
    .promotion__content-block{
        display: none;
    }
    .promotion__btn-more{
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        gap: 5px;
        color: rgba(54, 140, 193, 0.80);
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 15.6px */
        border: none;
        cursor: pointer;
        background-color: transparent;
        outline: none;
        margin-top: -25px;
    }
    .promotion__inner.show .promotion__content-block{
        display: block;
    }
    .promotion__inner.show .promotion__block:first-of-type,
    .promotion__inner.show .promotion__content{
        display: none;
    }
    .promotion__inner.show .promotion__btn-more{
        margin-top: -10px;
        font-size: 0;
        transform: rotate(180deg);
    }
    .promotion__title.title{
        margin-bottom: 15px;
    }
    .promotion__descr{
        font-size: 14px;
    }
    .promotion__inner::after{
        width: 400px;
        height: 400px;
        top: -100px;
        transform: translateX(-50%);
    }
    .promotion__content {
        position: absolute;
        top: -50px;
        right: 52px;
    }
}
@media (max-width: 479px) {
    .promotion__content{
        top: -70px;
    }
    .promotion{
        margin-top: 1111px;
    }
    .promotion__inner{
        padding-left: 0px;
        margin: 0 auto;
        max-width: 300px;
    }
    .promotion__content{
        display: none;
    }
    .promotion__inner::after{
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .promotion__descr{
        margin: 0 auto;
        display: block;
    }
    .promotion__descr span {
        font-size: 16px;
        font-weight: 300;
        line-height: 130%;
    }
    .promotion__title.title {
        max-width: 304px;
        font-size: 38px;
        width: auto;
    }
}
.reasons{
    margin-top: 200px;
    overflow: hidden;
}
.reasons__inner{
    max-width: 677px;
    margin: 0 auto;
}
.reasons__title.title{
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
}
.reasons .span-title{
    display: inline-block;
    max-width: 335px;
}
.reasons__block{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 16px;
}
.reasons__item{
    display: flex;
    align-items: center;
    gap: 20px;
}
.reasons__item:nth-of-type(3) .reasons__num{
    background-color: transparent;
    border: 3px solid rgba(54, 140, 193, 0.80);
    color: rgba(54, 140, 193, 0.80);
}
.reasons__name{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    max-width: 114px;
    transition: all .2s ease;
}
.reasons__num{
    width: 80px;
    height: 80px;
    min-width: 80px;
    color: #FFF;
    font-family: "Koulen", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: rgba(54, 140, 193, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .2s ease;
}
.reasons__item:hover .reasons__name{
    transform: scale(1.1);
}
.reasons__item:hover .reasons__num{
    transform: scale(1.1);
}
.reasons__descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    max-width: 582px;
    margin: 20px 0;
}
.reasons__btn{
    height: 56px;
    width: 100%;
    max-width: 180px;
}
@media (max-width: 767px) {
    .reasons__block{
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
        gap: 14px 20px;
    }
    .reasons__item{
        gap: 15px;
    }
    .reasons{
        margin-top: 100px;
    }
    .reasons__title.title{
        flex-direction: column;
        align-items: start;
        gap: 0;
        font-size: 60px;
    }
    .reasons__title .span-title {
        margin-top: -4px;
        margin-left: 5px;
        font-size: 24px;
    }
    .reasons__descr{
        font-size: 14px;
        margin: 20px 0 15px;
    }
    .reasons__btn {
        max-width: 220px;
    }
    .reasons__name{
        font-size: 16px;
    }
}
@media (max-width: 479px) {
    .reasons__item{
        gap: 10px;
    }
    .reasons__num{
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 30px;
    }
    .reasons__name{
        font-size: 14px;
    }
}
.examples{
    margin-top: 120px;
}
.examples .span-title{
    margin-top: 6px;
    margin-left: 0px;
}
.examples__inner{
    max-width: 1180px;
    margin: 0 auto;
}
.examples__title.title{
    line-height: 100%;
}
.examples__content{
    display: flex;
    align-items: start;
    gap: 16px;
}
.examples__descr{
    max-width: 505px;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 22px;
    margin-bottom: 19px;
}
.examples__item{
    width: 100%;
    position: relative;
}
.examples__item-content{
    height: 294px;
    max-width: 580px;
    width: 100%;
    border: 4px solid rgba(128, 45, 142, 0.80);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 48px;
    transition: all 3s ease;
    transform: translateY(0px);
}
.examples__item-content--date {
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    bottom: 52px;
    right: 89px;
    transition: all .1s ease;
}
.examples__item-content--date p{
    color: #9E9595;
    text-align: center;
    font-size: 8px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.examples__item:last-of-type .examples__item-content--date {
    right: initial;
    left: 103px;
}

@media (min-width: 767px) {
    .examples__item-content:hover{
        transform: scale(1.03);
    }
    .examples__item-content:hover .examples__item-name,
    .examples__item-content:hover .examples__item-graph{
        transform: scale(1.1);
    }
    .examples__item:hover .examples__item-content--date {
        transform: translateY(10px);
    }
}
.examples__item-name{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 140px;
    transition: all .2s ease;
}
.examples__item-graph{
    margin-top: 20px;
    pointer-events: none;
    transition: all .2s ease;
}
.examples__info-content{
    display: flex;
    gap: 9px;
    height: max-content;
    transition: all .2s ease;
}
.examples__info-content:hover{
    transform: scale(1.1);
}
.examples__info-name{
    color: rgba(73, 72, 72, 0.70);
    font-family: "Koulen", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 20px;
}
.examples__info-item:last-of-type .examples__info-descr{
    margin-top: 5px;
    margin-left: 1px;
}
.examples__info-descr{
    color: #2F2F2F;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 3px;
    margin-left: 2px;
}
.examples__info-item.underline{
    position: relative;
}
.examples__info-item.underline::after{
    position: absolute;
    content: '';
    width: 120px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='17' viewBox='0 0 77 17' fill='none'%3E%3Cpath d='M77 8.79102C77 4.37274 73.4183 0.791016 69 0.791016C64.5817 0.791016 61 4.37274 61 8.79101C61 13.2093 64.5817 16.791 69 16.791C73.4183 16.791 77 13.2093 77 8.79102ZM69 7.29102L1.31134e-07 7.29101L-1.31134e-07 10.291L69 10.291L69 7.29102Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    bottom: -4px;
    left: 0;
}
.examples__info-block{
    margin-top: -4px;
}
.examples__info-title{
    color: #6B6464;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1px;
}
.examples__box-num{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 3px solid #8C2782;
    border-radius: 50%;
    color: #6B6464;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.examples__box-small .examples__box-num{
    width: 60px;
    height: 60px;
    font-size: 15px;
}
.examples__box-big .examples__box-num{
    width: 98px;
    height: 98px;
    font-size: 22px;
}
.examples__box-line{
    color: #857E7E;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.examples__item-info {
    position: absolute;
    display: flex;
    gap: 65px;
    left: 4px;
    bottom: -130px;
}
.examples__info-box{
    display: flex;
    gap: 64px;
    align-items: center;
}
.examples__box-big,
.examples__box-small{
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.examples__box-small .examples__box-line{
    position: absolute;
    top: 34px;
    right: -34px;
}
.examples__box-small .examples__box-line::after{
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='17' viewBox='0 0 45 17' fill='none'%3E%3Cpath d='M2.20984 7.38281H0.709839V10.3828H2.20984V7.38281ZM28.7609 8.88281C28.7609 13.3011 32.3426 16.8828 36.7609 16.8828C41.1792 16.8828 44.7609 13.3011 44.7609 8.88281C44.7609 4.46453 41.1792 0.882813 36.7609 0.882813C32.3426 0.882813 28.7609 4.46453 28.7609 8.88281ZM2.20984 10.3828H36.7609V7.38281H2.20984V10.3828Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 70px;
    height: 19px;
    top: -13px;
    right: -43px;
}
.examples__box-big .examples__box-line {
    position: absolute;
    top: 44px;
    right: -59px;
}
.examples__box-big .examples__box-line::after{
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='17' viewBox='0 0 73 17' fill='none'%3E%3Cpath d='M1.54663 6.57617H0.0466309V9.57617H1.54663V6.57617ZM56.5515 8.07617C56.5515 12.4945 60.1332 16.0762 64.5515 16.0762C68.9698 16.0762 72.5515 12.4945 72.5515 8.07617C72.5515 3.65789 68.9698 0.0761719 64.5515 0.0761719C60.1332 0.0761719 56.5515 3.65789 56.5515 8.07617ZM1.54663 9.57617H64.5515V6.57617H1.54663V9.57617Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 75px;
    height: 19px;
    top: 8px;
    right: -22px;
}
.examples__item:last-of-type .examples__info-item.underline::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='17' viewBox='0 0 82 17' fill='none'%3E%3Cpath d='M82 8.79101C82 4.37274 78.4183 0.791016 74 0.791016C69.5817 0.791016 66 4.37274 66 8.79102C66 13.2093 69.5817 16.791 74 16.791C78.4183 16.791 82 13.2093 82 8.79101ZM74 7.29102L-1.31134e-07 7.29102L1.31134e-07 10.291L74 10.291L74 7.29102Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    left: -2px;
}
.examples__item:last-of-type .examples__box-small .examples__box-line::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='17' viewBox='0 0 45 17' fill='none'%3E%3Cpath d='M2.11108 6.58203H0.611084V9.58203H2.11108V6.58203ZM28.5968 8.08203C28.5968 12.5003 32.1785 16.082 36.5968 16.082C41.0151 16.082 44.5968 12.5003 44.5968 8.08203C44.5968 3.66375 41.0151 0.0820317 36.5968 0.0820317C32.1785 0.0820317 28.5968 3.66375 28.5968 8.08203ZM2.11108 9.58203H36.5968V6.58203H2.11108V9.58203Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
}
.examples__item:last-of-type .examples__box-big .examples__box-line::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='17' viewBox='0 0 73 17' fill='none'%3E%3Cpath d='M1.54834 6.77344H0.0483398V9.77344H1.54834V6.77344ZM56.4341 8.27344C56.4341 12.6917 60.0158 16.2734 64.4341 16.2734C68.8523 16.2734 72.4341 12.6917 72.4341 8.27344C72.4341 3.85516 68.8523 0.273438 64.4341 0.273438C60.0158 0.273438 56.4341 3.85516 56.4341 8.27344ZM1.54834 9.77344H64.4341V6.77344H1.54834V9.77344Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
}
.examples__item:last-of-type .examples__box-num{
    border-color: #368CC1;
}
.examples__item:last-of-type .examples__item-content{
    padding-left: 32px;
    border-color: #368CC1;
    gap: 26px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.examples__item:last-of-type .examples__item-info{
    align-items: center;
    gap: 69px;
    top: -124px;
    left: 16px;
    bottom: initial;
}
.examples__item:last-of-type .examples__info-title{
    margin-bottom: 4px;
    margin-left: 10px;
}
.examples__item:first-of-type .examples__info-content {
    margin-top: 28px;
    margin-left: 13px;
}
.examples__item:last-of-type .examples__info-content{
    gap: 4px;
    margin-top: 38px;
}
.examples__item:last-of-type .examples__info-item:last-of-type .examples__info-descr{
    margin-top: 4px;
    margin-left: 0;
}
.examples__item:last-of-type .examples__box-small .examples__box-line {
    position: absolute;
    top: 38px;
    right: -31px;
}
.examples__item:last-of-type .examples__box-big .examples__box-num {
    margin-bottom: -3px;
    margin-left: -2px;
}
.examples__item:last-of-type .examples__box-big .examples__box-line {
    position: absolute;
    top: 45px;
    right: -60px;
}
.examples__item:last-of-type .examples__item-name{
    max-width:211px;
}
.examples__btn button{
    margin-top: 20px;
    width: 100%;
    max-width: 256px;
    height: 56px;
}
.examples__btn-end{
    display: none;
    width: 100%;
    max-width: 256px;
    height: 56px;
}
.examples__box-big,
.examples__box-small{
    transition-delay: 0s !important;
    transition-duration: 0.2s !important;
}
.examples__box-big[data-aos^=fade][data-aos^=fade].aos-animate:hover,
.examples__box-small[data-aos^=fade][data-aos^=fade].aos-animate:hover{
    transform: scale(1.1) translateZ(0);
}
@media (max-width: 1279px) {
    .examples__content{
        max-width: 960px;
        margin: 0 auto;
        gap: 20px;
    }
    .examples__item-content{
        gap: 0 !important;
    }
    .examples__item-name{
        font-size: 14px;
        width: 100%;
        max-width: 124px;
        margin-bottom: -42px;
    }
    .examples__item-graph{
        width: 100%;
        max-width: 287px;
    }
    .examples__item:last-of-type .examples__item-content--date {
        left: 89px;
    }
    .examples__item-content--date {
        right: 68px;
    }
    .examples__item-info{
        flex-direction: row-reverse;
        gap: 69px;
        top: initial;
        left: 0;
        bottom: -124px;
        right: 0;
        justify-content: space-between;
    }
    .examples__btn{
        display: none;
    }
    .examples__btn-end{
        display: block;
        margin: 131px auto 0;
    }
    .examples__item:last-of-type .examples__item-info {
        top: initial;
        left: 0;
        bottom: -113px;
        right: 0;
    }
    .examples__item:last-of-type .examples__info-content {
        gap: 4px;
        margin-top: -3px;
        margin-right: 31px;
    }
    .examples__item:last-of-type .examples__box-big .examples__box-num {
        margin-bottom: -18px;
        margin-left: -5px;
    }
    .examples__item:last-of-type .examples__box-big .examples__box-line {
        top: 34px;
        right: -62px;
    }
    .examples__item:first-of-type .examples__box-small{
        position: relative;
        top: -10px;
    }
    .examples__item:first-of-type .examples__box-big{
        position: relative;
        top: 5px;
        left: -5px;
    }
    .examples__box-big .examples__box-line {
        position: absolute;
        top: 33px;
        right: -63px;
    }
    .examples__info-title{
        margin-left: 16px;
    }
    .examples__box-small .examples__box-line {
        position: absolute;
        top: 39px;
        right: -33px;
    }
    .examples__item:first-of-type .examples__info-content {
        margin-top: 23px;
        position: relative;
        left: -28px;
    }
}
@media (max-width: 999px) {
    .examples__item:last-of-type .examples__item-content--date {
        left: 112px;
    }
    .examples__item-content--date {
        right: 97px;
    }
    .examples__item:last-of-type .examples__info-content{
        margin-top: -33px;
    }
    .examples__item:first-of-type .examples__info-content{
        margin-top: 3px;
    }
    .examples__inner{
        max-width: 623px;
    }
    .examples__title.title{
        font-size: 46px;
    }
    .examples__content{
        gap: 10px;
        flex-direction: column-reverse;
        margin: 0;
        max-width: 580px;
    }
    .examples__item{
        display: flex;
        flex-direction: column-reverse;
        gap: 12px;
    }
    .examples__item:last-of-type .examples__item-info{
        position: initial;
        flex-direction: row;
    }
    .examples__item-info{
        align-items: start;
    }
    .examples__item:last-of-type .examples__info-content {
        margin: -6px 0 0 35px;
    }
    .examples__item:last-of-type .examples__box-big .examples__box-num {
        margin-bottom: 1px;
    }
    .examples__item:last-of-type .examples__box-big .examples__box-line {
        top: 50px;
    }
    .examples__info-box{
        margin-right: 113px;
    }
    .examples__item:first-of-type .examples__item-info{
        flex-direction: row;
    }
    .examples__item:first-of-type .examples__info-content {
        margin-top: 13px;
        left: 23px;
    }
    .examples__item-content{
        justify-content: space-between;
        padding: 55px;
        gap: 20px !important;
    }
    .examples__item:last-of-type .examples__item-content{
        justify-content: space-between;
        padding: 55px;
        gap: 20px !important;
    }
    .examples__btn-end{
        margin: 121px 0 0 0;
    }
    .examples__item:last-of-type .examples__item-name{
        max-width: 147px;
    }
    .examples__item-graph{
        width: 66%;
    }
    .examples__item:last-of-type .examples__item-info,
    .examples__item:first-of-type .examples__item-info{
        gap: 0px;
        justify-content: space-between;
    }
    .examples__btn-end{
        max-width: 278px;
    }
}
@media (max-width: 767px) {
    .examples__item:last-of-type .examples__item-content--date {
        left: 101px;
    }
    .examples__item-content--date {
        right: initial;
        left: 111px;
    }
    .examples__item:last-of-type .examples__info-content {
        margin: -6px 0 0 0;
    }
    .examples__info-box {
        margin-right: 79px;
        gap: 60px;
    }
    .examples__item:first-of-type .examples__info-content {
        left: -12px;
        margin-left: 0;
        margin-top: 23px;
    }
    .examples__item:first-of-type .examples__item-info{
        flex-direction: row-reverse;
    }
    .examples__btn-end{
        margin: 140px 0 0 75px;
    }
    .examples__info-title {
        margin-left: 11px;
    }
    .examples__item:first-of-type .examples__box-small {
        top: 1px;
    }
    .examples__box-big .examples__box-line {
        top: 43px;
        right: -61px;
    }
    .examples__item:last-of-type .examples__box-big .examples__box-line {
        right: -58px;
    }
    .examples__item:last-of-type .examples__item-content{
        padding: 36px 45px;
    }
    .examples__item:last-of-type .examples__item-name{
        position: absolute;
        top: 23px;
        right: 45px;
    }
    .examples__item-graph {
        width: 100%;
        max-width: 287px;
    }
    .examples__item-name {
        position: absolute;
        top: 186px;
        right: -22px;
    }
    .examples{
        margin-top: 100px;
    }
    .examples__title.title {
        font-size: 32px;
    }
    .examples__title .span-title {
        font-size: 24px;
    }
    .examples__descr{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .examples__descr{
        font-size: 14px;
    }
}
@media (max-width: 479px) {
    .examples__item:last-of-type .examples__item-content--date,
    .examples__item-content--date  {
        left: 70px;
        bottom: 33px;
        gap: 13px;
    }
    .examples__descr{
        margin-bottom: 81px;
    }
    .examples__content{
        gap: 181px;
    }
    .examples__item-info{
        position: initial;
    }
    .examples__item-content{
        height: max-content;
    }
    .examples__info-content{
        position: absolute !important;
        top: -53px;
        left: 12px;
    }
    .examples__info-box{
        margin: 0;
    }
    .examples__info-block {
        margin-top: -4px;
        position: absolute;
        left: 50%;
        transform: translateX(-68%);
        bottom: -118px;
    }
    .examples__info-block[data-aos^=fade][data-aos^=fade].aos-animate{
        transform: translateX(-68%) translateZ(0);
    }
    .examples__item:first-of-type .examples__info-content {
        top: -69px;
        left: 27px;
    }
    .examples__item-content {
        padding: 32px 21px !important;
        gap: 0;
        justify-content: center;
    }
    .examples__item-graph{
        max-width: 100%;
    }
    .examples__item-name{
        top: -37px;
        right: 9px;
    }
    .examples__item:last-of-type .examples__item-name{
        top: -48px;
        right: 9px;
    }
    .examples__btn-end{
        margin: 142px auto 0;
    }
    .examples__item:first-of-type .examples__info-block{
        bottom: -124px;
    }
}

.cases{
    margin-top: 135px;
}
.cases__inner{
    max-width: 960px;
    margin: 0 auto;
}
.cases__title.title{
    margin-left: 5px;
    margin-bottom: 20px;
}
.cases__slider{
    margin: -20px;
    padding: 20px;
}
.cases__slider-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}
.cases__slider .swiper-pagination-bullet{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17' viewBox='0 0 25 17' fill='none'%3E%3Cpath d='M2 9.51562L0.5 9.51563L0.5 6.51563L2 6.51562L2 9.51562ZM9 8.01562C9 3.59735 12.5817 0.0156241 17 0.0156237C21.4183 0.0156233 25 3.59734 25 8.01562C25 12.4339 21.4183 16.0156 17 16.0156C12.5817 16.0156 9 12.4339 9 8.01562ZM2 6.51562L17 6.51562L17 9.51562L2 9.51562L2 6.51562Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    width: 26px !important;
    height: 19px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all .1s ease;
}
.cases__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17' viewBox='0 0 25 17' fill='none'%3E%3Cpath d='M2 9.51562L0.5 9.51563L0.5 6.51563L2 6.51562L2 9.51562ZM9 8.01562C9 3.59735 12.5817 0.0156241 17 0.0156237C21.4183 0.0156233 25 3.59734 25 8.01562C25 12.4339 21.4183 16.0156 17 16.0156C12.5817 16.0156 9 12.4339 9 8.01562ZM2 6.51562L17 6.51562L17 9.51562L2 9.51562L2 6.51562Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
}
.cases__slider .swiper-pagination-bullet:hover{
    transform: scale(1.1);
}
.cases__item{
    border: 4px solid rgba(140, 39, 130, 0.80);
    border-radius: 12px;
    padding: 21px 34px 42px;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
    z-index: 1;
    transition: all .2s ease;
}
.cases__item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    border-radius: 6px 6px 0px 0px;
    background: rgba(140, 39, 130, 0.80);
    z-index: -1;
}
.cases__item:hover{
    transform: scale(1.02);
}
.cases__item-top{
    max-width: 811px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}
.cases__item-title{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.cases__item-country{
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
}
.cases__item-country::before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='21' viewBox='0 0 13 21' fill='none'%3E%3Cpath d='M6.68592 19.9477C4.46318 17.9152 0.0898873 9.94738 0.0584128 6.58039C0.0269383 3.2134 3.44562 0.108756 6.68445 0.0765539C9.92328 0.0443514 12.8424 3.21442 12.8739 6.58141C12.9054 9.9484 8.80738 17.6898 6.68592 19.9477Z' fill='white'/%3E%3Cpath d='M9.18489 6.5698C9.18489 7.94161 8.11515 9.05367 6.79557 9.05367C5.47598 9.05367 4.40625 7.94161 4.40625 6.5698C4.40625 5.198 5.47598 4.08594 6.79557 4.08594C8.11515 4.08594 9.18489 5.198 9.18489 6.5698Z' fill='%238C2782'/%3E%3C/svg%3E");
    top: 50%;
    transform: translateY(-50%);
    left: -18px;
    width: 13px;
    height: 20px;
}
.cases__item-content{
    max-width: 811px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: 54px;
}
.cases__item-left{
    max-width: 653px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cases__item-name{
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 20px */
    margin-bottom: 5px;
}
.cases__item-site{
    color: #8C2782;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.cases__item-descr{
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;
}
.cases__item-box{
    display: flex;
    margin-top: 30px;
    gap: 21px;
}
.cases__item-about{
    color: #9E9595;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.cases__item-pr{
    color: rgba(140, 39, 130, 0.80);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: end;
    margin-top: 7px;
}
.cases__item-pr span{
    font-family: 'Koulen', sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2px;
}
.cases__item-btn{
    max-width: 180px;
    width: 100%;
    height: 35px;
    margin-top: 20px;
}
.cases__item-btn button{
    font-size: 12px;
    animation: none;
}
.cases__item-right{
    max-width: 84px;
    width: 100%;
}
.cases__graph-icon{
    display: flex;
    align-items: center;
}
.cases__item-graph:nth-of-type(2){
    margin-top: -20px;
}
.cases__graph-name{
    color: #9E9595;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 12px */
    text-transform: lowercase;
    margin-top: 5px;
}
.cases__graph-descr{
    color: rgba(140, 39, 130, 0.80);
    font-family: 'Koulen', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: -5px;
}
.cases__item.color-blue::before{
    background-color: #368CC1;
}
.cases__item.color-blue{
    border-color: #368CC1;
}
.cases__item.color-blue .cases__item-country::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M6.68592 19.932C4.46318 17.8996 0.0898873 9.93175 0.0584128 6.56476C0.0269383 3.19777 3.44562 0.0931313 6.68445 0.0609289C9.92328 0.0287264 12.8424 3.19879 12.8739 6.56578C12.9054 9.93277 8.80738 17.6741 6.68592 19.932Z' fill='white'/%3E%3Cpath d='M9.18489 6.55418C9.18489 7.92598 8.11515 9.03805 6.79557 9.03805C5.47598 9.03805 4.40625 7.92598 4.40625 6.55418C4.40625 5.18238 5.47598 4.07031 6.79557 4.07031C8.11515 4.07031 9.18489 5.18238 9.18489 6.55418Z' fill='%23368CC1'/%3E%3C/svg%3E");
}
.cases__item.color-blue .cases__item-site{
    color: #368CC1;
}
.cases__item.color-blue .cases__item-pr,
.cases__item.color-blue .cases__graph-descr{
    color: rgba(54, 140, 193, 0.80);
}
.cases__item.color-blue .cases__item-btn button{
    background-color: rgba(54, 140, 193, 0.80);
    transition: all .2s ease;
}
.cases__item.color-blue .cases__item-btn button:active{
    background-color: rgba(54, 140, 193, 1);
}
@media (max-width: 999px) {
    .cases__item {
        padding: 21px 29px 46px;
    }
    .cases__item-name{
        max-width: 440px;
    }
    .cases__item-descr{
        max-width: 499px;
    }
}
@media (max-width: 767px) {
    .cases__item-content{
        gap: 20px;
    }
    .cases{
        margin-top: 100px;
    }
    .cases__title.title{
        font-size: 45px;
        margin-left: 2px;
    }
    .cases__item-end{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "a b"
            "a d";
        width: 100%;
        margin-top: -10px;
    }
    .cases__item-box{
        flex-direction: column;
        width: max-content;
        grid-area: a;
        margin-top: auto;
    }
    .cases__item-right{
        grid-area: b;
        display: flex;
        align-items: start;
        gap: 8px;
        max-width: 100%;
    }
    .cases__item-graph:nth-of-type(2){
        margin-top: 0;
    }
    .cases__item-btn{
        grid-area: d;
    }
    .cases__item-name{
        font-size: 18px;
    }
    .cases__item-descr{
        font-size: 12px;
        margin-right: -15px;
        max-width: none;
    }
    .cases__item.color-blue .cases__item-name{
        max-width: 283px;
    }
    .cases__item.color-blue .cases__item-descr{
        max-width: 340px;
    }
    .cases__graph-icon svg{
        width: 56px;
        height: 56px;
    }
    .cases__slider-pagination{
        display: none;
    }
}
@media (max-width: 479px) {
    .cases__title.title{
        font-size: 34px;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .cases__item-end{
        grid-template-areas:
            "a b"
            "a c"
            "d d";
    }
    .cases__item-btn{
        margin: 14px auto;
    }
    .cases__item-box{
        margin-top: 40px;
    }
    .cases__item-btn{
        max-width: 220px;
    }
}
.steps{
    margin-top: 120px;
}
.steps__inner{
    max-width: 650px;
    margin: 0 auto;
}
.steps__title.title {
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 3px;
}
.steps .span-title{
    display: inline-block;
    max-width: 297px;
}
.steps__block{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 15px;
    margin-left: -6px;
}
.steps__item{
    display: flex;
    align-items: center;
    gap: 20px;
}
.steps__name{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    max-width: 114px;
    transition: all .2s ease;
}
.steps__num{
    width: 80px;
    height: 80px;
    min-width: 80px;
    color: #FFF;
    font-family: "Koulen", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: rgba(122, 83, 169, 0.90);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .2s ease;
}
.steps__item:hover .steps__name{
    transform: scale(1.1);
}
.steps__item:hover .steps__num{
    transform: scale(1.1);
}
.steps__item:last-of-type{
    border-radius: 110px;
    background: rgba(217, 217, 217, 0.30);
    padding: 11px 23px 11px 27px;
    height: max-content;
    margin: auto 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 208px;
}
.steps__item:last-of-type span{
    width: 30px;
    height: 30px;
    min-width: 30px;
    background-color: rgba(122, 83, 169, 0.90);
    border-radius: 50%;
}
.steps__item:last-of-type .steps__name{
    color: #7A53A9;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.steps__content{
    margin-top: 25px;
}
.steps__descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.steps__btn .popup-btn-2{
    margin-top: 20px;
    height: 56px;
    width: 100%;
    max-width: 220px;
}

@media (max-width: 767px) {
    .steps__block {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
        gap: 14px 20px;
    }
    .steps{
        margin-top: 100px;
    }
    .steps__descr{
        font-size: 14px;
        max-width: 419px;
    }
    .steps__title.title {
        font-size: 60px;
        gap: 9px;
    }
    .steps .span-title{
        font-size: 26px;
    }
    .steps__block{
        margin-left: 0;
        margin-top: 10px;
    }
    .steps__item:last-of-type{
        min-height: 80px;
    }
    .steps__content{
        margin-top: 21px;
    }
    .steps__btn{
        margin-top: 15px;
    }
}
@media (max-width: 479px) {
    .steps__title.title{
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    .steps__title .span-title {
        margin-top: -4px;
        margin-left: 5px;
        font-size: 24px;
    }
    .steps__item {
        gap: 10px;
    }
    .steps__num{
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 30px;
    }
    .steps__name {
        font-size: 14px;
    }
    .steps__item:last-of-type {
        min-height: 50px;
        max-width: 160px;
    }
    .steps__item:last-of-type .steps__name{
        font-size: 18px;
    }
    .steps__item:last-of-type span{
        width: 25px;
        height: 25px;
        min-width: 25px;
    }
    .steps__content {
        margin-top: 16px;
    }
}

.reviews{
    margin-top: 61px;
    overflow: hidden;
}
.reviews__inner{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 150px 0;
    max-width: 904px;
    margin: 0 auto;
}
.reviews__inner::after{
    position: absolute;
    content: '';
    border-radius: 600px;
    width: 600px;
    height: 600px;
    background: rgba(217, 217, 217, 0.30);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.reviews__title{
    margin-bottom: 42px;
    text-align: center;
}
.reviews .swiper{
    overflow: visible;
}
.reviews__item{
    border-radius: 10px;
    border: 3px solid rgba(122, 83, 169, 0.90);
    background: #FFF;
    padding: 34px 28px 34px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: auto;
    min-height: 260px;
    transition: all 1s ease;
}
.swiper-backface-hidden .reviews__item.swiper-slide{
    transform: scale(0.8) translateZ(0);
}
.swiper-backface-hidden .reviews__item.swiper-slide.swiper-slide-next,
.swiper-backface-hidden .reviews__item.swiper-slide.swiper-slide-prev{
    transform: scale(0.9) translateZ(0);
}
.reviews__name{
    color: #7A53A9;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 17.6px */
    transition: all 1s ease;
}
.reviews__descr{
    color: #7A53A9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
    transition: all 1s ease;
}
.reviews__end{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.reviews__company,
.reviews__date{
    color: rgba(217, 217, 217, 0.90);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all 1s ease;
}
.reviews__date{
    text-wrap: nowrap;
}
.reviews__item.swiper-slide-active{
    transform: scale(1.2) !important;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background: rgba(140, 39, 130, 0.80);
    border-color: transparent;
}
.reviews__item.swiper-slide-active .reviews__name,
.reviews__item.swiper-slide-active .reviews__descr,
.reviews__item.swiper-slide-active .reviews__company, 
.reviews__item.swiper-slide-active .reviews__date{
    color: #fff;
}
@media (max-width: 999px) {
    .reviews__inner{
        margin: 0 -15px;
        padding: 150px 15px;
        overflow: visible;
    }
}
@media (max-width: 767px) {
    .reviews{
        margin-top: 20px;
    }
}
.siterem{
    margin-top: 42px;
}
.siterem__inner{
    max-width: 1070px;
    margin: 0 auto;
}
.siterem__title.title{
    line-height: 100%;
}
.siterem__title .span-title {
    margin-top: 1px;
    margin-left: 5px;
}
.siterem__slider{
    width: 100%;
    height: 100%;
    padding: 40px 0;
    margin-top: -20px;
}
.siterem__item{
    border-radius: 10px;
    background: rgba(54, 140, 193, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 10px;
}
.siterem__img{
    max-width: 123px;
    max-height: 65px;
}
.siterem__slider-pagination{
    top: 0px !important;
    left: 10px !important;
    position: absolute;
    bottom: initial !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.siterem__slider .swiper-pagination-bullet {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='17' viewBox='0 0 36 17' fill='none'%3E%3Cpath d='M1.99911 10.2632H0.499109L0.500891 7.26318H2.00089L1.99911 10.2632ZM20 8.76318C20.0026 4.34491 23.5865 0.763185 28.0048 0.763185C32.423 0.763185 36.0026 4.34491 36 8.76318C35.9974 13.1815 32.4135 16.7632 27.9952 16.7632C23.577 16.7632 19.9974 13.1815 20 8.76318ZM2.00089 7.26318H28.0009L27.9991 10.2632H1.99911L2.00089 7.26318Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    width: 40px !important;
    height: 19px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    opacity: 1 !important;
}
.siterem__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16' fill='none'%3E%3Cpath d='M2 9.5L0.5 9.5L0.5 6.5L2 6.5L2 9.5ZM20 8C20 3.58172 23.5817 -1.88673e-06 28 -2.27299e-06C32.4183 -2.65925e-06 36 3.58172 36 8C36 12.4183 32.4183 16 28 16C23.5817 16 20 12.4183 20 8ZM2 6.5L28 6.5L28 9.5L2 9.5L2 6.5Z' fill='%23368CC1'/%3E%3C/svg%3E");
}
.siterem__slider {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
}
.siterem__slider-carousel {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    align-items: center;
    animation: animate 30s linear infinite;
}
.siterem__slider-carousel .slide-content {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    border-radius: 10px;
    background: rgba(54, 140, 193, 0.80);
    margin: 5px;
    transition: all .2s ease;
}
.slide-content:hover {
    box-shadow: 0 0 25px rgba(0,0,0,.15);
    transform: scale(1.05);
}
@keyframes animate {
    0% {
        transform: translate3d(0, 0,0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
@-webkit-keyframes animate {
    0% {
        transform: translate3d(0, 0,0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
.siterem__slider:hover .siterem__slider-carousel {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
@media (max-width: 999px) {
    .siterem__slider{
        margin: -20px -15px 0;
        width: calc(100% + 30px);
    }
    .siterem__slider-carousel .slide-content{
        width: 230px;
    }
}
@media (max-width: 767px) {
    .siterem {
        margin-top: 12px;
    }
    .siterem__title.title{
        font-size: 40px;
        width: 102%;
        max-width: 102%;
    }
    .siterem__slider-carousel .slide-content{
        width: 220px;
    }
}
@media (max-width: 479px) {
    .siterem__title.title{
        font-size: 28px;
    }
    .siterem__title .span-title{
        font-size: 20px;
        margin: 0;
    }
    .siterem__slider-carousel .slide-content{
        width: 160px;
    }
}

.cost{
    margin-top: 75px;
}
.cost__inner{
    max-width: 837px;
    margin: 0 auto;
}
.cost .span-title {
    display: inline-block;
    max-width: 363px;
    margin-left: 3px;
    position: relative;
    top: 7px;
}
.cost__content{
    margin-top: 18px;
    display: flex;
    gap: 17px;
    margin-left: 6px;
}
.cost__item{
    min-width: 210px;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    transition: all .2s ease;
}
.cost__item[data-aos^=fade][data-aos^=fade].aos-animate:hover{
    transform: translateZ(0) scale(1.05);
}
.cost__item:first-of-type{
    border: 4px solid rgba(54, 140, 193, 0.80);
    position: relative;
    z-index: 1;
}
.cost__item:last-of-type{
    background-color: rgba(140, 39, 130, 0.80);
    margin-top: -3px;
}
.cost__item:first-of-type:after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='45' viewBox='0 0 16 45' fill='none'%3E%3Cpath d='M9.5 43.0156L9.5 44.5156L6.5 44.5156L6.5 43.0156L9.5 43.0156ZM8 16.0156C3.58172 16.0156 1.33677e-06 12.4339 1.5299e-06 8.01562C1.72303e-06 3.59735 3.58172 0.0156248 8 0.015625C12.4183 0.0156252 16 3.59735 16 8.01563C16 12.4339 12.4183 16.0156 8 16.0156ZM6.5 43.0156L6.5 8.01562L9.5 8.01563L9.5 43.0156L6.5 43.0156Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 17px;
    height: 48px;
    top: -48px;
}
.cost__item:first-of-type .cost__name {
    position: absolute;
    top: -43px;
    right: 134px;
    color: #368CC1;
}
.cost__item:first-of-type .cost__price,
.cost__item:first-of-type .span-text-1{
    color: #368CC1;
}
.cost__item:last-of-type:after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='45' viewBox='0 0 16 45' fill='none'%3E%3Cpath d='M9.5 43.0156L9.5 44.5156L6.5 44.5156L6.5 43.0156L9.5 43.0156ZM8 16.0156C3.58172 16.0156 1.33677e-06 12.4339 1.5299e-06 8.01562C1.72303e-06 3.59735 3.58172 0.0156248 8 0.015625C12.4183 0.0156252 16 3.59735 16 8.01563C16 12.4339 12.4183 16.0156 8 16.0156ZM6.5 43.0156L6.5 8.01562L9.5 8.01563L9.5 43.0156L6.5 43.0156Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 17px;
    height: 46px;
    top: -44px;
}
.cost__item:last-of-type .cost__name {
    position: absolute;
    top: -41px;
    right: 143px;
    color: rgba(140, 39, 130, 0.80);
}
.cost__name{
    max-width: 100px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}
.cost__price{
    color: #FFF;
    font-family: "Koulen", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
}
.cost__block:first-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 43px;
    gap: 7px;
}
.cost__block:last-of-type{
    max-width: 523px;
}
.cost__descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.cost__btn{
    margin-top: 20px;
    width: 100%;
    max-width: 203px;
    height: 56px;
}
@media (max-width: 999px) {
    .cost__title.title{
        max-width: 656px;
        margin: 0 auto;
    }
    .cost__content{
        margin-left: 0;
        flex-direction: column;
    }
    .cost__block:last-of-type{
        max-width: 548px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .cost {
        margin-top: 56px;
    }
    .cost__title.title{
        font-size: 38px;
    }
    .cost__block:last-of-type{
        max-width: 395px;
    }
    .cost__btn{
        margin-top: 15px;
    }
}
@media (max-width: 479px) {
    .cost__content{
        gap: 61px;
    }
    .cost__block:first-of-type{
        flex-direction: column;
        gap: 5px;
    }
    .cost__item:last-of-type:after {
        transform: translateX(-50%) rotate(181deg);
        height: 46px;
        top: initial;
        bottom: -44px;
    }
    .cost__item:first-of-type .cost__name {
        top: -45px;
        right: 172px;
    }
    .cost__item:last-of-type .cost__name {
        top: 209px;
        right: 152px;
    }
    .cost__title.title{
        font-size: 28px;
    }
    .cost__block:last-of-type {
        max-width: 290px;
    }
    .cost__descr{
        font-size: 14px;
    }
}
.sites__more-btn{
    display: none;
}
.sites{
    overflow: hidden;
    margin-top: 101px;
    padding-top: 100px;
}
.sites__inner{
    max-width: 1005px;
    margin: 0 auto;
}
.sites__title.title{
    margin-top: 42px;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -1.44px;
    margin-bottom: 27px;
    margin-left: -6px;
    position: relative;
    z-index: 1;
}
.sites__title.title::before{
    content: '';
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 440px;
    background: rgba(217, 217, 217, 0.30);
    z-index: -1;
    top: -143px;
    right: -17px;
}
.sites__inner{
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.sites__block{
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 480px;
}
.sites__item{
    position: relative;
    z-index: 1;
}
.sites__item-name{
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: 400;
    line-height: 110%; /* 26px */
}
.sites__item-descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%; 
}
.sites__block:first-of-type .sites__item:nth-of-type(3){
    border-radius: 10px;
    border: 5px solid rgba(140, 39, 130, 0.80);
    padding: 52px 58px 52px 72px;
}
.sites__block:first-of-type .sites__item:nth-of-type(3) .sites__item-name{
    font-size: 44px;
    font-weight: 500;
    line-height: 110%;
    max-width: 300px;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(4) .sites__item-name{
    max-width: 349px;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(6){
    flex: 1;
    padding: 64px 25px 22px 50px;
    border-radius: 10px;
    background: rgba(122, 83, 169, 0.90);     
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-name{
    color: #FFF;
    font-size: 34px;
    font-weight: 600;
    line-height: 110%; 
    max-width: 385px;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-descr{
    color: #FFF;
    max-width: 361px;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(3){
    border-radius: 10px;
    background: rgba(54, 140, 193, 0.80);
    padding: 52px 48px 55px 55px;
    min-height: 348px;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(3) .sites__item-name{
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
}
.sites__block:nth-of-type(2) .sites__item:nth-of-type(3) .sites__item-descr{
    color: #FFF;
}
@media (max-width: 1279px) { 
    .sites__block:first-of-type .sites__item:nth-of-type(3) {
        padding: 52px 55px 52px 66px;
    }
    .sites__title.title{
        margin-top: 9px;
        margin-bottom: 28px;
    }
    .sites__title.title::before{
        width: 430px;
        height: 430px;
        border-radius: 430px;
        top: -107px;
    }
    .sites__content{
        width: 100%;
        max-width: 450px;
    }
    .sites__block{
        max-width: 448px;
    }
    .sites__item:nth-child(1) .sites__item-descr{
        max-width: 439px;
    }
    .sites__item:nth-child(2) .sites__item-descr{
        max-width: 449px;
    }
}
@media (max-width: 999px) { 
    .sites__block:first-of-type .sites__item:nth-of-type(3) {
        padding: 32px 28px 35px 35px;
    }
    .sites__block{
        max-width: 100%;
        width: 100%;
    }
    .sites__content{
        width: 100%;
        max-width: 100%;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) {
        padding: 32px 28px 21px 35px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3) {
        padding: 32px 28px 35px 35px;
    }
    .sites__block:first-of-type .sites__item:nth-of-type(3) .sites__item-name{
        font-size: 40px;
    }
    .sites__title.title{
        font-size: 44px;
    }
    .sites__inner {
        max-width: 671px;
    }
    .sites__inner{
        flex-direction: column;
    }
    .sites__item:nth-child(1) .sites__item-descr,
    .sites__item:nth-child(2) .sites__item-descr{
        max-width: 100%;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3){
        min-height: auto;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-name{
        max-width: 100%;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-descr{
        max-width: 100%;
    }
    .sites__title.title {
        font-size: 48px;
        max-width: 499px;
        margin-bottom: 37px;
        margin-top: 0;
    }
    .sites__title.title::before {
        width: 400px;
        height: 400px;
        border-radius: 400px;
        top: -95px;
        right: -67px;
    }
    .sites__block:first-of-type .sites__item:nth-of-type(3) .sites__item-name{
        max-width: 100%;
        font-size: 44px;
    }
    .sites__block:first-of-type .sites__item:nth-of-type(3) {
        padding: 54px 41px;
        max-width: 626px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3){
        padding: 40px 41px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) {
        padding: 50px 30px;
    }
    .sites__more-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        gap: 5px;
        color: rgba(54, 140, 193, 0.80);
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 15.6px */
        border: none;
        cursor: pointer;
        background-color: transparent;
        outline: none;
        margin-top: -25px;
    }
    .sites__item,
    .sites__content ~ .sites__block{
        display: none;
    }
    .sites__content .sites__item:nth-of-type(-n+4) {
        display: block;
    }
    .sites__inner.show .sites__block{
        display: flex;
    }
    .sites__inner.show .sites__item{
        display: block;
    }
    .sites__inner.show .sites__more-btn{
        margin-top: -31px;
        font-size: 0;
        transform: rotate(180deg);
    }
    .sites__block:first-of-type .sites__item:nth-of-type(6){
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .sites{
        margin-top: 35px;
    }
    .sites__title.title {
        font-size: 40px;
        max-width: 421px;
        margin-bottom: 20px;
    }
    .sites__title.title::before {
        width: 320px;
        height: 320px;
        border-radius: 320px;
        top: -55px;
        right: 4px;
    }
    .sites__item-name {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .sites__item-descr{
        font-size: 14px;
    }
    .sites__block,
    .sites__inner{
        gap: 17px;
    }
    .sites__block:first-of-type .sites__item:nth-of-type(3) {
        padding: 30px 25px;
    }
    .sites__block:first-of-type .sites__item:nth-of-type(3) .sites__item-name{
        font-size: 35px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3) {
        padding: 30px 25px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3) .sites__item-name{
        font-size: 24px;
        max-width: 330px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3) .sites__item-descr{
        max-width: 330px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) {
        padding: 30px 20px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-name{
        font-size: 24px;
    }
    .sites__more-btn{
        margin-top: 0;
    }
    .sites__inner.show .sites__more-btn{
        margin-top: -8px;
    }
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(4) .sites__item-name {
        max-width: 100%;
    }
}
@media (max-width: 479px) {
    .sites__item-name{
        font-size: 17px;
    }    
    .sites__block:first-of-type .sites__item:nth-of-type(3) .sites__item-name,
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(3) .sites__item-name,
    .sites__block:nth-of-type(2) .sites__item:nth-of-type(6) .sites__item-name{
        font-size: 24px;
    }
}

.feedback{
    margin-top: 100px;
    padding: 120px 0;
    overflow: hidden;
}
.feedback .span-title{
    margin-top: 8px;
    margin-left: 1px;
}
.feedback__inner{
    max-width: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.feedback__inner::after {
    position: absolute;
    content: '';
    border-radius: 650px;
    width: 650px;
    height: 650px;
    background: rgba(217, 217, 217, 0.30);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}
.feedback__title{
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 404px;
    margin: 0 auto;
    color: #A92F9D;
}
.feedback__title .span-title{
    font-size: 16px;
    line-height: 130%;
    color: #494848;
}
.feedback__title .span-title span{
    color: #A92F9D;
}
.feedback__form-end{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 19px;
    align-items: center;
}
.feedback__form{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: #fff;
    border: 3px solid #A92F9D;
    align-items: center;
    justify-content: center;
    padding: 46px;
    width: 100%;
}
.feedback__form-name{
    color: #A92F9D;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: -2px;
}
.feedback__form-block{
    max-width: 311px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 35px;
}
.feedback__form-input{
    width: 100%;
    max-width: 150px;
    outline: none;
    border-radius: 10px;
    border: 1px solid #A92F9D;
    background: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 30px;
    padding: 10px 10px 10px 8px;
    color: #A92F9D;
}
.feedback__form-input::placeholder{
    color: #CFCFCF;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.feedback__form-input:focus{
    outline: 3px solid #A92F9D;
}
.feedback__form-submit{
    width: 100%;
    max-width: 133px;
    height: 43px;
}
.feedback__form-submit button{
    font-size: 14px;
    font-weight: 500;
}
.feedback__form-box{
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 314px;
    width: 100%;
}
.feedback__form-label{
    color: #A92F9D;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 90%;
    display: flex;
    cursor: pointer;
}
.feedback__form-checkbox {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.feedback__form-checkbox + .checkmark {
    position: relative;
    top: 5px;
    left: 0;
    padding-left: 26px;
    cursor: pointer;
    display: inline-block;
}
.feedback__form-checkbox + .checkmark:before {
    content: "";
    position: absolute;
    left: 4px;
    top: -2px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #A92F9D;
}
.feedback__form-checkbox:checked + .checkmark:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 2px;
    width: 8px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'%3E%3Cpath d='M7.40234 1L4.55825 5.8295C4.21469 6.41289 3.40286 6.49343 2.95138 5.98891L1.00024 3.8086' stroke='%23A92F9D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.feedback__form-submit button:active{
    background: #8E1A83;
}
@media (max-width: 767px) { 
    .feedback{
        padding: 0;
    }
    .feedback__inner{
        gap: 15px;
    }
    .feedback__inner::after{
        content: none;
    }
    .feedback__title {
        font-size: 40px;
        max-width: 355px;
        transform: translateX(15px);
    }
    .feedback .span-title{
        margin-top: 10px;
        font-size: 14px;
    }
    .feedback__form{
        max-width: 330px;
        padding: 43px;
    }
    .feedback__form-name{
        max-width: 212px;
    }
    .feedback__form-block{
        max-width: 220px;
    }
    .feedback__form-input{
        max-width: 100%;
        margin: 0 auto;
    }
    .feedback__form-end{
        flex-direction: column;
        margin-top: 14px;
        gap: 20px;
    }
    .feedback__form-submit{
        max-width: 100%;
    }
    .feedback__form-label br{
        display: none;
    }
    .feedback__form-checkbox + .checkmark{
        top: -1px;
        left: -8px;
    }
}
@media (max-width: 479px) { 
    .feedback__title{
        transform: translateX(6px);
        font-size: 36px;
    }
}

.chaps{
    margin-top: 132px;
}
.chaps__inner{
    max-width: 1131px;
}
.chaps__title.title{
    font-size: 70px;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}
.chaps .span-title{
    display: inline-block;
    max-width: 170px;
}
.chaps__content{
    margin-top: 60px;
    margin-left: 2px;
    margin-right: 2px;
    display: flex;
    gap: 85px;
    position: relative;
}
.chaps__content-img {
    position: absolute;
    right: 129px;
    top: -178px;
}
.chaps__content-img circle{
    transition: all 2s ease;
    opacity: 0;
}
#animated-svg.active circle{
    opacity: 1;
}
.chaps__desc{
    margin-right: 14px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    padding: 0 10px;
    background: rgba(217, 217, 217, 0.30);
    max-height: 0;
    transition: all .2s ease;
    overflow: hidden;
}
.chaps__item.active .chaps__desc{
    max-height: 1000px;
    padding: 10px;
    margin-top: 32px;
}
.chaps__name{
    margin-bottom: 21px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 500px;
}
.chaps__item span{
    display: block;
    width: 100%;
    height: 4px;
    background-color: #D9D9D9;
    position: relative;
}
.chaps__item span::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background-color: #D9D9D9;
    border-radius: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    cursor: pointer;
}
.chaps__item span::before{
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #D9D9D9;
    border-radius: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M5.00049 1L5.00049 9M1 5.02051H9.00012' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}
.chaps__item.active span,
.chaps__item.active span::after{
    background-color: #368CC1;
}
.chaps__item.active span::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='2' viewBox='0 0 11 2' fill='none'%3E%3Cpath d='M1.76636 1H9.87638' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    height: 2px;
}
.chaps__block{
    display: flex;
    flex-direction: column;
    gap: 37px;
    max-width: 516px;
    width: 100%;
}
.chaps__name,
.chaps__name span{
    cursor: pointer;
}
.chaps__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
            -ms-grid-rows:auto 32px auto;
                grid-template-areas:
    "a b"
    "c d";
    gap: 32px;
}
.chaps__block:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: a;
}
.chaps__block:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: c;
}
.chaps__block:last-of-type {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: d;
}
@media (max-width: 1000px) {    
    .chaps__inner {
        max-width: 923px;
    }
    .chaps__content-img {
        right: 0px;
        top: -32px;
    }
    .chaps__content{
        display: flex;
        flex-direction: column;
        gap: 37px;
    }
}
@media (max-width: 890px) {  
    .chaps__content-img {
        width: 250px;
        top: -62px;
    }
    .chaps__content-img svg{
        width: 100%;
    }
}
@media (max-width: 830px) {  
    .chaps__content-img {
        width: 200px;
        top: -102px;
    }
}
@media (max-width: 768px) {
    .chaps{
        margin-top: 100px;
    }
    .chaps__content-img{
        display: none;
    }
    .chaps__inner{
        max-width: 560px;
    }    
    .chaps__content {
        margin-top: 43px;
    }
}
@media (max-width: 480px) {
    .chaps__title.title {
        font-size: 50px;
    }
    .chaps .span-title {
        margin-left: -5px;
    }
    .chaps__content {
        margin-top: 26px;
    }
    .chaps__name,
    .chaps__desc{
        font-size: 14px;
    }
    .chaps__block{
        gap: 31px;
    }
    .chaps__content{
        gap: 28px;
    }
}
@media (max-width: 480px) {
    .chaps__name{
        font-size: 13px;
    }
    .chaps__block {
        gap: 27px;
    }
}