*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){border:none;margin-left:0;padding:0}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom:24px;margin-block:0}p:where(:not([class],:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit}html{scrollbar-gutter:stable;scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}svg *{transition-property:fill,stroke}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Gilroy;src:url(/projects/afrianska/assets/Gilroy-Light-D4o5sQnG.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/projects/afrianska/assets/Gilroy-Regular-CEGbZO0t.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/projects/afrianska/assets/Gilroy-SemiBold-BmiQXglc.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/projects/afrianska/assets/Gilroy-Bold-Bg3VixwH.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Galien;src:url(/projects/afrianska/assets/Galien-Bold-CVTmCc05.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-light:#fff;--color-light-semi-transparent:#ffffff80;--color-blue-01:#5a98d0;--color-blue-02:#356ead;--color-blue-03:#316099;--color-blue-04:#1f3f68;--color-shadow:#1070b133;--color-error:red;--header-height:3.5rem;--border:1px solid var(--color-light);--border-radius:.625rem;--shadow-button:.3125rem .625rem 1.25rem 0 var(--color-shadow);--shadow-card:.3125rem 1.25rem 3.125rem 0 var(--color-shadow);--shadow-card-hover:.3125rem 1.25rem 3.125rem 0 var(--color-blue-01);--font-family-base:"Gilroy", sans-serif;--font-family-accent:"Galien", sans-serif;--transition-duration:.2s}::selection{background-color:var(--color-blue-04);color:var(--color-light)}.scrollbar-moz-fallback{scrollbar-color:var(--color-blue-04) var(--color-light);scrollbar-width:auto}::-webkit-scrollbar{background-color:var(--color-light);width:.5rem}::-webkit-scrollbar-thumb{background-color:var(--color-blue-04)}*,:hover{transition:var(--transition-duration) ease-out}a{text-decoration:none}html{scrollbar-gutter:auto}body{font-family:var(--font-family-base);letter-spacing:.05em;color:var(--color-blue-04);background-color:var(--color-light);font-size:16px;font-weight:400;line-height:1.6}.visually-hidden{white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:61.25rem;margin:0 auto;padding-inline:1.25rem}.block-scroll{overflow:hidden}.header{height:var(--header-height);z-index:1000;background-color:var(--color-light);justify-content:center;align-items:center;display:flex;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;width:75rem;display:flex}@media screen and (width<1278px){.header__inner{margin-inline:2rem}}@media screen and (width<768px){.header__inner{margin-inline:1rem}}.logo:hover .logo__image-svg g :first-child,.logo:hover .logo__image-svg g :nth-child(3){fill:var(--color-blue-04);transition-duration:var(--transition-duration)}.logo:hover .logo__image-svg g :nth-child(2){stroke:var(--color-blue-04);transition-duration:var(--transition-duration)}.burger-button{background-color:#0000;border:none;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:flex}.burger-button:hover .burger-button__image-svg path{fill:var(--color-blue-04);transition-duration:var(--transition-duration)}.burger-button__image-svg path{fill:var(--color-blue-02)}.hero{position:relative}.hero:before{content:"";opacity:.2;z-index:-10;background:linear-gradient(#98c3e800 0%,#98c3e8 71.61%);width:100%;height:100%;position:absolute;top:0;left:0}.hero__inner{min-height:calc(100vh - var(--header-height));justify-content:space-between;align-items:center;display:flex}@media screen and (width<1438px){.hero__inner{margin-top:1.25rem}}@media screen and (width<1278px){.hero__inner{flex-direction:column-reverse;justify-content:center}}@media screen and (width<768px){.hero__inner{justify-content:start}}.hero__info{width:31.875rem;position:relative}@media screen and (width<1278px){.hero__info{width:85%;margin-top:3rem}}@media screen and (width<1022px){.hero__info{margin-top:0}}@media screen and (width<768px){.hero__info{width:100%;margin-top:2rem}}@media screen and (width<450px){.hero__info{margin-top:1rem}}.hero__title{z-index:10;font-family:var(--font-family-accent);letter-spacing:.04em;white-space:nowrap;font-size:4rem;line-height:1.1;position:relative}@media screen and (width<768px){.hero__title{white-space:wrap;font-size:3rem}}@media screen and (width<450px){.hero__title{font-size:2.5rem}}.hero__text{text-wrap:balance;width:26.5rem;margin-top:2rem}@media screen and (width<1278px){.hero__text{width:80%}}@media screen and (width<768px){.hero__text{text-wrap:wrap;width:100%;margin-top:1rem}}.hero__link{margin-top:4.5rem}@media screen and (width<1278px){.hero__link{margin-top:3rem}}@media screen and (width<768px){.hero__link{margin-top:1.5rem}}.hero__image-wrapper{aspect-ratio:1.12;width:43rem;position:absolute;top:50%;right:15rem;transform:translateY(-48%)}@media screen and (width<1918px){.hero__image-wrapper{right:4rem}}@media screen and (width<1438px){.hero__image-wrapper{right:.5rem}}@media screen and (width<1278px){.hero__image-wrapper{width:fit-content;position:static;transform:none}}@media screen and (width<1022px){.hero__image-wrapper{width:80%;position:static;transform:none}}@media screen and (width<768px){.hero__image-wrapper{margin-top:2rem}}@media screen and (width<450px){.hero__image-wrapper{margin-top:1rem}}.button{white-space:nowrap;border-radius:var(--border-radius);width:13.75rem;height:3.5rem;color:var(--color-light);background-color:var(--color-blue-01);box-shadow:var(--shadow-button);border:none;flex-shrink:0;padding:1rem 3rem}.button:hover{background-color:var(--color-blue-04)}.scroll-to-top-button{color:#0000;border:.1875rem solid var(--color-blue-02);box-shadow:0 0 1rem 1rem var(--color-light-semi-transparent);background-color:var(--color-light-semi-transparent);cursor:pointer;z-index:1000;border-radius:1rem;padding:.625rem .625rem .125rem;font-size:1.5rem;display:none;position:fixed;bottom:1.25rem;right:52rem}.scroll-to-top-button path{stroke:var(--color-blue-02)}.scroll-to-top-button:hover{border:.1875rem solid var(--color-blue-04)}.scroll-to-top-button:hover path{stroke:var(--color-blue-04)}@media (width<=2560px){.scroll-to-top-button{right:30rem}}@media (width<=1920px){.scroll-to-top-button{right:17rem}}@media (width<=1600px){.scroll-to-top-button{right:14rem}}@media (width<=1536px){.scroll-to-top-button{right:11rem}}@media (width<=1440px){.scroll-to-top-button{right:8rem}}@media (width<=1366px){.scroll-to-top-button{right:5rem}}@media (width<=1360px){.scroll-to-top-button{right:3rem}}@media (width<=1280px){.scroll-to-top-button{display:none!important}}.card{border-radius:var(--border-radius);width:23.75rem;height:32.875rem;box-shadow:var(--shadow-card);background-color:var(--color-light);padding:3rem}.card:hover{box-shadow:var(--shadow-card-hover);transform:scale(1.01)}@media screen and (width<450px){.card{width:19rem;height:32rem;padding:2rem}}@media screen and (width<390px){.card{height:34rem}}.card__title{color:var(--color-blue-04);margin-top:3.5rem;font-size:1.25rem;font-weight:600}@media screen and (width<450px){.card__title{margin-top:2rem}}.card__text{margin-top:1rem}.card__link{width:8rem;height:3rem;color:var(--color-blue-01);justify-content:space-between;align-items:center;margin-top:2rem;font-size:.875rem;font-weight:600;display:flex}.card__link:hover{color:var(--color-blue-04)}@media screen and (width<450px){.card__link{margin-top:1rem}}.card__link-arrow{fill:currentColor}.advantages__inner{grid-template-rows:.5fr .5fr .5fr .5fr;grid-template-columns:repeat(2,23.75rem);grid-template-areas:"title card-1""card-2 card-1""card-2 card-3"".card-3";gap:6.25rem;margin-top:11.25rem;margin-bottom:13.25rem;display:grid;position:relative}@media screen and (width<1278px){.advantages__inner{width:fit-content;margin-inline:auto}}@media screen and (width<1022px){.advantages__inner{flex-direction:column;justify-content:start;align-items:center;gap:4rem;margin-top:6rem;margin-bottom:6rem;display:flex}}@media screen and (width<450px){.advantages__inner{gap:2rem}}.advantages__title{color:var(--color-blue-03);text-wrap:nowrap;grid-area:title;font-size:2.25rem;font-weight:600;line-height:1.3;position:relative;left:-5rem}@media screen and (width<1278px){.advantages__title{position:static}}@media screen and (width<1022px){.advantages__title{text-align:center}}@media screen and (width<768px){.advantages__title{font-size:1.75rem}}.advantages__card{position:relative}.advantages__card--first{grid-area:card-1;padding-top:0}.advantages__card--first .card__title{margin-top:2rem}.advantages__card--first .card__image{margin:0 auto;position:relative;top:-1.125rem}.advantages__card--second{grid-area:card-2}.advantages__card--second .card__image{position:relative;left:1.625rem}.advantages__card--third{grid-area:card-3}.advantages__card--third .card__image{position:relative;left:3.25rem}.clients ::selection{background-color:var(--color-light);color:var(--color-blue-04)}.clients{background-color:var(--color-blue-01);border-top-left-radius:12.5rem}@media screen and (width<1278px){.clients{border-top-left-radius:6rem}}@media screen and (width<768px){.clients{border-top-left-radius:4rem}}.clients__inner{padding-top:6rem;padding-bottom:8rem}@media screen and (width<1278px){.clients__inner{padding-top:4rem}}@media screen and (width<1022px){.clients__inner{flex-direction:column;align-items:center;display:flex}}@media screen and (width<768px){.clients__inner{padding-top:2rem;padding-bottom:3rem}}.clients__top{justify-content:space-between;gap:6rem;display:flex}@media screen and (width<1022px){.clients__top{flex-direction:column;gap:2rem;width:70%}}@media screen and (width<768px){.clients__top{width:90%}}.clients__title{text-wrap:nowrap;color:var(--color-light);font-size:2.25rem;font-weight:600;line-height:1.3}@media screen and (width<768px){.clients__title{font-size:1.75rem}}.clients__text{text-wrap:pretty;color:var(--color-light);opacity:.6}.clients__bottom{grid-template-rows:repeat(2,8rem);grid-template-columns:repeat(4,14.75rem);margin-top:7rem;display:grid}@media screen and (width<1022px){.clients__bottom{grid-template-rows:repeat(4,8rem);grid-template-columns:repeat(2,14.75rem);width:fit-content;margin-top:3rem}}@media screen and (width<768px){.clients__bottom{grid-template-rows:repeat(4,4.75rem);grid-template-columns:repeat(2,8.75rem);margin-top:2rem}}.clients__logo{border-right:var(--border);border-bottom:var(--border);justify-content:center;align-items:center;display:flex}.clients__logo:nth-child(4n){border-right:none}.clients__logo:nth-child(n+5){border-bottom:none}.clients__logo:nth-child(8){background-color:#4e86bb}@media screen and (width<1022px){.clients__logo:nth-child(2n){border-right:none}.clients__logo:nth-child(n+5){border-bottom:var(--border)}.clients__logo:nth-child(n+7){border-bottom:none}}.clients__logo:hover{cursor:pointer;background-color:var(--color-blue-04);transition-duration:var(--transition-duration)}.clients__text-placeholder{letter-spacing:.02em;text-transform:uppercase;color:var(--color-light);font-size:1.25rem;line-height:2.3}@media screen and (width<768px){.clients__text-placeholder{font-size:1rem}}.clients__etc-link{letter-spacing:.02em;color:var(--color-light);justify-content:center;align-items:center;font-size:1.25rem;line-height:2.3;display:flex}@media screen and (width<768px){.clients__etc-link{font-size:1rem}}.footer ::selection{background-color:var(--color-light);color:var(--color-blue-04)}.footer{background-color:var(--color-blue-01);color:var(--color-light)}.footer a{color:inherit}.footer a:hover{color:var(--color-blue-04)}.footer__inner{background-color:var(--color-blue-03);border-top-right-radius:12.5rem;width:calc(100vw - 6rem);position:relative}@media screen and (width<1278px){.footer__inner{border-top-right-radius:6rem;width:calc(100vw - 3rem);padding-left:3rem}}@media screen and (width<1022px){.footer__inner{align-items:start;padding-left:8rem}}@media screen and (width<768px){.footer__inner{border-top-right-radius:4rem;padding-left:2rem}}@media screen and (width<450px){.footer__inner{width:calc(100vw - 2rem);padding-left:1rem}}@media screen and (width<390px){.footer__inner{width:calc(100vw - 1rem)}}.footer__top{justify-content:space-between;align-items:center;gap:11.25rem;padding:5.75rem 0;display:flex}@media screen and (width<1278px){.footer__top{flex-direction:column;align-items:start;gap:2rem;width:70%;padding:4rem 0}}@media screen and (width<768px){.footer__top{width:100%;padding:3rem 0}}.footer__top-title{font-size:2.25rem;font-weight:600;line-height:1.3}@media screen and (width<768px){.footer__top-title{font-size:1.75rem}}.footer__top-text{opacity:.6;margin-top:2rem}.footer__decore-line{background-color:var(--color-light);opacity:.4;width:calc(100% + 50vw - 29.375rem);height:.0625rem;margin-left:calc(29.375rem - 50vw)}@media screen and (width<1278px){.footer__decore-line{width:80%;margin-left:-3rem}}@media screen and (width<1022px){.footer__decore-line{width:95%;margin-left:-8rem}}@media screen and (width<768px){.footer__decore-line{width:110%;margin-left:-4rem}}.footer__bottom{justify-content:start;align-items:start;gap:6.25rem;margin-top:6.5rem;display:flex}@media screen and (width<1278px){.footer__bottom{gap:2rem;margin-top:4rem}}@media screen and (width<1022px){.footer__bottom{flex-direction:column}}@media screen and (width<768px){.footer__bottom{margin-top:2rem}}.footer__logo{justify-content:start;align-items:center;gap:1rem;display:flex}.footer__logo-text{letter-spacing:.02em;font-size:1.75rem;font-weight:600}.footer__contacts-list{margin-top:2rem}.footer__contacts-item{gap:1rem;margin-top:1rem;display:flex}.footer__contacts-decore-text{font-weight:600}.footer__contacts-adress{max-width:16.5rem}.footer__menu{gap:4.75rem;display:flex}@media screen and (width<1278px){.footer__menu{gap:2rem}}.footer__menu-list-title{text-wrap:nowrap;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.footer__menu-link{text-wrap:balance;margin-top:1rem}.footer__extra{padding:4rem 0}@media screen and (width<1278px){.footer__extra{padding:2rem 0}}.footer__extra-text{text-wrap:balance;opacity:.4}.modal{border-radius:var(--border-radius);border:none;width:33.75rem;height:50rem;padding:0}@media screen and (width<1438px){.modal{width:30rem;height:40rem}}@media screen and (width<390px){.modal{height:38rem}}.modal::backdrop{background-color:#00000080}.modal__inner{flex-direction:column;justify-content:space-between;gap:1rem;height:100%;padding:3.5rem;display:flex}@media screen and (width<1438px){.modal__inner{padding:2.5rem}}@media screen and (width<390px){.modal__inner{padding:2rem}}.modal__top{justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--color-blue-04);font-size:1.25rem;font-weight:600}.modal__close-button{aspect-ratio:1;width:3rem;color:var(--color-blue-01);border:.0625rem solid var(--color-blue-01);border-radius:var(--border-radius);background-color:#0000;font-size:1.65rem}.modal__close-button:hover{color:var(--color-blue-04);border:.0625rem solid var(--color-blue-04);box-shadow:0 0 1rem var(--color-blue-04)}@media screen and (width<450px){.modal__close-button{padding-top:.3125rem}}.form{flex-direction:column;justify-content:start;align-items:start;gap:1.15rem;display:flex}@media screen and (width<1022px){.form{gap:1.5rem}}.form__field{flex-direction:column;gap:.5rem;width:100%;display:flex}.form__field-label{letter-spacing:.04em;color:var(--color-blue-04);opacity:.8;line-height:1.9}@media screen and (width<1438px){.form__field-label{line-height:1}}.form__field-input,.form__field-textarea{border:.0625rem solid var(--color-blue-01);border-radius:var(--border-radius);outline:none;padding-left:2rem}@media screen and (width<450px){.form__field-input,.form__field-textarea{padding-left:1rem}}.form__field-input:focus,.form__field-textarea:focus{outline:none;animation:.8s ease-out infinite alternate glow;transform:scale(1.01)}.form__field-input::placeholder,.form__field-textarea::placeholder{color:var(--color-blue-04);opacity:.2;font-weight:300;line-height:1.9}.form__field-input{height:4.5rem}@media screen and (width<1438px){.form__field-input{height:3rem}}@media screen and (width<1278px){.form__field-input{height:3.5rem}}.form__field-textarea{resize:none;height:9rem;padding-top:1.5rem}@media screen and (width<1438px){.form__field-textarea{height:5rem;padding-top:1rem}}@media screen and (width<1278px){.form__field-textarea{height:6rem}}.form__submit{width:100%;margin-top:2.5rem}@media screen and (width<1438px){.form__submit{margin-top:0}}@keyframes glow{0%{box-shadow:0 0 .3125rem var(--color-blue-02), 0 .125rem 0 #0000}to{box-shadow:0 0 1.5rem var(--color-blue-04), 0 .25rem 0 #0000}}.error{visibility:hidden;min-height:.85rem;line-height:1;transition:visibility .2s}.error--show{visibility:visible;color:var(--color-error);font-size:.85rem}.popup{border-radius:var(--border-radius);border:none;padding:0}@media screen and (width<768px){.popup{width:80%}}.popup__inner{flex-direction:column;align-items:center;gap:3rem;padding:3rem;display:flex}@media screen and (width<768px){.popup__inner{gap:2rem;padding:2.5rem}}.popup__title{color:var(--color-blue-04);font-size:1.25rem;font-weight:600}@media screen and (width<768px){.popup__title{text-align:center;text-wrap:balance}}
