/* -LARGE- */
@media screen and (min-width:1024px) {
    h1 {
        font-size: 3rem !important;
    }

    h2 {
        font-size: 2.25rem !important;
    }

    h3 {
        font-size: 2rem !important;
    }

    h4 {
        font-size: 1.5rem !important;
    }

    .standard-text {
        font-size: 1.2rem !important;
    }

    .hidden-on-desktop {
        display: none;
    }

    .hidden-on-mobile {
        display: block !important;
    }

    .swiper-texts {
        font-size: 1.25rem
    }

    /* UNIVERSAL */
    .button-gradient {
        font-size: 1.15rem !important;
        width: 12rem !important;
        height: 3.5rem !important;
    }

    /* .gradient-heading{
        background: -webkit-linear-gradient(left,#007AFF, #AF52DE);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    } */

    /* HEADER */
    .navbar {
        width: 64rem;
        display: flex;
        align-items: center;

    }

    .nav-links {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    main {
        padding-top: 14.25rem;
    }

    .nav-menu {
        display: flex;
        flex-direction: row;
        width: 64rem;
        padding: 7rem 1.25rem 0rem 1.25rem;
        margin: auto;
        justify-content: space-between;
    }

    .header-content {
        width: auto !important;
    }

    .header-logo {
        width: 13rem;
        transform: translateX(-0.5rem)
    }

    .nav-menu-right-col {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4rem;
    }

    .nav-link {
        color: white;
        font-weight: 400;
        font-size: 1.25rem !important;
        transition: 0.15s ease-in;

    }

    .nav-link:hover {
        transition: 0.15s ease-in;

        filter: drop-shadow(0px 0px 10px white);
    }

    .nav-items {
        display: flex !important;
        flex-direction: row !important;
        gap: 3.75rem;
        width: max-content;
    }

    .button-contact-us {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 1.25rem;
        width: 10rem;
        height: 3.625rem;

        border: solid 0.0625rem transparent;
        border-radius: 0.25rem;
        background-image: linear-gradient(black, black), linear-gradient(90deg, #009aff, #af52de);
        background-origin: border-box;
        background-clip: content-box, border-box;
        overflow: hidden;
    }

    .button-contact-us::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(90deg, #009aff, #af52de, #009aff, #af52de);
        background-size: 400% 100%;
        background-position: right;
        opacity: 0;
        transition: opacity 0.3s ease-in;
        z-index: 1;
    }

    .button-contact-us:hover::before {
        opacity: 1;
    }

    .button-contact-us-text {
        z-index: 2;
    }

    .hamburger {
        display: none;
        cursor: pointer;
    }

    .bar {
        display: block;
        width: 1.5625rem;
        height: 0.2rem;
        margin: 0.3125rem auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: white;
    }

    /* HERO SECTION */
    .hero-section {
        display: flex;
        flex-direction: row !important;
        width: 64rem;
        gap: 2rem;
        justify-content: left;
        align-items: center;
        position: relative;

    }

    .img-hero {
        order: 2;
        width: 60% !important;
    }

    .img-hero-light {
        position: absolute;
        top: -5rem !important;
        left: -13rem !important;
        aspect-ratio: 558/352;
        width: 35rem;
        z-index: 999;
    }

    .hero-content {
        order: 1;
        z-index: 1;
    }

    .hero-heading-desktop {
        flex-direction: row;
        transform: translateX(-1.6rem);
        display: flex !important;
    }

    .hero-heading {
        display: none !important;
    }

    .hero-texts {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 40rem;
        text-align: left !important;
    }

    .wrapper {
        position: relative;
        left: -3.5rem;
        height: 4.7rem !important;
    }

    .word {
        width: min-content;
        margin-right: 0 !important;
    }

    .words {
        width: min-content;
        animation: shrink 7s infinite;
        transform: translateY(-0.125rem);
    }

    .moving-word {
        animation: move 7s infinite;
    }

    @keyframes shrink {
        0% {
            margin-right: -50%;
        }

        100% {
            margin-right: -50%;
        }
    }

    @keyframes move {
        0% {
            transform: translateX(-7.5rem);
        }

        10% {
            transform: translateX(-8rem);
        }

        25% {
            transform: translateX(-8rem);
        }

        35% {
            transform: translateX(-3.5rem);
        }

        40% {
            transform: translateX(-3.5rem);
        }

        45% {
            transform: translateX(-3.5rem);
        }

        50% {
            transform: translateX(-3.5rem);
        }

        55% {
            transform: translateX(1.75rem);
        }

        60% {
            transform: translateX(1.75rem);
        }

        75% {
            transform: translateX(1.75rem);
        }

        85% {
            transform: translateX(-7.5rem);
        }

        100% {
            transform: translateX(-7.5rem);
        }
    }

    .hero-buttons {
        display: flex;
        flex-direction: row !important;
        align-items: center;
        padding-top: 3.5rem;
        gap: 1.5rem;
    }

    .button-what-we-do {
        width: 12rem !important;
        height: 3.5rem !important;
    }

    .button-what-we-do-text {
        font-size: 1.15rem !important;
    }

    /* BUILD YOUR BUSINESS SECTION */

    .build-your-business-section {
        width: 64rem;
    }

    .build-your-business-texts {
        gap: 2rem !important;
        padding-bottom: 7.5rem !important;
        max-width: 72%;
    }

    .build-your-business-cards {
        gap: 1.875rem !important;
    }

    .build-your-business-card {
        width: 19.25rem !important;
    }

    .build-your-business-card-text {
        text-align: center;
    }

    .get-in-touch-texts {
        padding-left: 0px !important;
    }

    /* ANALYSIS SECTION */

    .analysis-section {
        flex-direction: row !important;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
        gap: 2rem;
        overflow: hidden;
        justify-content: center;
        width: 64rem;
        align-items: center;
    }

    .img-analysis {
        order: 2;
        width: 30rem !important;
    }

    .analysis {
        width: 59.25rem;
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
    }

    .analysis-texts {
        order: 1;
        gap: 1.25rem;
        padding-bottom: 2.5rem;
        text-align: left !important;
        align-items: flex-start !important;
        width: 100%;
    }

    .analysis-subtext {
        font-size: 1.125rem !important;
        font-weight: 400;
    }

    /* WORKFLOW SECTION */
    .workflow-section {
        width: 64rem;
        margin: auto;
    }

    .workflow-texts {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 9.75rem;
    }

    .workflow-icon {
        left: 2.5rem !important;
    }

    .workflow-icon-num-2 {
        width: auto !important;
        transform: translateX(35%) !important;
    }

    .desktop-swiper-slides {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        gap: 1.875rem;
        padding-bottom: 4rem
    }

    .desktop-swiper-slide {
        font-size: 0.875rem;
        width: 19.25rem;
        height: max-content;

        font-weight: 400;
        background-color: #1e1e1e80;
        display: flex;
        flex-direction: column;
        position: relative;

        border: solid 0.04rem transparent;
        border-radius: 1rem;
        background-image: radial-gradient(circle at 5rem 0.25rem, #2a1f3b 0.1%, black 13%), linear-gradient(120deg, #875be5 30%, #875be544, #161616);
        background-origin: border-box;
        background-clip: content-box, border-box;
    }

    .swiper-slide-content {
        padding: 6.25rem 2.5rem 5.25rem 2.5rem !important;
    }

    .desktop-swiper-slide:nth-child(1n) {
        margin-left: 0 !important;
    }

    .desktop-swiper-slide:nth-child(2n) {
        margin-top: 7.75rem;
    }

    .desktop-swiper-slide:nth-child(3n) {
        margin-top: 15.5rem;
        margin-right: 0 !important;
    }

    /* ABOUT US SECTION */
    .about-us-section {
        position: relative;
        align-items: center;
        width: 64rem;
    }

    .about-us-background {
        position: absolute;
        width: 30rem;
        right: -15rem;
    }

    .about-us-texts {
        width: 80%;
    }

    .about-us-cards {
        flex-direction: row !important;
        height: max-content !important;
    }

    .about-us-card {
        height: 35rem !important;
        width: 28rem !important;
    }

    .about-us-card-text {
        font-size: 1.25rem !important;
        font-weight: 400;
    }

    .about-us-card-texts {
        gap: 3rem !important;
    }

    .about-us-first-desktop-position {
        margin-bottom: 6.25rem !important;
    }

    .about-us-second-desktop-position {
        margin-top: 6.25rem !important;
    }

    .about-us-card-img {
        overflow: hidden;
    }

    .img-support {
        height: 28rem;
        width: 25rem !important;
        transform: translateY(8rem)
    }

    .img-personalized-experience-desktop {
        width: 40% !important;
        padding-bottom: 2.5rem;
        display: block !important;

    }

    .img-personalized-experience {
        display: none;
    }

    .about-us-card-img-desktop {
        display: flex !important;
        width: 100%;
        justify-content: flex-end;
        align-items: flex-end;
    }




    /* PARTNERSHIPS SECTION */
    .partnerships-section {
        width: 64rem;
        align-items: center;
    }

    .partnerships-texts {
        gap: 2rem !important;
    }

    .partners {
        flex-flow: row wrap !important;
        position: relative;
        gap: 1.875rem !important;
        width: 59.25rem;
    }

    .partner {
        height: 22.375rem !important;
        width: 28.5625rem !important;
    }

    .partner-content {
        height: 100%;
        justify-content: space-between !important;
    }

    .partner:nth-child(odd) {
        margin-bottom: 6.25rem !important;
    }

    .partner:nth-child(even) {
        margin-top: 6.25rem !important;
    }

    .partner-first-logo-size {
        width: 40% !important;
        aspect-ratio: 159/45;
    }

    .partner-second-logo-size {
        width: 22.5% !important;
        aspect-ratio: 83/79;
    }

    .partner-work {
        flex-direction: row !important;
        gap: 1.25rem !important;
        position: absolute;
        height: max-content;
        transform: translateY(calc(-50% - 2rem))
    }

    .partner-work-first-position {
        position: absolute;
        top: -1rem;
    }

    .partner-work-second-position {
        position: absolute;
        top: 5.25rem;
    }

    .partner-logo {
        order: 2;
        padding: 0 !important;
    }

    .partner-texts {
        order: 1;
        padding-bottom: 0 !important;
        font-size: 1.25rem !important;
    }

    .partner-text {
        font-size: 1.25rem;
    }


    /* GET IN TOUCH SECTION */
    .get-in-touch-section {
        width: 64rem;
        flex-direction: row !important;
        gap: 9.25rem;
        padding-bottom: 5rem;
        justify-content: center;
    }

    .get-in-touch-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 59.25rem;
    }

    .get-in-touch-texts {
        text-align: left !important;
        align-items: flex-start !important;
        width: 28.125rem;
        padding-bottom: 7rem !important;
        justify-content: space-between;
        gap: 2rem;
    }

    .get-in-touch-with-footer {
        display: flex;
        flex-direction: column;
        width: 28.125rem;
        padding-bottom: 13rem;
    }

    .get-in-touch-line {
        background-color: #616161;
        border-width: 0;
        height: 0.0625rem;
        margin-bottom: 6rem;
        width: 100%;
    }

    .footer-desktop-text {
        font-size: 1.25rem;
        color: white;
        font-weight: 400;
    }

    /* FOOTER */
    .footer-content-desktop {
        display: flex !important;
        flex-direction: column;
        padding: 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
        height: auto !important;
        width: 100%;
        line-height: 1.5rem;
    }

    .footer-logo {
        width: 15rem;
        height: 7rem;
        transform: translate(-2.3rem);
    }



    /* HOME PAGE */


    /* PRODUCTS PAGE */
    /* HERO SECTION */
    .product-hero-section {
        width: 48rem !important;
        position: relative;
    }

    /* ABOUT PRODUCT SECTION */
    .product-name {
        padding-bottom: 4rem !important;
        font-size: 2rem !important;
    }

    .about-product-section {
        margin: auto;
        width: 64rem !important;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        flex-direction: row !important;

    }

    .about-product-content {
        padding: 5.5rem 3.75rem 13.75rem 0 !important;
        width: 50% !important;
        order: 2;

    }

    .about-product-heading {
        font-size: 2rem !important;
    }

    .about-product-subtexts {
        display: flex;
        flex-direction: column;
        gap: 3rem !important;
    }

    .product-page-img-col {
        width: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(-10rem, -6rem);
    }

    .product-page-img {
        position: static !important;
        bottom: auto !important;
        margin: 0 !important;
        left: auto !important;
        right: auto !important;
        aspect-ratio: 720.89/503;
        width: 45rem !important;
    }

    .light-left-product {
        top: -6rem !important;
        left: -5rem !important;
    }

    .light-right-product {
        top: 10rem !important;
        right: -10rem !important;
    }

    /* CONTACT PAGE */
    .contact-hero-section {
        width: 48rem !important;
        align-items: flex-start !important;
        position: relative !important;
    }

    .contact-hero-texts {
        text-align: left !important;
        width: 22.5rem;
    }

    .logos {
        align-items: flex-start !important;
    }

    .contact-hero-subtext {
        font-size: 1.25rem;
        font-weight: 400;
    }

    .light-left-contact {
        top: -6rem !important;
        left: -13rem !important;
        aspect-ratio: 558/352;
        width: 35rem;
    }

    form {
        max-width: 450px;
    }

    .form-wrapper .button-gradient {
        width: 100% !important;
    }

    input[type="radio"] {

        width: 16px !important;
        height: 16px !important;

        border: solid 5px #313131 !important;


        transition: all 0.15s;
    }

    input[type="radio"]:checked {

        position: relative;

        background: linear-gradient(white, white) padding-box,
            linear-gradient(90deg, #007AFF 0%, #AF52DE 100%) border-box;

        border: 5px solid transparent !important;

        transition: all 0.15s;
    }
}

/* -XL- */
@media screen and (min-width: 1280px) {

    /* FONTS */
    .standard-text {
        font-size: 1.35rem !important;
    }

    /* HEADER */
    .nav-menu {
        width: 80rem !important;
    }

    .nav-menu-right-col {
        gap: 10rem;
    }

    /* HERO SECTION */
    .hero-section {
        width: 80rem;
    }

    /* BUILD YOUR BUSINESS SECTION */
    .build-your-business-section {
        width: 80rem;
    }

    .build-your-business-card {
        width: 24.55rem !important;
    }

    /* ANALYSIS SECTION */
    .analysis-section {
        width: 80rem;
    }

    .img-analysis {
        width: 40rem !important;
    }

    /* WORKFLOW SECTION */
    .workflow-section {
        width: 80rem;
    }

    .desktop-swiper-slide {
        width: 24.55rem !important;
    }

    /* ABOUT US SECTION */
    .about-us-section {
        width: 80rem;
    }

    .about-us-background {
        position: absolute;
        width: 45rem;
        right: -25rem
    }

    .about-us-texts {
        width: 65%;
    }

    /* PARTNERSHIPS SECTION */
    .partnerships-section {
        width: 80rem;
    }


    /* GET IN TOUCH SECTION */
    .get-in-touch-section {
        width: 80rem;
        padding-bottom: 10rem !important;
    }

    /* FOOTER */



    /* HOME PAGE */
    /* PRODUCTS PAGE */
    .product-hero-section {
        width: 80rem !important;
    }

    .about-product-section {
        width: 80rem !important;
    }

    .light-left-product {
        top: -6rem !important;
        left: 6rem !important;
    }

    .light-right-product {
        top: 10rem !important;
        right: -2rem !important;
    }

    /* CONTACT PAGE */
    .contact-hero-section {
        width: 80rem !important;
    }
}

/* -2XL- */
@media screen and (min-width:1536px) {
    h1 {
        font-size: 3.75rem !important;
    }

    h2 {
        font-size: 3rem !important;
    }

    h3 {
        font-size: 2rem !important;
    }

    h4 {
        font-size: 2rem !important;
    }

    .standard-text {
        font-size: 1.5rem !important;
    }

    /* UNIVERSAL */
    .button-gradient {
        font-size: 1.5rem !important;
        width: 14.75rem !important;
        height: 5.5rem !important;
    }

    /* HEADER */
    .nav-menu {
        width: 88.125rem !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        padding-top: 7rem !important;
    }

    .nav-links {
        gap: 10rem !important;
    }

    .nav-menu-right-col {
        gap: 13.25rem !important;
    }

    /* HERO SECTION */
    .hero-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
        align-items: flex-start !important;
        gap: 6rem;
    }

    .img-hero {
        width: 65rem !important;
        transform: translateY(-8rem)
    }

    .img-hero-light {
        width: auto !important;
        top: -9rem !important;
        left: -26rem !important;
    }

    .hero-texts {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .hero-heading-desktop {
        width: 54.5rem !important;
        transform: translateX(0rem)
    }

    .hero-buttons {
        padding-top: 7.25rem !important;
        gap: 1.5rem !important;
    }

    .button-what-we-do {
        font-size: 1.5rem !important;
        width: 14.75rem !important;
        height: 5.5rem !important;
    }

    .button-what-we-do-text {
        font-size: 1.5rem !important;
    }

    .wrapper {
        height: 5.25rem !important;
    }

    .words {
        transform: translateY(0.15rem) !important;
    }

    .word {
        font-size: 3.75rem !important;
    }

    .hero-subtext {
        width: 39.75;
        text-align: left;
    }

    @keyframes move {
        0% {
            transform: translateX(-7.75rem);
        }

        10% {
            transform: translateX(-8rem);
        }

        25% {
            transform: translateX(-8rem);
        }

        35% {
            transform: translateX(-3.25rem);
        }

        40% {
            transform: translateX(-3.25rem);
        }

        45% {
            transform: translateX(-3.25rem);
        }

        50% {
            transform: translateX(-3.25rem);
        }

        55% {
            transform: translateX(2.5rem);
        }

        60% {
            transform: translateX(2.5rem);
        }

        75% {
            transform: translateX(2.5rem);
        }

        85% {
            transform: translateX(-7.75rem);
        }

        100% {
            transform: translateX(-7.75rem);
        }
    }



    /* BUILD YOUR BUSINESS SECTION */
    .build-your-business-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .build-your-business-card {
        width: 27.83rem !important;
    }

    .build-your-business-card-text {
        font-size: 1.5rem;
    }

    /* ANALYSIS SECTION */
    .analysis-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .analysis {
        width: 73.125rem !important;
    }

    .img-analysis {
        width: auto !important;
    }

    .analysis-texts {
        width: 36rem !important;
    }

    /* WORKFLOW SECTION */
    .workflow-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
        padding-bottom: 9.75rem;
    }

    .workflow-texts {
        width: 61rem !important;
    }

    .desktop-swiper-slide {
        width: 28.125rem !important;
    }

    /* ABOUT US SECTION */
    .about-us-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
        padding-bottom: 15.5rem !important;
    }

    .about-us-background {
        position: absolute;
        width: 45rem;
        right: -20rem
    }

    .about-us-texts {
        width: 60.8rem !important;
        padding-bottom: 8.125rem !important;
        gap: 2rem !important;
    }

    .about-us-cards {
        gap: 2.125rem !important;
    }

    .about-us-card {
        height: 44.8rem !important;
        width: 35.5rem !important;
    }

    .about-us-card-texts {
        width: 30.5rem !important;
        padding: 3rem 2.5rem 0 2.5rem !important;
    }

    .img-support {
        transform: scale(1.5) translate(-4rem, 2.5rem);
    }



    /* PARTNERSHIPS SECTION */
    .partnerships-section {
        width: 88.125rem !important;
        padding-right: 4.375 !important;
        padding-left: 0rem !important;
        align-items: center;
    }

    .partnerships-texts {
        width: 64rem !important;
        padding-bottom: 8.75rem !important;
    }

    .partners {
        width: 73.125rem !important;
    }

    .partner {
        width: 35.625rem !important;
    }

    .partner-work {
        transform: translateY(calc(-50% - 3.25rem))
    }

    .partner-content {
        padding: 3.25rem 2rem !important;
    }

    .partner-first-logo-size {
        width: 10rem !important;
        aspect-ratio: 159/45;
    }

    .partner-second-logo-size {
        width: 5.25rem !important;
        aspect-ratio: 83/79;
    }

    /* GET IN TOUCH SECTION */
    .get-in-touch-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
        padding-bottom: 15.25rem !important;
    }

    .get-in-touch-content {
        width: 73.125rem !important;
    }

    /* FOOTER */


    /* HOME PAGE */
    /* PRODUCTS PAGE */
    .product-hero-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .product-header-padding {
        padding-top: 7.5rem;
    }

    .about-product-section {
        width: 88rem !important;
    }

    .product-page-img {
        width: 45rem !important;
    }

    .product-hero-texts {
        width: 40rem !important;
    }

    .about-product-content {
        gap: 3.25rem !important;
        width: 40rem !important;
    }

    .about-product-subtext {
        font-size: 1.5rem !important;
    }

    .light-left-product {
        top: -2rem !important;
        left: 8rem !important;
    }

    .light-right-product {
        top: 12rem !important;
        right: 2rem !important;
    }

    /* CONTACT PAGE */
    .contact-hero-section {
        width: 88.125rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}