@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap);

.button-dark,
.button-light {
    align-items: center;
    border-radius: 5.469vw;
    cursor: pointer;
    display: flex;
    font-size: 1.25vw;
    gap: .781vw;
    padding: 1.563vw 2.344vw;
    transition: background-color .3s cubic-bezier(.43, .195, .02, 1);
    width: -webkit-max-content;
    width: max-content
}

@media (max-width:1150px) {

    .button-dark,
    .button-light {
        border-radius: 6.087vw;
        font-size: 1.391vw;
        gap: .87vw;
        padding: 1.739vw 2.609vw
    }
}

@media (max-width:900px) {

    .button-dark,
    .button-light {
        border-radius: 60px;
        font-size: 14px;
        gap: 9px;
        padding: 18px 26px
    }
}

@media (max-width:700px) {

    .button-dark,
    .button-light {
        border-radius: 54px;
        gap: 7px;
        padding: 15px 24px
    }
}

@media (max-width:450px) {

    .button-dark,
    .button-light {
        border-radius: 54px;
        gap: 0;
        padding: 18px 32px
    }
}

.button-dark svg,
.button-light svg {
    transition: fill .3s cubic-bezier(.43, .195, .02, 1);
    width: 1.172vw
}

@media (max-width:1150px) {

    .button-dark svg,
    .button-light svg {
        width: 1.304vw
    }
}

@media (max-width:900px) {

    .button-dark svg,
    .button-light svg {
        width: 13px
    }
}

@media (max-width:700px) {

    .button-dark svg,
    .button-light svg {
        width: 12px
    }
}

@media (max-width:450px) {

    .button-dark svg,
    .button-light svg {
        width: 0
    }
}

.button-light {
    background-color: #fff;
    color: #000
}

.button-light .icon {
    fill: #000
}

.button-light:hover {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff
}

.button-light:hover .icon {
    fill: #fff
}

.button-dark {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff
}

.button-dark .icon {
    fill: #fff
}

.button-dark:hover {
    background-color: #fff;
    color: #000
}

.button-dark:hover .icon {
    fill: #000
}

.button-scroll {
    align-items: center;
    aspect-ratio: auto 1/1;
    background-color: hsla(0, 0%, 100%, .12);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: background-color .3s cubic-bezier(.43, .195, .02, 1)
}

@media (max-width:450px) {
    .button-scroll {
        display: none
    }
}

.button-scroll .icon {
    fill: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: fill .3s cubic-bezier(.43, .195, .02, 1);
    width: 1.172vw
}

@media (max-width:1150px) {
    .button-scroll .icon {
        width: 1.304vw
    }
}

@media (max-width:900px) {
    .button-scroll .icon {
        width: 13px
    }
}

@media (max-width:700px) {
    .button-scroll .icon {
        width: 12px
    }
}

.button-scroll:hover {
    background-color: #fff;
    color: #000
}

.button-scroll:hover .icon {
    fill: #000
}

.hero {
    display: flex;
    flex-direction: column;
    height: 88vh;
    justify-content: center;
    min-height: 350px;
    padding-top: 5.944vw
}

@media (max-width:1150px) {
    .hero {
        padding-top: 6.238vw
    }
}

@media (max-width:900px) {
    .hero {
        padding-top: 7.578vw
    }
}

@media (max-width:850px) {
    .hero {
        padding-top: 7.729vw
    }
}

@media (max-width:700px) {
    .hero {
        padding-top: 60.2px
    }
}

@media (max-width:600px) {
    .hero {
        height: 70vh;
        min-height: 500px;
        padding-top: 53.2px
    }
}

.hero h1 div:first-child {
    transition-delay: .54s !important
}

.hero h1 div:nth-child(2) {
    transition-delay: .58s !important
}

.hero h1 div:nth-child(3) {
    transition-delay: .62s !important
}

.hero h1 div:nth-child(4) {
    transition-delay: .66s !important
}

.hero h1 div:nth-child(5) {
    transition-delay: .7s !important
}

.hero h1 div:nth-child(6) {
    transition-delay: .74s !important
}

.hero h1 div:nth-child(7) {
    transition-delay: .78s !important
}

.hero h1 div:nth-child(8) {
    transition-delay: .82s !important
}

.hero h1 div:nth-child(9) {
    transition-delay: .86s !important
}

.hero h1 div:nth-child(10) {
    transition-delay: .9s !important
}

.content-hero .hero {
    height: -webkit-max-content;
    height: max-content;
    margin-top: 5.944vw;
    min-height: 0;
    min-height: auto;
    padding: 8.984vw 0
}

@media (max-width:1150px) {
    .content-hero .hero {
        padding: 8.696vw 0
    }
}

@media (max-width:900px) {
    .content-hero .hero {
        padding: 9.778vw 0
    }
}

@media (max-width:700px) {
    .content-hero .hero {
        padding: 93px 0
    }
}

@media (max-width:600px) {
    .content-hero .hero {
        padding: 70px 0
    }
}

@media (max-width:450px) {
    .content-hero .hero {
        padding: 85px 0
    }
}

@media (max-width:375px) {
    .content-hero .hero {
        padding: 90px 0
    }
}

@media (max-width:1150px) {
    .content-hero .hero {
        margin-top: 6.238vw
    }
}

@media (max-width:900px) {
    .content-hero .hero {
        margin-top: 7.578vw
    }
}

@media (max-width:850px) {
    .content-hero .hero {
        margin-top: 7.729vw
    }
}

@media (max-width:700px) {
    .content-hero .hero {
        margin-top: 60.2px
    }
}

@media (max-width:600px) {
    .content-hero .hero {
        margin-top: 53.2px
    }
}

.home-page .hero {
    min-height: 38vw !important
}

.home-page .hero h1 {
    margin-bottom: 3.125vw;
    font-size: 3.5vw;
}

@media (max-width:1150px) {
    .home-page .hero h1 {
        margin-bottom: 3.217vw
    }
}

@media (max-width:900px) {
    .home-page .hero h1 {
        margin-bottom: 4.556vw
    }
}

@media (max-width:700px) {
    .home-page .hero h1 {
        margin-bottom: 30px
    }
}

@media (max-width:450px) {
    .home-page .hero h1{
        font-size: 11.567vw !important;
        margin-bottom: 24px
    }
}

.home-page .hero .buttons {
    display: flex;
    justify-content: space-between
}

.home-page .hero .buttons .cta-buttons {
    display: flex;
    gap: 2.422vw
}

@media (max-width:1150px) {
    .home-page .hero .buttons .cta-buttons {
        gap: 2.696vw
    }
}

@media (max-width:900px) {
    .home-page .hero .buttons .cta-buttons {
        gap: 26px
    }
}

@media (max-width:700px) {
    .home-page .hero .buttons .cta-buttons {
        gap: 23px
    }
}

@media (max-width:450px) {
    .home-page .hero .buttons .cta-buttons {
        gap: 21px
    }
}

@media (max-width:370px) {
    .home-page .hero .buttons .cta-buttons .button-dark {
        display: none
    }
}

.home-page .hero .buttons.show-element {
    transition-delay: .62s
}

.home-page .section-wrapper {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: hidden
}

@media (max-width:900px) {
    .home-page .section-wrapper {
        margin: 0;
        position: relative;
        width: 100% !important
    }

    .home-page .section-wrapper .movable-button {
        -webkit-animation: show .4s cubic-bezier(.165, .84, .44, 1) 1.2s forwards;
        animation: show .4s cubic-bezier(.165, .84, .44, 1) 1.2s forwards;
        display: flex !important;
        opacity: 0;
        position: absolute;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        z-index: 10000000000
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.home-page .show-reel {
    height: 45.625vw
}

.home-page .show-reel .wrapper {
    transition-delay: .62s !important
}

@media (max-width:1150px) {
    .home-page .show-reel {
        height: 47.043vw
    }
}

@media (max-width:900px) {
    .home-page .show-reel {
        height: 52.222vw
    }
}

@media (max-width:700px) {
    .home-page .show-reel {
        height: 418px;
        margin: 0
    }
}

@media (max-width:600px) {
    .home-page .show-reel {
        height: 358px
    }
}

.home-page .show-reel video {
    height: 100%;
    object-fit: cover
}

@media (max-width:700px) {
    .home-page .show-reel video {
        height: 418px
    }
}

@media (max-width:600px) {
    .home-page .show-reel video {
        height: 358px
    }
}

.home-page .modal {
    background-color: rgba(0, 0, 0, .94);
    bottom: 0;
    left: 0;
    padding: 8.203vw;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000000000000000
}

@media (max-width:1150px) {
    .home-page .modal {
        padding: 9.13vw
    }
}

@media (max-width:900px) {
    .home-page .modal {
        padding: 16.111vw
    }
}

@media (max-width:700px) {
    .home-page .modal {
        padding: 0
    }
}

.home-page .modal iframe {
    height: 100%;
    width: 100%
}

.home-page .modal .button .hamburger-bar {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center;
    margin-top: 3.516vw;
    position: fixed;
    right: 4.688vw;
    top: 0;
    z-index: 999999
}

@media (max-width:1150px) {
    .home-page .modal .button .hamburger-bar {
        margin-top: 4vw;
        right: 5.217vw
    }
}

@media (max-width:900px) {
    .home-page .modal .button .hamburger-bar {
        margin-top: 5vw;
        right: 4.444vw
    }
}

@media (max-width:700px) {
    .home-page .modal .button .hamburger-bar {
        margin-top: 37px;
        right: 40px
    }
}

@media (max-width:600px) {
    .home-page .modal .button .hamburger-bar {
        margin-top: 30px
    }
}

@media (max-width:450px) {
    .home-page .modal .button .hamburger-bar {
        right: 30px
    }
}

.home-page .modal .button .hamburger-bar .line {
    background-color: #fff;
    height: 1px;
    margin-left: auto;
    position: relative;
    transition: .5s cubic-bezier(.19, 1, .22, 1) 83ms;
    width: 3.125vw
}

@media (max-width:1150px) {
    .home-page .modal .button .hamburger-bar .line {
        width: 3.478vw
    }
}

@media (max-width:900px) {
    .home-page .modal .button .hamburger-bar .line {
        width: 3.889vw
    }
}

@media (max-width:700px) {
    .home-page .modal .button .hamburger-bar .line {
        width: 30px
    }
}

.home-page .modal .button .hamburger-bar .line:first-child {
    top: .508vw
}

@media (max-width:1150px) {
    .home-page .modal .button .hamburger-bar .line:first-child {
        top: .565vw
    }
}

@media (max-width:900px) {
    .home-page .modal .button .hamburger-bar .line:first-child {
        top: .6665vw
    }
}

@media (max-width:700px) {
    .home-page .modal .button .hamburger-bar .line:first-child {
        top: 4.5px
    }
}

.home-page .modal .button .hamburger-bar .line:last-child {
    bottom: .508vw
}

@media (max-width:1150px) {
    .home-page .modal .button .hamburger-bar .line:last-child {
        bottom: .565vw
    }
}

@media (max-width:900px) {
    .home-page .modal .button .hamburger-bar .line:last-child {
        bottom: .6665vw
    }
}

@media (max-width:700px) {
    .home-page .modal .button .hamburger-bar .line:last-child {
        bottom: 4.5px
    }
}

.home-page .modal .active-button .hamburger-bar .line {
    background-color: #fff !important
}

.home-page .modal .active-button .hamburger-bar .line:first-child {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.home-page .modal .active-button .hamburger-bar .line:last-child {
    bottom: 0;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.home-page .show-reel.animate-element {
    position: relative;
    top: 50px;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    transition: top .67s cubic-bezier(.165, .84, .44, 1), opacity .67s cubic-bezier(.165, .84, .44, 1) !important;
    transition-delay: 666ms !important
}

.home-page .show-reel.show-element {
    top: 0
}

.home-page .about-us {
    grid-column-gap: 5.859vw;
    grid-row-gap: 4.688vw;
    -moz-column-gap: 5.859vw;
    -webkit-column-gap: 5.859vw;
    column-gap: 5.859vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 4.688vw
}

@media (max-width:1150px) {
    .home-page .about-us {
        -webkit-column-gap: 6.522vw;
        column-gap: 6.522vw;
        row-gap: 5.217vw
    }
}

@media (max-width:900px) {
    .home-page .about-us {
        -webkit-column-gap: 5.556vw;
        column-gap: 5.556vw;
        row-gap: 5.556vw
    }
}

@media (max-width:700px) {
    .home-page .about-us {
        -webkit-column-gap: 25px;
        column-gap: 25px;
        grid-template-areas: "title title" "desc desc" "button clutch";
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr;
        row-gap: 20px
    }

    .home-page .about-us h2 {
        grid-area: title
    }

    .home-page .about-us .description {
        grid-area: desc;
        margin-bottom: 15px
    }

    .home-page .about-us .clutch-box {
        grid-area: clutch
    }
}

.home-page .about-us h2 div:first-child {
    transition-delay: 262ms
}

.home-page .about-us h2 div:nth-child(2) {
    transition-delay: 302ms
}

.home-page .about-us h2 div:nth-child(3) {
    transition-delay: 342ms
}

.home-page .about-us h2 div:nth-child(4) {
    transition-delay: 382ms
}

.home-page .about-us .description p:first-child {
    margin-bottom: 1.016vw
}

@media (max-width:1150px) {
    .home-page .about-us .description p:first-child {
        margin-bottom: 1.13vw
    }
}

@media (max-width:900px) {
    .home-page .about-us .description p:first-child {
        margin-bottom: 1.111vw
    }
}

@media (max-width:700px) {
    .home-page .about-us .description p:first-child {
        margin-bottom: 10px
    }
}

.home-page .about-us .description p:first-child div:first-child {
    transition-delay: 262ms
}

.home-page .about-us .description p:first-child div:nth-child(2) {
    transition-delay: 302ms
}

.home-page .about-us .description p:first-child div:nth-child(3) {
    transition-delay: 342ms
}

.home-page .about-us .description p:first-child div:nth-child(4) {
    transition-delay: 382ms
}

.home-page .about-us .description p:first-child div:nth-child(5) {
    transition-delay: 422ms
}

.home-page .about-us .description p:first-child div:nth-child(6) {
    transition-delay: 462ms
}

.home-page .about-us .description p:first-child div:nth-child(7) {
    transition-delay: 502ms
}

.home-page .about-us .description p:first-child div:nth-child(8) {
    transition-delay: 542ms
}

.home-page .about-us .description p:first-child div:nth-child(9) {
    transition-delay: 582ms
}

.home-page .about-us .description p:first-child div:nth-child(10) {
    transition-delay: 622ms
}

.home-page .about-us .description p:first-child div:nth-child(11) {
    transition-delay: 662ms
}

.home-page .about-us .description p:first-child div:nth-child(12) {
    transition-delay: 702ms
}

.home-page .about-us .description p:first-child div:nth-child(13) {
    transition-delay: 742ms
}

.home-page .about-us .description p:first-child div:nth-child(14) {
    transition-delay: 782ms
}

.home-page .about-us .description p:first-child div:nth-child(15) {
    transition-delay: 822ms
}

.home-page .about-us .description p:first-child div:nth-child(16) {
    transition-delay: 862ms
}

.home-page .about-us .description p:first-child div:nth-child(17) {
    transition-delay: 902ms
}

.home-page .about-us .description p:first-child div:nth-child(18) {
    transition-delay: 942ms
}

.home-page .about-us .description p:first-child div:nth-child(19) {
    transition-delay: 982ms
}

.home-page .about-us .description p:first-child div:nth-child(20) {
    transition-delay: 1022ms
}

.home-page .about-us .description p:first-child div:nth-child(21) {
    transition-delay: 1062ms
}

.home-page .about-us .description p:first-child div:nth-child(22) {
    transition-delay: 1102ms
}

.home-page .about-us .description p:first-child div:nth-child(23) {
    transition-delay: 1142ms
}

.home-page .about-us .description p:first-child div:nth-child(24) {
    transition-delay: 1182ms
}

.home-page .about-us .description p:first-child div:nth-child(25) {
    transition-delay: 1222ms
}

.home-page .about-us .description p:last-child div:first-child {
    transition-delay: 542ms
}

.home-page .about-us .description p:last-child div:nth-child(2) {
    transition-delay: 582ms
}

.home-page .about-us .description p:last-child div:nth-child(3) {
    transition-delay: 622ms
}

.home-page .about-us .description p:last-child div:nth-child(4) {
    transition-delay: 662ms
}

.home-page .about-us .description p:last-child div:nth-child(5) {
    transition-delay: 702ms
}

.home-page .about-us .description p:last-child div:nth-child(6) {
    transition-delay: 742ms
}

.home-page .about-us .description p:last-child div:nth-child(7) {
    transition-delay: 782ms
}

.home-page .about-us .description p:last-child div:nth-child(8) {
    transition-delay: 822ms
}

.home-page .about-us .description p:last-child div:nth-child(9) {
    transition-delay: 862ms
}

.home-page .about-us .description p:last-child div:nth-child(10) {
    transition-delay: 902ms
}

.home-page .about-us .description p:last-child div:nth-child(11) {
    transition-delay: 942ms
}

.home-page .about-us .description p:last-child div:nth-child(12) {
    transition-delay: 982ms
}

.home-page .about-us .description p:last-child div:nth-child(13) {
    transition-delay: 1022ms
}

.home-page .about-us .description p:last-child div:nth-child(14) {
    transition-delay: 1062ms
}

.home-page .about-us .description p:last-child div:nth-child(15) {
    transition-delay: 1102ms
}

.home-page .about-us .description p:last-child div:nth-child(16) {
    transition-delay: 1142ms
}

.home-page .about-us .description p:last-child div:nth-child(17) {
    transition-delay: 1182ms
}

.home-page .about-us .description p:last-child div:nth-child(18) {
    transition-delay: 1222ms
}

.home-page .about-us .description p:last-child div:nth-child(19) {
    transition-delay: 1262ms
}

.home-page .about-us .description p:last-child div:nth-child(20) {
    transition-delay: 1302ms
}

.home-page .about-us .description p:last-child div:nth-child(21) {
    transition-delay: 1342ms
}

.home-page .about-us .description p:last-child div:nth-child(22) {
    transition-delay: 1382ms
}

.home-page .about-us .description p:last-child div:nth-child(23) {
    transition-delay: 1422ms
}

.home-page .about-us .description p:last-child div:nth-child(24) {
    transition-delay: 1462ms
}

.home-page .about-us .description p:last-child div:nth-child(25) {
    transition-delay: 1502ms
}

.home-page .about-us .clutch-box {
    align-items: flex-end;
    display: flex;
    gap: 3.125vw
}

@media (max-width:1150px) {
    .home-page .about-us .clutch-box {
        gap: 3.391vw
    }
}

@media (max-width:900px) {
    .home-page .about-us .clutch-box {
        gap: 3.667vw
    }
}

@media (max-width:700px) {
    .home-page .about-us .clutch-box {
        align-items: center
    }

    .home-page .about-us .clutch-box .clutch-wrapper {
        display: none
    }
}

.home-page .about-us .clutch-box .clutch {
    fill: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 7.969vw
}

@media (max-width:1150px) {
    .home-page .about-us .clutch-box .clutch {
        width: 8.87vw
    }
}

@media (max-width:900px) {
    .home-page .about-us .clutch-box .clutch {
        width: 9.778vw
    }
}

.home-page .about-us .clutch-box .stars {
    margin-bottom: .781vw;
    width: 6.641vw
}

@media (max-width:1150px) {
    .home-page .about-us .clutch-box .stars {
        margin-bottom: .939vw;
        width: 7.391vw
    }
}

@media (max-width:900px) {
    .home-page .about-us .clutch-box .stars {
        margin-bottom: 1.111vw;
        width: 8.111vw
    }
}

@media (max-width:700px) {
    .home-page .about-us .clutch-box .stars {
        margin-bottom: 8px;
        width: 73px
    }
}

.home-page .about-us .clutch-box p {
    color: hsla(0, 0%, 100%, .7)
}

.home-page .cta-area {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 34.297vw;
    justify-content: space-between;
    min-height: 567px;
    padding: 9.453vw 0;
    text-align: center
}

@media (max-width:1150px) {
    .home-page .cta-area {
        height: 49.304vw;
        padding: 10.522vw 0
    }
}

@media (max-width:900px) {
    .home-page .cta-area {
        height: 54.778vw;
        padding: 11.667vw 0
    }
}

@media (max-width:700px) {
    .home-page .cta-area {
        height: 438px;
        padding: 90px 0
    }
}

@media (max-width:450px) {
    .home-page .cta-area {
        height: 578px;
        padding: 104px
    }
}

.home-page .cta-area .subtitle {
    margin-bottom: 1.406vw
}

@media (max-width:1150px) {
    .home-page .cta-area .subtitle {
        margin-bottom: 1.565vw
    }
}

@media (max-width:900px) {
    .home-page .cta-area .subtitle {
        margin-bottom: 1.667vw
    }
}

@media (max-width:700px) {
    .home-page .cta-area .subtitle {
        margin-bottom: 11px
    }
}

@media (max-width:450px) {
    .home-page .cta-area .subtitle {
        margin-bottom: 20px
    }
}

.home-page .cta-area h2 {
    text-align: center;
    width: 60.781vw
}

@media (max-width:1150px) {
    .home-page .cta-area h2 {
        width: 56vw
    }
}

@media (max-width:900px) {
    .home-page .cta-area h2 {
        width: 70.778vw
    }
}

@media (max-width:700px) {
    .home-page .cta-area h2 {
        width: 85vw
    }
}

@media (max-width:600px) {
    .home-page .cta-area h2 {
        width: 90vw
    }
}

.home-page .cta-area h2 div:first-child {
    transition-delay: 262ms
}

.home-page .cta-area h2 div:nth-child(2) {
    transition-delay: 302ms
}

.home-page .cta-area h2 div:nth-child(3) {
    transition-delay: 342ms
}

.home-page .cta-area h2 div:nth-child(4) {
    transition-delay: 382ms
}

.home-page .cta-area h2 div:nth-child(5) {
    transition-delay: 422ms
}

.home-page .awards {
    grid-column-gap: 10.391vw;
    grid-row-gap: 8.984vw;
    -moz-column-gap: 10.391vw;
    -webkit-column-gap: 10.391vw;
    column-gap: 10.391vw;
    display: grid;
    grid-template-columns: 1fr 1.64fr;
    opacity: 1;
    row-gap: 8.984vw;
    transition: opacity .3s ease .3s
}

@media (max-width:1150px) {
    .home-page .awards {
        -webkit-column-gap: 10.609vw;
        column-gap: 10.609vw;
        row-gap: 8.696vw
    }
}

@media (max-width:900px) {
    .home-page .awards {
        -webkit-column-gap: 10vw;
        column-gap: 10vw;
        row-gap: 5.889vw
    }
}

@media (max-width:700px) {
    .home-page .awards {
        -webkit-column-gap: 80px;
        column-gap: 80px;
        grid-template-columns: .4fr 1fr;
        row-gap: 68px
    }
}

@media (max-width:600px) {
    .home-page .awards {
        grid-template-areas: "." "." "." "trophy";
        grid-template-columns: 1fr;
        row-gap: 20px
    }
}

.home-page .awards .counter {
    font-size: 10.938vw;
    font-weight: 200;
    letter-spacing: -.015rem;
    line-height: 100%
}

@media (max-width:1150px) {
    .home-page .awards .counter {
        font-size: 11.304vw
    }
}

@media (max-width:900px) {
    .home-page .awards .counter {
        font-size: 12.556vw
    }
}

@media (max-width:700px) {
    .home-page .awards .counter {
        font-size: 100px
    }
}

.home-page .awards .trophy {
    align-items: flex-end;
    display: flex;
    overflow: hidden
}

@media (max-width:600px) {
    .home-page .awards .trophy {
        grid-area: trophy;
        overflow: visible;
        overflow: initial
    }
}

@media (max-width:450px) {
    .home-page .awards .trophy {
        align-items: center;
        grid-area: trophy;
        height: 130%;
        margin-top: 25px;
        overflow: hidden
    }
}

.home-page .awards .trophy video {
    height: 100%;
    -webkit-transform: rotate(-17deg) scale(2) translate(1.2%, 1.2%);
    transform: rotate(-17deg) scale(2) translate(1.2%, 1.2%)
}

@media (max-width:1150px) {
    .home-page .awards .trophy video {
        -webkit-transform: rotate(-17deg) scale(1.75) translate(1.2%, 1.2%);
        transform: rotate(-17deg) scale(1.75) translate(1.2%, 1.2%)
    }
}

@media (max-width:600px) {
    .home-page .awards .trophy video {
        height: auto;
        -webkit-transform: rotate(0deg) scale(1) translate(0);
        transform: rotate(0deg) scale(1) translate(0);
        width: 100%
    }
}

@media (max-width:450px) {
    .home-page .awards .trophy video {
        -webkit-transform: rotate(0deg) scale(1.3) translate(0);
        transform: rotate(0deg) scale(1.3) translate(0)
    }
}

.home-page .awards .award-list ul {
    list-style-type: none
}

@media (max-width:600px) {
    .home-page .awards .award-list ul {
        padding-top: 30px
    }
}

@media (max-width:450px) {
    .home-page .awards .award-list ul {
        padding-top: 17px
    }
}

.home-page .awards .award-list ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.125vw
}

@media (max-width:1150px) {
    .home-page .awards .award-list ul li {
        margin-bottom: 3.391vw
    }
}

@media (max-width:900px) {
    .home-page .awards .award-list ul li {
        margin-bottom: 3.667vw
    }
}

@media (max-width:700px) {
    .home-page .awards .award-list ul li {
        margin-bottom: 27px
    }
}

@media (max-width:450px) {
    .home-page .awards .award-list ul li {
        gap: 15px;
        justify-content: flex-start;
        margin-bottom: 22px
    }
}

.home-page .awards .award-list ul li .category {
    display: flex;
    gap: 2.422vw;
    opacity: .5
}

@media (max-width:1150px) {
    .home-page .awards .award-list ul li .category {
        gap: 2.696vw
    }
}

@media (max-width:900px) {
    .home-page .awards .award-list ul li .category {
        gap: 3vw
    }
}

@media (max-width:700px) {
    .home-page .awards .award-list ul li .category {
        gap: 22px
    }
}

@media (max-width:450px) {
    .home-page .awards .award-list ul li .category {
        gap: 8px
    }
}

.home-page .awards .award-list ul li:first-child {
    transition-delay: 262ms
}

.home-page .awards .award-list ul li:nth-child(2) {
    transition-delay: 302ms
}

.home-page .awards .award-list ul li:nth-child(3) {
    transition-delay: 342ms
}

.home-page .awards .award-list ul li:nth-child(4) {
    transition-delay: 382ms
}

.home-page .awards .award-list ul li:nth-child(5) {
    transition-delay: 422ms
}

.home-page .awards .award-list ul li:nth-child(6) {
    transition-delay: 462ms
}

.home-page .awards .award-list ul li:nth-child(7) {
    transition-delay: 502ms
}

.home-page .awards .award-list ul li:nth-child(8) {
    transition-delay: 542ms
}

.home-page .awards .award-list ul li:nth-child(9) {
    transition-delay: 582ms
}

.home-page .awards .award-list ul li:nth-child(10) {
    transition-delay: 622ms
}

.home-page .awards .award-list .more {
    margin-top: 11.719vw
}

@media (max-width:1150px) {
    .home-page .awards .award-list .more {
        margin-top: 8.696vw
    }
}

@media (max-width:900px) {
    .home-page .awards .award-list .more {
        margin-top: 8.667vw
    }
}

@media (max-width:700px) {
    .home-page .awards .award-list .more {
        margin-top: 67px
    }
}

@media (max-width:600px) {
    .home-page .awards .award-list .more {
        margin-top: 47px
    }
}

@media (max-width:450px) {
    .home-page .awards .award-list .more {
        margin-top: 37px
    }
}

.home-page .awards.hide {
    opacity: 0;
    transition: opacity .3s ease 0ms
}

.home-page .project-media {
    align-items: flex-end;
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    display: flex;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease 0ms, background-image .5s ease;
    filter: opacity(.2);
}

.home-page .project-details.show,
.home-page .project-media.show {
    transition: opacity .3s ease .3s, background-image .15s ease
}

.home-page .project-details {
    bottom: 4.688vw;
    display: flex;
    height: 4.688vw;
    justify-content: space-between;
    left: 4.688vw;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 4.688vw;
    transition: opacity .3s ease;
    z-index: 9999
}

@media (max-width:1150px) {
    .home-page .project-details {
        bottom: 5.217vw;
        height: 4.609vw;
        left: 5.217vw;
        right: 5.217vw
    }
}

@media (max-width:900px) {
    .home-page .project-details {
        bottom: 30px;
        height: -webkit-max-content;
        height: max-content;
        justify-content: center;
        left: 0;
        pointer-events: auto;
        right: 0
    }

    .home-page .project-details .info {
        display: none
    }
}

.home-page .project-details .info .case-name {
    margin-top: .547vw;
    opacity: .58
}

@media (max-width:1150px) {
    .home-page .project-details .info .case-name {
        margin-top: .609vw
    }
}

.home-page .project-details .button-scroll {
    pointer-events: auto
}

@media (max-width:900px) {
    .home-page .project-details .button-scroll {
        display: none
    }
}

.home-page .project-details .button-light {
    display: none
}

@media (max-width:900px) {
    .home-page .project-details .button-light {
        display: inherit;
        position: relative;
        z-index: 1000000000000
    }
}

.home-page .learn-more-btn {
    background-color: #fff;
    border-radius: .313vw;
    color: #000;
    font-size: 1.25vw;
    left: 0;
    opacity: 0;
    padding: .859vw .938vw;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: -webkit-max-content;
    width: max-content;
    z-index: 100000000000000000
}

@media (max-width:1150px) {
    .home-page .learn-more-btn {
        border-radius: .348vw;
        font-size: 1.391vw;
        padding: .957vw 1.043vw
    }
}

@media (max-width:900px) {
    .home-page .learn-more-btn {
        display: none
    }
}

.home-page .learn-more-btn.show {
    opacity: 1
}

.home-page #projects-wrapper {
    bottom: 0;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    top: 0
}

.home-page .projects {
    opacity: 1;
    padding-bottom: 25vh;
    padding-top: 25vh;
    position: relative;
    text-align: center;
    transition: opacity .3s ease
}

@media (max-width:1150px) {
    .home-page .projects {
        padding-bottom: 50vh;
        padding-top: 50vh
    }
}

.home-page .projects .wrapper {
    cursor: default;
    display: flex;
    justify-content: center;
    margin-bottom: 7.813vw;
    position: relative;
    width: 100%;
    z-index: 112
}

@media (max-width:1150px) {
    .home-page .projects .wrapper {
        margin-bottom: 8.435vw
    }
}

@media (max-width:900px) {
    .home-page .projects .wrapper {
        margin-bottom: 9.333vw
    }
}

@media (max-width:700px) {
    .home-page .projects .wrapper {
        margin-bottom: 75px
    }
}

@media (max-width:600px) {
    .home-page .projects .wrapper {
        margin-bottom: 125px
    }
}

.home-page .projects .wrapper .title {
    cursor: default;
    font-size: 4.406vw;
    font-weight: 500;
    letter-spacing: -.015rem;
    line-height: 132%;
    opacity: .2;
    transition: .75s cubic-bezier(.165, .84, .44, 1);
    width: -webkit-max-content;
    width: max-content
}

@media (max-width:1150px) {
    .home-page .projects .wrapper .title {
        font-size: 7.13vw
    }
}

@media (max-width:900px) {
    .home-page .projects .wrapper .title {
        font-size: 7.8vw
    }
}

@media (max-width:700px) {
    .home-page .projects .wrapper .title {
        font-size: 63px
    }
}

@media (max-width:600px) {
    .home-page .projects .wrapper .title {
        font-size: 58px
    }
}

@media (max-width:450px) {
    .home-page .projects .wrapper .title {
        font-size: 12.889vw;
        transform: unset !important;
    }
}

.home-page .projects .wrapper .active {
    opacity: 1;
    -webkit-transform: scale(1.26834218);
    transform: scale(1.26834218)
}

.home-page .projects .wrapper .neutral {
    opacity: 1;
    -webkit-transform: scale(1.13417109);
    transform: scale(1.13417109)
}

.home-page .projects.hide {
    opacity: 0;
    pointer-events: none
}

@media (max-width:900px) {
    .home-page .movable-button {
        display: none
    }
}

.home-page .services {
    display: flex;
    flex-direction: column;
    gap: 3.906vw;
    opacity: 1;
    transition: opacity .3s ease
}

@media (max-width:1150px) {
    .home-page .services {
        gap: 5.043vw
    }
}

@media (max-width:900px) {
    .home-page .services {
        gap: 6.111vw
    }
}

@media (max-width:700px) {
    .home-page .services {
        gap: 50px
    }
}

.home-page .services .item {
    display: flex;
    justify-content: space-between
}

@media (max-width:700px) {
    .home-page .services .item {
        flex-direction: column
    }
}

.home-page .services .item .label {
    font-size: 1.25vw;
    opacity: .5;
    transition-delay: 263ms
}

@media (max-width:1150px) {
    .home-page .services .item .label {
        font-size: 1.391vw
    }
}

@media (max-width:900px) {
    .home-page .services .item .label {
        font-size: 14px
    }
}

.home-page .services .item h2 {
    font-weight: 300;
    letter-spacing: -.015rem;
    width: 57.969vw;
    transition:.3s all ease-in-out;
}

.home-page .services a:hover h2 {
    color: #8ac441;
}


@media (max-width:1150px) {
    .home-page .services .item h2 {
        width: 60.174vw
    }
}

@media (max-width:900px) {
    .home-page .services .item h2 {
        width: 62vw
    }
}

@media (max-width:700px) {
    .home-page .services .item h2 {
        margin-top: 25px;
        width: auto
    }
}

@media (max-width:450px) {
    .home-page .services .item h2 {
        font-size: 38px
    }
}

.home-page .services .item h2 div {
    width: -webkit-max-content;
    width: max-content
}

.home-page .services .item h2 div:first-child {
    transition-delay: 262ms
}

.home-page .services .item h2 div:nth-child(2) {
    transition-delay: 302ms
}

.home-page .services .item h2 div:nth-child(3) {
    transition-delay: 342ms
}

.home-page .services .item h2 div:nth-child(4) {
    transition-delay: 382ms
}

.home-page .services .item h2 div:nth-child(5) {
    transition-delay: 422ms
}

.home-page .services .item h2 div:nth-child(6) {
    transition-delay: 462ms
}

.home-page .services .item h2 div:nth-child(7) {
    transition-delay: 502ms
}

.home-page .services .item h2 div:nth-child(8) {
    transition-delay: 542ms
}

.home-page .services .item h2 div:nth-child(9) {
    transition-delay: 582ms
}

.home-page .services .item h2 div:nth-child(10) {
    transition-delay: 622ms
}

.home-page .services.hide {
    opacity: 0
}

.movable-button {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 1.25vw;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: left 50ms linear, top 50ms linear, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), left 50ms linear, top 50ms linear;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), left 50ms linear, top 50ms linear, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    z-index: 1000;
    transform: scale(0);
}

@media (max-width:1150px) {
    .movable-button {
        font-size: 1.391vw
    }
}

@media (max-width:900px) {
    .movable-button {
        bottom: 0;
        height: 91px !important;
        left: 0;
        margin: auto;
        right: 0;
        top: 0;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        width: 91px !important
    }
}

@media (max-width:700px) {
    .movable-button {
        height: 81px !important;
        width: 81px !important
    }
}

@media (max-width:600px) {
    .movable-button {
        height: 70px !important;
        width: 70px !important
    }
}

@media (max-width:450px) {
    .movable-button {
        height: 90px !important;
        width: 90px !important
    }
}

.movable-button svg {
    width: 1.406vw
}

@media (max-width:1150px) {
    .movable-button svg {
        width: 1.565vw
    }
}

@media (max-width:900px) {
    .movable-button svg {
        width: 1.667vw
    }
}

@media (max-width:700px) {
    .movable-button svg {
        width: 13px
    }
}

@media (max-width:600px) {
    .movable-button svg {
        width: 12px
    }
}

@media (max-width:450px) {
    .movable-button svg {
        width: 15px
    }
}

.render-projects {
    grid-column-gap: 5.859vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 0 !important;
    min-height: 100vh
}

@media (max-width:1150px) {
    .render-projects {
        grid-column-gap: 6.522vw
    }
}

@media (max-width:900px) {
    .render-projects {
        grid-column-gap: 5.556vw
    }
}

@media (max-width:700px) {
    .render-projects {
        grid-column-gap: 40px
    }
}

@media (max-width:600px) {
    .render-projects {
        grid-gap: 40px;
        grid-template-columns: 1fr
    }
}

@media (max-width:450px) {
    .render-projects {
        grid-gap: 30px
    }
}

.render-projects .load-init {
    transition-delay: 666ms
}

.render-projects .item {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    height: 44.922vw;
    overflow: hidden
}

@media (max-width:1150px) {
    .render-projects .item {
        height: 50vw
    }
}

@media (max-width:900px) {
    .render-projects .item {
        height: 47.778vw
    }
}

@media (max-width:700px) {
    .render-projects .item {
        height: 358px
    }
}

@media (max-width:450px) {
    .render-projects .item {
        height: 405px
    }
}

.render-projects .item .image-animate {
    height: 100%;
    transition-delay: .62s !important
}

.render-projects .item .custom-show {
    -webkit-animation: animationFade 1s cubic-bezier(.19, 1, .22, 1) 233ms forwards;
    animation: animationFade 1s cubic-bezier(.19, 1, .22, 1) 233ms forwards;
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

@-webkit-keyframes animationFade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animationFade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.render-projects .item .movable-button {
    pointer-events: none
}

.render-projects .item .wrapper {
    height: 100%;
    position: relative;
    transition: opacity .25s ease, -webkit-transform .1s ease;
    transition: transform .1s ease, opacity .25s ease;
    transition: transform .1s ease, opacity .25s ease, -webkit-transform .1s ease
}

.render-projects .item .wrapper img {
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
    width: 100%
}

.render-projects .item .wrapper:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.render-projects .item .wrapper .info {
    bottom: 3.516vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 3.516vw;
    position: absolute;
    right: 3.516vw;
    top: 3.516vw;
    z-index:11;
}

@media (max-width:1150px) {
    .render-projects .item .wrapper .info {
        bottom: 3.913vw;
        left: 3.913vw;
        right: 3.913vw;
        top: 3.913vw
    }
}

@media (max-width:900px) {
    .render-projects .item .wrapper .info {
        bottom: 5vw;
        left: 5vw;
        right: 5vw;
        top: 5vw
    }
}

@media (max-width:700px) {
    .render-projects .item .wrapper .info {
        bottom: 32px;
        left: 32px;
        right: 32px;
        top: 32px
    }
}

.render-projects .item .wrapper .info .category {
    font-size: 1.25vw
}

@media (max-width:1150px) {
    .render-projects .item .wrapper .info .category {
        font-size: 1.391vw
    }
}

@media (max-width:900px) {
    .render-projects .item .wrapper .info .category {
        font-size: 1.778vw
    }
}

@media (max-width:700px) {
    .render-projects .item .wrapper .info .category {
        font-size: 14px
    }
}

.render-projects .item .wrapper .info .title {
    font-size: 2.5vw;
    line-height: 132.9%
}

@media (max-width:1150px) {
    .render-projects .item .wrapper .info .title {
        font-size: 3.556vw
    }
}

@media (max-width:900px) {
    .render-projects .item .wrapper .info .title {
        font-size: 2.667vw
    }
}

@media (max-width:700px) {
    .render-projects .item .wrapper .info .title {
        font-size: 20px
    }
}

.render-projects .item:nth-child(2n) {
    margin-top: 5.859vw
}

@media (max-width:1150px) {
    .render-projects .item:nth-child(2n) {
        margin-top: 6.522vw
    }
}

@media (max-width:900px) {
    .render-projects .item:nth-child(2n) {
        margin-top: 5.556vw
    }
}

@media (max-width:700px) {
    .render-projects .item:nth-child(2n) {
        margin-top: 40px
    }
}

@media (max-width:600px) {
    .render-projects .item:nth-child(2n) {
        margin-top: 0
    }
}

@media (max-width:900px) {
    .render-projects .movable-button {
        display: none
    }
}

nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin-top: 3.906vw;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:1150px) {
    nav {
        margin-top: 4.348vw
    }
}

@media (max-width:900px) {
    nav {
        margin-top: 5vw
    }
}

@media (max-width:700px) {
    nav {
        margin-top: 37px
    }
}

@media (max-width:600px) {
    nav {
        margin-top: 30px
    }
}

nav .logo {
    align-items: center;
    display: flex;
    width: 10.156vw
}

@media (max-width:1150px) {
    nav .logo {
        width: 11.478vw
    }
}

@media (max-width:900px) {
    nav .logo {
        width: 12.778vw
    }
}

@media (max-width:700px) {
    nav .logo {
        width: 102px
    }
}

nav .logo img {
    width: 100%
}

nav .button {
    align-items: center;
    display: flex
}

nav .button p {
    cursor: pointer;
    margin-right: 4.688vw
}

@media (max-width:1150px) {
    nav .button p {
        margin-right: 5.391vw
    }
}

@media (max-width:900px) {
    nav .button p {
        margin-right: 5.889vw
    }
}

@media (max-width:700px) {
    nav .button p {
        margin-right: 50px
    }
}

nav .button .hamburger-bar {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center;
    position: fixed;
    right: 4.688vw;
    z-index: 99999;
}

@media (max-width:1150px) {
    nav .button .hamburger-bar {
        right: 5.217vw
    }
}

@media (max-width:900px) {
    nav .button .hamburger-bar {
        right: 4.444vw
    }
}

@media (max-width:700px) {
    nav .button .hamburger-bar {
        right: 40px
    }
}

@media (max-width:450px) {
    nav .button .hamburger-bar {
        right: 30px
    }
}

nav .button .hamburger-bar .line {
    background-color: #fff;
    height: 1px;
    margin-left: auto;
    position: relative;
    transition: .5s cubic-bezier(.19, 1, .22, 1) 83ms;
    width: 3.125vw
}

@media (max-width:1150px) {
    nav .button .hamburger-bar .line {
        width: 3.478vw
    }
}

@media (max-width:900px) {
    nav .button .hamburger-bar .line {
        width: 3.889vw
    }
}

@media (max-width:700px) {
    nav .button .hamburger-bar .line {
        width: 30px
    }
}

nav .button .hamburger-bar .line:first-child {
    top: .508vw
}

@media (max-width:1150px) {
    nav .button .hamburger-bar .line:first-child {
        top: .565vw
    }
}

@media (max-width:900px) {
    nav .button .hamburger-bar .line:first-child {
        top: .6665vw
    }
}

@media (max-width:700px) {
    nav .button .hamburger-bar .line:first-child {
        top: 4.5px
    }
}

nav .button .hamburger-bar .line:last-child {
    bottom: .508vw
}

@media (max-width:1150px) {
    nav .button .hamburger-bar .line:last-child {
        bottom: .565vw
    }
}

@media (max-width:900px) {
    nav .button .hamburger-bar .line:last-child {
        bottom: .6665vw
    }
}

@media (max-width:700px) {
    nav .button .hamburger-bar .line:last-child {
        bottom: 4.5px
    }
}

nav .active-button .hamburger-bar .line {
    background-color: #000 !important
}

nav .active-button .hamburger-bar .line:first-child {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

nav .active-button .hamburger-bar .line:last-child {
    bottom: 0;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

nav.show-element {
    opacity: 1;
    transition: opacity .8s ease 333ms
}

.navigation-menu {
    background-color: #fff;
    bottom: 0;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    padding: 3.906vw 5.078vw;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity .83s cubic-bezier(.19, 1, .22, 1), -webkit-transform .83s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .83s cubic-bezier(.19, 1, .22, 1), transform .83s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .83s cubic-bezier(.19, 1, .22, 1), transform .83s cubic-bezier(.19, 1, .22, 1), -webkit-transform .83s cubic-bezier(.19, 1, .22, 1);
    width: 34.141vw;
    z-index: 10000
}

@media (max-width:1150px) {
    .navigation-menu {
        padding: 3.913vw 5.217vw;
        width: 37.13vw
    }
}

@media (max-width:900px) {
    .navigation-menu {
        padding: 3.889vw 4.444vw;
        width: 37.111vw
    }
}

@media (max-width:700px) {
    .navigation-menu {
        padding: 34px 40px;
        width: 334px
    }
}

@media (max-width:450px) {
    .navigation-menu {
        padding: 30px;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100vw
    }
}

.navigation-menu .top img {
    display: none
}

@media (max-width:450px) {
    .navigation-menu .top img {
        display: inline;
        display: initial;
        width: 107px
    }
}

.navigation-menu ul {
    display: flex;
    flex-direction: column;
    gap: 1.563vw;
    list-style-type: none
}

@media (max-width:1150px) {
    .navigation-menu ul {
        gap: 1.913vw
    }
}

@media (max-width:900px) {
    .navigation-menu ul {
        gap: 2vw
    }
}

@media (max-width:700px) {
    .navigation-menu ul {
        gap: 20px
    }
}

@media (max-width:450px) {
    .navigation-menu ul {
        gap: 24px
    }
}

.navigation-menu ul li {
    cursor: pointer;
    font-size: 3.125vw;
    font-weight: 300;
    line-height: 110%;
    opacity: 0;
    -webkit-transform: translateY(-2.344vw);
    transform: translateY(-2.344vw)
}

@media (max-width:1150px) {
    .navigation-menu ul li {
        font-size: 3.304vw
    }
}

@media (max-width:900px) {
    .navigation-menu ul li {
        font-size: 3.778vw
    }
}

@media (max-width:700px) {
    .navigation-menu ul li {
        font-size: 30px
    }
}

@media (max-width:450px) {
    .navigation-menu ul li {
        font-size: 42px
    }
}

.navigation-menu ul li:first-child {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 27ms
}

.navigation-menu ul li:nth-child(2) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 77ms
}

.navigation-menu ul li:nth-child(3) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 127ms
}

.navigation-menu ul li:nth-child(4) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 177ms
}

.navigation-menu ul li:nth-child(5) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 227ms
}

.navigation-menu ul li:nth-child(6) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 277ms
}

.navigation-menu ul li:nth-child(7) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 327ms
}

.navigation-menu ul li:nth-child(8) {
    transition: .67s cubic-bezier(.165, .84, .44, 1) 377ms
}

.navigation-menu .social-icons {
    display: flex;
    justify-content: space-between;
    opacity: 0;
    -webkit-transform: translateY(2.344vw);
    transform: translateY(2.344vw);
    transition: .67s cubic-bezier(.165, .84, .44, 1) 133ms
}

@media (min-width:1600px) {
    .navigation-menu .social-icons {
        opacity: 0 !important;
        pointer-events: none !important
    }
}

.navigation-menu .social-icons svg {
    width: 3.594vw
}

@media (max-width:1150px) {
    .navigation-menu .social-icons svg {
        width: 4vw
    }
}

@media (max-width:900px) {
    .navigation-menu .social-icons svg {
        width: 3.778vw
    }
}

@media (max-width:700px) {
    .navigation-menu .social-icons svg {
        width: 35px
    }
}

@media (max-width:450px) {
    .navigation-menu .social-icons svg {
        width: 44px
    }
}

.open {
    opacity: 1 !important;
    pointer-events: auto
}

.open,
.open .social-icons,
.open ul li {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.open .social-icons,
.open ul li {
    opacity: 1
}

footer {
    overflow: hidden;
    padding: 8.594vw 0
}

@media (max-width:1150px) {
    footer {
        padding: 9.565vw 0
    }
}

@media (max-width:900px) {
    footer {
        padding: 12.333vw 0
    }
}

@media (max-width:700px) {
    footer {
        padding: 97px 0
    }
}

@media (max-width:600px) {
    footer {
        padding: 110px 0
    }
}

footer .container-narrow {
    will-change: transform
}

footer .container-narrow .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.953vw;
    align-items: center;
}

@media (max-width:1150px) {
    footer .container-narrow .top {
        margin-bottom: 14.174vw
    }
}

@media (max-width:900px) {
    footer .container-narrow .top {
        margin-bottom: 16.222vw
    }
}

@media (max-width:700px) {
    footer .container-narrow .top {
        align-items: center;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
        text-align: center
    }
}

@media (max-width:450px) {
    footer .container-narrow .top {
        gap: 38px
    }

    footer .container-narrow .top h2 {
        font-size: 40px
    }
}

footer .container-narrow .button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    justify-self: flex-end
}

footer .container-narrow .button-wrapper a {
    pointer-events: none
}

footer .container-narrow .button-wrapper:hover a {
    background-color: #fff;
    color: #000
}

footer .container-narrow .button-wrapper:hover a .icon {
    fill: #000
}

footer .container-narrow .bottom {
    display: flex;
    flex-direction: column;
    gap: 2.344vw
}

@media (max-width:1150px) {
    footer .container-narrow .bottom {
        gap: 2.696vw
    }
}

@media (max-width:900px) {
    footer .container-narrow .bottom {
        gap: 2.889vw
    }
}

@media (max-width:700px) {
    footer .container-narrow .bottom {
        gap: 60px
    }
}

footer .container-narrow .bottom .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:700px) {
    footer .container-narrow .bottom .line {
        flex-direction: column
    }

    footer .container-narrow .bottom .line .back {
        display: none
    }
}

footer .container-narrow .bottom .line .contact-info {
    display: flex;
    gap: 3.906vw
}

@media (max-width:1150px) {
    footer .container-narrow .bottom .line .contact-info {
        gap: 4.522vw
    }
}

@media (max-width:900px) {
    footer .container-narrow .bottom .line .contact-info {
        gap: 4.889vw
    }
}

@media (max-width:700px) {
    footer .container-narrow .bottom .line .contact-info {
        flex-direction: column;
        gap: 25px;
        margin: auto
    }

    footer .container-narrow .bottom .line .contact-info a {
        margin: auto;
        text-align: center
    }
}

footer .container-narrow .bottom .line .contact-info a {
    color: #000;
    text-decoration: none
}

footer .container-narrow .bottom .line .copyrights {
    opacity: .37
}

@media (max-width:700px) {
    footer .container-narrow .bottom .line .copyrights {
        margin-top: 30px;
        order: 1;
        text-align: center
    }
}

footer .container-narrow .bottom .line .social-icons {
    display: flex;
    justify-content: space-between;
    width: 12vw;
}

@media (max-width:1150px) {
    footer .container-narrow .bottom .line .social-icons {
        width: 26.609vw
    }
}

@media (max-width:900px) {
    footer .container-narrow .bottom .line .social-icons {
        width: 29.556vw
    }
}

@media (max-width:700px) {
    footer .container-narrow .bottom .line .social-icons {
        gap: 20px;
        margin: auto;
        width: -webkit-max-content;
        width: max-content
    }
}

@media (max-width:375px) {
    footer .container-narrow .bottom .line .social-icons {
        gap: 15px
    }
}

@media (max-width:320px) {
    footer .container-narrow .bottom .line .social-icons {
        gap: 10px
    }
}

footer .container-narrow .bottom .line .social-icons svg {
    fill: #000;
    width: 2.594vw
}

@media (max-width:1150px) {
    footer .container-narrow .bottom .line .social-icons svg {
        width: 4vw
    }
}

@media (max-width:900px) {
    footer .container-narrow .bottom .line .social-icons svg {
        width: 4.444vw
    }
}

@media (max-width:700px) {
    footer .container-narrow .bottom .line .social-icons svg {
        width: 50px
    }
}

@media (max-width:450px) {
    footer .container-narrow .bottom .line .social-icons svg {
        width: 40px
    }
}

.image-section {
    height: 100vh;
    overflow: hidden;
    position: relative;
    transition-delay: 666ms !important
}

@media (max-width:700px) {
    .image-section {
        height: 374px
    }
}

.image-section img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media (max-width:700px) {
    .image-section img {
        height: 100%
    }
}

.description-section {
    grid-column-gap: 5.859vw;
    grid-row-gap: 1.016vw;
    display: grid;
    grid-template-areas: ". ." "circles .";
    grid-template-columns: 1fr 1fr;
}

@media (max-width:1150px) {
    .description-section {
        grid-column-gap: 6.522vw;
        grid-row-gap: 1.13vw
    }
}

@media (max-width:900px) {
    .description-section {
        grid-column-gap: 5.556vw;
        grid-row-gap: 1.111vw
    }
}

@media (max-width:700px) {
    .description-section {
        grid-row-gap: 10px;
        grid-template-areas: "." "." "." "circles";
        grid-template-columns: 1fr;
    }

    .description-section h2 {
        margin-bottom: 10px
    }
}

.description-section .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.016vw
}

@media (max-width:1150px) {
    .description-section .text-wrapper {
        gap: 1.13vw
    }
}

@media (max-width:900px) {
    .description-section .text-wrapper {
        gap: 1.111vw
    }
}

@media (max-width:700px) {
    .description-section .text-wrapper {
        gap: 10px
    }
}

.description-section .bottom {
    align-self: flex-end;
    grid-area: circles
}

@media (max-width:700px) {
    .description-section .bottom {
        align-items: center;
        display: flex;
        margin-top: 25px
    }
}

.description-section .bottom .circles {
    display: flex
}

.description-section .bottom .circles .circle {
    align-items: center;
    background-color: #313131;
    border: .313vw solid #000;
    border-radius: 50%;
    display: flex;
    height: 3.282vw;
    justify-content: center;
    margin-left: -.939vw;
    padding: .781vw;
    width: 3.282vw
}

@media (max-width:1150px) {
    .description-section .bottom .circles .circle {
        border: .304vw solid #000;
        height: 3.174vw;
        margin-left: -.912vw;
        padding: .783vw;
        width: 3.174vw
    }
}

@media (max-width:900px) {
    .description-section .bottom .circles .circle {
        border: .389vw solid #000;
        height: 4.056vw;
        margin-left: -1.167vw;
        padding: 1.111vw;
        width: 4.056vw
    }
}

@media (max-width:700px) {
    .description-section .bottom .circles .circle {
        border: 3.5px solid #000;
        height: 46.5px;
        margin-left: -10.5px;
        padding: 12px;
        width: 46.5px
    }
}

.description-section .bottom .circles .circle:first-child {
    margin-left: -.313vw
}

@media (max-width:1150px) {
    .description-section .bottom .circles .circle:first-child {
        margin-left: -.304vw
    }
}

@media (max-width:900px) {
    .description-section .bottom .circles .circle:first-child {
        margin-left: -.389vw
    }
}

@media (max-width:700px) {
    .description-section .bottom .circles .circle:first-child {
        margin-left: -3.5px
    }
}

.description-section .bottom .circles .circle svg {
    width: 100%
}

.description-section .bottom .circles .plus {
    background-color: #fff
}

.description-section .bottom .circles .plus svg {
    fill: #000;
    width: 52%
}

.description-section .bottom .desc {
    margin-top: 1.094vw
}

@media (max-width:1150px) {
    .description-section .bottom .desc {
        margin-top: 1.043vw
    }
}

@media (max-width:900px) {
    .description-section .bottom .desc {
        margin-top: 1.333vw
    }
}

@media (max-width:700px) {
    .description-section .bottom .desc {
        margin-left: 20px;
        margin-top: 0
    }
}

.description-section .bottom .desc span {
    opacity: .5
}

.description-section .bottom .desc span:first-child {
    opacity: 1
}

.description-section .description div:first-child {
    transition-delay: 262ms
}

.description-section .description div:nth-child(2) {
    transition-delay: 302ms
}

.description-section .description div:nth-child(3) {
    transition-delay: 342ms
}

.description-section .description div:nth-child(4) {
    transition-delay: 382ms
}

.description-section .description div:nth-child(5) {
    transition-delay: 422ms
}

.description-section .description div:nth-child(6) {
    transition-delay: 462ms
}

.description-section .description div:nth-child(7) {
    transition-delay: 502ms
}

.description-section .description div:nth-child(8) {
    transition-delay: 542ms
}

.description-section .description div:nth-child(9) {
    transition-delay: 582ms
}

.description-section .description div:nth-child(10) {
    transition-delay: 622ms
}

.description-section .description div:nth-child(11) {
    transition-delay: 662ms
}

.description-section .description div:nth-child(12) {
    transition-delay: 702ms
}

.description-section .description div:nth-child(13) {
    transition-delay: 742ms
}

.description-section .description div:nth-child(14) {
    transition-delay: 782ms
}

.description-section .description div:nth-child(15) {
    transition-delay: 822ms
}

.description-section .description div:nth-child(16) {
    transition-delay: 862ms
}

.description-section .description div:nth-child(17) {
    transition-delay: 902ms
}

.description-section .description div:nth-child(18) {
    transition-delay: 942ms
}

.description-section .description div:nth-child(19) {
    transition-delay: 982ms
}

.description-section .description div:nth-child(20) {
    transition-delay: 1022ms
}

.description-section .description div:nth-child(21) {
    transition-delay: 1062ms
}

.description-section .description div:nth-child(22) {
    transition-delay: 1102ms
}

.description-section .description div:nth-child(23) {
    transition-delay: 1142ms
}

.description-section .description div:nth-child(24) {
    transition-delay: 1182ms
}

.description-section .description div:nth-child(25) {
    transition-delay: 1222ms
}

.render-award {
    grid-column-gap: 2.578vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:1150px) {
    .render-award {
        grid-column-gap: 2.696vw
    }
}

@media (max-width:900px) {
    .render-award {
        grid-column-gap: 2.778vw
    }
}

@media (max-width:700px) {
    .render-award {
        grid-column-gap: 28px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:600px) {
    .render-award {
        grid-column-gap: 23px
    }
}

@media (max-width:450px) {
    .render-award {
        grid-column-gap: 27px;
        grid-template-columns: 1fr 1fr;
    }
}

.render-award img {
    width: 100%
}

.render-award img:nth-child(2n) {
    margin-top: 2.422vw
}

@media (max-width:1150px) {
    .render-award img:nth-child(2n) {
        margin-top: 2.696vw
    }
}

@media (max-width:900px) {
    .render-award img:nth-child(2n) {
        margin-top: 2.778vw
    }
}

.render-award img:last-child {
    display: none
}

@media (max-width:700px) {
    .render-award img:nth-child(2n) {
        margin-top: 0
    }

    .render-award img:nth-child(3n+2) {
        margin-top: 28px
    }

    .render-award img:last-child {
        display: inline;
        display: initial
    }
}

@media (max-width:600px) {
    .render-award img:nth-child(3n+2) {
        margin-top: 23px
    }
}

@media (max-width:450px) {
    .render-award img:nth-child(3n+2) {
        margin-top: 0
    }

    .render-award img:nth-child(2n) {
        margin-top: 27px
    }

    .render-award img:last-child {
        display: none
    }
}

section.counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width:450px) {
    section.counter {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

section.counter .item {
    display: flex;
    flex-direction: column
}

section.counter .item:nth-child(2) {
    align-items: center
}

section.counter .item:nth-child(3) {
    align-items: flex-end
}

section.counter .item .wrapper {
    text-align: center;
    width: -webkit-max-content;
    width: max-content
}

@media (max-width:450px) {
    section.counter .item .wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        text-align: right;
        width: 100%
    }
}

section.counter .item .wrapper .number {
    font-size: 9.688vw;
    font-weight: 200;
    letter-spacing: -.015rem;
    line-height: 107.9%
}

@media (max-width:1150px) {
    section.counter .item .wrapper .number {
        font-size: 10.087vw
    }
}

@media (max-width:900px) {
    section.counter .item .wrapper .number {
        font-size: 10.444vw
    }
}

@media (max-width:700px) {
    section.counter .item .wrapper .number {
        font-size: 13.429vw
    }
}

@media (max-width:600px) {
    section.counter .item .wrapper .number {
        font-size: 12.5vw
    }
}

@media (max-width:450px) {
    section.counter .item .wrapper .number {
        font-size: 22.889vw
    }
}

@media (max-width:375px) {
    section.counter .item .wrapper .number {
        font-size: 24vw
    }
}

section.counter .item .wrapper .text {
    line-height: 145.9%
}

@media (max-width:1150px) {
    section.counter .item .wrapper .text {
        font-size: 1.391vw
    }
}

@media (max-width:900px) {
    section.counter .item .wrapper .text {
        font-size: 1.556vw
    }
}

@media (max-width:700px) {
    section.counter .item .wrapper .text {
        font-size: 14px;
        max-width: 130px
    }
}

@media (max-width:450px) {
    section.counter .item .wrapper .text {
        font-size: 16px
    }
}

.logos {
    padding: 11.719vw 0
}

@media (max-width:1150px) {
    .logos {
        padding: 13.043vw 0
    }
}

@media (max-width:900px) {
    .logos {
        padding: 16.667vw 0
    }
}

@media (max-width:700px) {
    .logos {
        padding: 120px 0
    }
}

@media (max-width:450px) {
    .logos {
        padding: 100px 0
    }
}

@media (max-width:375px) {
    .logos {
        padding: 55px 0
    }
}

.logos h2 {
    margin-bottom: 6.25vw;
    max-width: 35.391vw
}

@media (max-width:1150px) {
    .logos h2 {
        margin-bottom: 6.957vw;
        max-width: 39.391vw
    }
}

@media (max-width:900px) {
    .logos h2 {
        margin-bottom: 7.778vw;
        max-width: 50.333vw
    }
}

@media (max-width:700px) {
    .logos h2 {
        margin-bottom: 50px;
        max-width: 453px
    }
}

.logos .view {
    grid-column-gap: 2.891vw;
    grid-row-gap: 5.859vw;
    display: grid;
    grid-auto-rows: 10.156vw;
    grid-template-columns: 1fr 1fr 0 1fr 1fr
}

@media (max-width:1150px) {
    .logos .view {
        grid-column-gap: 2.783vw;
        grid-row-gap: 6.522vw;
        grid-auto-rows: 10.696vw;
        grid-template-columns: 1fr 1fr .957vw 1fr 1fr
    }
}

@media (max-width:900px) {
    .logos .view {
        grid-column-gap: 2.174vw;
        grid-row-gap: 4.783vw;
        grid-auto-rows: 8.348vw;
        grid-template-columns: 1fr 1fr .87vw 1fr 1fr
    }
}

@media (max-width:700px) {
    .logos .view {
        grid-column-gap: 0;
        grid-row-gap: 18px;
        grid-auto-rows: 96px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .logos .view .blank {
        display: none
    }
}

@media (max-width:600px) {
    .logos .view {
        grid-row-gap: 14px;
        grid-column-gap: 60px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:450px) {
    .logos .view {
        grid-column-gap: 30px
    }
}

@media (max-width:375px) {
    .logos .view {
        grid-column-gap: 20px
    }
}

.logos .view .item {
    display: flex
}

.logos .view .item svg {
    height: 100%
}

.logos .view .item10,
.logos .view .item11,
.logos .view .item2,
.logos .view .item3,
.logos .view .item6,
.logos .view .item7 {
    justify-content: center
}

.logos .view .item12,
.logos .view .item4,
.logos .view .item8 {
    justify-content: flex-end
}

@media (max-width:700px) {

    .logos .view .item10,
    .logos .view .item4,
    .logos .view .item7 {
        justify-content: normal
    }

    .logos .view .item11,
    .logos .view .item2,
    .logos .view .item5,
    .logos .view .item8 {
        justify-content: center
    }

    .logos .view .item12,
    .logos .view .item3,
    .logos .view .item6,
    .logos .view .item9 {
        justify-content: right
    }
}

@media (max-width:600px) {

    .logos .view .item1,
    .logos .view .item10,
    .logos .view .item11,
    .logos .view .item12,
    .logos .view .item2,
    .logos .view .item3,
    .logos .view .item4,
    .logos .view .item5,
    .logos .view .item6,
    .logos .view .item7,
    .logos .view .item8,
    .logos .view .item9 {
        justify-content: center
    }
}

.team {
    grid-column-gap: 5.859vw;
    grid-row-gap: 2.109vw;
    display: grid;
    grid-template-areas: ". ." "location .";
    grid-template-columns: 1fr 1fr
}

@media (max-width:1150px) {
    .team {
        grid-column-gap: 4.348vw;
        grid-row-gap: 2.609vw
    }
}

@media (max-width:900px) {
    .team {
        grid-column-gap: 5.556vw;
        grid-row-gap: 2.556vw
    }
}

@media (max-width:700px) {
    .team {
        grid-column-gap: 0;
        grid-row-gap: 25px;
        grid-template-areas: "." "." "." "location";
        grid-template-columns: 1fr
    }

    .team h2 {
        margin-bottom: 25px;
        max-width: 345px
    }
}

.team .members {
    display: flex;
    flex-direction: column;
    gap: 2.109vw
}

@media (max-width:1150px) {
    .team .members {
        gap: 2.609vw
    }
}

@media (max-width:900px) {
    .team .members {
        gap: 2.556vw
    }
}

@media (max-width:700px) {
    .team .members {
        gap: 25px
    }
}

.team .members .team-item {
    display: flex;
    flex-direction: column;
    gap: .781vw
}

@media (max-width:1150px) {
    .team .members .team-item {
        gap: .87vw
    }
}

@media (max-width:900px) {
    .team .members .team-item {
        gap: 1.444vw
    }
}

@media (max-width:700px) {
    .team .members .team-item {
        gap: 13px
    }
}

.team .members .team-item .line {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.team .members .team-item .line .name {
    font-size: 2.188vw;
    font-weight: 200;
    letter-spacing: -.015rem;
    line-height: 145.9%
}

@media (max-width:1150px) {
    .team .members .team-item .line .name {
        font-size: 2.435vw
    }
}

@media (max-width:900px) {
    .team .members .team-item .line .name {
        font-size: 2.667vw
    }
}

@media (max-width:700px) {
    .team .members .team-item .line .name {
        font-size: 24px
    }
}

.team .members .team-item .line svg {
    width: 2.109vw
}

@media (max-width:1150px) {
    .team .members .team-item .line svg {
        width: 2.348vw
    }
}

@media (max-width:900px) {
    .team .members .team-item .line svg {
        width: 3vw
    }
}

@media (max-width:700px) {
    .team .members .team-item .line svg {
        width: 27px
    }
}

.team .members .team-item .line .position {
    line-height: 145.9%;
    opacity: .5
}

.team .members .team-item .line .country {
    opacity: .5
}

.team .located {
    align-items: center;
    align-self: flex-end;
    display: flex;
    gap: 1.563vw;
    grid-area: location
}

@media (max-width:1150px) {
    .team .located {
        gap: 1.739vw
    }
}

@media (max-width:900px) {
    .team .located {
        gap: 1.889vw
    }
}

@media (max-width:700px) {
    .team .located {
        display: none;
        gap: 17px;
        margin-top: 25px
    }
}

.team .located .opacity {
    opacity: .5
}

.team .located .icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 3.516vw;
    justify-content: center;
    width: 3.516vw
}

.team .located .icon svg {
    width: 33%
}

@media (max-width:1150px) {
    .team .located .icon {
        height: 3.913vw;
        width: 3.913vw
    }
}

@media (max-width:900px) {
    .team .located .icon {
        height: 4.222vw;
        width: 4.222vw
    }
}

@media (max-width:700px) {
    .team .located .icon {
        height: 38px;
        width: 38px
    }
}

.full-image {
    height: 100vh;
    overflow: hidden;
    position: relative
}

@media (max-width:900px) {
    .full-image {
        height: 600px
    }
}

.full-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.full-image .content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 1.406vw;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:1150px) {
    .full-image .content {
        gap: 1.565vw
    }
}

@media (max-width:900px) {
    .full-image .content {
        gap: 1.667vw
    }
}

@media (max-width:700px) {
    .full-image .content {
        gap: 15px
    }
}

.full-image .content h2 {
    max-width: 56.25vw
}

@media (max-width:1150px) {
    .full-image .content h2 {
        max-width: 58.087vw
    }
}

@media (max-width:900px) {
    .full-image .content h2 {
        max-width: 60.778vw
    }
}

@media (max-width:700px) {
    .full-image .content h2 {
        max-width: 465px
    }
}

.faq h2 {
    margin-bottom: 5.469vw;
    width: 80%
}

@media (max-width:1150px) {
    .faq h2 {
        margin-bottom: 6.087vw
    }
}

@media (max-width:900px) {
    .faq h2 {
        margin-bottom: 7.778vw;
        width: 100%
    }
}

@media (max-width:700px) {
    .faq h2 {
        margin-bottom: 50px
    }
}

.faq .faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5vw
}

@media (max-width:1150px) {
    .faq .faq-wrapper {
        gap: 2.174vw
    }
}

@media (max-width:900px) {
    .faq .faq-wrapper {
        gap: 2.778vw
    }
}

@media (max-width:700px) {
    .faq .faq-wrapper {
        gap: 25px
    }
}

.faq .faq-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    padding-bottom: 2.5vw
}

@media (max-width:1150px) {
    .faq .faq-item {
        padding-bottom: 2.174vw
    }
}

@media (max-width:900px) {
    .faq .faq-item {
        padding-bottom: 2.778vw
    }
}

@media (max-width:700px) {
    .faq .faq-item {
        padding-bottom: 25px
    }
}

.faq .faq-item .visible {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.faq .faq-item .visible .question {
    font-size: 1.875vw;
    line-height: 145.9%;
    width: 70%
}

@media (max-width:1150px) {
    .faq .faq-item .visible .question {
        font-size: 2.087vw;
        width: 75%
    }
}

@media (max-width:900px) {
    .faq .faq-item .visible .question {
        font-size: 2.444vw;
        width: 82%
    }
}

@media (max-width:700px) {
    .faq .faq-item .visible .question {
        font-size: 22px;
        width: 90%
    }
}

.faq .faq-item .visible .icon-wrapper {
    height: -webkit-max-content;
    height: max-content;
    transition: .5s ease;
    width: 1.172vw
}

@media (max-width:1150px) {
    .faq .faq-item .visible .icon-wrapper {
        width: 1.217vw
    }
}

@media (max-width:900px) {
    .faq .faq-item .visible .icon-wrapper {
        width: 1.556vw
    }
}

@media (max-width:700px) {
    .faq .faq-item .visible .icon-wrapper {
        width: 14px
    }
}

.faq .faq-item .visible .icon-wrapper svg {
    fill: #fff;
    width: 100%
}

.faq .faq-item .margin-top {
    margin-top: 1.016vw
}

@media (max-width:1150px) {
    .faq .faq-item .margin-top {
        margin-top: 1.13vw
    }
}

@media (max-width:900px) {
    .faq .faq-item .margin-top {
        margin-top: 1.333vw
    }
}

@media (max-width:700px) {
    .faq .faq-item .margin-top {
        margin-top: 10px
    }
}

.faq .faq-item .answer {
    opacity: .5;
    overflow: hidden;
    transition: .5s ease;
    width: 70%
}

@media (max-width:1150px) {
    .faq .faq-item .answer {
        width: 75%
    }
}

@media (max-width:900px) {
    .faq .faq-item .answer {
        width: 82%
    }
}

@media (max-width:700px) {
    .faq .faq-item .answer {
        width: 90%
    }
}

.faq .faq-item:first-child {
    transition-delay: .26s !important
}

.faq .faq-item:nth-child(2) {
    transition-delay: .3s !important
}

.faq .faq-item:nth-child(3) {
    transition-delay: .34s !important
}

.faq .faq-item:nth-child(4) {
    transition-delay: .38s !important
}

.faq .faq-item:nth-child(5) {
    transition-delay: .42s !important
}

.faq .faq-item:nth-child(6) {
    transition-delay: .46s !important
}

.faq .faq-item:nth-child(7) {
    transition-delay: .5s !important
}

.faq .faq-item:nth-child(8) {
    transition-delay: .54s !important
}

.faq .faq-item:nth-child(9) {
    transition-delay: .58s !important
}

.faq .faq-item:nth-child(10) {
    transition-delay: .62s !important
}

.services-page .hero h1 {
    max-width: 65vw
}

@media (max-width:700px) {
    .services-page .hero h1 {
        max-width: 90%
    }
}

@media (max-width:600px) {
    .services-page .hero h1 {
        max-width: 95%
    }
}

@media (max-width:450px) {
    .services-page .hero h1 {
        max-width: 100%
    }
}

@media (max-width:700px) {
    .services-page .description-section .bottom {
        align-items: normal;
        flex-direction: column;
        justify-content: normal
    }

    .services-page .description-section .bottom .desc {
        margin-left: 0;
        margin-top: 15px
    }
}

.services-page .trophy-section {
    align-items: center;
    background-color: #fff;
    color: #000;
    display: flex;
    height: 51.953vw;
    position: relative
}

@media (max-width:1150px) {
    .services-page .trophy-section {
        height: 57.826vw
    }
}

@media (max-width:900px) {
    .services-page .trophy-section {
        height: 64.444vw
    }
}

@media (max-width:700px) {
    .services-page .trophy-section {
        height: 580px
    }
}

.services-page .trophy-section .left {
    align-self: center;
    position: relative;
    width: 47.734vw;
    z-index: 2
}

@media (max-width:1150px) {
    .services-page .trophy-section .left {
        width: 53.13vw
    }
}

@media (max-width:900px) {
    .services-page .trophy-section .left {
        width: 54.333vw
    }
}

@media (max-width:700px) {
    .services-page .trophy-section .left {
        width: 70vw
    }
}

@media (max-width:600px) {
    .services-page .trophy-section .left {
        width: 100%
    }
}

.services-page .trophy-section .left .subtitle {
    margin-bottom: 1.406vw
}

@media (max-width:1150px) {
    .services-page .trophy-section .left .subtitle {
        margin-bottom: 1.565vw
    }
}

@media (max-width:900px) {
    .services-page .trophy-section .left .subtitle {
        margin-bottom: 2.222vw
    }
}

@media (max-width:700px) {
    .services-page .trophy-section .left .subtitle {
        margin-bottom: 2.222vw
    }
}

@media (max-width:600px) {
    .services-page .trophy-section .left .subtitle {
        margin-bottom: 20px
    }
}

.services-page .trophy-section .image {
    align-items: center;
    bottom: 0;
    display: flex;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 70vw;
    z-index: 1
}

@media (max-width:1150px) {
    .services-page .trophy-section .image {
        width: 34.87vw
    }
}

@media (max-width:900px) {
    .services-page .trophy-section .image {
        width: 41.889vw
    }
}

@media (max-width:700px) {
    .services-page .trophy-section .image {
        width: 278px
    }
}

@media (max-width:600px) {
    .services-page .trophy-section .image {
        display: none
    }
}

.services-page .trophy-section .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1150px) {
    .services-page .trophy-section .image img {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
        width: 57.13vw
    }
}

@media (max-width:900px) {
    .services-page .trophy-section .image img {
        width: 73vw
    }
}

@media (max-width:700px) {
    .services-page .trophy-section .image img {
        width: 657px
    }
}

@media (max-width:600px) {
    .services-page .trophy-section .image img {
        width: 457px
    }
}

.render-services .services-item {
    grid-gap: 5.859vw;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:1150px) {
    .render-services .services-item {
        grid-gap: 6.522vw
    }
}

@media (max-width:900px) {
    .render-services .services-item {
        grid-gap: 5.556vw
    }
}

@media (max-width:700px) {
    .render-services .services-item {
        grid-gap: 60px;
        grid-template-columns: 1fr
    }
}

@media (max-width:450px) {
    .render-services .services-item {
        grid-gap: 55px
    }
}

.render-services .services-item .info {
    display: flex;
    flex-direction: column;
    height: 39.922vw;
    justify-content: space-between;
    margin-bottom: 1.563vw;
    padding: 2.734vw 0
}

@media (max-width:1150px) {
    .render-services .services-item .info {
        height: 44.435vw;
        padding: 3.043vw 0
    }
}

@media (max-width:900px) {
    .render-services .services-item .info {
        height: 100%;
        padding: 0
    }
}

@media (max-width:700px) {
    .render-services .services-item .info {
        padding: 0
    }
}

.render-services .services-item .info h2 {
    margin-bottom: 1.25vw
}

@media (max-width:1150px) {
    .render-services .services-item .info h2 {
        margin-bottom: 1.391vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .info h2 {
        margin-bottom: 1.778vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .info h2 {
        margin-bottom: 16px
    }

    .render-services .services-item .info .technology {
        margin-top: 51px
    }
}

@media (max-width:450px) {
    .render-services .services-item .info .technology {
        margin-top: 38px
    }
}

.render-services .services-item .info .technology .title {
    font-size: 1.25vw;
    margin-bottom: 1.016vw;
    opacity: .5
}

@media (max-width:1150px) {
    .render-services .services-item .info .technology .title {
        font-size: 1.391vw;
        margin-bottom: 1.043vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .info .technology .title {
        font-size: 1.778vw;
        margin-bottom: 1.444vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .info .technology .title {
        font-size: 16px;
        margin-bottom: 13px
    }
}

.render-services .services-item .slider {
    grid-area: image
}

@media (max-width:900px) {
    .render-services .services-item .slider {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.render-services .services-item .slider .images {
    height: 39.922vw;
    margin-bottom: 1.563vw;
    position: relative
}

@media (max-width:1150px) {
    .render-services .services-item .slider .images {
        height: 44.435vw;
        margin-bottom: 1.739vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .slider .images {
        height: 46.667vw;
        margin-bottom: 2.444vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .slider .images {
        height: 420px;
        margin-bottom: 22px
    }
}

.render-services .services-item .slider .images img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
    object-position:right;
}

@media (max-width:700px) {
    .render-services .services-item .slider .images img {
        height: 100%
    }
}

.render-services .services-item .slider .controls {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.render-services .services-item .slider .controls .case {
    font-size: 1.25vw
}

@media (max-width:1150px) {
    .render-services .services-item .slider .controls .case {
        font-size: 1.391vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .slider .controls .case {
        font-size: 1.778vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .slider .controls .case {
        font-size: 16px
    }
}

.render-services .services-item .slider .controls .case .opacity {
    margin-right: 1.328vw;
    opacity: .5
}

@media (max-width:1150px) {
    .render-services .services-item .slider .controls .case .opacity {
        margin-right: 1.391vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .slider .controls .case .opacity {
        margin-right: 1.778vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .slider .controls .case .opacity {
        margin-right: 16px
    }
}

.render-services .services-item .slider .controls .arrows {
    display: flex;
    gap: .781vw
}

@media (max-width:1150px) {
    .render-services .services-item .slider .controls .arrows {
        gap: .87vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .slider .controls .arrows {
        gap: 1.111vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .slider .controls .arrows {
        gap: 10px
    }
}

.render-services .services-item .slider .controls .arrows .arrow {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .12);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 1.719vw;
    justify-content: center;
    width: 1.719vw
}

@media (max-width:1150px) {
    .render-services .services-item .slider .controls .arrows .arrow {
        height: 1.913vw;
        width: 1.913vw
    }
}

@media (max-width:900px) {
    .render-services .services-item .slider .controls .arrows .arrow {
        height: 2.444vw;
        width: 2.444vw
    }
}

@media (max-width:700px) {
    .render-services .services-item .slider .controls .arrows .arrow {
        height: 22px;
        width: 22px
    }
}

.render-services .services-item .slider .controls .arrows .arrow svg {
    width: 45%
}

.render-services .services-item .slider .controls .arrows .left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.render-services .services-item:nth-child(2n) {
    grid-template-areas: "image ."
}

@media (max-width:700px) {
    .render-services .services-item:nth-child(2n) {
        grid-template-areas: "." "image"
    }
}

.render-services .services-item:nth-child(odd) {
    grid-template-areas: ". image"
}

@media (max-width:700px) {
    .render-services .services-item:nth-child(odd) {
        grid-template-areas: "." "image"
    }
}

.contact-page .hero h1 {
    width: 75%
}

@media (max-width:600px) {
    .contact-page .hero h1 {
        width: 100%
    }
}

.contact-page .info {
    margin-bottom: 7.969vw;
    transition-delay: .62s !important
}

@media (max-width:1150px) {
    .contact-page .info {
        margin-bottom: 9.565vw
    }
}

@media (max-width:900px) {
    .contact-page .info {
        margin-bottom: 12.333vw
    }
}

@media (max-width:700px) {
    .contact-page .info {
        margin-bottom: 82px
    }
}

@media (max-width:600px) {
    .contact-page .info {
        margin-bottom: 70px
    }
}

@media (max-width:450px) {
    .contact-page .info {
        margin-bottom: 103px
    }
}

@media (max-width:375px) {
    .contact-page .info {
        margin-bottom: 158px
    }
}

.contact-page .info .opacity {
    opacity: .5
}

.contact-page .info .line {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.contact-page .info .line .icons {
    display: flex;
    gap: .547vw
}

@media (max-width:1150px) {
    .contact-page .info .line .icons {
        gap: .609vw
    }
}

@media (max-width:900px) {
    .contact-page .info .line .icons {
        gap: .522vw
    }
}

@media (max-width:700px) {
    .contact-page .info .line .icons {
        gap: 6px
    }
}

.contact-page .info .line .wrapper {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    width: 3.594vw
}

@media (max-width:1150px) {
    .contact-page .info .line .wrapper {
        width: 4vw
    }
}

@media (max-width:900px) {
    .contact-page .info .line .wrapper {
        width: 3.217vw
    }
}

@media (max-width:700px) {
    .contact-page .info .line .wrapper {
        width: 37px
    }
}

.contact-page .info .line .wrapper svg {
    fill: #fff;
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    width: 100%
}

@media (max-width:700px) {
    .contact-page .info .line:last-child {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px
    }
}

.contact-page .info .email {
    margin: 2.344vw 0;
    width: 100%
}

@media (max-width:1150px) {
    .contact-page .info .email {
        margin: 2.609vw 0
    }
}

@media (max-width:900px) {
    .contact-page .info .email {
        margin: 3.333vw 0
    }
}

@media (max-width:700px) {
    .contact-page .info .email {
        margin: 30px 0
    }
}

.contact-page .info .email .hover {
    width: 100%
}

.contact-page .info .email .hover .fake,
.contact-page .info .email .hover p {
    line-height: 0%
}

.contact-page .info .email .hover .fake {
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.contact-page .info .email .hover:hover .fake {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.contact-page .info .email img {
    width: 53.594vw
}

@media (max-width:1150px) {
    .contact-page .info .email img {
        width: 52.174vw
    }
}

@media (max-width:900px) {
    .contact-page .info .email img {
        width: 61.778vw
    }
}

@media (max-width:700px) {
    .contact-page .info .email img {
        width: 435px
    }
}

@media (max-width:600px) {
    .contact-page .info .email img {
        width: 100%
    }
}

.contact-page .location {
    height: 30.469vw;
    margin-top: 0;
    overflow: hidden;
    position: relative
}

@media (max-width:1150px) {
    .contact-page .location {
        height: 33.913vw
    }
}

@media (max-width:900px) {
    .contact-page .location {
        height: 43.333vw
    }
}

@media (max-width:700px) {
    .contact-page .location {
        height: 390px
    }
}

@media (max-width:450px) {
    .contact-page .location {
        height: 473px
    }
}

.contact-page .location img {
    bottom: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (max-width:700px) {
    .contact-page .location img {
        height: 100%
    }
}

.contact-page .location .info-details {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 3.594vw;
    position: relative;
    z-index: 2
}

@media (max-width:1150px) {
    .contact-page .location .info-details {
        padding: 4vw
    }
}

@media (max-width:900px) {
    .contact-page .location .info-details {
        padding: 4.667vw
    }
}

@media (max-width:700px) {
    .contact-page .location .info-details {
        padding: 42px
    }
}

@media (max-width:450px) {
    .contact-page .location .info-details {
        padding: 33px
    }
}

.contact-page .location .info-details .icon-circle {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 3.906vw;
    justify-content: center;
    width: 3.906vw
}

@media (max-width:1150px) {
    .contact-page .location .info-details .icon-circle {
        height: 4.348vw;
        width: 4.348vw
    }
}

@media (max-width:900px) {
    .contact-page .location .info-details .icon-circle {
        height: 4.889vw;
        width: 4.889vw
    }
}

@media (max-width:700px) {
    .contact-page .location .info-details .icon-circle {
        height: 44px;
        width: 44px
    }
}

.contact-page .location .info-details .icon-circle .icon {
    height: -webkit-max-content;
    height: max-content;
    width: 40%
}

.contact-page .location .info-details h2 {
    margin-bottom: 1.719vw
}

@media (max-width:1150px) {
    .contact-page .location .info-details h2 {
        margin-bottom: 1.913vw
    }
}

@media (max-width:900px) {
    .contact-page .location .info-details h2 {
        margin-bottom: 2.444vw
    }
}

@media (max-width:700px) {
    .contact-page .location .info-details h2 {
        margin-bottom: 22px
    }
}

@media (max-width:450px) {
    .contact-page .location .info-details h2 {
        font-size: 40px !important;
        margin-bottom: 16px
    }
}

.project-template .line {
    margin-right: 1.563vw
}

@media (max-width:1150px) {
    .project-template .line {
        margin-right: 1.739vw
    }
}

@media (max-width:900px) {
    .project-template .line {
        margin-right: 2.222vw
    }
}

@media (max-width:700px) {
    .project-template .line {
        margin-right: 16px
    }
}

.project-template .template-hero {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    display: flex;
    position: relative;
    z-index: -1
}

@media (max-width:700px) {
    .project-template .template-hero .container-narrow {
        margin-left: 40px;
        margin-right: 40px;
        width: 100%
    }
}

.project-template .template-hero .subtitle {
    margin-bottom: 1.953vw;
    transition-delay: .5s
}

@media (max-width:1150px) {
    .project-template .template-hero .subtitle {
        margin-bottom: 2.174vw
    }
}

@media (max-width:900px) {
    .project-template .template-hero .subtitle {
        margin-bottom: 2.778vw
    }
}

@media (max-width:700px) {
    .project-template .template-hero .subtitle {
        margin-bottom: 25px
    }
}

.project-template .template-hero h1 {
    transition-delay: .58s
}

.project-template .img-wrapper {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute !important;
    right: 0;
    top: 0;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    z-index: -1
}

.project-template .img-wrapper img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media (max-width:700px) {
    .project-template .img-wrapper img {
        height: 100% !important
    }
}

.project-template .project-info {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:700px) {
    .project-template .project-info {
        grid-gap: 20px;
        grid-template-columns: 1fr
    }
}

.project-template .project-info .wrapper {
    display: flex;
    flex-direction: column
}

.project-template .project-info .subtitle {
    margin-bottom: 1.25vw
}

@media (max-width:1150px) {
    .project-template .project-info .subtitle {
        margin-bottom: 1.391vw
    }
}

@media (max-width:900px) {
    .project-template .project-info .subtitle {
        margin-bottom: 1.778vw
    }
}

@media (max-width:700px) {
    .project-template .project-info .subtitle {
        margin-bottom: 0;
        margin-top: 35px;
        order: 3
    }
}

.project-template .project-info .subtitle .opacity {
    opacity: .5
}

.project-template .project-info .paragraph {
    display: flex;
    flex-direction: column;
    gap: 1.016vw
}

@media (max-width:1150px) {
    .project-template .project-info .paragraph {
        gap: 1.13vw
    }
}

@media (max-width:900px) {
    .project-template .project-info .paragraph {
        gap: 1.111vw
    }
}

@media (max-width:700px) {
    .project-template .project-info .paragraph {
        gap: 10px
    }
}

.project-template .project-info .project-button {
    cursor: pointer;
    display: flex;
    gap: .781vw;
    margin-top: 3.125vw
}

@media (max-width:1150px) {
    .project-template .project-info .project-button {
        gap: .87vw;
        margin-top: 3.478vw
    }
}

@media (max-width:900px) {
    .project-template .project-info .project-button {
        gap: 1.111vw;
        margin-top: 4.444vw
    }
}

@media (max-width:700px) {
    .project-template .project-info .project-button {
        gap: 10;
        margin-top: 40px
    }
}

@media (max-width:375px) {
    .project-template .project-info .project-button {
        margin-top: 30px
    }
}

.project-template .project-info .project-button svg {
    fill: #fff;
    width: 1.172vw
}

@media (max-width:1150px) {
    .project-template .project-info .project-button svg {
        width: 1.304vw
    }
}

@media (max-width:900px) {
    .project-template .project-info .project-button svg {
        width: 1.444vw
    }
}

@media (max-width:700px) {
    .project-template .project-info .project-button svg {
        width: 13px
    }
}

.project-template .image-group {
    grid-gap: 3.125vw;
    display: grid;
    gap: 3.125vw
}

.project-template .image-group img {
    pointer-events: none;
    width: 100%
}

@media (max-width:600px) {
    .project-template .image-group {
        grid-template-columns: 1fr !important;
        margin: 0 !important
    }
}

.project-template .animate-element {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .67s cubic-bezier(.165, .84, .44, 1), -webkit-transform .67s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .67s cubic-bezier(.165, .84, .44, 1), transform .67s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .67s cubic-bezier(.165, .84, .44, 1), transform .67s cubic-bezier(.165, .84, .44, 1), -webkit-transform .67s cubic-bezier(.165, .84, .44, 1)
}

.project-template .show-element {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

* {
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,
html {
    scroll-behavior: smooth
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #000;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 1.406vw;
    line-height: 145.9%;
    overflow-x: hidden
}

@media (max-width:1150px) {
    body {
        font-size: 1.304vw
    }
}

@media (max-width:900px) {
    body {
        font-size: 16px
    }
}

body ::selection {
    background: #fff;
    color: #000
}

.container {
    margin-left: 4.688vw;
    margin-right: 4.688vw
}

@media (max-width:1150px) {
    .container {
        margin-left: 5.217vw;
        margin-right: 5.217vw
    }
}

@media (max-width:900px) {
    .container {
        margin-left: 4.444vw;
        margin-right: 4.444vw
    }
}

@media (max-width:700px) {
    .container {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media (max-width:450px) {
    .container {
        margin-left: 30px;
        margin-right: 30px
    }
}

.container-narrow {
    margin: auto;
    width: 76.563vw
}

@media (max-width:1150px) {
    .container-narrow {
        width: 80.87vw
    }
}

@media (max-width:900px) {
    .container-narrow {
        width: 82.222vw
    }
}

@media (max-width:700px) {
    .container-narrow {
        margin-left: 40px;
        margin-right: 40px;
        width: auto
    }
}

@media (max-width:450px) {
    .container-narrow {
        margin-left: 30px;
        margin-right: 30px
    }
}

.hover {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: -webkit-max-content;
    width: max-content
}

.hover .fake {
    position: absolute;
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

.hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hover .fake,
.hover p {
    transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.hover:hover p {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

.hover:hover .fake {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.section-space {
    margin-bottom: 15.625vw;
    margin-top: 15.625vw
}
.section-spaceLow{
    margin-bottom:10vw;
    margin-top:5vw;
}

.section-spaceLow .text-wrapper {
    margin-bottom: 3vw;
}

.section-spaceLow .text-wrapper .description {
    margin-bottom: 1vw;
}
.section-spaceLow .text-wrapper ol {
    padding-left: 4.5vw;
}

@media (max-width:1150px) {
    .section-space {
        margin-bottom: 17.391vw;
        margin-top: 17.391vw
    }
}

@media (max-width:900px) {
    .section-space {
        margin-bottom: 16.667vw;
        margin-top: 16.667vw
    }
}

@media (max-width:700px) {
    .section-space {
        margin-bottom: 120px;
        margin-top: 120px
    }
}

.white-section {
    background-color: #fff;
    color: #000
}

.white-section .button-dark {
    background-color: #000;
    border: 1px solid #000
}

.white-section .button-dark:hover {
    background-color: initial
}

svg {
    aspect-ratio: 1/1
}

video {
    width: 100%
}

h1 {
    font-size: 4.938vw;
    font-weight: 300;
    letter-spacing: -.015rem;
    line-height: 104%
}

@media (max-width:1150px) {
    h1 {
        font-size: 6.2vw
    }
}

@media (max-width:900px) {
    h1 {
        font-size: 6.37vw
    }
}

@media (max-width:700px) {
    h1 {
        font-size: 48px;
        max-width: 520px
    }
}

@media (max-width:450px) {
    h1 {
        font-size: 46px
    }
}

@media (max-width:375px) {
    h1 {
        font-size: 46px !important
    }
}

h2 {
    font-size: 4.688vw;
    font-weight: 300;
    line-height: 107%
}

@media (max-width:1150px) {
    h2 {
        font-size: 4.87vw
    }
}

@media (max-width:900px) {
    h2 {
        font-size: 5.111vw
    }
}

@media (max-width:700px) {
    h2 {
        font-size: 42px
    }
}

@media (max-width:450px) {
    h2 {
        font-size: 44px
    }
}

.small-text {
    font-size: .781vw;
    line-height: 125%
}

@media (max-width:1150px) {
    .small-text {
        font-size: .87vw
    }
}

@media (max-width:900px) {
    .small-text {
        font-size: .967vw
    }
}

@media (max-width:700px) {
    .small-text {
        font-size: 10px
    }
}

a {
    color: inherit;
    text-decoration: none
}


.home-page section.logos.white-section.section-space {
    margin-top: 0;
}

section.trophy-section.section-space h2 {
    font-size: 3vw;
}

.email.emlExt p {
    line-height: normal !important;
    font-size: 4vw;
}

.email.emlExt .fake {
    line-height: normal !important;
    font-size: 4vw !important;
}

.render-services .services-item .slider .controls .arrows{
    display:none !important;
}



.logoAnim svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #loader {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 999999;
    /* pointer-events: none; */
    background: #000;
    color: #8AC441 !important;
  }
  .doNotShow{
    display:none;
  }
  .locTxt {
    display: flex;
    align-items: center;
    flex: 0 0 60%;
    gap: 1rem;
}

.locLine .contact-info {
    flex: 0 0 100%;
}

a.locTxt .icon-circle {
    flex: 0 0 5%;
}
.whiteBgWrapper:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 80%);
}



.extLinks {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1.5rem;
}

.extLinks a {
    font-size: 1.3rem;
}




/* Modal */
.mdHead {
    text-align: center;
    margin-bottom:2.102vw;
}
.mdHead h3 {
    color: #333333;
    text-align: center;
    font-size:2.207vw;
    margin-bottom: 1.524vw;
}
.mdHead p{
    font-size:1.261vw;
    color:#666666;
}

.formFd {
    display: flex;
    align-items: center;
}

.formFd .frmGroup {
    flex: 0 0 50%;
}

.formFd .frmGroup input {
    width: 95%;
    height: 3.678vw;
    font-size: 0.946vw;
    padding-left: 1.051vw;
}

.frmGroup input {
    width: 100%;
    height: 3.678vw;
    font-size: 0.946vw;
    border-radius: 3.678vw;
    border: 0.105vw solid #D9D9D9;
}

.frmGroup .iti {
    width: 98%;
    height: 3.678vw;
}

.frmGroup {
    margin-top: 1.576vw;
    position: relative;
}

.frmGroup .iti .iti__flag-container .iti__selected-flag {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 0.105vw solid #D9D9D9;
}

.frmGroup input:focus {
    outline: none;
}

.rdMain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius:3.678vw;
    gap: 1.682vw;
    border: 0.105vw solid #000000;
    padding:0.168vw;
}

.rdMain label {
    color: #333;
    font-size: 1.051vw;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.841vw;
    padding: 0.841vw;
    background:#fff;
    transition:.3s all ease-in-out;
    border-radius:3.678vw;
}

.rdMain input {
    position: absolute;
    opacity: 0;
    left: -999999;
}

[type="radio"]:checked + label {
    background:#000;
    color:#fff;
}

/*.frmGroup:after {*/
/*    content: '';*/
/*    height: 1.576vw;*/
/*    width: 1.576vw;*/
/*    background: #F3F3F3;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 2.102vw;*/
/*    transform: translateY(-50%);*/
/*    border-radius: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

.btnMain button {
    width: 100%;
    text-align: center;
    justify-content: center;
    background: #000;
    border: 1px solid #000;
    font-family: 'Montserrat';
    font-size: 1.576vw;
}

.btnMain {
    margin-top: 2vw;
}

.footerContent p {
    font-size: 0.946vw;
    color: #000;
    text-align: center;
    margin-top: 1.576vw;
    line-height: 1.419vw;
}

.footerContent p a {
    font-weight: 700;
}
.rdMain label svg {
    height: 1.576vw;
    width: 1.576vw;
}

/*Dropdown CSS*/
.dropdown {
  width: 98%;
}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
  transform: scaleY(1);
}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {
  transform: rotate(-135deg);
}
.dropdown__options-filter {
  width: 100%;
  cursor: pointer;
}
.dropdown__filter {
position: relative;
    display: flex;
    color: #595959;
    background-color: #fff;
    border: 0.105vw solid #D9D9D9;
    border-radius: 70px;
    font-size: 0.946vw;
    transition: 0.3s;
    list-style: none;
    line-height: 70px;
    padding-left: 1.051vw;
}
.dropdown__filter:focus {
  outline: none;
}
.dropdown__filter::after {
  position: absolute;
  top: 45%;
  right: 1.051vw;
  content: "";
  width: 0.525vw;
  height: 0.525vw;
  border-right: 0.105vw solid #595959;
  border-bottom: 0.105vw solid #595959;
  transform: rotate(45deg) translateX(-45%);
  transition: 0.2s ease-in-out;
}
.dropdown__select {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 0.263vw;
  overflow: hidden;
  box-shadow: 0 0.263vw 0.525vw 0 rgba(152, 152, 152, 0.6);
  transform: scaleY(0);
  transform-origin: top;
  font-weight: 300;
  transition: 0.2s ease-in-out;
  z-index: 11;
}
.dropdown__select-option {
  padding: 0 1.051vw;
  background-color: #fff;
  border-bottom: 0.105vw solid #d6d6d6;
  transition: 0.3s;
}
.dropdown__select-option:last-of-type {
  border-bottom: 0;
}
.ddGroup:after,
.txtArea:after{
    display:none;
}
.frmGroup textarea {
    height: 7.462vw;
    width: 100%;
    border-radius: 0.841vw;
    resize: none;
    padding-left: 1.051vw;
    padding-top: 0.525vw;
    font-size: 0.946vw;
    font-family: 'Montserrat';
    border: 0.105vw solid #D9D9D9;
}
/*Dropdown CSS Ends*/




@media (max-width:450px) {
        .modal{
        max-width:unset;
    }
    .mdHead h3{
        font-size:25px;
    }
    .mdHead p{
        font-size:16px;
    }
    .rdMain label{
        font-size: 11px;
        gap: 4px;
        padding: 5px 15px;
        background: #fff;
        transition: .3s all ease-in-out;
        border-radius: 80px;
    }
    .rdMain label svg {
        height: 15px;
        width: 15px;
    }
    .rdMain{
        border: 1px solid #000000;
        padding: 1px;
        border-radius: 70px;
    }
    .formFd{
        flex-wrap: wrap;
    }
    .formFd .frmGroup {
        flex: 0 0 100%;
    }
    .frmGroup input {
        width: 100%;
        height: 45px;
        font-size: 13px;
        border-radius: 80px;
        border: 1px solid #D9D9D9;
    }
    .formFd .frmGroup input {
        width: 100%;
        height: 45px;
        font-size: 13px;
        padding-left: 10px;
        border-radius: 80px;
    }
    .frmGroup .iti {
        width: 100%;
        height: 45px;
    }
    .modal a.close-modal{
        top: 0;
        right: -22px;
        width: 20px;
        height: 20px;
    }
    .iti__country-name, .iti__dial-code {
        font-size: 12px;
        color: #000;
    }
    .iti__flag-box, .iti__country-name {
        margin-right: 5px;
    }
    .iti__flag{
        display:none;
    }
    .iti__selected-dial-code{
        font-size:12px;
    }
    .iti__arrow {
        margin-left: 3px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #555;
    }
    .btnMain button{
        font-size:17px;
    }
    .footerContent p {
        font-size: 10px;
        margin-top: 10px;
        line-height: normal;
    }
    .dropdown {
        width: 100%;
    }
    .dropdown__filter{
        border: 1px solid #D9D9D9;
        border-radius: 70px;
        font-size: 13px;
        line-height: 45px;
        padding-left: 20px;
    }
    .frmGroup textarea {
        height: 100px;
        border-radius: 20px;
        padding-left: 10px;
        padding-top: 10px;
        font-size: 13px;
        border:1px solid #D3D3D3;
    }
    a.locTxt .icon-circle{
        display:none;
    }
    .locLine .hover{
        width:unset;
    }
    .locLine .hover p br,
    .locLine .fake br{
        display: none;
    }
}

.contact-page .location iframe {
    position: absolute;
    height: 100%;
}

.contact-page .location:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 70%);
    width: 100%;
    height: 100%;
}

.render-projects .item .wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}

.alert-success{
    background:#d1e7dd;
    border:1px solid #a3cfbb;
    color:#0a3622;
    border-radius:6px;
    padding:.8rem;
    font-size: 1rem;
    margin: 1rem 0;
}
label.error {
    font-size: .8rem;
    position: absolute;
    left: 30px;
    bottom: -35px;
    background: transparent;
    color: red;
}