.hero_services{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:1600px;margin:0 auto;border-radius:0 0 80px 80px;aspect-ratio:16/9;height:auto;min-height:500px;max-height:960px}.hero_services .hero_videowrap{position:relative;width:clamp(20.9375rem,1.7857rem + 53.1994vw,65.625rem);height:clamp(20.9375rem,1.7857rem + 53.1994vw,65.625rem);overflow:hidden;background-color:var(--red);left:80px;position:absolute;top:50%;transform:translate(0px, -50%);-webkit-transform:translate(0px, -50%);-moz-transform:translate(0px, -50%);-ms-transform:translate(0px, -50%);-o-transform:translate(0px, -50%)}@media(min-height: 992px){.hero_services .hero_videowrap{left:clamp(12.5rem,20.5172rem - 12.931vw,5rem)}}.hero_services .hero_media{position:absolute;inset:0;z-index:0;overflow:hidden;background-color:var(--red)}.hero_services .hero_video{position:relative;object-fit:cover;display:block}.hero_services .hero_content{position:absolute;z-index:1;width:100%;height:100%;top:0;right:0;display:flex;align-items:center;justify-content:flex-end;container-type:inline-size}.hero_services .hero_content .content{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;right:clamp(-50px,-50px + 280*(100cqw - 390px)/1210,230px)}.hero_services .hero_content .img-phone{width:clamp(252px,23.5cqw,375px)}.hero_services .hero_content h1{position:absolute;left:calc(-100% + 100px);bottom:13%;display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--mainfont);font-size:clamp(1.5rem,1.125rem + 1.0417vw,2.375rem);font-style:normal;font-weight:700;line-height:100%;letter-spacing:-1.2px;padding:clamp(18px,4vw,28px) clamp(57px,4vw,89px) clamp(20px,4vw,32px) clamp(26px,4vw,41px)}.hero_services .hero_content h1.shape{aspect-ratio:2.234;clip-path:shape(from 0% 80.74%, curve to 8.62% 100% with 0% 91.38%/3.86% 100%, line to 76.67% 100%, curve to 82.64% 94.65% with 78.9% 100%/81.03% 98.08%, line to 97.34% 63.21%, curve to 97.22% 35.12% with 100.93% 55.52%/100.88% 42.65%, line to 82.61% 5.09%, curve to 76.77% 0% with 81.02% 1.82%/78.94% 0%, line to 8.62% 0%, curve to 0% 19.26% with 3.86% 0%/0% 8.62%, line to 0% 80.74%, close);background-color:var(--black);width:clamp(288px,23cqw,368px);max-height:clamp(79px,10.25cqw,164px)}@media(max-width: 992px){.hero_services .hero_content h1{font-size:24px;padding:16px 50px 20px 25px;max-width:295px}.hero_services .hero_content h1.shape{aspect-ratio:3.738;clip-path:shape(from 0% 74.68%, curve to 6.77% 100% with 0% 88.67%/3.03% 100%, line to 86.15% 100%, curve to 90.83% 92.98% with 87.9% 100%/89.57% 97.48%, line to 97.91% 67.67%, curve to 97.81% 30.75% with 100.73% 57.57%/100.69% 40.65%, line to 90.81% 6.69%, curve to 86.23% 0% with 89.56% 2.39%/87.93% 0%, line to 6.77% 0%, curve to 0% 25.32% with 3.03% 0%/0% 11.33%, line to 0% 74.68%, close)}}@media(max-width: 1023.98px){.hero_services{border-radius:0 0 32px 32px;-webkit-border-radius:0 0 32px 32px;-moz-border-radius:0 0 32px 32px;-ms-border-radius:0 0 32px 32px;-o-border-radius:0 0 32px 32px}.hero_services .hero_content .content{justify-content:flex-end;height:100%}}@media(max-width: 576px){.hero_services .hero_content h1{left:calc(-100% + 100px);bottom:23%}.hero_services .hero_content .content{justify-content:flex-end;height:100%;bottom:-30px;right:clamp(-50px,-50px + 280*(100cqw - 390px)/1210,230px)}}@media(max-width: 500px){.hero_services .hero_videowrap{left:-30px}.hero_services .hero_content .content{right:-30px}}@media(max-width: 374px){.hero_services .hero_content h1{left:calc(-80% + 100px)}}.services .cards .card{position:relative;width:100%;max-width:320px;height:auto;min-height:450px;padding:35px 30px 30px 35px;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;overflow:hidden;transition:transform .4s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.services .cards .card .title{color:var(--black);font-size:32px;font-style:normal;font-weight:700;line-height:100%;position:relative;z-index:3}.services .cards .card img{position:absolute;transition:transform .5s cubic-bezier(0.2, 0.8, 0.2, 1),width .5s ease,bottom .5s ease,right .5s ease;z-index:1}.services .cards .card .text{margin-top:28px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;position:relative;z-index:3}.services .cards .card .text p{color:var(--black);font-size:24px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-0.7px}.services .cards .card .btn_arrow{position:absolute;right:20px;bottom:20px;z-index:6;opacity:0;transform:translateY(15px);transition:opacity .35s ease,transform .35s cubic-bezier(0.2, 0.8, 0.2, 1);pointer-events:none}@media(min-width: 992px){.services .cards .card:hover{box-shadow:0 30px 60px rgba(0,0,0,.25)}.services .cards .card:hover .text{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.services .cards .card:hover .btn_arrow{opacity:1;transform:translateY(0);pointer-events:auto}}@media(max-width: 991px){.services .cards .card{max-width:100%;min-height:110px;padding:22px;border-radius:28px;cursor:pointer;box-shadow:none !important;position:relative;display:flex;flex-direction:column;justify-content:center;transition:min-height .4s cubic-bezier(0.4, 0, 0.2, 1),padding .4s cubic-bezier(0.4, 0, 0.2, 1)}.services .cards .card img{position:absolute;bottom:0;right:0;will-change:transform;transition:transform .55s cubic-bezier(0.4, 0, 0.2, 1)}.services .cards .card .text{height:0;overflow:hidden;margin-top:0;opacity:0;transition:height .45s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s ease}.services .cards .card .text p{font-size:20px}.services .cards .card .title{font-size:24px;padding-right:42px;position:relative}.services .cards .card .title::after{content:"";position:absolute;right:0;top:50%;width:38px;height:38px;background:url("../../img/icon/arrow-down.svg") no-repeat center;background-size:contain;transform:translateY(-50%);opacity:1;transition:opacity .3s ease}.services .cards .card.is-open{min-height:300px;justify-content:flex-start;padding-top:28px}.services .cards .card.is-open .text{opacity:1}.services .cards .card.is-open .title::after{opacity:0}.services .cards .card.is-open .btn_arrow{opacity:1;transform:translateY(0);pointer-events:auto}}.services .cards .card--green{background:var(--green)}.services .cards .card--green img{bottom:57px;right:-48px;width:100%;max-width:286px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--green:hover img{width:47%;right:-45px;bottom:47px;transform:rotate(27deg);-webkit-transform:rotate(27deg);-moz-transform:rotate(27deg);-ms-transform:rotate(27deg);-o-transform:rotate(27deg)}}@media(max-width: 991px){.services .cards .card--green img{width:142px;transform:translateY(60px) translateX(-30px) rotate(0deg);-webkit-transform:translateY(60px) translateX(-30px) rotate(0deg);-moz-transform:translateY(60px) translateX(-30px) rotate(0deg);-ms-transform:translateY(60px) translateX(-30px) rotate(0deg);-o-transform:translateY(60px) translateX(-30px) rotate(0deg)}.services .cards .card--green.is-open img{transform:translateY(25px) translateX(0px) scale(0.8) rotate(27deg);-webkit-transform:translateY(25px) translateX(0px) scale(0.8) rotate(27deg);-moz-transform:translateY(25px) translateX(0px) scale(0.8) rotate(27deg);-ms-transform:translateY(25px) translateX(0px) scale(0.8) rotate(27deg);-o-transform:translateY(25px) translateX(0px) scale(0.8) rotate(27deg)}}.services .cards .card--pink{background:var(--pink)}.services .cards .card--pink img{bottom:-38px;right:0px;width:100%;max-width:221px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--pink:hover img{width:36%;right:10px;bottom:-9px;transform:rotate(-18.74deg);-webkit-transform:rotate(-18.74deg);-moz-transform:rotate(-18.74deg);-ms-transform:rotate(-18.74deg);-o-transform:rotate(-18.74deg)}}@media(max-width: 991px){.services .cards .card--pink img{width:115px;transform:translateY(0px) translateX(0px) rotate(0deg);-webkit-transform:translateY(0px) translateX(0px) rotate(0deg);-moz-transform:translateY(0px) translateX(0px) rotate(0deg);-ms-transform:translateY(0px) translateX(0px) rotate(0deg);-o-transform:translateY(0px) translateX(0px) rotate(0deg)}.services .cards .card--pink.is-open img{transform:translateY(-15px) translateX(0px) scale(0.8) rotate(-18.74deg);-webkit-transform:translateY(-15px) translateX(0px) scale(0.8) rotate(-18.74deg);-moz-transform:translateY(-15px) translateX(0px) scale(0.8) rotate(-18.74deg);-ms-transform:translateY(-15px) translateX(0px) scale(0.8) rotate(-18.74deg);-o-transform:translateY(-15px) translateX(0px) scale(0.8) rotate(-18.74deg)}}.services .cards .card--blue{background:var(--blue)}.services .cards .card--blue img{bottom:38px;right:-91px;width:100%;max-width:341px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--blue:hover img{width:53%;right:-30px;bottom:19px;transform:rotate(342deg);-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg)}}@media(max-width: 991px){.services .cards .card--blue img{width:168px;transform:translateY(50px) translateX(-60px) rotate(0deg);-webkit-transform:translateY(50px) translateX(-60px) rotate(0deg);-moz-transform:translateY(50px) translateX(-60px) rotate(0deg);-ms-transform:translateY(50px) translateX(-60px) rotate(0deg);-o-transform:translateY(50px) translateX(-60px) rotate(0deg)}.services .cards .card--blue.is-open img{scale:.8;transform:translateY(50px) translateX(-60px) rotate(342deg);-webkit-transform:translateY(50px) translateX(-60px) rotate(342deg);-moz-transform:translateY(50px) translateX(-60px) rotate(342deg);-ms-transform:translateY(50px) translateX(-60px) rotate(342deg);-o-transform:translateY(50px) translateX(-60px) rotate(342deg)}}.services .cards .card--yellow{background:var(--yellow)}.services .cards .card--yellow img{bottom:26px;right:-70px;width:100%;max-width:297px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--yellow:hover img{width:46%;right:-30px;bottom:26px;transform:rotate(190deg);-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg)}}@media(max-width: 991px){.services .cards .card--yellow img{width:168px;transform:translateY(90px) translateX(-50px) rotate(0deg);-webkit-transform:translateY(90px) translateX(-50px) rotate(0deg);-moz-transform:translateY(90px) translateX(-50px) rotate(0deg);-ms-transform:translateY(90px) translateX(-50px) rotate(0deg);-o-transform:translateY(90px) translateX(-50px) rotate(0deg)}.services .cards .card--yellow.is-open img{scale:.8;transform:translateY(40px) translateX(-50px) rotate(190deg);-webkit-transform:translateY(40px) translateX(-50px) rotate(190deg);-moz-transform:translateY(40px) translateX(-50px) rotate(190deg);-ms-transform:translateY(40px) translateX(-50px) rotate(190deg);-o-transform:translateY(40px) translateX(-50px) rotate(190deg)}}.services .cards .card--blue2{background:var(--blue)}.services .cards .card--blue2 img{bottom:10px;right:-70px;width:100%;max-width:312px;transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--blue2:hover img{width:53%;right:-30px;bottom:19px;transform:rotate(26deg);-webkit-transform:rotate(26deg);-moz-transform:rotate(26deg);-ms-transform:rotate(26deg);-o-transform:rotate(26deg)}}@media(max-width: 991px){.services .cards .card--blue2 img{width:144px;transform:translateY(43px) translateX(-50px) rotate(-10deg);-webkit-transform:translateY(43px) translateX(-50px) rotate(-10deg);-moz-transform:translateY(43px) translateX(-50px) rotate(-10deg);-ms-transform:translateY(43px) translateX(-50px) rotate(-10deg);-o-transform:translateY(43px) translateX(-50px) rotate(-10deg)}.services .cards .card--blue2.is-open img{transform:translateY(20px) translateX(-45px) scale(0.8) rotate(26deg);-webkit-transform:translateY(20px) translateX(-45px) scale(0.8) rotate(26deg);-moz-transform:translateY(20px) translateX(-45px) scale(0.8) rotate(26deg);-ms-transform:translateY(20px) translateX(-45px) scale(0.8) rotate(26deg);-o-transform:translateY(20px) translateX(-45px) scale(0.8) rotate(26deg)}}.services .cards .card--yellow2{background:var(--yellow)}.services .cards .card--yellow2 img{bottom:70px;right:-40px;width:100%;max-width:280px;transform:rotate(0.4deg);-webkit-transform:rotate(0.4deg);-moz-transform:rotate(0.4deg);-ms-transform:rotate(0.4deg);-o-transform:rotate(0.4deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--yellow2:hover img{width:47%;right:-25px;bottom:27px;transform:rotate(-27deg);-webkit-transform:rotate(-27deg);-moz-transform:rotate(-27deg);-ms-transform:rotate(-27deg);-o-transform:rotate(-27deg)}}@media(max-width: 991px){.services .cards .card--yellow2 img{width:170px;transform:translateY(90px) translateX(-15px) rotate(9deg);-webkit-transform:translateY(90px) translateX(-15px) rotate(9deg);-moz-transform:translateY(90px) translateX(-15px) rotate(9deg);-ms-transform:translateY(90px) translateX(-15px) rotate(9deg);-o-transform:translateY(90px) translateX(-15px) rotate(9deg)}.services .cards .card--yellow2.is-open img{transform:translateY(20px) translateX(-15px) scale(0.8) rotate(-26deg);-webkit-transform:translateY(20px) translateX(-15px) scale(0.8) rotate(-26deg);-moz-transform:translateY(20px) translateX(-15px) scale(0.8) rotate(-26deg);-ms-transform:translateY(20px) translateX(-15px) scale(0.8) rotate(-26deg);-o-transform:translateY(20px) translateX(-15px) scale(0.8) rotate(-26deg)}}.services .cards .card--green2{background:var(--green)}.services .cards .card--green2 img{bottom:30px;right:-10px;width:100%;max-width:220px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--green2:hover img{width:47%;right:-3px;bottom:55px;transform:rotate(-100deg);-webkit-transform:rotate(-100deg);-moz-transform:rotate(-100deg);-ms-transform:rotate(-100deg);-o-transform:rotate(-100deg)}}@media(max-width: 991px){.services .cards .card--green2 img{width:105px;transform:translateY(43px) translateX(-13px) rotate(0deg);-webkit-transform:translateY(43px) translateX(-13px) rotate(0deg);-moz-transform:translateY(43px) translateX(-13px) rotate(0deg);-ms-transform:translateY(43px) translateX(-13px) rotate(0deg);-o-transform:translateY(43px) translateX(-13px) rotate(0deg)}.services .cards .card--green2.is-open img{width:125px;transform:translateY(-17px) translateX(8px) scale(0.8) rotate(-99deg);-webkit-transform:translateY(-17px) translateX(8px) scale(0.8) rotate(-99deg);-moz-transform:translateY(-17px) translateX(8px) scale(0.8) rotate(-99deg);-ms-transform:translateY(-17px) translateX(8px) scale(0.8) rotate(-99deg);-o-transform:translateY(-17px) translateX(8px) scale(0.8) rotate(-99deg)}}.services .cards .card--pink2{background:var(--pink)}.services .cards .card--pink2 img{bottom:25px;right:-35px;width:100%;max-width:285px;transform:rotate(0.4deg);-webkit-transform:rotate(0.4deg);-moz-transform:rotate(0.4deg);-ms-transform:rotate(0.4deg);-o-transform:rotate(0.4deg);transition:transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),width .5s ease,bottom .5s ease,right .5s ease}@media(min-width: 992px){.services .cards .card--pink2:hover img{width:47%;right:-20px;bottom:27px;transform:rotate(29deg);-webkit-transform:rotate(29deg);-moz-transform:rotate(29deg);-ms-transform:rotate(29deg);-o-transform:rotate(29deg)}}@media(max-width: 991px){.services .cards .card--pink2 img{width:155px;transform:translateY(60px) translateX(-35px) rotate(-6deg);-webkit-transform:translateY(60px) translateX(-35px) rotate(-6deg);-moz-transform:translateY(60px) translateX(-35px) rotate(-6deg);-ms-transform:translateY(60px) translateX(-35px) rotate(-6deg);-o-transform:translateY(60px) translateX(-35px) rotate(-6deg)}.services .cards .card--pink2.is-open img{transform:translateY(10px) translateX(-20px) scale(0.8) rotate(29deg);-webkit-transform:translateY(10px) translateX(-20px) scale(0.8) rotate(29deg);-moz-transform:translateY(10px) translateX(-20px) scale(0.8) rotate(29deg);-ms-transform:translateY(10px) translateX(-20px) scale(0.8) rotate(29deg);-o-transform:translateY(10px) translateX(-20px) scale(0.8) rotate(29deg)}}.services{max-width:1600px;margin:120px auto 50px}.services .cards{display:flex;flex-direction:column;gap:50px}.services .cards .wrap-top{display:flex;gap:60px;align-items:center;justify-content:flex-start;width:100%}.services .cards .wrap-bottom{display:flex;gap:60px;align-items:center;justify-content:flex-end;width:100%}@media(max-width: 1500px){.services .cards{gap:40px}.services .cards .wrap-top{gap:40px}.services .cards .wrap-bottom{gap:40px}}@media(max-width: 1200px){.services .cards{gap:20px;padding:auto 16px}.services .cards .wrap-top{gap:20px}.services .cards .wrap-bottom{gap:20px}}@media(max-width: 991px){.services .cards{gap:12px}.services .cards .wrap-top,.services .cards .wrap-bottom{flex-direction:column;gap:12px}}@media(max-width: 1600px){.services{padding:0 16px}}@media(max-width: 991px){.services{margin:80px auto 40px}}.services .btn_arrow.black:hover{background-color:var(--white)!important;color:var(--black)!important}/*# sourceMappingURL=app_services.css.map */