.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(//mmc.help/wp-content/themes/mmc_WP/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
} .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
} #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
}
}