.toolbar{background-color:var(--main-black-color);justify-content:space-between;align-items:center;padding:15px 33px 0;display:flex}.logo{width:108px}.menu-buttons{display:none}.menu-buttons a{cursor:pointer;color:var(--main-white-color);margin-left:85px;font-size:16px;font-weight:500;transition:all .3s;&:hover{color:var(--main-blue-color)}}.expanded-menu{background-color:var(--main-blue-color);flex-direction:column;align-items:center;width:100%;margin-top:15px;display:flex;position:absolute;& a{color:var(--main-white-color);text-align:center;width:100%;padding:20px 0;&:hover{background-color:var(--main-white-color);color:var(--main-blue-color)}}}.icon{cursor:pointer;color:var(--main-light-gray-color);font-size:37px;display:block}@media (width>=1281px){.toolbar{padding:46px 162px 0}.menu-buttons{display:block}.icon{display:none}.logo{width:120px}}.services{padding:74px 15px 0;& .services-wrap{display:flex}& .map-wrapper{margin-left:-20px}& .map-picture{max-height:400px}& .map-picture-full{display:none}& .service{& h3{cursor:pointer;color:var(--main-blue-color);margin-bottom:16px;font-size:14px;font-weight:700;& .service-header-icon{margin-left:10px;font-size:14px}}& p{color:#333;align-items:start;margin-bottom:16px;font-size:9px;font-weight:500;line-height:15px;display:flex;& .fa-solid{color:var(--main-blue-color);margin:5px;font-size:3px}}}}@media (width>=500px){.services-content{margin-left:20px}}@media (width>=768px){.services{& .map-picture{display:none}& .map-picture-full{max-height:400px;margin-left:40px;display:block}}}@media (width>=1281px){.services{padding:200px 160px 0;& .services-wrap{grid-template-columns:1fr 1.5fr;display:grid}& .map-picture-full{max-height:700px;margin-left:0}& .service{margin-bottom:140px;&:last-child{margin-bottom:0}& .service-item{grid-row-gap:36px;grid-template-columns:1fr 1fr;display:grid}& h3{margin-bottom:36px;font-size:30px;font-weight:800;line-height:24px;& .service-header-icon{font-size:20px}}& p{color:#333;margin-bottom:0;font-size:16px;font-weight:500;line-height:28px;& .fa-solid{margin:8px;font-size:5px}}}}}.banner{background-color:var(--main-black-color);flex-direction:column;padding:59px 15px 62px;display:flex;& h1{font-size:var(--h1-mobile-font-size);color:var(--main-white-color);font-weight:700;line-height:46px}& p{font-size:var(--p-mobile-font-size);color:var(--main-white-color);margin-bottom:40px;font-weight:500;line-height:29px}& .social-proof{& a{text-align:center;width:100%;margin-bottom:39px;font-size:18px;line-height:24px}& .social-proof-items{display:flex;& .item{flex-direction:column;display:flex;& p{color:var(--main-white-color);margin:0;font-size:30px;font-weight:700}& span{color:#3a81b1;font-size:30px;font-weight:700}& p:last-child{color:#e8e8e8;font-size:12px;font-weight:500;line-height:27px}}& .item:first-child{margin-right:50px}}}& .banner-img,& .banner-img-desktop{text-align:center;width:100%;height:427px;margin:55px 0;& img{object-fit:cover;border-radius:10px;width:100%;height:100%}}& .banner-img-desktop{display:none}}@media (width>=641px){.banner{& .social-proof{align-items:center;display:flex;& a{width:auto;margin:0 20px 0 0}}}}@media (width>=1281px){.banner{padding:110px 162px;& .banner-wrap{align-items:center;gap:110px;display:flex}& h1{max-width:880px;font-size:var(--h1-font-size);line-height:109px}& p{color:#ebebeb;font-size:24px;line-height:39px}& .social-proof{display:block;& a{margin-bottom:20px;padding:20px 60px}& .social-proof-items{& .item{& p:last-child{font-size:16px}}}}& .banner-img,& .banner-img-desktop{height:642px;display:none}& .banner-img-desktop{margin-bottom:0;display:block}}}.cooperation{background-color:#f6f3f1;flex-direction:column;padding:32px 15px;display:flex;& h2{color:var(--main-blue-color);margin-bottom:20px;font-size:24px;line-height:66px}& p{font-size:12px;line-height:21px;&:last-child{margin-bottom:20px}}& .extra-form-button{display:none}& .form-button{box-sizing:border-box;text-align:center;width:100%;margin-top:20px;font-size:18px}& img{transform:scaleX(-1)}}@media (width>=1024px){.cooperation{grid-template-columns:1.45fr 2fr;align-items:center;padding:0 0 0 160px;display:grid;& .description{margin-bottom:15px}& .form-button{display:none}& .extra-form-button{display:block}& h2{margin-top:68px;margin-bottom:34px;font-size:48px;line-height:66px}& p{color:#333;font-size:22px;font-weight:500;line-height:33px;&:last-child{margin-bottom:20px}}& .form-button{width:300px;font-size:16px}& img{width:100%;max-width:1000px}}}.contacts{padding:80px 15px;& h2{color:var(--main-blue-color);margin-bottom:32px;font-size:24px;font-weight:700;line-height:24px}& .contact-swiper{height:100%;padding-bottom:32px;& .swiper-scrollbar{height:7px;& .swiper-scrollbar-drag{background-color:var(--main-blue-color)}}}& .title{align-items:center;margin-bottom:12px;display:flex;& img{width:50px;height:50px;margin-right:20px}& h3{color:var(--main-blue-color);font-size:14px;font-weight:700;line-height:15px}}& .content{color:#333;font-size:12px;font-weight:500;line-height:21px}}@media (width>=1281px){.contacts{padding:200px 160px;& h2{margin-bottom:46px;font-size:48px;line-height:66px}& .title{margin-bottom:20px;& img{width:70px;height:70px}& h3{font-size:22px;font-weight:600;line-height:100%}}& .content{font-size:16px;line-height:34px}}}.examples{padding:80px 15px 20px;& h2{color:var(--main-blue-color);margin-bottom:15px;font-size:24px;font-weight:700;line-height:66px}}.swiper{width:100%;height:580px}.swiper-slide{flex-direction:column;display:flex;& img{object-fit:cover;width:100%;height:400px}& .description{& .title{align-items:center;margin:18px 0 10px;display:flex;& .number{color:var(--main-blue-color);margin-right:11px;font-size:30px;font-weight:700}& h3{color:var(--main-blue-color);font-size:14px;font-weight:700;line-height:17px}}& p{margin-bottom:8px}& .detail{flex-direction:column;font-size:12px;font-weight:500;line-height:21px;display:flex}}}@media (width>=1281px){.examples{padding:200px 160px 100px;& h2{font-size:48px;line-height:66px}& .swiper{height:700px}& .description{& .title{& .number{font-size:32px}& h3{font-size:20px}}& .detail{font-size:16px}}}}.d-none{display:none!important}.ml-150{margin-left:-150px}footer{background:var(--main-black-color);color:var(--main-white-color);grid-template-columns:2fr 1fr;grid-template-areas:"logo icons""contacts contacts""connect connect""copyright copyright";padding:0 15px 35px;display:grid;& h4{margin:0 0 20px;font-size:16px;font-weight:700;line-height:24px}& .footer-logo{grid-area:logo;width:100%;max-width:140px}& .social-icons{grid-area:icons;justify-self:end;align-items:center;display:flex;& a{color:var(--main-white-color);margin-right:12px;font-size:22px;&:last-child{margin-right:0}}}& .extended-social-icons{display:none}& .footer-contact{grid-area:contacts;margin-bottom:55px;& a,& p{color:var(--main-white-color);margin-bottom:20px;font-size:12px;font-weight:400;&:last-child{margin-bottom:0}}}& .footer-connect{grid-area:connect;margin-bottom:50px;& .form-button{text-align:center;width:100%;margin-bottom:20px;font-size:18px;font-weight:600;line-height:24px}& p{font-size:12px;font-weight:400;line-height:22px}}& .copyright{border-top:2px solid var(--main-blue-color);grid-area:copyright;padding-top:60px;font-size:12px;font-weight:400}}@media (width>=500px){.ml-150{margin-left:0}}@media (width>=768px){footer{& .footer-connect{& .form-button{max-width:500px}}}}@media (width>=1281px){footer{grid-column-gap:100px;grid-template-columns:1fr;grid-template-areas:"logo contacts connect""copyright copyright copyright";padding:44px 150px 30px;& h4{font-size:18px}& .footer-logo{width:260px;max-width:260px}& .social-icons{display:none}& .extended-social-icons{justify-self:baseline;align-items:baseline;display:flex;& a{color:var(--main-white-color);margin-right:12px;font-size:22px;&:last-child{margin-right:0}}}& .footer-connect,& .footer-contact{& p,& a{font-size:18px}}& .copyright{font-size:14px}}}