.h1_animation,.h1_animation2{
    transition-duration:1s;
    transition-property:opacity,transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1)
}
.connect_card_numb,.connect_card_title,.connect_subtitle_violet,.resource_subtitle_violet,.sub_h1,.why_we_card_title{
    color:var(--violet_dark)
}
.main,.tariffs{
    overflow:hidden
}
.footer_links_link a small,.main-footer__link a small{
    opacity:1!important
}
.footer_links_link a,.mypopup-modal .checkbox_label_a {
    text-decoration:underline
}
.main{
    padding-top:100px;
    padding-bottom:92px;
    display:flex;
    align-items:center
}
@media screen and (max-width:1200px){
    .main{
        padding-top:65px;
        padding-bottom:45px
    }
}
.main_left,.main_right,.reviews_container,.tarrifs-section .container{
    position:relative
}
.h1{
    margin-bottom:28px
}
.h1_animation{
    opacity:0;
    transform:translateY(10px)
}
.h1_animation:first-child{
    transition-delay:0.3s
}
.h1_animation:nth-child(2){
    transition-delay:4s
}
.h1_animation:nth-child(3){
    transition-delay:1.7s
}
.h1_animation.visible{
    composes:h1_animation;
    transform:translateY(0);
    transition-duration:1s;
    opacity:1
}
.h1_animation2{
    opacity:0;
    transform:translateX(10px)
}
.h1_animation2.visible{
    composes:h1_animation;
    transform:translateX(0);
    opacity:1;
    transition-delay:5s
}
.main_subtitle{
    font-size:25px;
    line-height:115%
}
.main_right_mobile_only,.main_subtitle p,.popup_success.active,.show{
    display:block
}
@media screen and (max-width:1200px){
    .h1{
        margin-bottom:20px
    }
    .main_subtitle{
        font-size:20px
    }
}
.main_arrows_container{
    position:relative;
    display:inline
}
.main_arrows{
    position:absolute;
    z-index:-1
}
.main_arrow{
    z-index:1
}
.main_star{
    position:absolute;
    top:-30%;
    right:10%;
    transform:rotate(-180deg);
    transition-duration:2s;
    transition-property:transform
}
.main_star.visible{
    composes:main_star;
    transform:rotate(0)
}
@media screen and (min-width:500px){
    .main_right_hand_img_mobile{
        display:none
    }
}
.connect_card_laptop,.tariffs_top_item{
    text-align:center
}
.main_right_handResume_img{
    position:absolute;
    display:block
}
.main_right_handResume_img1{
    z-index:-1;
    position:absolute
}
.main_right_handResume_img2{
    z-index:-2;
    position:absolute
}
.main_right_handResume_img3{
    z-index:-3;
    position:absolute
}
.main_btn_container{
    display:flex;
    gap:2px;
    align-items:center;
    margin-top:55px;
    position:relative
}
.main_sale-icon{
    width:240px;
    position:absolute;
    left:234px;
    top:16px;
    z-index:-1;
    cursor:pointer
}
.reviews,.tariffs-slider{
    position:static!important
}
.why_we_container{
    margin:34px 0 37px;
    display:flex;
    gap:20px
}
@media screen and (max-width:1200px){
    .why_we_container{
        margin:30px 0 26px;
        gap:10px
    }
}
.why_we_card{
    background-color:var(--white);
    border-radius:30px;
    padding:25px 30px 30px;
    width:100%
}
.why_we_card_title{
    font-size:30px;
    line-height:105%;
    margin-bottom:12px
}
.connect_bottom_right_subtitle,.connect_card_subtitle,.why_we_card_subtitle{
    font-weight:400;
    font-size:18px;
    line-height:120%;
    text-wrap:balance
}
@media screen and (max-width:1200px){
    .why_we_card_subtitle{
        font-size:15px
    }
}
.connect_top_container{
    margin-top:75px
}
.connect_top,.resource_top{
    display:flex;
    flex-direction:column;
    gap:20px
}
@media screen and (max-width:1200px){
    .connect_top{
        flex-direction:row
    }
}
.connect_bottom_left_item_text,.connect_subtitle,.review_person_company{
    font-weight:400;
    font-size:18px;
    line-height:120%
}
@media screen and (max-width:1200px){
    .connect_subtitle br{
        display:none
    }
    .connect_subtitle{
        font-size:15px;
        line-height:115%;
        max-width:239px
    }
}
.connect_subtitle_violet{
    font-weight:600
}
.connect_container{
    margin:49px 0 70px;
    display:flex;
    gap:20px
}
@media screen and (max-width:1200px){
    .connect_container{
        margin:65px 0 100px
    }
    .connect_card_subtitle{
        font-size:15px
    }
}
.connect_card{
    display:flex;
    flex-direction:column;
    width:100%
}
.connect_card_numb{
    font-weight:500;
    font-size:55px;
    text-align:center;
    place-content:center;
    border-radius:20px;
    background-color:var(--violet_light2);
    width:83px;
    height:83px;
    margin-bottom:22px
}
.connect_card_title{
    font-weight:600;
    font-size:30px;
    line-height:105%;
    margin-bottom:12px;
    text-wrap:balance
}
.connect_bottom_container{
    margin-top:23px;
    display:flex;
    flex-direction:column;
    gap:15px
}
@media screen and (max-width:1200px){
    .connect_bottom_container{
        flex-direction:row;
        gap:0
    }
    .connect_card_laptop{
        background-image:url('../img/main/laptop.png');
        background-position:right;
        background-size:cover;
        margin-left:-60px
    }
    .connect_card_laptop img{
        opacity:0;
        padding-bottom:100px
    }
}
.connect_card_laptop img,.subscribe_first,.tariffs_content_item_second img{
    width:100%
}
.connect_bottom{
    display:flex;
    gap:90px;
    justify-content:space-around;
    margin-bottom:32px
}
.connect_bottom_left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px
}
@media screen and (max-width:1200px){
    .connect_bottom{
        flex-direction:column;
        gap:20px;
        justify-content:flex-start;
        width:100%;
        margin-bottom:0
    }
    .connect_bottom_left{
        gap:20px;
        max-width:280px
    }
}
.connect_bottom_left_item{
    max-width:372px;
    display:flex;
    align-items:center;
    gap:15px
}
@media screen and (max-width:1200px){
    .connect_bottom_left_item{
        gap:10px
    }
    .connect_bottom_left_item_text{
        font-size:15px
    }
}
.connect_bottom_right{
    max-width:437px;
    border-radius:30px;
    background-color:var(--violet)
}
.connect_bottom_right_content{
    padding:25px 60px 30px 30px
}
.connect_bottom_right_title{
    color:var(--violet_dark);
    font-weight:600;
    font-size:30px;
    line-height:105%;
    margin-bottom:12px
}
@media screen and (max-width:1200px){
    .connect_bottom_right_title{
        font-size:25px
    }
    .connect_bottom_right_subtitle{
        font-size:15px
    }
}
.connect_bottom_btn{
    margin:0 auto
}
#cookie_note,.connect_bottom_btn_mobile,.custom-checkbox input,.hide,.main_right_desktop_only{
    display:none
}
@media screen and (max-width:1200px){
    .connect_bottom_btn{
        display:none
    }
    .connect_bottom_btn_mobile{
        display:block;
        margin:0
    }
    .reviews_container{
        padding:0 50px
    }
}
#tariffs{
    padding-top:20px
}
.reviews{
    margin:76px 0;
    cursor:pointer
}
.reviews_card{
    border-radius:30px;
    background-color:var(--white);
    width:100%;
    height:100%
}
.reviews_card_content{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:30px 40px 35px
}
@media screen and (max-width:1200px){
    .reviews_card_content{
        padding:30px
    }
}
.reviews_card img{
    width:fit-content
}
.reviews_card_text{
    font-size:30px;
    line-height:115%;
    color:var(--violet_light3)
}
@media screen and (max-width:1200px){
    .reviews_card_text{
        font-size:25px;
        line-height:110%
    }
}
.review_person{
    display:flex;
    flex-direction:column;
    gap:2px
}
.review_person_name{
    font-size:18px;
    line-height:120%
}
@media screen and (max-width:1200px){
    .review_person_company,.review_person_name{
        font-size:15px
    }
}
.tarrifs-section{
    margin-bottom:40px
}
.tariffs-slider{
    margin:0
}
.tarrifs-section .swiper-button-prev:after{
    margin-right:10px
}
.tarrifs-section .swiper-button-next:after{
    margin-left:10px
}
.tariffs_container{
    margin:58px auto 47px
}
.tariffs_top{
    display:flex;
    align-items:end;
    margin:58px 0 52px
}
.tariffs{
    padding-bottom:20px
}
.tariffs_top_item{
    font-weight:600;
    font-size:20px;
    line-height:105%;
    color:var(--violet_light3);
    padding:0 13px 15px;
    border-bottom:3px solid var(--violet_light3);
    cursor:pointer;
    width:-webkit-fill-available
}
@media screen and (max-width:1200px){
    .tariffs_top_item{
        font-size:17px
    }
}
.tariffs_top_item.active{
    border-bottom:3px solid var(--violet_dark);
    color:var(--violet_dark)
}
.tariffs_content_item{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:flex-start
}
@media screen and (max-width:1200px){
    .tariffs_content_item{
        gap:35px
    }
}
.tariffs_content_item_first{
    max-width:90%
}
.tariffs_content_item_first_top{
    margin-bottom:12px;
    padding-top:10px
}
.tariffs_content_item_first_title{
    display:block;
    max-width:350px;
    font-weight:600;
    font-size:40px;
    line-height:100%;
    width:fit-content;
    color:var(--violet_dark)
}
@media screen and (max-width:1200px){
    .tariffs_content_item_first_title{
        font-size:35px;
        max-width:330px
    }
}
.tariffs_content_item_first_price{
    display:inline-block;
    padding:7px 12px 10px;
    margin-bottom:20px;
    border-radius:40px;
    background-color:#fff;
    font-weight:600;
    font-size:18px;
    line-height:120%;
    color:var(--green);
    white-space:nowrap
}
@media screen and (max-width:1200px){
    .tariffs_content_item_first_price{
        font-size:15px;
        line-height:105%;
        margin-bottom:15px
    }
}
.tariffs_content_item_first_bot{
    font-weight:400;
    font-size:18px;
    line-height:120%;
    overflow-wrap:break-word;
    text-wrap:balance;
    max-width:440px
}
.tariffs_content_item_first_bot pre{
    text-wrap:balance
}
@media screen and (max-width:1200px){
    .tariffs_content_item_first_bot{
        font-size:15px;
        line-height:115%;
        max-width:320px
    }
}
.tariff_btn{
    padding:16px 32px 19px;
    margin:20px auto 0;
    font-family:"IBM Plex Sans",serif;
    line-height:115%
}
@media screen and (max-width:1200px){
    .tariff_btn{
        font-size:15px;
        padding:15px 32px 18px
    }
}
.swiperTarrifs-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:-40px;
    width:90px!important
}
.custom-checkbox.checked::after,.popup .custom-checkbox.checked::after{
    content:'';
    left:6.5px;
    top:2px;
    width:5px;
    height:10px;
    transform:rotate(45deg)
}
.swiperTarrifs-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px
}
.swiperTarrifs-pagination .swiper-pagination-bullet-active{
    background:#00a749
}
@media screen and (min-width:769px){
    .swiperTarrifs-pagination{
        display:none
    }
}
.safety_content_scroll{
    overflow:hidden;
    height:650px;
    position:relative
}
.safety_list{
    position:absolute;
    bottom:0;
    transition:transform 1s ease-in-out
}
.safety_content{
    display:flex;
    align-items:center;
    gap:30px;
    justify-content:space-between;
    padding:140px 0 200px 100px
}
@media screen and (max-width:1200px){
    .safety_content_scroll{
        width:350px;
        height:105px
    }
    .safety_list{
        right:0
    }
    .safety_content{
        padding:45px 0 62px;
        flex-direction:row;
        align-items:start
    }
}
.safety_text{
    font-weight:500;
    font-size:45px;
    line-height:105%;
    color:var(--violet_dark);
    width:625px
}
.app_socials{
    display:flex;
    gap:30px;
    align-items:center;
    margin:26px 0 72px;
    flex-wrap:nowrap
}
@media screen and (max-width:1200px){
    .safety_text{
        width:350px;
        padding:20px 0;
        font-size:33px
    }
    .app_socials{
        margin:14px 0 31px
    }
}
.app_socials_item{
    display:flex;
    gap:2px;
    align-items:center;
    font-weight:600;
    font-size:18px;
    line-height:120%;
    padding:10px 0;
    white-space:nowrap
}
.app_qr_text,.resource_subtitle{
    font-weight:400;
    line-height:120%
}
@media screen and (max-width:1200px){
    .app_socials_item{
        font-size:15px
    }
}
.app_qr{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:2;
    align-items:center;
    justify-content:center;
    margin-bottom:45px
}
@media screen and (max-width:1200px){
    .app_qr{
        margin-bottom:36px
    }
}
.app_qr_text{
    margin-top:12px;
    font-size:18px;
    z-index:2;
    max-width:255px
}
.app_qr_bg1,.app_qr_bg2,.app_qr_bg3{
    z-index:-1;
    position:absolute
}
@media screen and (max-width:1200px){
    .app_qr_text{
        font-size:15px;
        margin-top:6px
    }
}
.app_qr_bg1{
    right:0;
    top:0
}
@media screen and (max-width:960px){
    .main{
        padding-top:25px;
        padding-bottom:34px
    }
    .main_subtitle,.tariffs_top_item{
        font-size:15px
    }
    .connect_bottom_right_content,.why_we_card{
        padding:15px 20px 20px
    }
    .app_socials_item,.connect_bottom_left_item_text,.connect_bottom_right_subtitle,.connect_card_subtitle,.review_person_company,.review_person_name,.safety_content,.why_we_card_subtitle{
        font-size:12px
    }
    .connect_subtitle{
        font-size:12px;
        max-width:221px
    }
    .connect_container{
        margin:44px 0 60px
    }
    .connect_bottom_right_title,.connect_card_title,.reviews_card_text{
        font-size:20px
    }
    .connect_card_laptop{
        margin-left:-40px
    }
    .connect_bottom_left{
        gap:10px;
        max-width:266px
    }
    .connect_bottom_left_item img{
        width:15px
    }
    .connect_bottom_right{
        max-width:266px
    }
    .tariffs_content_item{
        gap:15px;
        grid-template-columns:2fr 3fr
    }
    .tariffs_content_item_first_top{
        margin-bottom:10px
    }
    .tariffs_content_item_first_title{
        font-size:30px;
        max-width:260px
    }
    .tariffs_content_item_first_bot{
        font-size:12px;
        max-width:260px;
        margin-bottom:24px
    }
    .tariff_btn{
        font-size:15px;
        padding:12px 32px 15px
    }
    .app_qr{
        margin-bottom:30px
    }
    .app_qr_text{
        font-size:15px;
        margin-top:2px
    }
    .app_qr_bg1{
        height:61%
    }
    .app_qr_bg2{
        height:50%
    }
}
@media screen and (max-width:768px){
    .main{
        flex-direction:column-reverse
    }
    .main_left{
        width:100%
    }
    .h1_animation{
        transform:translateY(0);
        transition-duration:1s;
        opacity:1
    }
    .h1_animation2{
        transform:translateX(0);
        opacity:1
    }
    .main_subtitle{
        font-size:12px
    }
    .main_arrow,.main_arrows_container,.tariffs_content_item_first_title br,.tariffs_top{
        display:none
    }
    .main_btn_container{
        margin-top:25px;
        padding-bottom:38px
    }
    .why_we_container{
        margin:14px 0 26px;
        flex-direction:column
    }
    .why_we_card{
        padding:20px;
        width:auto
    }
    .why_we_card .why_we_card_title{
        font-size:18px;
        margin-bottom:6px
    }
    .connect_top_container{
        margin-top:35px
    }
    .connect_top{
        flex-direction:column;
        gap:15px
    }
    .connect_subtitle{
        max-width:280px
    }
    .connect_container{
        margin:23px 0 52px;
        flex-direction:column;
        gap:37px
    }
    .connect_card,.reviews_card{
        width:auto
    }
    .connect_card_numb{
        font-size:35px;
        width:55px;
        height:55px
    }
    .connect_card_title{
        font-size:18px;
        margin-bottom:5px
    }
    .connect_bottom_container{
        flex-direction:column;
        gap:16px
    }
    .connect_card_laptop{
        margin-left:0
    }
    .connect_card_laptop img{
        opacity:1;
        padding-bottom:0
    }
    .connect_bottom_left,.connect_bottom_right{
        max-width:none
    }
    .connect_bottom_left_item img{
        opacity:1;
        transform:translateX(0)
    }
    .connect_bottom_right_content{
        padding:15px 60px 20px 20px
    }
    .reviews_container{
        padding:0 40px
    }
    #tariffs{
        padding:40px 0
    }
    .reviews{
        margin:24px 0 0
    }
    .reviews_card_content{
        padding:30px 25px
    }
    .reviews_card_text{
        font-size:18px
    }
    .tariffs_content_item{
        display:flex;
        flex-direction:column-reverse;
        gap:23px
    }
    .tariffs_content_item_first{
        width:100%;
        max-width:100%
    }
    .tariffs_content_item_first_top{
        font-size:6px;
        margin-bottom:6px;
        padding-top:0
    }
    .tariffs_content_item_first_title{
        font-size:22px;
        line-height:110%;
        max-width:100%
    }
    .tariffs_content_item_first_price{
        font-size:12px;
        margin-bottom:10px
    }
    .tariffs_content_item_first_bot{
        margin-bottom:22px;
        max-width:100%
    }
    .tariff_btn{
        font-size:12px;
        padding:9px 23px 12px;
        line-height:105%;
        margin:0
    }
    .safety_content{
        padding:15px 0 62px;
        flex-direction:column
    }
    .app_socials{
        margin:9px 0 49px;
        gap:20px;
        flex-wrap:wrap
    }
    .app_qr{
        margin-bottom:24px
    }
    .app_qr_text{
        font-size:12px;
        max-width:180px
    }
    .app_qr_bg1{
        height:46%;
        bottom:15%;
        top:auto
    }
}
.app_qr_bg2{
    right:calc(50% + 50px)
}
@media screen and (max-width:768px){
    .app_qr_bg2{
        height:40%;
        top:auto
    }
}
@media screen and (max-width:500px){
    .main_star{
        display:none;
        transform:rotate(0);
        width:47px
    }
    .main_right{
        overflow:hidden;
        text-align:end;
        width:fit-content
    }
    .main_right_hand_img_mobile{
        width:100%;
        height:auto
    }
    .main_right_hand_img{
        width:auto;
        height:289px;
        margin-right:50px;
        display:none
    }
    .main_right_handResume_img{
        display:none
    }
    .main_right_handResume_img1{
        top:0;
        right:20px;
        transform:rotate(353deg)
    }
    .main_right_handResume_img2{
        top:6px;
        right:5px;
        transform:translate(0,0) rotate(5deg)
    }
    .main_right_handResume_img3{
        top:22px;
        right:0;
        transform:translate(0,0) rotate(20deg)
    }
    .connect_card_numb{
        margin:0 auto 17px;
        border-radius:13px
    }
    .app_qr .app_qr_img{
        width:216px
    }
    .app_qr_bg1{
        height:35%;
        right:-4%;
        bottom:33%;
        top:auto
    }
    .app_qr_bg2{
        height:25%
    }
}
.app_qr_bg3{
    left:0;
    bottom:10%
}
@media screen and (max-width:550px){
    .app_qr_bg3{
        height:50px;
        bottom:auto;
        left:auto;
        top:0;
        right:0
    }
    .app_qr_telephone,.app_qr_telephone img{
        width:100%
    }
}
.container_bg_green{
    margin-top:45px;
    background-color:var(--green-light);
    padding-top:50px;
    padding-bottom:130px;
    border-radius:40px 40px 0 0
}
@media screen and (max-width:1200px){
    .container_bg_green{
        margin-top:35px;
        padding-top:36px;
        padding-bottom:100px
    }
    .resource_top{
        gap:18px
    }
}
.resource-section{
    border-radius:40px 40px 0 0;
    background-color:var(--green-light)
}
.resource_subtitle{
    max-width:715px;
    text-wrap:balance;
    font-size:18px;
    margin-bottom:54px
}
@media screen and (max-width:1200px){
    .resource_subtitle{
        font-size:15px;
        line-height:115%;
        margin-bottom:34px
    }
}
.resource_subtitle_green{
    font-weight:600;
    color:var(--green)
}
.resource_list{
    display:flex;
    gap:20px;
    margin-bottom:20px
}
.resource_list:last-child{
    margin-bottom:0
}
.resource_card{
    border-radius:32px;
    background-color:var(--white);
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.resource_card_content{
    padding:28px 28px 26px;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    flex:auto
}
@media screen and (max-width:1200px){
    .resource_card_content{
        padding:28px;
        border-radius:20px
    }
}
.resource_card_img_container{
    margin-bottom:20px;
    background-size:cover;
    background-position:center;
    border-radius:16px
}
.resource_card_img{
    opacity:0;
    width:100%
}
.resource_card_title{
    font-size:22px;
    line-height:25px;
    margin-bottom:41px
}
@media screen and (max-width:1200px){
    .resource_card_img_container{
        margin-bottom:16px
    }
    .resource_card_title{
        margin-bottom:20px;
        font-size:16px;
        line-height:120%
    }
}
.resource_card_bottom{
    display:flex;
    gap:20px;
    align-items:center
}
.resource_card_bottom_for{
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:var(--green)
}
.resource_card_bottom_article{
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:var(--green-light1)
}
.subscribe-section{
    background-color:#fff;
    border-radius:40px 40px 0 0
}
.subscribe{
    display:flex;
    gap:90px
}
.subscribe_button{
    padding:18.5px 32px;
    font-size:15px;
    font-weight:600;
    line-height:115%
}
.button{
    background-color:var(--green);
    transition:.3s
}
.button:hover{
    background-color:var(--violet_dark)
}
.checkbox_container{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px
}
.subscribe_form{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:40px;
    margin-bottom:20px;
    font-family:IBM Plex Sans,serif
}
.subscribe_form input::placeholder{
    font-family:IBM Plex Sans,serif;
    font-weight:500;
    font-size:15px;
    line-height:100%;
    color:var(--violet_dark)
}
.custom-checkbox{
    display:inline-block;
    width:20px;
    min-width:20px;
    height:20px;
    border:1px solid var(--green-light3);
    border-radius:3px;
    position:relative;
    cursor:pointer;
    background-color:#fff
}
.custom-checkbox.checked{
    background-color:var(--green-light2);
    border:1px solid #00000000
}
.custom-checkbox.checked::after{
    position:absolute;
    border:solid var(--green);
    border-width:0 2px 2px 0
}
.footer-not-home,.main-footer--rounded .container{
    border-radius:40px 40px 0 0
}
.checkbox_label{
    color:var(--green-light3);
    font-weight:400;
    font-size:12px;
    line-height:120%;
    text-wrap:balance
}
.checkbox_label_a{
    color:var(--green);
    font-weight:600;
    font-size:12px;
    line-height:120%
}
.footer{
    background-color:var(--white);
    margin:0 auto;
    padding:40px 60px 30px;
    max-width:1081px
}
.footer-not-home{
    margin-top:-40px;
    padding-top:40px
}
.footer_container{
    margin-bottom:17px
}
.footer_links_container{
    display:flex;
    flex-direction:row-reverse;
    gap:20px;
    flex-wrap:wrap;
    justify-content:space-between
}
.footer_links{
    min-width:255px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.footer_links-center{
    display:flex;
    align-items:flex-start;
    gap:20px;
    flex-wrap:wrap
}
.footer_links_top{
    font-weight:400;
    font-size:18px;
    line-height:120%;
    margin-bottom:12px
}
.footer_links_link{
    margin-top:5px
}
.footer_links_link a{
    color:var(--green);
    font-weight:700;
    font-size:20px;
    line-height:114.99999999999999%
}
.footer_bot{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:end
}
.footer_bot_c{
    font-weight:400;
    font-size:15px;
    line-height:115%;
    color:var(--gray)
}
.form-success{
    width:50%;
    display:none
}
@media screen and (min-width:768px){
    .main_right_handResume_img1,.main_right_handResume_img2,.main_right_handResume_img3{
        opacity:0;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0.4,0,0.2,1);
        transition-duration:1s
    }
    .main_right_handResume_img{
        opacity:0
    }
    .main_right_handResume_img1{
        top:0;
        right:50px;
        transform:translate(-10px,10px) rotate(353deg);
        transform-origin:bottom left
    }
    .main_right_handResume_img1.visible{
        composes:main_right_handResume_img1;
        transform:translate(0,0) rotate(353deg);
        transition-duration:1s;
        opacity:1;
        transition-delay:3s
    }
    .main_right_handResume_img2{
        top:0;
        right:10px;
        transform:translate(-10px,10px) rotate(357deg);
        transform-origin:bottom left
    }
    .main_right_handResume_img2.visible{
        composes:main_right_handResume_img2;
        transform:translate(0,0) rotate(357deg);
        transition-duration:1s;
        opacity:1;
        transition-delay:3s
    }
    .main_right_handResume_img3{
        top:10px;
        right:0;
        transform:translate(-10px,-10px) rotate(20deg);
        transform-origin:bottom left
    }
    .main_right_handResume_img3.visible{
        composes:main_right_handResume_img3;
        transform:translate(0,0) rotate(20deg);
        transition-duration:1s;
        opacity:1;
        transition-delay:3s
    }
    .main_right_hand_img{
        z-index:1;
        transform:rotate(-30deg);
        opacity:0;
        transition-duration:2s;
        transition-property:opacity,transform
    }
    .main_right_hand_img.visible{
        opacity:1;
        transform-origin:bottom center;
        animation:3s forwards rotateAnimation
    }
    @keyframes rotateAnimation{
        0%{
            transform:rotate(-30deg)
        }
        33%{
            transform:rotate(10deg)
        }
        66%{
            transform:rotate(-10deg)
        }
        100%{
            transform:rotate(0)
        }
    }
    .connect_card_title,.why_we_card_title{
        opacity:0;
        transform:translateY(10px);
        transition-duration:1s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0.4,0,0.2,1)
    }
    .connect_bottom_left_item_img:first-child,.connect_card_title:first-child,.why_we_card_title:first-child{
        transition-delay:0.1s
    }
    .connect_bottom_left_item_img:nth-child(2),.connect_card_title:nth-child(2),.why_we_card_title:nth-child(2){
        transition-delay:0.4s
    }
    .why_we_card_title:nth-child(3){
        transition-delay:0.5s
    }
    .why_we_card_title.visible{
        composes:why_we_card_title;
        transform:translateY(0);
        opacity:1
    }
    @media screen and (max-width:1200px){
        .why_we_card_title{
            font-size:25px;
            margin-bottom:10px
        }
    }
    @media screen and (max-width:960px){
        .why_we_card_title{
            font-size:20px;
            margin-bottom:7px
        }
    }
    @media screen and (max-width:768px){
        .why_we_card .why_we_card_title{
            font-size:18px;
            margin-bottom:6px;
            opacity:1;
            transform:translateY(0)
        }
    }
    .connect_bottom_left_item_img:nth-child(3),.connect_card_title:nth-child(3){
        transition-delay:0.9s
    }
    .connect_card_title.visible{
        composes:connect_card_title;
        transform:translateY(0);
        opacity:1
    }
    .connect_bottom_left_item_img{
        opacity:0;
        transform:translateX(10px);
        transition-duration:1s;
        transition-property:opacity,transform;
        transition-timing-function:cubic-bezier(0.4,0,0.2,1)
    }
    .connect_bottom_left_item_img.visible{
        composes:connect_bottom_left_item_img;
        transform:translateX(0);
        opacity:1
    }
    .main_right_mobile_only{
        display:none
    }
    .main_right_desktop_only{
        display:block
    }
}
.main-footer,.mypopup-wrapper .custom-checkbox.checked{
    background-color:#fff
}
.main-footer--small{
    background-color:unset
}
.main-footer .container{
    background-color:#fff;
    margin:0 auto;
    padding:45px 60px 42px;
    max-width:1080px
}
.main-footer__wrapper{
    display:grid;
    grid-template-columns:5fr 3fr 4fr
}
.main-footer__col:first-child,.main-footer__links,.popup{
    display:flex;
    flex-direction:column
}
.main-footer__logo{
    max-width:215px;
    margin-bottom:122px
}
.main-footer__copy{
    font-size:18px;
    line-height:115%;
    font-weight:400;
    color:#949995
}
.main-footer__title{
    font-size:18px;
    line-height:120%;
    font-weight:400;
    margin-bottom:12px;
    color:#00270c
}
.popup_header,.safety-title{
    font-weight:600;
    line-height:100%
}
.main-footer__link a{
    font-size:20px;
    line-height:115%;
    font-weight:700;
    color:#00a749;
    margin-bottom:5px;
    display:block;
    cursor:pointer
}
.main-footer__link--underline{
    text-decoration:underline;
    color:#00a749
}
.safety{
    display:none;
    padding-top:85px;
    padding-bottom:250px
}
.popup {
    box-sizing:border-box;
    padding:35px 45px 45px
}
.safety-wrapper{
    height:323px
}
.safety-slider{
    height:100%;
    width:100%;
    cursor:pointer
}
.safety-title{
    font-size:35px;
    text-wrap:balance;
    margin-bottom:140px
}



/************* form success popup **************/

.success-popup__overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none; /* скрыт по умолчанию */
    z-index: 9999;
}
.success-popup {
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 350px;
    transform: translate(-50%, -50%);
    background: #8B84D6; /* фиолетовый фон */
    color: #fff;
    border-radius: 30px;
    padding: 35px 45px 45px 45px;


    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    display: none; /* скрыт по умолчанию */
    z-index: 10000;
    text-align: left;
    position: fixed;

    @media(max-width:1200px) {
        padding: 30px 40px 40px 40px;
        max-width: 330px;
    }

    @media(max-width:960px) {
        padding: 20px 30px 30px 30px;
        max-width: 270px;
    }

    @media(max-width:768px) {
        max-width: unset;
        width: 90%;
    }
}




.success-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #fff;
    line-height: 1;

    @media(max-width:960px) {
        width: 12px;
        height: 12px;
    }
}


.success-popup__close svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #fff;
    line-height: 1;

    @media(max-width:960px) {
        width: 12px;
        height: 12px;
    }
}


.success-popup__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 17px;

    @media(max-width:1200px) {
        width: 50px;
        height: 50px;
        margin-bottom: 12px;
    }

    @media(max-width:960px) {
        width: 38px;
        height: 38px;
    }
}


.success-popup__title {
    font-size: 30px;
    line-height: 105%;
    font-weight: 600;
    margin-bottom: 14px;

    @media(max-width:1200px) {
        font-size: 25px;
        margin-bottom: 12px;
    }

    @media(max-width:960px) {
        font-size: 18px;
        margin-bottom: 8px;
    }
}


.success-popup__text {
    font-size: 15px;
    line-height: 120%;
    font-weight: 400;

    @media(max-width:1200px) {
        font-size: 12px;
        line-height: 115%;
    }

}

.success-popup__text p {
    margin-bottom: 8px;
    display: block;
    @media(max-width:960px) {
        margin-bottom: 5px;
    }
}


.success-popup__text p:last-child {
    margin-bottom: 0;
}

.success-popup__text a {
    color: #4ade80;
    text-decoration: underline;
    word-break:break-word;
    overflow-wrap:break-word;
    word-wrap:break-word
}

/************* END form success popup **************/


#access_form_popup{
    border:none;
    overflow:hidden;
    padding:0;
    background-color:transparent
}
.popup{
    width:522px;
    background-color:var(--violet_dark);
    color:var(--white);
    border-radius:30px;
    gap:25px
}
.popup_form,.text_input_fields{
    flex-direction:column;
    display:flex
}
.popup input,.popup input::placeholder{
    font-weight:400;
    font-size:18px;
    line-height:120%
}
.popup .checkbox_label{
    color:var(--violet_light2);
    letter-spacing:0
}
.popup .checkbox_label_a,.popup_button:hover{
    color:var(--green2)
}
.popup .custom-checkbox{
    background-color:transparent;
    border:1.5px solid var(--violet_light2);
    border-radius:3px
}
.popup .custom-checkbox.checked{
    background-color:var(--violet_light2);
    border:1px solid #00000000
}
.popup .custom-checkbox.checked::after{
    position:absolute;
    border:solid var(--violet_dark);
    border-width:0 2px 2px 0
}
.popup_header{
    font-size:40px;
    letter-spacing:0
}
.popup_form{
    gap:14px
}
.text_input_fields{
    gap:12px
}
.checkbox_input_fields{
    display:flex;
    flex-direction:column;
    gap:8px
}
.row{
    display:flex;
    gap:12px
}
.popup_note{
    font-weight:400;
    font-size:18px;
    line-height:120%;
    letter-spacing:0
}
@media screen and (max-width:960px){
    .container_bg_green{
        margin-top:35px;
        padding-top:36px;
        padding-bottom:108px;
        border-radius:30px 30px 0 0
    }
    .resource_top{
        gap:13px
    }
    .resource_top h2{
        font-size:28px;
        line-height:105%
    }
    .resource_subtitle{
        font-size:12px;
        line-height:115%;
        max-width:450px;
        margin-bottom:28px;
        max-width:unset
    }
    .resource_card_content{
        padding:23px 28px 28px
    }
    .resource_card_bottom_article,.resource_card_bottom_for{
        font-size:12px;
        line-height:114.99999999999999%
    }
    .subscribe{
        gap:40px
    }
    .footer{
        padding:10px 40px 30px
    }
    .footer_links_top{
        line-height:114.99999999999999%
    }
    .footer_links_link a,.footer_links_top{
        font-size:15px
    }
    .form-success{
        width:80%
    }
    .popup{
        width:421px;
        padding:30px 40px 40px
    }
    .popup input,.popup input::placeholder{
        font-weight:400;
        font-size:15px;
        line-height:120%
    }
    .popup_header{
        font-size:35px
    }
    .popup_note{
        font-size:15px;
        line-height:120%
    }
}
.popup_button{
    background-color:var(--green2);
    width:100%;
    transition:.3s;
    font-family:"IBM Plex Sans",serif!important
}
.popup_button:hover{
    background-color:#fff
}
@media screen and (max-width:768px){
    .container_bg_green{
        padding-bottom:108px;
        padding-top:20px;
        border-radius:20px 20px 0 0
    }
    .resource_top h2{
        font-size:22px;
        line-height:110%
    }
    .resource_card{
        border-radius:16px
    }
    .resource_card_content{
        padding:20px 20px 13px;
        border-radius:16px
    }
    .resource_card_title{
        font-size:15px;
        line-height:110%;
        margin-bottom:16px
    }
    .resource_card_bottom_article,.resource_card_bottom_for{
        line-height:200%
    }
    .subscribe{
        flex-direction:column-reverse;
        align-items:center
    }
    .subscribe_form{
        flex-direction:column;
        width:100%
    }
    .subscribe_form button,.subscribe_form input{
        width:100%;
        box-sizing:border-box
    }
    .subscribe_form input,input::placeholder{
        font-size:12px;
        font-weight:600;
        line-height:115%
    }
    .footer{
        padding:28px 20px
    }
    .footer-not-home{
        margin-top:-20px;
        padding-top:20px;
        border-radius:20px 20px 0 0
    }
    .footer_links_container{
        flex-direction:column-reverse
    }
    .footer_mmc_logo{
        max-width:108px
    }
    .footer_bot_c,.footer_links_link a{
        font-size:12px
    }
    .form-success{
        width:100%
    }
    .popup{
        width:338px;
        padding:20px 30px 35px
    }
    .popup input,.popup input::placeholder{
        font-weight:400;
        font-size:12px;
        line-height:115%
    }
    .popup_header{
        font-size:20px;
        line-height:105%
    }
    .popup_note{
        font-size:12px;
        line-height:115%
    }
    .secondContent{
        display:none
    }
}
.cookie-container{
    z-index:3;
    position:fixed;
    margin:0 auto;
    max-width:1080px;
    bottom:0;
    right:0;
    left:0
}
.cookie_accept{
    font-size:15px;
    line-height:115%;
    padding:10px 0 13px;
    width:100%;
    text-wrap-mode:nowrap
}
.colorlib-doctor{
    margin-bottom:50px
}
.colorlib-doctor a{
    font-size:14px;
    font-weight:600
}
.thank-btn{
    padding:16px 62px;
    font-weight:600;
    font-size:20px;
    line-height:114.99999999999999%
}
.main-thank{
    padding-top:27px;
    padding-bottom:50px
}
.thank-content{
    background-color:var(--white);
    border-radius:40px;
    display:flex;
    gap:26px
}
.thank-left{
    padding:55px 0 55px 60px
}
.thank-title{
    font-weight:600;
    font-size:60px;
    margin-bottom:18px;
    line-height:100%
}
.thank-subtitle{
    font-weight:400;
    font-size:25px;
    line-height:114.99999999999999%;
    margin-bottom:45px;
    max-width:500px
}
.thank-right{
    position:relative;
    padding:4px 115px 25px 0
}
.thank-right-img2{
    position:absolute;
    top:0;
    right:0
}
.getapp-container{
    margin-bottom:52px
}
.getapp-content{
    display:flex;
    justify-content:space-between
}
.getapp-title{
    font-weight:600;
    font-size:40px;
    line-height:100%;
    margin-bottom:33px
}
@media screen and (max-width:1199px){
    .thank-btn{
        font-size:15px
    }
    .main-thank{
        padding-top:15px;
        padding-bottom:30px
    }
    .thank-left{
        padding:50px 0 60px 50px
    }
    .thank-title{
        font-size:45px;
        margin-bottom:15px
    }
    .thank-subtitle{
        font-size:20px;
        margin-bottom:40px
    }
    .thank-right{
        padding:0 68px 25px 0
    }
    .thank-right-img1{
        height:326px
    }
    .thank-right-img2{
        width:140px;
        top:50px
    }
    .getapp-container{
        margin-bottom:42px
    }
    .getapp-title{
        font-size:35px
    }
}
@media screen and (max-width:959px){
    .main-thank{
        padding-top:12px
    }
    .thank-left{
        padding:30px 0 50px 30px
    }
    .thank-title{
        font-size:35px;
        margin-bottom:12px
    }
    .thank-subtitle{
        font-size:15px;
        margin-bottom:30px
    }
    .thank-right{
        padding:10px 78px 10px 0
    }
    .thank-right-img1{
        height:253px
    }
    .thank-right-img2{
        width:130px
    }
    .getapp-container{
        margin-bottom:14px
    }
    .getapp-title{
        font-size:30px
    }
}
.getapp-right-img1-container{
    margin-right:-20px
}
@media screen and (max-width:1200px){
    .getapp-right-img1-container{
        margin-right:-80px
    }
}
.getapp-right-img1{
    width:calc(100% + 20px)
}
@media screen and (max-width:767px){
    .getapp-content,.resource_list{
        flex-direction:column
    }
    .thank-btn{
        font-size:12px
    }
    .main-thank{
        padding-top:10px
    }
    .thank-content{
        gap:0;
        flex-direction:column-reverse
    }
    .thank-left{
        padding:0 20px 20px
    }
    .thank-title{
        font-size:26px;
        margin-bottom:7px
    }
    .thank-subtitle{
        font-size:12px;
        margin-bottom:20px
    }
    .thank-right{
        width:fit-content
    }
    .thank-right-img2{
        width:100px
    }
    .getapp-title{
        font-size:22px
    }
    .getapp-right-img1-container{
        margin-right:0
    }
    .getapp-right-img1{
        display:none
    }
}
.getapp-right-img2{
    max-width:468px;
    width:100%
}
.button-white{
    background-color:#fff;
    color:#00a749;
    width:100%;
    height:58px
}
.popup_success{
    display:none;
    margin-top:18px;
    font-weight:400;
    font-size:18px;
    line-height:120%
}
.mypopup-modal{
    max-width:900px!important;
    border-radius:30px!important
}
@media (max-width:1200px){
    .main_sale-icon{
        width:180px;
        left:194px
    }
    .tarrifs-section .swiper-button-prev:after{
        margin-right:0
    }
    .tarrifs-section .swiper-button-next:after{
        margin-left:0
    }
    .tariffs_top{
        margin:45px 0 38px
    }
    .main-footer__wrapper{
        grid-template-columns:4fr 3fr 5fr
    }
    .main-footer__logo{
        max-width:180px;
        margin-bottom:117px
    }
    .main-footer__copy{
        font-size:15px
    }
    .main-footer__title{
        font-size:15px;
        line-height:115%
    }
    .main-footer__link a{
        line-height:110%
    }
    .safety .container{
        display:grid;
        gap:60px;
        grid-template-columns:2fr 3fr
    }
    .mypopup-modal{
        max-width:738px!important
    }
}
@media (max-width:960px){
    .main_sale-icon{
        width:150px;
        left:194px
    }
    .tariffs_top{
        margin:41px 0 36px
    }
    .main-footer--rounded .container{
        border-radius:30px 30px 0 0
    }
    .main-footer .container{
        padding:40px 40px 22px
    }
    .main-footer__logo{
        max-width:150px;
        margin-bottom:93px
    }
    .main-footer__link a{
        font-size:15px;
        line-height:115%;
        font-weight:600
    }
    .mypopup-modal{
        max-width:620px!important
    }
}
@media (max-width:768px){
    .main_sale-icon{
        width:150px;
        left:143px;
        top:2px
    }
    .tarrifs-section{
        padding-top:40px
    }
    .tarrifs-section h2{
        margin-bottom:40px
    }
    .tarrifs-section .swiper-button-next:after,.tarrifs-section .swiper-button-prev:after{
        display:none
    }
    .main-footer--rounded .container{
        border-radius:20px 20px 0 0
    }
    .main-footer .container{
        padding:40px 20px 28px
    }
    .main-footer__wrapper{
        grid-template-columns:1fr
    }
    .main-footer__col{
        margin-bottom:20px
    }
    .main-footer__logo{
        max-width:126px;
        margin-bottom:8px
    }
    .main-footer__copy{
        font-size:12px
    }
    .main-footer__title{
        font-size:12px;
        margin-bottom:8px
    }
    .main-footer__link a{
        font-size:12px;
        line-height:105%;
        margin-bottom:3px
    }
    .main-footer .order-mob-1{
        order:1
    }
    .main-footer .order-mob-2{
        order:2;
        margin-bottom:34px
    }
    .main-footer .order-mob-3{
        order:3;
        margin-bottom:0
    }
    .mypopup-modal{
        max-width:350px!important
    }
}
@media (max-width:400px){
    .mypopup-modal{
        max-width:90%!important
    }
}
.mypopup-over{
    width:100%!important;
    height:110vh!important
}
.mypopup-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center
}
.mypopup-modal .mypopup-left{
    position:relative;
    display:flex;
    justify-content:center;
    padding-top:15px
}
.mypopup-modal .mypopup-image{
    width:100%;
    transform:scale(1.2);
    padding-top:15px
}
.mypopup-modal .popup_title{
    font-weight:600;
    font-size:30px;
    line-height:105%;
    color:#fff;
    margin-bottom:10px
}
.mypopup-modal .popup_subtitle{
    font-weight:400;
    font-size:18px;
    line-height:120%;
    color:#fff;
    margin-bottom:22px
}
.mypopup-modal .mypopup-modal-close{
    top:17px!important;
    right:20px!important;
    z-index:999!important
}
.mypopup-modal .mypopup-modal-close svg{
    width:22px!important;
    height:22px!important
}
.mypopup-modal #phone2{
    background:#45cd71;
    border:none;
    height:59px;
    color:#fff;
    padding-left:20px;
    font-size:18px
}
.mypopup-modal #phone2::placeholder{
    color:#fff;
    font-size:18px;
    font-weight:400
}
.mypopup-modal-content__wrap .checkbox_label{
    color:#fff
}
@media (max-width:576px){
    .mypopup-modal-content{
        padding:15px 20px!important
    }
    .mypopup-modal-content__wrap .checkbox_label{
        font-size:10px
    }
}
.mypopup-modal .custom-checkbox{
    background-color:#c4ecd1;
    border:2px solid #c4ecd1
}
.mypopup-modal-content__wrap{
    color:#fff
}
.mypopup-wrapper .custom-checkbox.checked::after{
    border:solid #ff9616;
    border-width:0 2px 2px 0
}
.mypopup-modal-content{
    overflow:unset!important
}
.mypopup-modal .popup_button{
    height:58px;
    font-family:"IBM Plex Sans";
    font-size:20px
}
.mypopup-modal .popup_button:disabled{
    background-color:#c4ecd1;
    color:#fff;
    cursor:not-allowed;
    opacity:.5
}
@media (max-width:1200px){
    .mypopup-wrapper{
        grid-template-columns:3fr 4fr
    }
    .mypopup-modal .mypopup-image{
        transform:scale(1.3)
    }
    .mypopup-modal .popup_title{
        font-size:25px
    }
    .mypopup-modal .popup_subtitle{
        font-size:15px;
        margin-bottom:18px
    }
    .mypopup-modal #phone2,.mypopup-modal .popup_button{
        height:52px;
        font-size:15px
    }
    .mypopup-modal #phone2::placeholder{
        font-size:15px
    }
}
@media (max-width:960px){
    .mypopup-wrapper{
        grid-template-columns:2fr 3fr
    }
    .mypopup-modal .popup_title{
        font-size:20px;
        margin-bottom:5px
    }
    .mypopup-modal .popup_subtitle{
        font-size:15px;
        margin-bottom:16px
    }
    .mypopup-modal #phone2{
        height:44px;
        font-size:12px
    }
    .mypopup-modal #phone2::placeholder{
        font-size:12px
    }
    .mypopup-modal .popup_button{
        height:44px;
        font-size:15px
    }
}
@media (max-width:768px){
    .mypopup-wrapper{
        grid-template-columns:1fr;
        gap:0
    }
    .mypopup-modal .mypopup-image{
        padding-top:0;
        height:190px;
        width:190px
    }
    .mypopup-modal .popup_title{
        font-size:18px
    }
    .mypopup-modal .popup_subtitle{
        font-size:12px;
        margin-bottom:17px
    }
    .mypopup-modal #phone2,.mypopup-modal .popup_button{
        height:39px;
        font-size:14px
    }
    .mypopup-modal #phone2::placeholder{
        font-size:14px
    }
}