html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

:root {
    --head__title: 400%;
    --head__weight: 900;
    --para__size: 150%
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #141414;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2e2e2e;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a;
}

/* PopOver  */
.popover {
    background-color: #00000000;
}

.popover-body {
    padding: 0% !important;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 250px;
    height: 130px;
}

.popover p,
h5 {
    color: white !important;
}

.popover p {
    font-family: Poppins;
    font-size: 16.03px;
    font-weight: 400;
    line-height: 22.05px;
    text-align: left;
}

.popover .card {
    background-color: #00000000;
    height: 100%;
    padding: .2em;
}

.popover hr {
    color: white !important;
    margin: .5rem;
}

.popover .card-body {
    padding: .4em;
}


body {
    width: 100%;
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
    font-style: normal;
}

/* iGaming dropdown  */
.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

/* iGaming dropdown  end*/
.publisher_m {
    display: none;
}

.publisher_btn {
    outline: 2px solid white;
    color: white !important;
}

.publisher_btn:hover {
    background-color: white;
    color: rgb(0, 0, 0) !important;
}

.publisher_btn:active {
    outline: 2px solid white;
    color: rgb(255, 255, 255) !important;
}


/* footers  */
.footer__here {
    background-color: #000000 !important;
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer__inner h2 {
    font-size: calc(2rem + .5vw);
    font-weight: 600;
}

.footer__inner a {
    width: calc(10rem + 1.5vw);
}

.contact__btn {
    margin-top: 1em;
}

a h5 {
    font-weight: 500;
    margin: 0;
    line-height: 1.7rem;
}

.nomadaz_logo {
    width: 5em;
}

/* Footer End  */
/* xm  */
@media screen and (max-width: 575.98px) {

    .one,
    .two,
    .three {
        display: none;
    }

    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;
    }

    .dropend li {
        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }

    /* For multilevel drop end */
    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(23rem + .5vw);
        height: calc(23rem + .5vw);
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 30px;
        font-weight: 900;
        line-height: 50px;
        text-align: center;
        padding: 1em;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 660px;
        height: 660px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: calc(22rem + 1vw);
        height: calc(22rem + 1vw);
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }

    }

    /* two mobile  */
    .mobile__two {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-position: center;
        background-size: cover;
    }

    .mobile__two__inner h2 {
        font-family: Poppins;
        font-size: 42px;
        font-weight: 600;
        line-height: 60px;
        letter-spacing: -0.03em;
        text-align: left;
    }

    .mobile__two__inner p {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        text-align: left;
        color: #BEB3B3;
    }

    .cards {
        margin-bottom: 1em;
        padding: 1em;
    }

    .cards h3 {
        max-width: 290px;
        height: 54px;
        top: 916px;
        left: 795px;
        gap: 0px;
        opacity: 0px;
    }

    .cards p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

    /* Mobile-five  */
    .mobile__five h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        text-align: left;
        color: #BEB3B3;
    }

    .mobile__five h2 {
        font-family: Poppins;
        font-size: 38px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: -0.03em;
        text-align: center;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 2rem;
    }

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;
    }

    .logos:after {
        right: 0;
    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 40px;
        margin: 0 40px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 40px;
        margin: 0 40px;
    }

    .mobile__six {
        min-height: auto !important;
    }

    /* Footer Upper  */
    .footer__inner h2 {
        font-family: Poppins;
        font-size: 56px;
        font-weight: 600;
        line-height: 73.4px;
        letter-spacing: -0.03em;
        text-align: left;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .terms_li {
        flex-wrap: wrap;
        gap: 1rem !important;
        align-items: center;
        justify-content: center !important;
        margin-bottom: 0rem !important;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }
}

/* sm  */
@media screen and (min-width: 576px) and (max-width: 767.98px) {


    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

    /* For multilevel drop  */
    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;

    }

    .dropend li {

        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }



    /* For multilevel drop end */
    .one,
    .two,
    .three {
        display: none;
    }

    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(23rem + .5vw);
        height: calc(23rem + .5vw);
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 30px;
        font-weight: 900;
        line-height: 50px;
        text-align: center;
        padding: 1em;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 660px;
        height: 660px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: calc(22rem + 1vw);
        height: calc(22rem + 1vw);
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }

    }

    /* two mobile  */
    .mobile__two {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-position: center;
        background-size: cover;
    }

    .mobile__two__inner h2 {
        font-family: Poppins;
        font-size: 42px;
        font-weight: 600;
        line-height: 60px;
        letter-spacing: -0.03em;
        text-align: left;
    }

    .mobile__two__inner p {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        text-align: left;
        color: #BEB3B3;
    }

    .cards {
        margin-bottom: 1em;
        padding: 1em;
    }


    .cards h3 {
        width: 290px;
        height: 54px;
        top: 916px;
        left: 795px;
        gap: 0px;
        opacity: 0px;
    }

    .cards p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;

    }

    /* Mobile-five  */
    .mobile__five h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        text-align: left;
        color: #BEB3B3;
    }

    .mobile__five h2 {
        font-family: Poppins;
        font-size: 56px;
        font-weight: 600;
        line-height: 84px;
        letter-spacing: -0.03em;
        text-align: center;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

    }

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;
    }

    .logos:after {
        right: 0;
    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 40px;
        margin: 0 40px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 40px;
        margin: 0 40px;
    }

    /* Footer Upper  */
    .footer__inner h2 {
        font-family: Poppins;
        font-size: 72px;
        font-weight: 600;
        line-height: 86.4px;
        letter-spacing: -0.03em;
        text-align: left;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

}

/* //md */
@media screen and (min-width: 768px) and (max-width: 991.98px) {

    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

    /* For multilevel drop  */
    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;
    }

    .dropend li {
        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }



    /* For multilevel drop end */

    .one,
    .two,
    .three {
        display: none;
    }


    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(23rem + .5vw);
        height: calc(23rem + .5vw);
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 30px;
        font-weight: 900;
        line-height: 50px;
        text-align: center;
        padding: 1em;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 660px;
        height: 660px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: calc(22rem + 1vw);
        height: calc(22rem + 1vw);
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }

    }



    /* two mobile  */

    .mobile__two {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-position: center;
        background-size: cover;
        min-height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile__two__inner h2 {
        font-family: Poppins;
        font-size: 42px;
        font-weight: 600;
        line-height: 60px;
        letter-spacing: -0.03em;
        text-align: left;
    }

    .mobile__two__inner p {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        text-align: left;
        color: #BEB3B3;
        max-width: 700px;
    }

    .mobile__four__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2em;
    }

    .cards {
        margin-bottom: 1em;
        padding: 1em;
        width: 70% !important;
    }


    .cards h3 {
        width: 290px;

        top: 916px;
        left: 795px;
        gap: 0px;
        opacity: 0px;

    }

    .cards p {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #BEB3B3;

    }

    /* mobile-3  */
    .mobile__three,
    .mobile__two {
        margin-top: 2rem;
        padding: 1em !important;
    }

    /* Mobile-five  */
    .mobile__five h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        text-align: left;
        color: #BEB3B3;
    }

    .mobile__five h2 {
        font-family: Poppins;
        font-size: 56px;
        font-weight: 600;
        line-height: 84px;
        letter-spacing: -0.03em;
        text-align: center;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

    }



    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        /* background: white; */
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;

    }

    .logos:after {
        right: 0;

    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 40px;
        margin: 0 40px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 40px;
        margin: 0 40px;
    }

    .mobile__five {
        height: 50vh !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    /* mobile-six  */
    .mobile__six {
        min-height: auto !important;
    }


    /* Footer Upper  */
    .footer__inner h2 {
        font-family: Poppins;
        font-size: 72px;
        font-weight: 600;
        line-height: 86.4px;
        letter-spacing: -0.03em;
        text-align: left;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }


    .contact__btn {
        font-size: 18px;
        font-weight: 500 !important;
        font-family: "Inter", sans-serif;
    }

}



/* lg */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {

    .mobile__one,
    .mobile__six,
    .mobile__two,
    .mobile__three,
    .mobile__four,
    .mobile__five {
        display: none !important;
    }

    .one__inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 450px;
        height: 450px;
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 40px;
        font-weight: 900;
        line-height: 60px;
        text-align: center;
        width: 468px;
        height: 126px;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 660px;
        height: 660px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: 440px;
        height: 440px;
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }

    }


    /* One overlay  */
    .one__overlay {
        z-index: 12;
        background-color: #00000000;
    }

    .one__overlay__inner {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-size: contain;
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }

    .one__overlay__inner {
        opacity: 0;
    }

    .one__overlay__inner__info {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(6, 1fr);
        grid-template-areas:
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
        ;
        grid-gap: 1em;

    }

    .one__box {

        grid-area: o;
        display: flex;
        align-items: end;
        left: -100%;
    }

    .two__inner_outer {
        background-image: url(../../img/about_us/Group.html\ 237822.jpeg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .map__container {
        max-width: 1204.14px;
        height: 679px;
        margin: auto;
    }

    .one__box h2 {
        font-family: Poppins;
        font-size: 40px;
        font-weight: 600;
        line-height: 60px;
        width: 644.92px;
        top: 249px;
        left: 113px;

    }

    .two__box p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        color: #BEB3B3;
        width: 500.92px;
    }

    .two__box {
        grid-area: t;
        display: flex;
        justify-content: end;
        padding: 10em;
        padding-top: 0%;
        right: -100%;

    }

    .title_1 {
        width: fit-content;
        transform: rotate(-90deg);
        will-change: transform;
        position: absolute;
        right: -20%;
        top: -100%;
    }

    .title_2 {
        left: -100%;
        bottom: 1%;
    }

    /* Three overlay */

    .three__overlay {
        z-index: 121;
        top: 0;
        position: absolute;
        left: 0;
        width: 0%;
    }

    .two__inner_2 {
        z-index: 11;
    }

    .two__inner_2 {
        background: url(../../img/about_us/WhatsApp.html\ Image\ 2024-07-16\ at\ 6.23.38\ PM\ \(2\).webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .two__inner_2_data {
        padding-bottom: 1em !important;
    }

    .cards {
        padding: 1rem;
    }

    .cards h3 {
        width: 290px;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        letter-spacing: -0.03em;
        text-align: left;
    }

    .cards p {
        max-width: 409px;
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
        margin-bottom: 0% !important;
    }

    .two__card_1,
    .two__card_4,
    .two__card_3,
    .two__card_2 {
        opacity: 0;
    }

    /* Four overlay  */
    .four__overlay {
        z-index: 122;
        top: 0;
        position: absolute;
        left: 0;
        width: 100%;
        background: url(../../img/about_us/Frame.html\ 1000001948.webp);
        background-position: center;
        background-size: cover;
        opacity: 0;
    }

    .four__overlay h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        max-width: 252px;
        color: #BEB3B3;
    }

    .four__overlay h2 {
        font-family: Poppins;
        font-size: 50px;
        font-weight: 600;
        line-height: 84px;
        letter-spacing: -0.03em;
        text-align: center;
        max-width: 1199px;
        height: 168px;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

    }

    .four__overlay_inner_info {
        transform: scale(0);
        opacity: 0;
    }

    /* Three Main */

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        /* background: white; */
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;
    }

    .logos:after {
        right: 0;
    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 45px;
        margin: 0 45px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 50px;
        margin: 0 40px;
    }

    /* Contact us  */
    .footer__inner {
        max-width: 765px;
    }

    .footer__inner h2 {
        width: 765px;
        height: 172px;
        gap: 0px;
        opacity: 0px;
        font-family: Poppins;
        font-size: 72px;
        font-weight: 600;
        line-height: 86.4px;
        letter-spacing: -0.03em;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
        width: 670px;
    }

    .contact__btn {
        font-size: 18px;
        font-weight: 500 !important;
        font-family: "Inter", sans-serif;
    }

}

/* xl */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {

    .mobile__one,
    .mobile__six,
    .mobile__two,
    .mobile__three,
    .mobile__four,
    .mobile__five {
        display: none !important;
    }

    .one__inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 450px;
        height: 450px;
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 42px;
        font-weight: 900;
        line-height: 63px;
        text-align: center;
        width: 468px;
        height: 126px;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 660px;
        height: 660px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: 440px;
        height: 440px;
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }

    }

    /* One overlay  */
    .one__overlay {
        z-index: 12;
        background-color: #00000000;
    }

    .one__overlay__inner {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-size: contain;
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }

    .one__overlay__inner {
        opacity: 0;
    }

    .one__overlay__inner__info {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(6, 1fr);
        grid-template-areas:
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
        ;
        grid-gap: 1em;

    }

    .one__box {

        grid-area: o;
        display: flex;
        align-items: end;
        left: -100%;
    }

    .two__inner_outer {
        background-image: url(../../img/about_us/Group.html\ 237822.jpeg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .map__container {
        max-width: 1204.14px;
        height: 679px;
        margin: auto;
    }

    .one__box h2 {
        font-family: Poppins;
        font-size: 42px;
        font-weight: 600;
        line-height: 63px;
        width: 644.92px;
        height: 126px;
        top: 249px;
        left: 113px;
    }

    .two__box p {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
        color: #BEB3B3;
        width: 625.92px;
    }

    .two__box {
        grid-area: t;
        display: flex;
        justify-content: end;
        padding: 10em;
        padding-top: 0%;
        right: -100%;
    }

    .title_1 {
        width: fit-content;
        transform: rotate(-90deg);
        will-change: transform;
        position: absolute;
        right: -20%;
        top: -100%;
    }

    .title_2 {
        left: -100%;
        bottom: 1%;
    }

    /* Three overlay */

    .three__overlay {
        z-index: 121;
        top: 0;
        position: absolute;
        left: 0;
        width: 0%;
    }

    .two__inner_2 {
        z-index: 11;
    }

    .two__inner_2 {
        background: url(../../img/about_us/WhatsApp.html\ Image\ 2024-07-16\ at\ 6.23.38\ PM\ \(2\).webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .two__inner_2_data {
        padding-bottom: 1em !important;
    }

    .cards {
        padding: 1rem;
    }

    .cards h3 {
        width: 290px;
        height: 54px;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        letter-spacing: -0.03em;
        text-align: left;
    }

    .cards p {
        max-width: 500px;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

    .two__card_1,
    .two__card_4,
    .two__card_3,
    .two__card_2 {
        opacity: 0;
    }

    /* Four overlay  */

    .four__overlay {
        z-index: 122;
        top: 0;
        position: absolute;
        left: 0;
        width: 100%;
        background: url(../../img/about_us/Frame.webp);
        background-position: center;
        background-size: cover;
        opacity: 0;
    }

    .four__overlay h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        max-width: 252px;
        color: #BEB3B3;
    }

    .four__overlay h2 {
        font-family: Poppins;
        font-size: 50px;
        font-weight: 600;
        line-height: 84px;
        letter-spacing: -0.03em;
        text-align: center;
        max-width: 1199px;
        height: 168px;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .four__overlay_inner_info {
        transform: scale(0);
        opacity: 0;
    }

    /* Three Main */

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;

    }

    .logos:after {
        right: 0;

    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 50px;
        margin: 0 40px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 50px;
        margin: 0 40px;
    }

    /* Contact us  */
    .footer__inner {
        max-width: 765px;
    }

    .footer__inner h2 {
        width: 765px;
        height: 172px;
        gap: 0px;
        opacity: 0px;
        font-family: Poppins;
        font-size: 72px;
        font-weight: 600;
        line-height: 86.4px;
        letter-spacing: -0.03em;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

    .contact__btn {
        font-size: 18px;
        font-weight: 500 !important;
        font-family: "Inter", sans-serif;
    }

}

/* xxl */
@media screen and ((min-width: 1400px)) {

    .mobile__one,
    .mobile__six,
    .mobile__two,
    .mobile__three,
    .mobile__four,
    .mobile__five {
        display: none !important;
    }

    .one__inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 550px;
        height: 550px;
        overflow: hidden;
    }

    .circle h1 {
        z-index: 11;
        position: absolute;
        font-family: Poppins;
        font-size: 42px;
        font-weight: 900;
        line-height: 63px;
        text-align: center;
        width: 468px;
        height: 126px;
        color: #E2E2E2;
    }

    .circle::before {
        content: '';
        width: 600px;
        height: 600px;
        position: absolute;
        background: linear-gradient(#000000, #ffffff);
        animation: animate 2s linear infinite;
        will-change: transform;
    }

    .circle::after {
        content: '';
        width: 540px;
        height: 540px;
        position: absolute;
        background: black;
        border-radius: 50%;
    }

    @keyframes animate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }


    /* One overlay  */
    .one__overlay {
        z-index: 12;
        background-color: #00000000;
    }

    .one__overlay__inner {
        background: url(../../img/about_us/output-onlinepngtools.webp);
        background-size: contain;
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }

    .one__overlay__inner {
        opacity: 0;
    }

    .one__overlay__inner__info {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(6, 1fr);
        grid-template-areas:
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "o o o o o o o o o o"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
            "t t t t t t t t t t"
        ;
        grid-gap: 1em;

    }

    .one__box {
        grid-area: o;
        display: flex;
        align-items: end;
        left: -100%;
    }

    .map__container {
        max-width: 1204.14px;
        height: 679px;
        margin: auto;
    }

    .two__inner_outer {
        background-image: url(../../img/about_us/map.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .one__box h2 {
        font-family: Poppins;
        font-size: 42px;
        font-weight: 600;
        line-height: 63px;
        width: 644.92px;
        height: 126px;
        top: 249px;
        left: 113px;
    }

    .two__box p {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        color: #BEB3B3;
        width: 644.92px;
    }

    .two__box {
        grid-area: t;
        display: flex;
        justify-content: end;
        padding: 10em;
        padding-top: 0%;
        right: -100%;
    }

    .title_1 {
        width: fit-content;
        transform: rotate(-90deg);
        will-change: transform;
        position: absolute;
        right: -20%;
        top: -100%;
    }

    .title_2 {
        left: -100%;
        bottom: 1%;
    }

    /* Three overlay */

    .three__overlay {
        z-index: 121;
        top: 0;
        position: absolute;
        left: 0;
        width: 0%;
    }

    .two__inner_2 {
        z-index: 11;
    }

    .two__inner_2 {
        background: url(../../img/about_us/layer.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .cards {
        padding: 1rem;
    }

    .cards h3 {
        width: 290px;
        /* height: 54px; */
        font-family: Poppins;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        letter-spacing: -0.03em;
        text-align: left;

    }

    .cards p {
        max-width: 500px;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

    .two__card_1,
    .two__card_4,
    .two__card_3,
    .two__card_2 {
        opacity: 0;
    }

    /* Four overlay  */

    .four__overlay {
        z-index: 122;
        top: 0;
        position: absolute;
        left: 0;
        width: 100%;
        background: url(../../img/about_us/Frame.webp);
        background-position: center;
        background-size: cover;
        opacity: 0;
    }

    .four__overlay h5 {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        max-width: 252px;
        color: #BEB3B3;
    }

    .four__overlay h2 {
        font-family: Poppins;
        font-size: 56px;
        font-weight: 600;
        line-height: 84px;
        letter-spacing: -0.03em;
        text-align: center;
        max-width: 1199px;
        height: 168px;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .four__overlay_inner_info {
        transform: scale(0);
        opacity: 0;
    }

    /* Three Main */

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes slide_2 {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .logos {
        overflow: hidden;
        padding: 60px 0;
        /* background: white; */
        white-space: nowrap;
        position: relative;
    }

    .logos:before,
    .logos:after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .logos:before {
        left: 0;
        /* background: linear-gradient(to left, rgba(255, 255, 255, 0), white); */
    }

    .logos:after {
        right: 0;
        /* background: linear-gradient(to right, rgba(255, 255, 255, 0), white); */
    }

    .logos:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 35s slide infinite linear;
    }

    .logos-slide img {
        height: 50px;
        margin: 0 40px;
    }

    /* slide-2  */
    .logos:hover .logos-slide_2 {
        animation-play-state: paused;
    }

    .logos-slide_2 {
        display: inline-block;
        animation: 35s slide_2 infinite linear;
    }

    .logos-slide_2 img {
        height: 50px;
        margin: 0 40px;
    }

    /* Contact us  */

    .footer__inner {
        max-width: 765px;

    }

    .footer__inner h2 {
        width: 765px;
        height: 172px;
        gap: 0px;
        opacity: 0px;
        font-family: Poppins;
        font-size: 72px;
        font-weight: 600;
        line-height: 86.4px;
        letter-spacing: -0.03em;
        background: #FFFFFF;
        background: linear-gradient(to right, #FFFFFF 14%, #999999 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer__inner p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #BEB3B3;
    }

    .contact__btn {
        font-size: 18px;
        font-weight: 500 !important;
        font-family: "Inter", sans-serif;
    }



}