@font-face {
    font-family: Inter;
    src: url(./Inter-VariableFont_opsz_wght-c8O0ljhh.ttf);
    font-display: swap
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}



.under-dev {
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: #140c59;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    align-items: center;
    justify-content: center
}

.under-dev svg {
    width: 20vw;
    height: auto
}

@media (orientation: landscape) {
    .br-mobile {
        display: none
    }

    .br-desktop {
        display: block
    }
}

@media (orientation: landscape) and (max-width: 1080px) {
    .under-dev {
        display: flex;
        opacity: 1;
        visibility: visible
    }
}

@media (orientation: portrait) {
    .br-mobile {
        display: block
    }

    .br-desktop {
        display: none
    }
}

#blog-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15vw
}

#blog-section h2 {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: calc(5.5vw * .83);
    text-transform: capitalize
}

#blog-section h2.about {
    font-weight: 400
}

.articles-carousel {
    margin-bottom: 4.7227vw;
    width: 100%
}

.articles-carousel .splide__track {
    padding: 1vw 0
}

.articles-carousel .splide__slide {
    width: calc(31.375vw * .83);
    height: 31.125vw;
    position: relative;
    padding: 0 calc(.94vw * .83) 1.66vw;
    opacity: 1;
    transition: opacity .25s linear, filter .25s linear, webkit-filter .25s linear;
    cursor: ;
    text-decoration: none
}

.articles-carousel .splide__slide>* {
    z-index: 1;
    position: relative;
    pointer-events: none
}

.articles-carousel .splide__slide .border-clipped {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0
}

:root {
    --thumb-radius: 1vw
}

.articles-carousel .splide__slide .thumbnail {
    width: 100%;
    height: 16.49625vw;
    clip-path: polygon(0% calc(22% + var(--thumb-radius)), calc(calc(1 - .923) * var(--thumb-radius)) calc(22% + calc(.618 * var(--thumb-radius))), calc(calc(1 - .707) * var(--thumb-radius)) calc(22% + calc(calc(1 - .707) * var(--thumb-radius))), calc(.618 * var(--thumb-radius)) calc(22% + calc(calc(1 - .923) * var(--thumb-radius))), var(--thumb-radius) 22%, calc(31.5% - var(--thumb-radius)) 22%, calc(31.5% - calc(.618 * var(--thumb-radius))) calc(22% - calc(calc(1 - .923) * var(--thumb-radius))), calc(31.5% - calc(calc(1 - .707) * var(--thumb-radius))) calc(22% - calc(calc(1 - .707) * var(--thumb-radius))), calc(31.5% - calc(calc(1 - .923) * var(--thumb-radius))) calc(22% - calc(.618 * var(--thumb-radius))), 31.5% calc(22% - var(--thumb-radius)), 31.5% var(--thumb-radius), calc(31.5% + calc(calc(1 - .923) * var(--thumb-radius))) calc(.618 * var(--thumb-radius)), calc(31.5% + calc(calc(1 - .707) * var(--thumb-radius))) calc(calc(1 - .707) * var(--thumb-radius)), calc(31.5% + calc(.618 * var(--thumb-radius))) calc(calc(1 - .923) * var(--thumb-radius)), calc(31.5% + var(--thumb-radius)) 0%, calc(100% - var(--thumb-radius)) 0%, calc(100% - calc(.618 * var(--thumb-radius))) calc(calc(1 - .932) * var(--thumb-radius)), calc(100% - calc(calc(1 - .707) * var(--thumb-radius))) calc(calc(1 - .707) * var(--thumb-radius)), calc(100% - calc(calc(1 - .923) * var(--thumb-radius))) calc(.618 * var(--thumb-radius)), 100% var(--thumb-radius), 100% calc(100% - var(--thumb-radius)), calc(100% - calc(calc(1 - .923) * var(--thumb-radius))) calc(100% - calc(.618 * var(--thumb-radius))), calc(100% - calc(calc(1 - .707) * var(--thumb-radius))) calc(100% - calc(calc(1 - .707) * var(--thumb-radius))), calc(100% - calc(.618 * var(--thumb-radius))) calc(100% - calc(calc(1 - .923) * var(--thumb-radius))), calc(100% - var(--thumb-radius)) 100%, var(--thumb-radius) 100%, calc(.618 * var(--thumb-radius)) calc(100% - calc(calc(1 - .923) * var(--thumb-radius))), calc(calc(1 - .707) * var(--thumb-radius)) calc(100% - calc(calc(1 - .707) * var(--thumb-radius))), calc(calc(1 - .923) * var(--thumb-radius)) calc(100% - calc(.618 * var(--thumb-radius))), 0% calc(100% - var(--thumb-radius)))
}

.articles-carousel .splide__slide p {
    color: #fff;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 1.8675vw;
    padding: 0 calc(.94vw * .83)
}

.articles-carousel .splide__slide hr {
    border-width: 1.5px;
    border-color: #fff3;
    border-style: dashed;
    margin: 0 auto;
    margin-top: calc(1.94vw * .83);
    margin-bottom: 1.2948vw;
    width: calc(100% - calc(.94vw * .83 * 2))
}

.articles-carousel .splide__slide span {
    color: #fff;
    font-family: SF Pro Display;
    font-size: .83vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: block;
    overflow: hidden;
    padding: 0 calc(.94vw * .83)
}

.articles-carousel .splide__slide .category {
    position: absolute;
    top: 1.66vw;
    transform: translateY(-50%);
    left: calc(.94vw * .83);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: SF Pro Display;
    font-size: .83vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4305;
    text-transform: capitalize;
    background: none;
    border: none;
    width: calc(8.8125vw * .83);
    height: calc(2.9375vw * .83);
    z-index: 2;
    cursor: pointer
}

.articles-carousel .splide__slide .category img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1
}

.articles-carousel .splide__slide .learn-more {
    width: calc(11.1875vw * .83);
    height: 2.17875vw;
    border-radius: 4.1875vw;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-family: Verdana;
    font-size: .83vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    bottom: -15px;
    left: 15px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: calc(1.15vw * .83);
    padding-right: .2075vw;
    z-index: 1;
    pointer-events: auto;
}

.articles-carousel .splide__slide .learn-more>* {
    pointer-events: none
}

.articles-carousel .splide__slide .learn-more .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(.57vw * .83) .83vw;
    background-color: #fff;
    height: fit-content;
    border-radius: 4.1875vw
}

.articles-carousel .splide__slide .learn-more .arrow img {
    height: calc(1.06019vw * .83);
    width: calc(1.02819vw * .83)
}

@media (orientation: landscape) {
    .articles-carousel .splide__slide:hover {
        opacity: 1;
        filter: blur(0px);
        -webkit-filter: blur(0px)
    }

    .articles-carousel .splide__slide:hover~.splide__slide,
    .articles-carousel .splide__slide:has(~.splide__slide:hover) {
        opacity: .5;
        filter: blur(3px);
        -webkit-filter: blur(2px)
    }
}

@media (orientation: portrait) {
    :root {
        --thumb-radius: 2vw
    }

    #blog-section {
        margin-top: 30vw
    }

    #blog-section h2 {
        font-size: 12.5vw;
        margin-bottom: 14vw
    }

    #blog-section h2.about {
        font-weight: 400
    }

    #blog-section .button-redirect {
        display: none
    }

    .articles-carousel {
        margin-bottom: 0;
        width: 100%
    }

    .articles-carousel .splide__slide {
        width: 64.005vw;
        height: 76.5vw;
        position: relative;
        padding: 0 calc(.35vw * 6) calc(1.59vw * 6)
    }

    .articles-carousel .splide__slide>* {
        z-index: 1;
        position: relative
    }

    .articles-carousel .splide__slide .border-clipped {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 0
    }

    .articles-carousel .splide__slide .thumbnail {
        height: 39.24vw
    }

    .articles-carousel .splide__slide p {
        font-size: 2.55vw;
        margin-top: calc(.83vw * 6);
        padding: 0 calc(.35vw * 6)
    }

    .articles-carousel .splide__slide hr {
        margin-top: 3.84vw;
        margin-bottom: 3.84vw;
        width: calc(100% - calc(.35vw * 6 * 2))
    }

    .articles-carousel .splide__slide span {
        font-size: 1.98vw;
        padding: 0 calc(.35vw * 6)
    }

    .articles-carousel .splide__slide .category {
        top: calc(.65vw * 6);
        left: 0;
        font-size: 2.268vw;
        width: 18.84vw;
        height: 5.82vw
    }

    .articles-carousel .splide__slide .category img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: -1
    }

    .articles-carousel .splide__slide .learn-more {
        width: calc(11.1875vw * 1.35 * 1.5);
        height: calc(2.625vw * 1.35 * 1.5);
        border-radius: calc(6.25vw * 1.35 * 1.5);
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        font-family: Verdana;
        font-size: calc(1vw * 1.35 * 1.5);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        position: absolute;
        bottom: 0;
        right: 0;
        background: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: calc(1.15vw * 1.35 * 1.5);
        padding-right: calc(.25vw * 1.35 * 1.5);
        z-index: 1
    }

    .articles-carousel .splide__slide .learn-more .arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.15425vw calc(1vw * 1.35 * 1.5);
        background-color: #fff;
        height: fit-content;
        border-radius: calc(6.25vw * 1.35 * 1.5)
    }

    .articles-carousel .splide__slide .learn-more .arrow img {
        height: calc(1.06019vw * 1.35 * 1.5);
        width: calc(1.02819vw * 1.35 * 1.5)
    }
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

nav {
    pointer-events: none
}

nav .logo-container,
nav ul,
nav a,
nav button,
.socials {
    pointer-events: auto !important
}

nav,
.socials,
.welcome,
.hero-wrapper {
    opacity: 1
}

#hero-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    gap: 2vw;
    padding-bottom: 0vh;
}

#hero-section>* {
    z-index: 1;
    height: 100vh !important;
}

.hero-scroller {
    width: 100%;
    height: 500vh;
    position: relative
}

.hero-pin {
    width: 100%;
    height: 100vh
}

.hero-bg-container {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.hero-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

.hero-wrapper {
    width: 100%;
    height: 0vh;
    padding-top: 0vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: none
}

.h1-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.h1-container button {
    backdrop-filter: unset;
    !important;
    pointer-events: none !important
}

.hero-wrapper button:first-of-type {
    background: none;
    border: none;
    box-shadow: none
}

.hero-wrapper button:hover {
    transform: none;
    cursor: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='24.5'%20stroke='%23C7C7C7'%20stroke-opacity='0.61'/%3e%3ccircle%20cx='25'%20cy='25'%20r='3.75'%20fill='%23FF8C00'/%3e%3ccircle%20cx='25'%20cy='25'%20r='3.25'%20stroke='%23C7C7C7'%20stroke-opacity='0.61'/%3e%3c/svg%3e") 25 25, auto !important
}

.hero-wrapper .welcome,
.hero-wrapper .socials {
    visibility: visible;
    opacity: 0
}

.hero-wrapper>* {
    z-index: 1
}

h1 {
    color: #fff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0vh;
    overflow: hidden;
    margin-top: -1.5vh;
}

h1 div {
    display: inline-block;
    overflow: hidden
}

h1 div span {
    display: block
}

.h1-container p {
    color: #fff;
    text-shadow: 0 0 2px #140c59;
    text-align: center;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: 36.105vw;
    margin-top: -1vh
}

.hero-wrapper>button {
    width: initial;
    height: calc(2.8125vw * .83);
    padding: 0 calc(2.5vw * .83);
    backdrop-filter: none !important
}

.hero-wrapper>button:first-of-type {
    font-size: 1vw;
    padding: 0;
    margin-right: 2%
}

.hero-wrapper>button:first-of-type img {
    width: calc(1.6875vw * .83);
    height: calc(1.6875vw * .83)
}

.hero-wrapper>button:last-of-type {
    font-size: calc(.75vw * .83)
}

.rectangles {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100vh;
    z-index: 0;
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    pointer-events: none !important;
    display: none !important
}

.rectangles img,
.rectangles span {
    width: 18vw;
    height: auto;
    min-height: 10vw;
    backdrop-filter: blur(2px);
    display: block;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    outline: none
}

.rectangles img:nth-of-type(3) {
    width: 14vw;
    opacity: 0
}

.rectangles img:nth-of-type(4),
.rectangles img:nth-of-type(5) {
    transform: scaleX(-1)
}

.rectangles img:nth-of-type(1),
.rectangles img:nth-of-type(5) {
    margin-bottom: 14vh
}

.rectangles img:nth-of-type(2),
.rectangles img:nth-of-type(4) {
    margin-bottom: 22.3125vh
}

.socials {
    display: grid;
    grid-auto-flow: column;
    gap: 1.5vw;
    position: absolute;
    bottom: calc(3vw * .83);
    left: 2.5vw;
    padding: .7vw 1.5355vw .5vw;
    border-radius: calc(5vw * .83);
    border: 1px solid rgba(100, 194, 230, .27);
    box-shadow: -5px -5px 250px #ffffff05 inset;
    cursor:
}

.socials a {
    cursor: ;
    transition: transform .25s ease-out
}

.socials a:hover {
    transform: scale(1.25)
}

.socials a img {
    height: calc(1.3125vw * .83);
    width: auto;
    pointer-events: none
}

.socials a:first-of-type img {
    height: calc(1.3125vw * .93)
}

.welcome {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 2.5vw;
    place-items: center;
    position: absolute;
    bottom: 3.32vw;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.welcome p {
    color: #fff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    width: initial;
    user-select: none;
    -webkit-user-select: none;
    text-shadow: 0 0 15px #000;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

.welcome span {
    width: calc(4.1875vw * .83);
    height: 1px;
    background-color: #fff;
    display: block;
    opacity: .35;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

.welcome span,
.welcome p {
    margin: 0;
    padding: 0
}

.welcome .arrows {
    position: absolute;
    top: 150%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.welcome .arrows img {
    width: calc(.815vw * .83);
    height: 0calc (.4075vw * .83)
}

.welcome .arrows img:first-of-type {
    opacity: .35
}

.img-particles {
    position: absolute;
    width: 100vw;
    height: auto;
    opacity: 0;
    top: 25vh;
    pointer-events: none
}

.awwards {
    color: #64c2e6;
    font-size: 23vw;
    line-height: 1;
    color: #fff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: 8.5vh;
    left: 50%;
    transform: translate(-50%);
    text-transform: capitalize;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

.shield-carousel-pin {
    z-index: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 20vh;
    position: absolute;
    top: -250vh;
    left: 0;
    opacity: 0;
    !important;
}

.shield-carousel {
    width: 100%
}

.shield-carousel .splide__slide {
    position: relative
}

.shield-carousel .splide__track {}

.shield-carousel .splide__slide .splide_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity .25s ease-in, transform .75s ease-in-out;
    height: 47.5vw;
    transform: scale(.9);
    opacity: .5;
    filter: blur(5px)
}

.shield-carousel .splide__slide.dragging>.splide_wrapper {
    opacity: .5 !important;
    transform: scale(.9) !important;
    filter: blur(5px) !important
}

.shield-carousel .splide__slide.is-visible>.splide_wrapper {
    transform: scale(1);
    opacity: 1;
    filter: blur(0px)
}

.shield-carousel .splide__slide .splide_wrapper>* {
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none
}

.splide_wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -47%);
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: opacity 0s ease-in;
    display: none !important
}

.shield-carousel .splide__slide .splide_wrapper p {
    color: #bcecff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: 2.34375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1vw
}

.shield-carousel .splide__slide .splide_wrapper strong,
.shield-carousel .splide__slide .splide_wrapper span {
    color: #bcecff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    display: block
}

.shield-carousel .splide__slide .splide_wrapper span {
    margin-top: 5%
}

.drag-cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.3704vw;
    height: 7.3704vw;
    border-radius: 50%;
    border: 1.5px solid #fff;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 2;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    color: #fff;
    text-align: center;
    font-family: SF Pro Display;
    font-size: .83vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: .5vw;
    place-items: center;
    place-content: center;
    opacity: 0
}

.drag-cursor>* {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

.drag-cursor img {
    width: calc(1.25vw * .83);
    height: calc(1.25vw * .83)
}

.drag-cursor img:first-of-type {
    transform: rotate(180deg)
}

.discover-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    background-image: url(../img/slider1.webp) !important;
    background-size: cover;
    position: relative;
    overflow: hidden;
    pointer-events: none;
    margin-top: 50vh
}

.eng-span {
    color: #140c59;
    font-size: calc(.9375vw * .83);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.62vw;
    height: calc(2.75vw * .83);
    background: #140c5914;
    border-radius: 1.55625vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 1.9671vw;
    display: none !important
}

.eng-span .icon {
    width: calc(1.6875vw * .83);
    height: calc(1.6875vw * .83);
    margin-right: calc(1.13vw * .83);
    display: block
}

.eng-span .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    margin-bottom: calc(2.5vw * .83);
    display: block
}

.discover-wrapper p {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    width: 80vw;
    position: relative;
    z-index: 1
}

.discover-wrapper .shape {
    width: 28.1875vw;
    height: 37.125vw;
    border-radius: 3.125vw 27.125vw 27.125vw 3.125vw;
    background: #00000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: grayscale(1);
}

.discover-wrapper .circle {
    width: 59.5vw;
    height: 59.5vw;
    border-radius: 50%;
    border: 1px solid rgba(20, 12, 89, .89);
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 13.5%;
    transform-origin: left center;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.discover-wrapper .circle:nth-of-type(1) {
    left: 13.5% !important;
    transform-origin: left center !important
}

.discover-wrapper .circle:nth-of-type(2) {
    left: 86.5%;
    transform-origin: right center
}

.discover-particles {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -45%);
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    pointer-events: none;
    opacity: .5;
    display: none
}

.scroll-down {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    left: 70vw;
    bottom: 3.5vw;
    transform-origin: left center;
    display: none
}

.scroll-down p,
.scroll-down span,
.scroll-down strong {
    color: #140c59;
    font-family: SF Pro Display;
    font-size: 1.125vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    width: initial;
    text-transform: capitalize
}

.scroll-down .counter {
    width: 3vw;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.scroll-progress {
    margin-right: 1vw;
    margin-left: 2vw;
    height: .31vw;
    width: 15vw;
    background-color: #858585;
    border-radius: 1.25vw;
    overflow: hidden
}

.scroll-bar {
    height: 100%;
    width: 100%;
    border-radius: 1.25vw;
    background-color: #140c59
}

#employees-section {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 6vw;
    padding-bottom: 6vw;
    margin-top: 0;
    overflow: visible;
    background: #f7f7f7;
}

.employees-bg {
    position: absolute;
    top: 17.5%;
    left: 50%;
    transform: translate(-50%);
    width: calc(125.6875vw * .83);
    height: calc(72.6875vw * .83);
    z-index: -1;
    pointer-events: none;
    overflow: visible
}

.employees-bg img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.employees-bg span {
    width: 80vw;
    height: 80vw;
    border-radius: 50%;
    background: radial-gradient(#ffffff, #0000 65%);
    opacity: .6;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#employees-section h2 {
    color: #111111;
    /* dark heading for light theme */
    text-align: center;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: calc(5.5vw * .83)
}

.employees {
    display: block
}

.employees .splide__track {
    padding: 1vw 0
}

.employees .splide__slide {
    width: calc(46vw * 0.85);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 20px;
    padding: 0;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    gap: 1.2948vw;
    overflow: hidden;
    transition: transform .25s ease-in-out;
}

.employees .splide__slide:hover {
    transform: scale(1.05)
}

.employees .splide__slide>* {
    pointer-events: none
}

.employees .splide__slide img {
    width: 100%;
    height: 100%;
    border-radius: calc(1.25vw * .83);
    overflow: hidden;
    object-fit: cover;
    object-position: center center;
    max-height: 410px;
}

.employees .splide__slide h3 {
    color: #111111;
    font-family: SF Pro Display;
    font-size: calc(1.5625vw * .83);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.employees .splide__slide span {
    color: #666666;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-top: -5%
}

.employees .splide__slide p {
    color: #333333;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5
}

.employees .splide__slide .shadow {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background: linear-gradient(180deg, #2b1f95, #fff);
    filter: blur(50px);
    -webkit-filter: blur(25px);
    z-index: -1;
    opacity: 0;
    transition: opacity .25s ease-in;
    overflow: visible
}

.employees .splide__slide:hover>.shadow {
    opacity: 1
}

#investors-section {
    width: 100%;
    height: initial;
    margin-top: 15vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

#investors-section>* {
    z-index: 1;
    position: relative
}

#investors-section h2 {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    pointer-events: none
}

#investors-section .text {
    color: #c1c1c1;
    text-align: center;
    font-family: SF Pro Display;
    font-size: .93375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: calc(40vw * .83);
    pointer-events: none
}

/* Find section background with dark fade overlay */
/* #find-section {
    position: relative;
    background-image: url('../img/projects.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
    min-height: 60vh;
}

#find-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
    z-index: 0;
}

#find-section>* {
    position: relative;
    z-index: 1;
} */

@media (max-width: 768px) {
    #find-section::before {
        background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
        background-attachment: scroll;
    }
}

/* Heading Shaping: use same background + dark fade as #find-section */
.heading-shaping {
    position: relative;
    background-image: url(../img/projects.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.heading-shaping::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88));
    z-index: 0;
}

.heading-shaping>* {
    position: relative;
    z-index: 1;
    color: #fff;
}

@media (max-width: 768px) {
    .heading-shaping::before {
        background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
    }
}

#investors-section .big-text {
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-text-stroke-color: #000;
    font-family: SF Pro Display;
    font-size: 18.15625vw;
    font-style: normal;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -1.4525vw;
    opacity: 1;
    background: linear-gradient(90deg, #140c59 -5%, #4864b3 50%, #140c59);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    margin-top: -15%
}

.canvas-world-wrapper {
    position: relative !important;
    z-index: 0 !important;
    width: 100%;
    height: 100vh
}

canvas.world {
    width: 100%;
    height: 100%;
    pointer-events: auto
}

#clients-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5vw;
    position: relative;
    overflow: visible;
    padding-bottom: 5vw;
}

#clients-section .bg {
    position: absolute;
    width: 100%;
    height: auto;
    top: -90%;
    left: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .6
}

.clients-particles {
    position: absolute;
    width: 100vw;
    height: auto;
    opacity: .5;
    top: 50%;
    transform: translateY(-35%);
    pointer-events: none;
    z-index: -1
}


#clients-section h2 {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: calc(5.5vw * .83);
    text-transform: capitalize;
    text-align: center;
}

#clients-section h2 strong {
    font-weight: 400
}

#clients-section span {
    color: #c1c1c1;
    font-family: SF Pro Display;
    font-size: 1.4525vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: calc(5.5vw * .83)
}

.clients-carousel {
    margin-bottom: .7719vw;
    width: 100%
}



.clients-carousel .splide__slide {
    height: calc(11.39231vw * .83);
    border-radius: calc(.625vw * .83);
    border: .293px solid rgb(255 255 255 / 25%);

    box-shadow: 0 1px 18.8px 6px #ffffff40 inset;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;

}

.clients-carousel .splide__slide img {
    width: calc(8.90219vw * .83);
    height: calc(2.37256vw * .83);
    object-fit: contain;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none
}

#growth-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15vw 2.5vw 0;
    overflow: hidden
}

#growth-section h2 {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 5.3125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

#growth-section h2 strong {
    font-weight: 400
}

#growth-section h2 span,
#growth-section h2 strong {
    display: block
}

#growth-section .title-text {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 1.0625vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1vw
}

.bars-graph-container {
    width: 100%;
    margin-top: 2vw;
    padding-left: 3.5vw;
    position: relative
}

.bars-graph {
    width: 100%;
    overflow: visible
}

.bars {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 7.5vw;
    overflow: hidden;
    padding-top: 2.5vw
}

.bar {
    width: calc(16.75vw * .9);
    height: calc(48.38063vw * .9);
    opacity: .3;
    position: relative
}

.bar-img {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.bar-point {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    top: 32%;
    right: 38.5%;
    transform: translate(50%, -50%)
}

.bar:nth-of-type(1) .bar-point {
    width: 1.75vw
}

.bar:nth-of-type(2) .bar-point {
    width: 2vw
}

.bar:nth-of-type(3) .bar-point {
    width: 2.25vw
}

.bar:nth-of-type(4) .bar-point {
    width: 2.5vw
}

.bar-description {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(2vw, -50%);
    transform-origin: left top
}

.bar-description p {
    color: #fff;
    font-family: SF Pro Display;
    font-size: calc(1.9375vw * .85);
    font-style: normal;
    font-weight: 400;
    line-height: 132.5%
}

.bar-description span {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 1.275vw;
    font-style: normal;
    font-weight: 400;
    line-height: 132.5%;
    display: block
}

.bar:nth-of-type(1) {
    transform: translateY(46.5%)
}

.bar:nth-of-type(2) {
    transform: translateY(30%)
}

.bar:nth-of-type(3) {
    transform: translateY(10%);
    margin-left: 2.25vw
}

.bar:nth-of-type(4) {
    margin-left: .25vw
}

.bars-graph-container .line {
    position: absolute;
    width: 105vw;
    max-width: unset;
    height: auto;
    z-index: 1;
    bottom: 42.5%;
    left: 50%;
    transform: translate(-51.5%, 50%) rotate(.339deg);
    pointer-events: none
}

.bars-graph-container .mob-line {
    display: none
}

#find-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 38vw
}

#find-section h2 {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 3vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: -10%;
    position: relative;
    z-index: 1;
}

.left-location-content {
    padding-left: 10%;
}

#find-section h2 strong {
    font-weight: 400
}

.find-map {
    height: 42.5vw;
    position: relative;
    z-index: 0
}

.find-map .world {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: lighten;
    opacity: .5
}

.locations {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.location {
    position: absolute;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    cursor: pointer;
    transform: scale(.75);
    width: calc(4.1875vw * .83);
    height: calc(4.1875vw * .83);
    overflow: visible;
    cursor:
}

.location:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: -1;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

.location:nth-of-type(1) {
    top: 41.5%;
    left: 43.5%;
}

.location:nth-of-type(2) {
    top: 36.5%;
    left: 39.4%;
}

.location:nth-of-type(3) {
    top: 21%;
    left: 62%;
}

.location:nth-of-type(4) {
    top: 50%;
    left: 40%
}

.location:nth-of-type(5) {
    top: 80%;
    left: 45%
}

.location:nth-of-type(6) {
    top: 80%;
    left: 8.5%
}

.location:nth-of-type(7) {
    top: 45%;
    left: 25%
}

.location .locator-wrapper {
    position: absolute;
    top: calc(4.1875vw * .83 * .5);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform .5s ease-out .15s;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none
}

.locator-wrapper .locator {
    width: 50px;
    height: 50px;
    mix-blend-mode: screen;
    border-radius: 50%;
    position: relative;
    -webkit-user-drag: none;
}

.locator-wrapper .icon {
    width: 25px;
    height: 25px;
    background-color: #34378b;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: calc(4.41838vw * .83);
    border: .353px solid rgba(100, 194, 230, .1);
    background: linear-gradient(224deg, #34378b26 28.58%, #51b5db26 71.06%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}

.locator-wrapper .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    border-radius: 2.53406vw;
    border: .203px solid rgba(100, 194, 230, .25);
    background: linear-gradient(176deg, #34378b26 13.18%, #51b5db26 97.57%);
    filter: brightness(2);
    -webkit-filter: brightness(2);
    z-index: -1;
    overflow: hidden
}

.locator-wrapper .icon img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}

.location:hover {
    transform: scale(1)
}

.location:hover .info {
    opacity: 1;
    transition: opacity .5s ease-in .1s
}

.location:hover .point {
    opacity: 1;
    transition: opacity .5s ease-in .15s
}

.location:hover .locator-wrapper {
    transform: translate(-50%, -125%);
    transition: transform .5s ease-out
}

.location:hover~.location,
.location:has(~.location:hover) {
    opacity: .25;
    pointer-events: none
}

.location .point {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity .5s ease-in
}

.location .point:before {
    content: "";
    background-color: #e44c278a;
    border-radius: 50%;
    border: 1.5px solid #fff;
    filter: blur(2px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .5
}

.location .point:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15%;
    height: 15%;
    border-radius: 50%;
    background-color: #fff
}

.location .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transition: opacity .5s linear;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.location .info p {
    color: #fff;
    font-family: SF Pro Display;
    font-size: 1.4525vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.28;
    text-transform: capitalize;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    white-space: nowrap
}

.location .info span {
    color: #cdcdcd;
    font-family: SF Pro Display;
    font-size: calc(1.375vw * .83);
    font-style: normal;
    font-weight: 400;
    line-height: 1.63;
    text-transform: capitalize;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    white-space: nowrap
}

.pin-spacer-find-section {
    height: 100vh;
}

.webgl {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    display: none;
}

.world-html {
    top: 0;
    position: absolute;
    pointer-events: none;
    overflow: visible
}

.world-text-wrapper {
    width: 6.25vw;
    height: 6.25vw;
    max-width: 6.25vw;
    max-height: 6.25vw;
    position: relative;
    pointer-events: auto;
    cursor: ;
    z-index: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.world-text-wrapper:hover {
    z-index: 1 !important
}

.world-text-wrapper:hover>.wrapper-container {
    transform: scale(1.25) !important
}

.world-text-wrapper:hover>.wrapper-container .content {
    opacity: 1;
    pointer-events: auto
}

.wrapper-container {
    width: 100%;
    height: 100%;
    transition: transform .25s ease-in, opacity .25s ease-in-out;
    opacity: 1
}

.world-text-wrapper:hover .wrapper-container {
    opacity: 1
}

.wrapper-container .content {
    width: calc(20vw * .83);
    border-radius: calc(.625vw * .83);
    border: .293px solid rgba(100, 194, 230, .25);
    box-shadow: 0 1px 18.8px 6px #64c2e640 inset;
    background: linear-gradient(292deg, #1b1d5aab 2.38%, #000000ab 91.51%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    padding: 1.34875vw calc(2.5vw * .83);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .25s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.wrapper-container .content>* {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

.wrapper-container .content p {
    color: #fff;
    font-family: SF Pro Display;
    font-size: calc(1.25vw * .83);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: calc(.15vw * .83);
    position: relative
}

.wrapper-container .content img {
    height: 2.905vw;
    width: 10.375vw;
    object-fit: contain;
    margin-bottom: .415vw
}

.world-text-wrapper:nth-of-type(1) .wrapper-container .content img {
    height: 2.625vw;
    width: calc(13.95vw * .75);
    object-position: 50% 70%;
    object-fit: cover
}

.wrapper-container .content p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-350%);
    width: 1.5px;
    height: 100%;
    background-color: #64c2e6
}

.wrapper-container .content strong {
    color: #fff;
    font-family: SF Pro Display;
    font-style: normal;
    line-height: 120%;
    font-weight: 400;
    font-size: calc(.85vw * .83);
    display: block;
    display: none !important
}

.wrapper-container .content span {
    color: #ededed;
    font-family: SF Pro Display;
    font-size: .83vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: block;
    width: 100%
}

.wrapper-container .world-imgs {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 0 5px #0046ff
}

.world-img {
    width: 100% !important;
    height: 150% !important;
    object-fit: cover;
    background-image: url(../locator_alone.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-blend-mode: luminosity;
    filter: brightness(2.5);
    -webkit-filter: brightness(2.5)
}

.world-img-icon {
    width: 2.58vw;
    height: 1.9375vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 1.25vw;
    overflow: hidden;
    object-fit: cover;
    filter: brightness(1.25);
    -webkit-filter: brightness(1.25);
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none
}

.canvas-img {
    display: none
}

.scroll-top {
    backdrop-filter: unset !important
}

/* Video Popup Styles */
.video-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(197 36 39 / 72%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.video-popup-overlay.active {
    opacity: 1;
    visibility: visible;
    display: flex !important;
}

.video-popup-container {
    position: relative;
    width: 90%;
    max-width: 1200px;
    height: 80%;
    max-height: 675px;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    transform: scale(0.8);
    transition: transform 0.3s ease-in-out;
}

.video-popup-overlay.active .video-popup-container {
    transform: scale(1);
}

.video-popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    height: 50px;
    background: #ffffff00;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease;
    overflow: hidden;
}

.video-popup-close:hover {

    transform: scale(1.1);
}

.video-popup-content {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Play Button Styles */
.video-slide {
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 0.3s ease;
    pointer-events: none;
}

.video-slide:hover .play-button {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.play-button svg {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 1));
}

@media (orientation: portrait) {
    .video-popup-container {
        width: 95%;
        height: 70%;
    }

    .video-popup-close {
        width: 40px;
        height: 40px;
        font-size: 20px;
        top: -10px;
        right: -10px;
    }

    .play-button svg {
        width: 50px;
        height: 50px;
    }
}

@media (orientation: landscape) and (min-aspect-ratio: 2) {
    .img-particles {
        top: 15vh
    }

    .awwards {
        font-size: 3.90625vw
    }

    .shield-carousel .splide__slide .splide_wrapper p {
        font-size: 2.25vw;
        margin-bottom: 1vw
    }

    .shield-carousel .splide__slide .splide_wrapper strong,
    .shield-carousel .splide__slide .splide_wrapper span {
        font-size: .75vw
    }
}

@media (orientation: portrait) {




    .webgl {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #hero-section {
        position: relative;
        width: 100%;
        min-height: 100vh;
        gap: 2vw;
        padding-bottom: 0vh
    }

    #hero-section>* {
        z-index: 1
    }

    .hero-scroller {
        height: 400vh
    }

    .hero-pin {
        width: 100%;
        height: 100vh
    }

    .hero-bg-container {
        height: 100svh
    }

    .hero-wrapper {
        width: 100%;
        height: 100%;
        padding-top: 12.5vh;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .hero-wrapper>* {
        z-index: 1
    }

    h1 {
        font-size: 12.5vw;
        margin-bottom: 1.5vh;
        margin-top: 0
    }

    h1 div:last-of-type {
        margin-top: -2.5%
    }

    .h1-container p {
        font-size: 3vw;
        margin-bottom: 0;
        width: initial;
        margin-top: -2.5%
    }

    .hero-wrapper>button {
        width: initial;
        height: 7.52vw;
        padding: 0 3.24vw
    }

    .hero-wrapper>button:first-of-type {
        font-size: 2.56vw;
        padding: 0;
        margin-bottom: 3.5vw;
        margin-right: 3.25%
    }

    .hero-wrapper>button:first-of-type img {
        width: 4.6vw;
        height: 4.6vw
    }

    .hero-wrapper>button:last-of-type {
        font-size: 2vw;
        padding: 0 6vw
    }

    .rectangles {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100vh;
        z-index: 0;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        place-items: end;
        justify-content: center;
        gap: 3.5vw;
        pointer-events: none
    }

    .rectangles img {
        width: 50vw !important;
        height: auto;
        min-height: 10vw;
        backdrop-filter: blur(2px);
        display: block;
        -webkit-user-drag: none;
        pointer-events: none;
        outline: none
    }

    .rectangles img:nth-of-type(1),
    .rectangles img:nth-of-type(5) {
        margin-bottom: 33.5vh
    }

    .rectangles img:nth-of-type(2),
    .rectangles img:nth-of-type(4) {
        margin-bottom: 33vh
    }

    .rectangles img:nth-of-type(3) {
        opacity: 1;
        margin-bottom: 37vh
    }

    .socials {
        display: grid;
        grid-auto-flow: column;
        place-content: center;
        place-items: center;
        gap: 1.5vw;
        position: absolute;
        bottom: calc(3vw * .83);
        left: 2.5vw;
        width: 8.9225vw;
        height: 3.1125vw;
        border-radius: calc(5vw * .83);
        border: 1px solid rgba(100, 194, 230, .27);
        box-shadow: -5px -5px 250px #ffffff05 inset;
        backdrop-filter: blur(10px);
        display: none
    }

    .socials a img {
        height: calc(1.3125vw * .83);
        width: auto;
        pointer-events: none
    }

    .socials a:first-of-type img {
        height: calc(1.3125vw * .93)
    }

    .welcome {
        display: grid;
        grid-template-columns: repeat(3, max-content);
        gap: 5vw;
        place-items: center;
        position: absolute;
        bottom: 10vw;
        left: 50%;
        transform: translate(-50%);
        pointer-events: none
    }

    .welcome p {
        font-size: 3vw;
        width: initial
    }

    .welcome span {
        width: 12vw;
        height: 1px;
        background-color: #fff;
        display: block;
        opacity: .35
    }

    .welcome span,
    .welcome p {
        margin: 0;
        padding: 0
    }

    .welcome .arrows {
        position: absolute;
        top: 150%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .welcome .arrows img {
        width: 2.4vw;
        height: 0calc (.3vw * 4)
    }

    .welcome .arrows img:first-of-type {
        opacity: .35
    }

    .img-particles {
        position: absolute;
        width: 100vw;
        height: auto;
        opacity: 0;
        top: 25vh;
        pointer-events: none
    }

    .awwards {
        position: absolute;
        font-size: 9vw;
        top: 15.5vh;
    }

    .shield-carousel-pin {
        display: flex;
        align-items: center;
        padding-bottom: 0;
        margin: 0;
        padding-top: 6.5vh !important
    }

    .shield-carousel-pin {
        top: -246vh;
    }

    .shield-carousel {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center
    }

    section#find-section {

        flex-direction: column;
        padding: 0vw 2.5vw 5vw;
        margin-top: 135vw;
    }

    .left-location-content {
        padding-left: 0%;
    }

    .shield-carousel .splide__slide {
        position: relative
    }

    .shield-carousel .splide__track {
        height: 100%;

    }

    .shield-carousel .splide__track .splide__list {
        height: 100%
    }

    .shield-carousel .splide__slide {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .shield-carousel .splide__slide .splide_wrapper {
        transition: opacity .25s ease-in, transform .75s ease-in-out;
        height: initial;
        transform: scale(.9);
        opacity: .5;
        filter: blur(1px)
    }

    .shield-carousel .splide__slide.dragging>.splide_wrapper {
        opacity: .5 !important;
        transform: scale(1) !important;
        filter: blur(1px) !important
    }

    .shield-carousel .splide__slide.dragging>.splide_wrapper>img {
        opacity: 1 !important;
        transition: opacity .1s ease-in !important
    }

    .shield-carousel .splide__slide.is-visible>.splide_wrapper {
        transform: scale(1);
        opacity: 1;
        filter: blur(0px)
    }

    .shield-carousel .splide__slide .splide_wrapper>* {
        user-select: none;
        pointer-events: none
    }

    .splide_wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: opacity 0s ease-in
    }

    .shield-carousel .splide__slide .splide_wrapper p {
        font-size: 6vw;
        margin-bottom: 18vw;
        line-height: 1.15
    }

    .shield-carousel .splide__slide .splide_wrapper span,
    .shield-carousel .splide__slide .splide_wrapper strong {
        font-size: 2.12vw
    }

    .drag-cursor {
        width: 28vw;
        height: 28vw;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(5px);
        font-size: 3.12vw;
        gap: .5vw
    }

    .drag-cursor img {
        width: 4vw;
        height: 4vw
    }

    .drag-cursor img:first-of-type {
        transform: rotate(180deg)
    }

    .discover-wrapper {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .eng-span {
        color: #140c59;
        font-size: 2.556vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38vw;
        height: 7.5vw;
        background: #140c5914;
        border-radius: 5vw;
        overflow: hidden;
        position: relative;
        z-index: 1;
        margin-bottom: 10vw
    }

    .eng-span .icon {
        width: 4.6vw;
        height: 4.6vw;
        margin-right: 3.16vw;
        display: block
    }

    .eng-span .bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        z-index: -1;
        margin-bottom: calc(2.5vw * .83);
        display: block
    }

    .discover-wrapper p {
        font-size: 9.24vw;
        width: 80vw
    }

    .discover-wrapper .shape {
        width: 28.1875vw;
        height: 37.125vw;
        border-radius: 3.125vw 27.125vw 27.125vw 3.125vw;
        background: #00000000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .discover-wrapper .circle {
        width: 85vh;
        height: 85vh;
        border-radius: 50%;
        border: 1px solid rgba(20, 12, 89, .89);
        opacity: 0;
        position: absolute;
        top: 50%;
        left: -50%;
        transform: translate(-50%, -50%);
        pointer-events: none
    }

    .discover-wrapper .circle:nth-of-type(1) {
        left: 50%;
        transform-origin: left center
    }

    .discover-wrapper .circle:nth-of-type(2) {
        left: 150%;
        transform-origin: right center
    }

    .discover-particles {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-60%, -45%);
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        pointer-events: none;
        opacity: .5
    }

    .scroll-down {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        left: 70vw;
        bottom: 3.5vw;
        transform-origin: left center;
        display: none
    }

    .scroll-down p,
    .scroll-down span,
    .scroll-down strong {
        color: #140c59;
        font-family: SF Pro Display;
        font-size: 1.125vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
        width: initial;
        text-transform: capitalize
    }

    .scroll-down .counter {
        width: 3vw;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .scroll-progress {
        margin-right: 1vw;
        margin-left: 2vw;
        height: .31vw;
        width: 15vw;
        background-color: #858585;
        border-radius: 1.25vw;
        overflow: hidden
    }

    .scroll-bar {
        height: 100%;
        width: 100%;
        border-radius: 1.25vw;
        background-color: #140c59
    }

    #employees-section {
        padding-top: 20vw;

    }

    section.heading-shaping h2 {
        color: #fff;
        text-align: center;
        font-family: SF Pro Display;
        font-size: 8vw !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: calc(5.5vw * .83);
        margin-top: 15%;
    }

    .employees-bg {
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%);
        width: 318vw;
        height: 183.88vw;
        z-index: -1;
        pointer-events: none;
        overflow: visible
    }

    .employees-bg img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .employees-bg span {
        width: 200vw;
        height: 200vw;
        border-radius: 50%;
        opacity: .5;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #employees-section h2 {
        font-size: 8vw;
        margin-bottom: 14vw
    }

    .employees .splide__slide {
        width: 60.678vw;
        height: 62vw;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(1px);
        border-radius: calc(1.41 * 6);
        padding: 0vw;
        gap: 3.75vw
    }

    .employees .splide__slide:hover {
        transform: scale(1.025)
    }

    .employees .splide__slide img {
        width: 100%;
        height: 62vw;
        border-radius: 2.88vw
    }

    .employees .splide__slide h3 {
        font-size: 3.642vw
    }

    .employees .splide__slide span,
    .employees .splide__slide p {
        font-size: 2.622vw
    }

    .employees .splide__slide .shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 15vw;
        height: 15vw;
        border-radius: 50%;
        background: linear-gradient(180deg, #2b1f95, #fff);
        filter: none !important;
        -webkit-filter: none !important;
        z-index: -1;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        overflow: visible;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important
    }

    #investors-section {
        width: 100%;
        height: initial;
        margin-top: 30vw;
        padding-bottom: 5vw
    }

    #investors-section h2 {
        font-size: 12.5vw;
        text-align: center;
        line-height: 1.15;
        margin-bottom: 5vw
    }

    #investors-section .text {
        font-size: 3.5vw;
        width: 80vw;
        margin-bottom: 4vw
    }

    #investors-section .big-text {
        -webkit-text-stroke-width: .23px;
        -webkit-text-stroke-color: #000;
        font-family: SF Pro Display;
        font-size: 20.32vw;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.4vw;
        opacity: .75;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%)
    }

    .canvas-world-wrapper {
        position: relative !important;
        width: 100%;
        height: 60vh
    }

    #clients-section {
        margin-top: 30vw
    }

    #clients-section .bg {
        position: absolute;
        width: 100%;
        height: auto;
        top: -90%;
        left: 0;
        z-index: -1;
        pointer-events: none;
        opacity: .6;
        display: none
    }

    .clients-particles {
        position: absolute;
        width: 100vw;
        height: auto;
        opacity: .5;
        top: 50%;
        transform: translateY(-35%);
        pointer-events: none;
        z-index: -1
    }

    #clients-section h2 {
        font-size: 8vw;
        margin-bottom: 14vw;
        text-transform: capitalize
    }

    #clients-section h2 strong {
        font-weight: 700
    }

    #clients-section span {
        color: #c1c1c1;
        font-family: SF Pro Display;
        font-size: 1.4525vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        margin-bottom: calc(5.5vw * .83);
        display: none
    }

    .clients-carousel {
        margin-bottom: 2.12vw
    }

    .clients-carousel .splide__slide {
        height: 26vw !important;
        width: 36vw !important;
        border-radius: 1.4vw;
        box-shadow: 0 1px 18.8px 6px #2f6a8140 inset;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(2px)
    }

    .clients-carousel .splide__slide img {
        width: 21.25vw;
        height: 5.695vw
    }

    #growth-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30vw 2.5vw 0;
        overflow: visible
    }

    #growth-section h2 {
        color: #fff;
        font-family: SF Pro Display;
        font-size: calc(6.25vw * .85 * 1.5);
        font-style: normal;
        font-weight: 400;
        line-height: 1
    }

    #growth-section h2 strong {
        font-weight: 400
    }

    #growth-section h2 span,
    #growth-section h2 strong {
        display: block
    }

    #growth-section .title-text {
        color: #fff;
        font-family: SF Pro Display;
        font-size: 1.59375vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 1vw
    }

    .bars-graph-container {
        width: 100%;
        margin-top: 2vw;
        padding-left: 0;
        position: relative
    }

    .bars-graph {
        width: 100%;
        overflow: visible
    }

    .bars {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, max-content);
        justify-content: space-between;
        gap: .5vw;
        overflow: hidden;
        padding-top: 2.5vw
    }

    .bar {
        width: 22.6125vw;
        height: initial;
        opacity: .4;
        position: relative;
        margin: 0 !important
    }

    .bar-img {
        width: 100%;
        height: calc(48.38063vw * 2.5);
        object-fit: contain;
        object-position: top center;
        pointer-events: none
    }

    .bar-point {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        top: 32%;
        right: 38.5%;
        transform: translate(50%, -50%)
    }

    .bar:nth-of-type(1) .bar-point {
        width: 1.75vw
    }

    .bar:nth-of-type(2) .bar-point {
        width: 2vw
    }

    .bar:nth-of-type(3) .bar-point {
        width: 2.25vw
    }

    .bar:nth-of-type(4) .bar-point {
        width: 2.5vw
    }

    .bar-description {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(2vw, -50%);
        transform-origin: left top
    }

    .bar-description p {
        color: #fff;
        font-family: SF Pro Display;
        font-size: calc(1.9375vw * 1.15);
        font-style: normal;
        font-weight: 400;
        line-height: 132.5%
    }

    .bar-description span {
        color: #fff;
        font-family: SF Pro Display;
        font-size: calc(1.5vw * 1.15);
        font-style: normal;
        font-weight: 400;
        line-height: 132.5%
    }

    .bar:nth-of-type(1) {
        transform: translateY(49.5%)
    }

    .bar:nth-of-type(2) {
        transform: translateY(31.5%)
    }

    .bar:nth-of-type(3) {
        transform: translateY(10.5%);
        margin-left: 2.25vw
    }

    .bar:nth-of-type(4) {
        margin-left: .25vw;
        transform: translateY(-.5%)
    }

    .bars-graph-container .line {
        position: absolute;
        width: 105vw;
        max-width: unset;
        height: 50vw;
        z-index: 1;
        bottom: 42.5%;
        left: 50%;
        transform: translate(-51.5%, 50%) rotate(.339deg);
        pointer-events: none;
        display: none
    }

    .bars-graph-container .mob-line {
        display: block;
        position: absolute;
        width: 105vw;
        max-width: unset;
        height: 62.5vw;
        z-index: 1;
        bottom: 42.5%;
        left: 50%;
        transform: translate(-51.5%, 50%) rotate(.339deg);
        pointer-events: none
    }

    #find-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20vw
    }

    #find-section h2 {
        color: #fff;
        font-family: SF Pro Display;
        font-size: 8vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: capitalize;
        margin-bottom: 15%;
        position: relative;
        z-index: 1;
        margin-top: 15%;
        text-align: center;

    }

    #find-section h2 strong {
        font-weight: 700
    }

    .find-map {
        width: 200%;
        height: 100vw
    }

    .find-map .world {
        opacity: .75
    }

    .locations {
        z-index: 1
    }

    .location {
        width: 6vw;
        height: 6vw
    }

    .location:nth-of-type(1) {
        top: 47.5%;
        left: 51.5%
    }

    .location:nth-of-type(2) {
        top: 58.5%;
        left: 43%
    }

    .location:nth-of-type(3) {
        top: 75%;
        left: 48%
    }

    .location:nth-of-type(4) {
        top: 50%;
        left: 43.5%
    }

    .location:nth-of-type(5) {
        top: 80%;
        left: 45%
    }

    .location:nth-of-type(6) {
        top: 82.5%;
        left: 29%
    }

    .location:nth-of-type(7) {
        top: 50%;
        left: 31.5%
    }

    .location .locator-wrapper {
        position: absolute;
        top: -5vw;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: transform .5s ease-out .15s
    }

    .locator-wrapper .locator {
        width: 22.5vw;
        height: 22.5vw;
        mix-blend-mode: screen
    }

    .locator-wrapper .icon {
        width: calc(4.22763vw * 2.5);
        height: calc(3.17069vw * 2.5);
        border-radius: calc(4.41838vw * .83 * 2.5)
    }

    .locator-wrapper .icon:after {
        border-radius: calc(2.53406vw * 2.5);
        border: .203px solid rgba(100, 194, 230, .25)
    }

    .locator-wrapper .icon img {
        width: 4.375vw;
        height: calc(1.03931vw * 2.5)
    }

    .location:hover .info {
        opacity: 1;
        transition: opacity .5s ease-in .1s
    }

    .location:hover .locator-wrapper {
        transform: translate(-50%, -80%);
        transition: transform .5s ease-out
    }

    .location .point:before {
        content: "";
        background-color: #140c59;
        border-radius: 50%;
        border: 1.5px solid #fff;
        filter: blur(2px);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: .5
    }

    .location .point:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 15%;
        height: 15%;
        border-radius: 50%;
        background-color: #fff
    }

    .location .info {
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity .5s linear;
        top: 120%
    }

    .location .info p {
        color: #fff;
        font-family: SF Pro Display;
        font-size: 4vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.28
    }

    .location .info span {
        color: #cdcdcd;
        font-family: SF Pro Display;
        font-size: 2.92vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.63
    }

    .world-text-wrapper {
        width: 12.5vw;
        height: 12.5vw;
        max-width: 12.5vw;
        max-height: 12.5vw;
        position: relative;
        pointer-events: auto;
        cursor:
    }

    .wrapper-container .content {
        width: 32vw;
        padding: 2.68vw calc(.67vw * 6);
        border-radius: 1vw
    }

    .wrapper-container .content p {
        font-size: 2.04vw;
        margin-bottom: .6vw
    }

    .wrapper-container .content img {
        height: 6.125vw;
        width: 21.875vw;
        object-fit: contain;
        margin-bottom: 1.5vw
    }

    .world-text-wrapper:nth-of-type(1) .wrapper-container .content img {
        height: 5.25vw;
        width: calc(13.95vw * 1.5);
        object-position: 50% 70%;
        object-fit: cover
    }

    .wrapper-container .content p:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-350%);
        width: 1px;
        height: 100%
    }

    .wrapper-container .content strong {
        font-size: 1.4vw
    }

    .wrapper-container .content span {
        font-size: 1.64vw
    }

    .world-img-icon {
        width: 6.192vw;
        height: calc(3vw * 1.2);
        border-radius: 3vw;
        filter: brightness(1);
        -webkit-filter: brightness(1)
    }
}

@media (orientation: portrait) and (min-aspect-ratio: .625) {
    .discover-wrapper p {
        font-size: 8.085vw;
        width: 80vw
    }

    .hero-wrapper {
        padding-top: 12.5vh
    }

    .hero-wrapper>button:first-of-type {
        font-size: 1.6vw;
        margin-bottom: 0vw
    }

    h1 {
        font-size: 8.59375vw;
        width: 65vw;
        width: initial
    }

    .h1-container p {
        font-size: 2.1875vw
    }

    .shield-carousel .splide__slide .splide_wrapper p {
        font-size: 4.5vw;
        margin-bottom: 5vw;
        line-height: 1.15
    }

    .shield-carousel .splide__slide .splide_wrapper span,
    .shield-carousel .splide__slide .splide_wrapper strong {
        font-size: 1.59vw
    }
}

@media (orientation: portrait) and (max-aspect-ratio: .5) {
    .hero-wrapper {
        padding-top: 15vh
    }
}

.social-icons-vertical {
    position: fixed;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.social-icons-vertical a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.social-icons-vertical a:hover {

    transform: scale(1.1);
}

.social-icons-vertical a.facebook {
    background: #1877F2;
}

.social-icons-vertical a.instagram {
    background: radial-gradient(circle at 30% 107%,
            #fdf497 0%, #fdf497 5%,
            #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-icons-vertical a.twitter {
    background: #000000;
}

.social-icons-vertical a.youtube {
    background: #FF0000;
}

.social-icons-vertical a.whatsapp {
    background: #25D366;
}

/* HOVER EFFECT */
.social-icons-vertical a:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}

.social-icons-vertical img {
    width: 20px !important;
    height: 20px !important;
}

@media (max-width: 768px) {
    .locator-wrapper .icon {
        width: calc(4.22763vw * 2.5);
        height: calc(4.17069vw * 2.5);

    }

    .locator-wrapper .locator {
        width: 12.5vw;
        height: 12.5vw;

    }

    .location:nth-of-type(3) {
        top: 50%;
    }

    .location:nth-of-type(2) {
        top: 42.5%;
        left: 43%;
    }

    .location:nth-of-type(1) {
        top: 25.5%;
        left: 58.5%;
    }


}