.frontend-development-page{overflow-x:clip}.frontend-development-page__technologies,.frontend-development-page__contact,.frontend-development-page__faq{background:var(--color-white)}.frontend-development-page__reasons{background:var(--color-primary-8)}.frontend-development-page__process{background:linear-gradient(90deg,#18292d 0%,#0d5563 100%)}.frontend-development-page__process .service-process__title,.frontend-development-page__process .service-process__description{color:var(--color-white)}.frontend-development-page__hero .service-hero{background:linear-gradient(90deg,#18292d 0%,#0d5563 100%);min-height:830px;padding:0}.frontend-development-page__hero .service-hero__container{flex-direction:column;min-height:830px;padding-top:115px;display:flex}.frontend-development-page__hero .service-hero__copy{align-items:center;max-width:100%;padding-top:40px}.frontend-development-page__hero .service-hero__title{margin-bottom:24px}.frontend-development-page__hero .service-hero__description{margin-bottom:40px}.frontend-development-page__hero .service-hero__image{object-fit:contain;align-self:center;width:min(100%,448px);max-width:none;height:auto;margin:64px 0 0;position:relative}.frontend-development-page__hero .service-hero__decor{display:none}.frontend-development-page__reasons .service-accordion-showcase__title,.frontend-development-page__technologies .service-tech-stack__title{color:var(--color-primary-6)}.frontend-development-page__reasons .service-accordion-showcase__description p,.frontend-development-page__technologies .service-tech-stack__subtitle{color:var(--color-secondary-3)}.frontend-development-page__technologies .service-tech-stack{background:var(--color-white)}.frontend-development-page__technologies .service-tech-stack__container{width:min(100% - 40px,1290px);margin-inline:auto}.frontend-development-page__technologies .service-tech-stack__title{text-align:center;margin-bottom:36px}.frontend-development-page__technologies .service-tech-stack__subtitle{color:var(--color-secondary-3);margin-bottom:50px;font-size:18px;line-height:1.7}.frontend-development-page__technologies .service-tech-stack__grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.frontend-development-page__technologies .service-tech-stack__card{width:min(270px,100%);box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.frontend-development-page__technologies .service-tech-stack__icon{object-fit:contain;width:min(270px,100%);max-width:270px;height:94px;max-height:none;margin:0}.frontend-development-page__contact{padding:0 20px 80px}.frontend-development-page__contact .service-media-text{padding:0}.frontend-development-page__contact .service-media-text__container{background:var(--color-primary-8);width:min(1420px,100%);box-shadow:var(--shadow-soft);border-radius:18px;gap:0;margin:0 auto;overflow:hidden}.frontend-development-page__contact .service-media-text__copy{align-items:center;padding:60px 20px 0}.frontend-development-page__contact .service-section-title{color:var(--color-primary-6);text-align:center;font-size:32px;font-weight:600;line-height:1.32}.frontend-development-page__contact .service-section-title span{color:var(--color-primary-1)}.frontend-development-page__contact .service-section-copy{max-width:none;margin:0}.frontend-development-page__contact .service-section-copy p{color:var(--color-secondary-3);text-align:center}.frontend-development-page__contact .button{align-self:center;margin:40px 0}.frontend-development-page__contact .service-media-text__media,.frontend-development-page__contact .service-media-text__picture,.frontend-development-page__contact .service-media-text__image{height:100%}.frontend-development-page__contact .service-media-text__image{object-fit:cover;border-radius:0}.frontend-development-page__cases .service-related-cases{background:var(--color-primary-8)}@media (width>=769px){.frontend-development-page__hero .service-hero__container{flex-direction:row}.frontend-development-page__hero .service-hero__copy{align-items:flex-start;width:500px;max-width:500px;margin-top:14px;padding-top:100px}.frontend-development-page__hero .service-hero__description{margin-bottom:58px}.frontend-development-page__hero .service-hero__image{align-self:flex-end;width:560px;margin-top:0;bottom:99px;left:24px}.frontend-development-page__hero .service-hero__decor{width:760px;display:block;inset:-65px -150px auto auto}.frontend-development-page__reasons .service-accordion-showcase__container{padding-inline:0}.frontend-development-page__technologies .service-tech-stack__grid{gap:40px}.frontend-development-page__contact{padding:0 40px 120px}.frontend-development-page__contact .service-media-text__copy{padding:64px 60px 0}.frontend-development-page__contact .service-section-title{font-size:52px;line-height:1.25}}@media (width>=769px) and (width<=1200px){.frontend-development-page .service-section-title{font-size:52px;line-height:62.4px}.frontend-development-page__hero .service-hero__container{width:calc(100% - 120px)}.frontend-development-page__hero .service-hero__copy{width:345px;max-width:345px;margin-top:0;padding-top:40px}.frontend-development-page__contact .service-media-text__container{flex-direction:column;max-width:760px;display:flex}.frontend-development-page__contact .service-media-text__copy{align-items:center;padding:64px 60px 0}.frontend-development-page__contact .service-section-title,.frontend-development-page__contact .service-section-copy p{text-align:center}.frontend-development-page__contact .service-media-text__media,.frontend-development-page__contact .service-media-text__picture,.frontend-development-page__contact .service-media-text__image{height:auto}}@media (width>=1201px){.frontend-development-page .service-section-title{font-size:52px;line-height:62.4px}.frontend-development-page__hero .service-hero{min-height:620px}.frontend-development-page__hero .service-hero__container{width:min(100% - 240px,1200px);min-height:620px}.frontend-development-page__hero .service-hero__copy{width:750px;max-width:750px;margin-top:0;padding-top:80px}.frontend-development-page__hero .service-hero__title{margin-bottom:18px}.frontend-development-page__hero .service-hero__image{width:452px;bottom:19px;left:53px}.frontend-development-page__hero .service-hero__decor{top:-100px;right:-150px}.frontend-development-page__reasons .service-accordion-showcase__container{padding-inline:60px}.frontend-development-page__contact{padding:0 0 120px}.frontend-development-page__contact .service-media-text__container{grid-template-columns:1fr 560px;align-items:stretch}.frontend-development-page__contact .service-media-text__copy{align-items:flex-start;padding:64px}.frontend-development-page__contact .service-section-title{max-width:400px}.frontend-development-page__contact .service-section-title,.frontend-development-page__contact .service-section-copy p{text-align:left}.frontend-development-page__contact .button{align-self:flex-start}}
