/* Header section */
    
    @font-face {
        font-family: LEMONMILK;
        src: url(/../assets/fonts/LEMONMILK-Bold.otf);
    }
    
    html,
    body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    body {
        background-image: url(/assets/images/body-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .logo img {
        width: 180px;
    }
    
    .navbar-toggler img {
        width: 30px;
    }
    
    .header-section {
        width: 100%;
        height: auto;
        background-image: url(/assets/images/home/header-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    
    .navbar {
        width: 100%;
        height: auto;
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .navbar-expand-lg .navbar-nav {
        justify-content: flex-end;
        width: 100%;
        gap: 20px;
    }
    
    .header-btns li a {
        color: white;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        word-wrap: break-word;
        text-decoration: none;
    }
    
    .hero-sec {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hero-sec-left {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: center;
        padding-left: 100px;
    }
    
    .hero-sec-left-title {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    
    .hero-sec-left h2 {
        color: white;
        font-size: 42px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        word-wrap: break-word
    }
    
    .hero-sec-left h3 {
        color: white;
        font-size: 42px;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        word-wrap: break-word
    }
    
    .hero-sec-left p {
        color: white;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        line-height: 30px;
        word-wrap: break-word
    }
    
    .hero-sec-btn {
        width: fit-content;
        height: auto;
        background: linear-gradient(270deg, rgba(22, 213, 255, 0.78) 29%, rgba(0, 147.90, 255, 0.34) 94%);
        border-radius: 8px;
        padding: 15px 30px;
        color: white;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        word-wrap: break-word;
        text-decoration: none;
    }
    
    .hero-sec-btn-2 {
        width: fit-content;
        height: auto;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.78) 29%, rgba(26, 26, 26, 0.836) 94%);
        border-radius: 8px;
        padding: 15px 30px;
        color: white;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        word-wrap: break-word;
        text-decoration: none;
    }
    
    .checkout {
        width: fit-content;
        height: auto;
        background: linear-gradient(270deg, #F01CE9 19%, #16D5FF 94%);
        border-radius: 8px;
        padding: 15px 30px;
        color: white;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        word-wrap: break-word;
        text-decoration: none;
        margin: 20px 0px;
    }
    
    #refresh-data-1 {
        height: auto;
        margin-bottom: 20px;
    }
    
    #refresh-data-2 {
        height: auto;
        margin-top: 20px;
    }
    
    .hero-sec-right {
        width: 50%;
        height: auto;
    }
    
    .hero-sec-right img {
        width: 100%;
        object-fit: cover;
    }
    
    @media screen and (max-width: 991px) {
        .hero-sec {
            flex-direction: column;
        }
        .hero-sec-left {
            width: 100%;
            padding: 40px 20px 0px 70px;
        }
        .hero-sec-right {
            width: 100%;
            display: flex;
            justify-content: flex-end;
        }
        .hero-sec-right img {
            width: 55%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .hero-sec-left {
            width: 100%;
            padding: 30px 20px 0px 20px;
            justify-content: center;
            align-items: center;
        }
        .hero-sec-left-title {
            justify-content: center;
            align-items: center;
        }
        .hero-sec-left h3 {
            /* text-align: center; */
        }
        .hero-sec-left h2 {
            /* text-align: center; */
        }
        .hero-sec-left p {
            /* text-align: center; */
        }
        .hero-sec-right img {
            width: 95%;
        }
        .hero-sec-right {
            justify-content: center;
        }
        .header-section {
            padding-bottom: 0px;
            background-position: right;
        }
    }
    /* Why Choose Us section */
    
    .whychoose-sec {
        margin-top: 40px;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .whychoose-sec h2 {
        color: #323232;
        font-size: 24px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        word-wrap: break-word
    }
    
    .whychoose-sec-wrapper {
        display: flex;
        gap: 20px;
    }
    
    .whychoose-sec-card {
        display: flex;
        gap: 5px;
        align-items: flex-start;
    }
    
    .whychoose-sec-card img {
        width: 40px;
    }
    
    .whychoose-sec-card-text {
        display: flex;
        flex-direction: column;
    }
    
    .whychoose-sec-card-text h2 {
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        word-wrap: break-word;
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    
    .whychoose-sec-card-text p {
        color: #414141;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        line-height: 25px;
        word-wrap: break-word
    }
    
    @media screen and (max-width: 991px) {
        .whychoose-sec-wrapper {
            flex-direction: column;
        }
        .whychoose-sec {
            padding: 0px 20px;
        }
    }
    /* About section ONE container */
    
    .asec-one {
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 40px;
    }
    
    .asec-one-left {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .asec-one-left img {
        width: 80%;
    }
    
    .asec-one-right {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: center;
    }
    
    .asec-one-right-title h2 {
        color: black;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word
    }
    
    .asec-one-right-title h3 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word
    }
    
    .asec-one-right p {
        color: #414141;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        line-height: 25px;
        word-wrap: break-word
    }
    
    .asec-one-left-mob {
        display: none;
    }
    
    .asec-one-left-desktop {
        display: flex;
    }
    
    @media screen and (max-width: 991px) {
        .asec-one-left-mob {
            display: flex;
        }
        .asec-one-left-desktop {
            display: none;
        }
        .asec-one {
            flex-direction: column;
        }
        .asec-one-right {
            width: 100%;
            padding: 0px 20px;
        }
        .asec-one-left {
            justify-content: flex-start;
            width: 60%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .asec-one {
            align-items: center;
        }
        .asec-one-right {
            padding: 0px 0px;
        }
        .asec-one-left {
            justify-content: center;
            width: 95%;
            align-items: center;
        }
        .asec-one-right-title {
            display: flex;
            flex-direction: column;
        }
        .asec-one-right-title h2 {
            font-size: 40px;
        }
        .asec-one-right-title h3 {
            font-size: 40px;
        }
        .asec-one-right p {}
    }
    
    @media screen and (max-width: 291px) {
        .asec-one-left img {
            width: 100%;
        }
        .asec-one-right-title h2 {
            font-size: 30px;
        }
        .asec-one-right-title h3 {
            font-size: 30px;
        }
    }
    /* Products cards */
    
    .products {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
    }
    
    .products h2 {
        color: black;
        font-size: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word
    }
    
    .products h2 span {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }
    
    .products hr {
        width: 10%;
        height: 3px;
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        margin: 0px 0px 0px 10px;
    }
    
    .card-container {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    
    .card-outline {
        width: 32%;
        border-radius: 15px;
        padding: 2px;
        background: linear-gradient(45deg, #FF0FE7, #16D5FF) border-box;
    }
    
    .card {
        width: 100%;
        border-radius: 15px;
        background-color: rgb(255, 255, 255);
        padding: 5px;
    }
    
    .card-inner {
        width: 100%;
        background: linear-gradient(180deg, #FF04F0 0%, #16D5FF 100%);
        border-radius: 15px;
        padding-bottom: 25px;
    }
    
    .card-image {
        width: 100%;
        height: auto;
    }
    
    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .card-content {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: center;
        align-items: center;
    }
    
    .card-content h2 {
        color: white;
        font-size: 22px;
        font-family: Poppins;
        font-weight: 600;
        word-wrap: break-word;
        font-weight: 100;
        letter-spacing: 1px;
        /* text-decoration: underline; */
    }
    
    .card-content h3 {
        color: white;
        font-size: 40px;
        font-family: Poppins;
        font-weight: 600;
        word-wrap: break-word
    }
    
    .card-specs-main {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: flex-start;
        width: 100%;
        padding: 10px 10px 10px 20px;
    }
    
    .card-spec {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    
    .card-spec img {
        width: 12px;
    }
    
    .card-spec h6 {
        color: white;
        font-size: 15px;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .card-btn {
        width: fit-content;
        padding: 10px 60px;
        height: auto;
        margin-top: 10px;
        background-color: black;
        border-radius: 20px;
        color: white;
        font-size: 16px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 700;
        word-wrap: break-word
    }
    
    @media screen and (max-width: 991px) {
        .card-container {
            flex-direction: column;
            gap: 20px;
        }
        .card-outline {
            width: 80%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .card-outline {
            width: 95%;
        }
    }
    
    @media screen and (max-width: 391px) {
        .card-btn {
            width: fit-content;
            padding: 10px 30px;
            height: auto;
            margin-top: 10px;
            background-color: black;
            border-radius: 20px;
            color: white;
            font-size: 13px;
            text-decoration: none;
            font-family: Poppins;
            font-weight: 700;
            word-wrap: break-word
        }
    }
    /* Map secton */
    
    .map-section {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 50px;
        background-image: url(/assets/images/home/map-bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
    }
    
    .map-sec-content {
        padding: 60px 10px 100px 40px;
        width: 60%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .map-sec-content h2 {
        color: white;
        font-size: 38px;
        font-family: Poppins;
        font-weight: 700;
        word-wrap: break-word
    }
    
    .map-sec-content p {
        color: white;
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word
    }
    
    .map-sec-wrapper {
        display: flex;
        gap: 20px;
    }
    
    .map-sec-wrapper img {
        height: 95%;
    }
    
    .map-sec-feature {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .map-sec-feature h5 {
        color: white;
        font-size: 32px;
        font-family: Poppins;
        font-weight: 600;
        word-wrap: break-word;
        margin: 0px;
    }
    
    @media screen and (max-width: 791px) {
        .map-sec-content {
            width: 80%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .map-sec-content {
            width: 100%;
        }
        .map-sec-wrapper {
            flex-direction: column;
        }
        .map-sec-feature {
            justify-content: flex-start;
            align-items: flex-start;
        }
        .map-sec-wrapper img {
            display: none;
        }
        .map-sec-content {
            padding: 60px 10px 70px 20px;
        }
    }
    
    .map-bottom {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .map-bottom-inner {
        width: 90%;
        height: auto;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        border-radius: 25px;
        padding: 70px 50px;
        display: flex;
        gap: 20px;
    }
    
    .map-bottom-inner-left {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: center;
    }
    
    .map-bottom-inner-left h2 {
        color: black;
        font-size: 38px;
        font-family: Poppins;
        font-weight: 700;
        line-height: 47px;
        word-wrap: break-word
    }
    
    .map-bottom-inner-left p {
        color: rgb(0, 0, 0);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word
    }
    
    .map-bottom-inner-left a {
        width: fit-content;
        text-decoration: none;
        background-color: #000000;
        border-radius: 10px;
        color: white;
        font-size: 16px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 700;
        word-wrap: break-word;
        padding: 9px 30px;
    }
    
    .map-bottom-inner-right {
        width: 50%;
        height: auto;
    }
    
    .map-bottom-inner-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    @media screen and (max-width: 991px) {
        .map-bottom-inner {
            flex-direction: column;
        }
        .map-bottom-inner-left {
            width: 100%;
        }
        .map-bottom-inner-right {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .map-bottom-inner {
            padding: 60px 40px;
        }
    }
    /* How it works */
    
    .howitworks {
        width: 100%;
        height: auto;
        display: flex;
        gap: 40px;
        margin-top: 80px;
    }
    
    .howitworks-left {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
    
    .howitworks-left h2 {
        color: black;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
    }
    
    .howitworks-left p {
        color: rgb(0, 0, 0);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word
    }
    
    .howitworks-left a {
        width: fit-content;
        text-decoration: none;
        background-color: #000000;
        border-radius: 50px;
        color: white;
        font-size: 16px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 700;
        word-wrap: break-word;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .howitworks-left a span {
        margin-left: 15px;
    }
    
    .howitworks-left a span img {
        width: 30px;
    }
    
    .howitworks-left h2 span {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
    }
    
    .howitworks-right {
        width: 50%;
        height: auto;
        display: flex;
    }
    
    .howitworks-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    @media screen and (max-width: 991px) {
        .howitworks {
            flex-direction: column;
            margin-top: 50px;
        }
        .howitworks-left {
            width: 100%;
        }
        .howitworks-right {
            width: 100%;
        }
    }
    /* Frequently asked questions */
    
    .faq {
        width: 100%;
        height: auto;
        display: flex;
        gap: 40px;
        margin-top: 80px;
    }
    
    .faq-left {
        width: 50%;
        height: auto;
        display: flex;
    }
    
    .faq-left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .faq-right {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 0px;
        justify-content: center;
    }
    
    .faq-right h3 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .faq-right hr {
        width: 60px;
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        height: 2px;
    }
    
    .accordion-button {
        color: black;
        font-size: 15px !important;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word
    }
    
    .accordion-body {
        color: rgb(0, 0, 0);
        font-size: 13px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word
    }
    
    .des {
        display: flex;
    }
    
    .mob {
        display: none;
    }
    
    @media screen and (max-width: 991px) {
        .faq {
            flex-direction: column;
            margin-top: 50px;
        }
        .faq-left {
            width: 100%;
        }
        .faq-right {
            width: 100%;
        }
        .des {
            display: none;
        }
        .mob {
            display: flex;
        }
    }
    /* Stages of the user journey */
    
    .stages-outer {
        background-image: url(/assets/images/home/stages-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: auto;
        z-index: -1;
    }
    
    .stages {
        width: 100%;
        height: auto;
        display: flex;
        gap: 40px;
        margin-top: 80px;
    }
    
    .stages-left {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 15px;
    }
    
    .stages-left h2 {
        color: black;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
    }
    
    .stages-left h2 span {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
    }
    
    .stages-left p {
        color: rgb(0, 0, 0);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word
    }
    
    .stages-left a {
        width: fit-content;
        text-decoration: none;
        background-color: #000000;
        border-radius: 50px;
        color: white;
        font-size: 16px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 700;
        word-wrap: break-word;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .stages-left a span {
        margin-left: 15px;
    }
    
    .stages-left a span img {
        width: 30px;
    }
    
    .stages-right {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .stages-right-content {
        display: flex;
        gap: 20px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .stages-right-content img {
        width: 60px;
    }
    
    .stages-right-content p {
        color: rgb(0, 0, 0);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .stages-cards {
        width: 90%;
        height: 100%;
        object-fit: cover;
        z-index: 200;
    }
    
    .growth {
        width: 100%;
        height: fit-content;
        background-color: black;
        position: relative;
        bottom: 120px;
        z-index: 10;
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 130px 40px;
    }
    
    .growth h2 {
        width: 40%;
        color: white;
        font-size: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        word-wrap: break-word;
    }
    
    .growth-content {
        display: flex;
        gap: 20px;
        width: 100%;
        justify-content: flex-start;
    }
    
    .growth-content-card {
        width: 33%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    .growth-content-card h3 {
        color: white;
        font-size: 11px;
        font-family: Poppins;
        font-weight: 500;
        line-height: 11.07px;
        letter-spacing: 3.06px;
        word-wrap: break-word;
        border-radius: 10px;
        width: fit-content;
        height: auto;
        margin: 0px;
        padding: 6px 11px;
        border: 2px solid white;
    }
    
    .growth-content-card h4 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 80px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        word-wrap: break-word;
    }
    
    @media screen and (max-width: 991px) {
        .stages {
            flex-direction: column;
        }
        .stages-left {
            width: 100%;
        }
        .stages-right {
            width: 100%;
            flex-direction: row;
        }
        .growth h2 {
            width: 60%;
        }
        .stages-right-content {
            width: 50%;
            align-items: flex-start;
        }
        .stages-cards {
            width: 50%;
        }
        .stages-outer {
            background-position: bottom right;
        }
    }
    
    @media screen and (max-width: 791px) {
        .stages-right {
            width: 100%;
            flex-direction: column;
            align-items: flex-end;
        }
        .stages-right-content {
            width: 100%;
            align-items: flex-start;
        }
        .stages-cards {
            width: 80%;
        }
        .growth h2 {
            width: 80%;
        }
        .stages-outer {
            background-position: inherit;
        }
        .growth-content {
            flex-direction: column;
        }
        .growth-content-card {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 591px) {
        .growth h2 {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 391px) {
        .stages-outer {
            background-image: none;
        }
        .growth {
            padding: 130px 20px;
        }
    }
    
    .testimonials-outer {
        width: 100%;
        height: auto;
        background-color: #ff04ee00;
        position: relative;
        top: -200px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 300;
    }
    
    .testimonials {
        width: 90%;
        height: auto;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        border-radius: 25px;
        padding: 70px 50px;
        display: flex;
        gap: 20px;
    }
    
    .testimonials-left {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .testimonials-left h2 {
        width: 80%;
        color: black;
        font-size: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        word-wrap: break-word;
    }
    
    .testimonials-left h2 span img {
        width: 30px;
    }
    
    .testimonials-right {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 17px;
    }
    
    .testimonials-right-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .testimonials-right-top-profiles {
        display: flex;
        width: fit-content;
        gap: -10px;
        justify-content: center;
        align-items: center;
    }
    
    .test-highlight {
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .test-lowlight {
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: scale(0.8);
        opacity: 0.5;
    }
    
    .testimonials-buttons {
        width: fit-content;
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    
    .testimonials-buttons-icon {
        border: 0px;
        background-color: rgba(240, 248, 255, 0);
    }
    
    .testimonials-buttons-icon img {
        width: 40px;
    }
    
    .testimonials-right p {
        color: rgb(0, 0, 0);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .test-title {
        display: flex;
        flex-direction: column;
        gap: 3px;
        margin-top: 20px;
    }
    
    .test-title h4 {
        color: black;
        font-size: 15px !important;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .test-title h6 {
        color: rgb(0, 0, 0);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 200;
        line-height: 30px;
    }
    
    @media screen and (max-width: 991px) {
        .testimonials {
            flex-direction: column;
        }
        .testimonials-left {
            width: 70%;
        }
        .testimonials-left h2 {
            width: 100%;
        }
        .testimonials-right {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 791px) {
        .testimonials-left {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 391px) {
        .testimonials-right-top {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 17px;
        }
        .testimonials {
            padding: 60px 40px;
        }
    }
    /* Business card sectuion */
    
    .relative {
        position: relative;
        z-index: -100;
        top: -300px;
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    .business-card-outer {
        background: linear-gradient(90deg, #F01CE9 0%, #16D5FF 100%);
        padding: 130px 0px 30px 0px;
    }
    
    .business-card {
        width: 100%;
        display: flex;
        height: auto;
    }
    
    .business-card-left {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    
    .business-card-left h2 {
        width: 80%;
        color: rgb(255, 255, 255);
        font-size: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        word-wrap: break-word;
    }
    
    .business-card-left p {
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
    }
    
    .business-card-left h2 span img {
        width: 30px;
    }
    
    .business-card-left a {
        width: fit-content;
        text-decoration: none;
        background-color: #000000;
        border-radius: 50px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .business-card-right {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    
    .business-card-right img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    @media screen and (max-width: 991px) {
        .business-card {
            flex-direction: column;
            gap: 15px;
        }
        .business-card-left {
            width: 100%;
        }
        .business-card-right {
            width: 100%;
            justify-content: flex-end;
        }
        .business-card-right img {
            width: 60%;
        }
    }
    
    @media screen and (max-width: 591px) {
        .business-card-right {
            width: 100%;
            justify-content: center;
        }
        .business-card-right img {
            width: 90%;
        }
    }
    
    .contact {
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 70px;
    }
    
    .contact-left {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .contact-left h2 {
        width: 80%;
        color: black;
        font-size: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        word-wrap: break-word;
    }
    
    .contact-left h2 span img {
        width: 30px;
    }
    
    .contact-right {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    .contact-input {
        width: 80%;
        height: auto;
        padding: 8px 5px;
        border-radius: 5px;
        border: 0px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    
    .contact-right-check {
        display: flex;
        width: 80%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 5px;
        gap: 2px;
    }
    
    .form-check-label {
        color: rgb(9, 9, 9);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
    }
    
    .form-check-input {
        border: 0px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    
    .form-check {
        margin: 0px !important;
    }
    
    .contact-right a {
        width: 70%;
        text-decoration: none;
        background-color: #000000;
        border-radius: 50px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    @media screen and (max-width: 991px) {
        .contact {
            flex-direction: column;
            gap: 15px;
        }
        .contact-left {
            width: 100%;
        }
        .contact-right {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 391px) {
        .contact-input {
            width: 100%;
        }
        .contact-right-check {
            width: 100%;
        }
        .contact-right a {
            width: 90%;
        }
        .contact-left h2 {
            width: 100%;
        }
    }
    /* Footer top bar */
    
    .footer-bar {
        width: 100%;
        margin-top: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    
    .footer-bar-inner {
        width: 80%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(90deg, #F01CE9 0%, #16D5FF 100%);
        border-radius: 10px;
        padding: 40px 30px;
    }
    
    .footer-bar-left {
        width: fit-content;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .footer-bar-left h2 {
        color: rgb(0, 0, 0);
        font-size: 30px;
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        word-wrap: break-word;
    }
    
    .footer-bar-left-specs {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    
    .footer-bar-left-spec {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
    
    .footer-bar-left-spec img {
        width: 14px;
    }
    
    .footer-bar-left-spec p {
        color: rgb(0, 0, 0);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .footer-bar-right {
        display: flex;
        width: fit-content;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    
    .footer-bar-right a {
        width: fit-content;
        text-decoration: none;
        background-color: #000000;
        border-radius: 50px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .footer-bar-right a img {
        margin-left: 8px;
        width: 15px;
    }
    
    .buy-btn {
        background-color: #00000000 !important;
        border: 2px solid black !important;
        color: #ffffff !important;
    }
    
    @media screen and (max-width: 991px) {
        .footer-bar-inner {
            flex-direction: column;
            gap: 20px;
            justify-content: flex-start;
            align-items: flex-start;
        }
    }
    
    @media screen and (max-width: 591px) {
        .footer-bar-inner {
            width: 90%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .footer-bar-left-specs {
            flex-direction: column;
        }
        .footer-bar-right {
            flex-direction: column;
            width: 100%;
        }
        .footer-bar-right a {
            width: 90%;
        }
    }
    /* Footer Section */
    
    .footer-outer {
        width: 100%;
        height: auto;
        background-color: #030303;
        position: relative;
        top: -80px;
        z-index: -200;
        padding: 120px 0px 50px 0px;
    }
    
    .footer {
        width: 100%;
        height: auto;
    }
    
    .footer img {
        width: 150px;
    }
    
    .footer-secs {
        display: flex;
        margin-top: 30px;
        gap: 17%;
    }
    
    .footer-secs-left {
        width: 65%;
        display: flex;
        justify-content: space-between;
    }
    
    .footer-secs-right {
        width: 35%;
        display: flex;
        justify-content: space-between;
    }
    
    .footer-sec {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .footer-sec h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        word-wrap: break-word;
    }
    
    .footer-sec a {
        color: white !important;
        font-size: 12px;
        font-family: Poppins;
        font-weight: 100;
        line-height: 18px;
        word-wrap: break-word;
        margin: 0px;
        text-decoration: none;
    }
    
    @media screen and (max-width: 991px) {
        .footer-secs {
            flex-direction: column;
            gap: 30px;
        }
        .footer-secs-left {
            width: 100%;
        }
        .footer-secs-right {
            width: 53%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .footer-secs {
            display: flex;
        }
        .footer-secs-left {
            flex-wrap: wrap;
            gap: 20px;
        }
        .footer-sec {
            padding: 0px 30px;
        }
        .footer-secs-right {
            flex-wrap: wrap;
            gap: 20px;
            width: 100%;
        }
    }
    
    @media screen and (max-width: 291px) {
        .footer-secs-left {
            justify-content: center;
        }
        .footer-secs-right {
            justify-content: center;
        }
        .footer-sec {
            align-items: center
        }
    }
    
    .footer-line {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 60px;
    }
    
    .footer-line hr {
        width: 100%;
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        height: 1px;
    }
    
    .footer-bottom {
        display: flex;
        gap: 10px;
    }
    
    .footer-bottom h2 {
        color: rgb(255, 255, 255);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .footer-bottom a {
        color: rgb(255, 255, 255);
        font-size: 12px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    /* Pricing Section */
    
    .pricing-section {
        width: 100%;
        height: auto;
        background-image: url(/assets/images/home/pricing-title-bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-bottom: 28%;
    }
    
    .pricing-hero-sec {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    
    .pricing-hero-sec h2 {
        font-family: Poppins;
        font-size: 120px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    
    .product-pg {
        position: relative;
        top: -150px;
    }
    
    @media screen and (max-width: 991px) {
        .pricing-hero-sec h2 {
            font-family: Poppins;
            font-size: 80px;
        }
        .product-pg {
            position: relative;
            top: -120px;
        }
        .pricing-section {
            padding-bottom: 25%;
        }
    }
    
    @media screen and (max-width: 691px) {
        .pricing-hero-sec h2 {
            font-family: Poppins;
            font-size: 50px;
        }
        .product-pg {
            position: relative;
            top: -100px;
        }
        .pricing-section {
            padding-bottom: 28%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .pricing-hero-sec h2 {
            font-family: Poppins;
            font-size: 35px;
        }
        .pricing-section {
            padding-bottom: 35%;
        }
        .product-pg {
            position: relative;
            top: -80px;
        }
        .pricing-hero-sec {
            justify-content: flex-start;
            padding: 0px 20px;
        }
    }
    
    @media screen and (max-width: 291px) {
        .pricing-hero-sec h2 {
            font-family: Poppins;
            font-size: 35px;
        }
        .pricing-section {
            padding-bottom: 55%;
        }
        .pricing-hero-sec {
            justify-content: center;
            padding: 0px 20px;
        }
        .pricing-hero-sec h2 {
            text-align: center;
        }
        .product-pg {
            position: relative;
            top: -120px;
        }
    }
    
    .cart-header {
        width: 100%;
        padding: 20px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .card-header-logo {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 150px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        padding: 0px 20px;
    }
    
    .cart-header hr {
        width: 100%;
        height: 1px;
        background-color: #757474
    }
    
    .cart-header-form {
        width: 100%;
        display: flex;
        gap: 30px;
        height: auto;
        margin-top: 20px;
    }
    
    .cart-header-form-left {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    .cart-header-form-shipping {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-top: 20px;
    }
    
    .cart-header-form-left h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF, #16D5FF, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 30px;
    }
    
    .cart-header-form-shipping h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF, #16D5FF, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 10px;
    }
    
    .cart-header-form-left h3 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 26px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .cart-header-form-right {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    .cart-header-form-right h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF, #16D5FF, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 30px;
    }
    
    .tbl-bar {
        display: flex;
        justify-content: space-between;
    }
    
    .tbl-bar h3 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    
    .cart-product-main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .cart-product-main h6 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0px;
    }
    
    .cart-product {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }
    
    .cart-product h4 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF, #16D5FF, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0px;
    }
    
    .cart-product h5 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0px;
    }
    
    .cart-product h5 span {
        color: #000000b3;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin: 0px;
    }
    
    .hr-2 {
        margin: 0px;
    }
    
    .tbl-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .tbl-row h3 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0px;
    }
    
    .tbl-row h6 {
        color: #000000b3;
        font-family: Poppins;
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0px;
    }
    
    .cart-header-form-right-card-title {
        background: linear-gradient(to right, #FF0FE7, #16D5FF, #16D5FF, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 20px 0px 0px 0px;
    }
    
    .cart-header-form-right p {
        color: #000000b3;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }
    
    .cart-submit-btn {
        width: fit-content;
        text-decoration: none;
        border: 0px;
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        border-radius: 10px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        font-family: Poppins;
        font-weight: 500;
        word-wrap: break-word;
        padding: 12px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    
    @media screen and (max-width: 991px) {
        .cart-header-form {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .cart-header-form-left {
            width: 95%;
        }
        .cart-header-form-right {
            width: 95%;
        }
    }
    
    @media screen and (max-width: 491px) {
        .card-header-logo {
            font-size: 100px;
        }
    }
    
    @media screen and (max-width: 291px) {
        .card-header-logo {
            font-size: 60px;
        }
    }
    
    .maincard {
        width: 100%;
        height: 240px;
        border-radius: 10px;
        margin-bottom: 10px;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    }
    
    .rotation-div {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .rotation-btn {
        width: fit-content;
        border: 0px;
        background-color: rgba(0, 0, 0, 0) !important;
    }
    
    .rotation {
        width: 20px;
    }
    
    .maincard-front {
        /* background-image: url(/assets/images/cards/classic-silver-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; */
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        position: relative;
        /* justify-content: center; */
    }
    
    .maincard-fron-logo {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
        /* height: 150px; */
    }
    
    .maincard-fron-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .businesscard-fron-logo {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
        /* height: 150px; */
    }
    
    .businesscard-fron-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .maincard-front img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    
    .maincard-back {
        /* background-image: url(/assets/images/cards/classic-silver-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; */
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    
    .maincard-back img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .contact-details {
        height: fit-content;
        width: 70%;
        background-color: #16d4ff00;
        display: flex;
        gap: 10px;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    
    .contact-details div {
        display: flex;
        align-items: center;
    }
    
    .contact-details div img {
        width: 15px;
    }
    
    .contact-details div h2 {
        font-family: Poppins;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center;
        margin: 0px;
    }
    
    .ph-div-img {
        display: none;
    }
    
    .mail-div-img {
        display: none;
    }
    
    .address-div-img {
        display: none;
    }
    
    input[type="file"] {
        display: none;
    }
    
    .custom-logo {
        padding: 20px 0px;
        display: none;
    }
    
    .browse-logo {
        padding: 20px 0px;
    }
    
    .custom-file-upload {
        border: 1px solid #ccc;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
    }
    
    .card-customization {
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 20px;
    }
    
    .company-name {
        width: fit-content;
        background-color: #cccccc00;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .cn {
        font-family: LEMONMILK !important;
        font-size: 30px !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration: none;
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    .user-name {
        width: fit-content;
        height: fit-content;
        background-color: #b4212100;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 7px;
        align-items: center;
        position: absolute;
        left: 0;
        bottom: 5px;
    }
    
    .ufn {
        font-family: Poppins;
        font-size: 120px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px;
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    .uln {
        font-family: Poppins;
        font-size: 120px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px;
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    @media screen and (max-width: 480px) {
        .cn {
            font-size: 18px !important;
        }
        .ufn {
            font-size: 15px !important;
        }
        .uln {
            font-size: 15px !important;
        }
    }
    
    .img-preview {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0px;
    }
    
    .img-preview img {
        width: 50%;
    }
    
    .card-designs-div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
        /* background-color: rgb(95, 4, 4); */
        padding: 20px;
    }
    
    .card-designs-div .form-check-label {
        /* color: white; */
    }
    
    @media screen and (max-width: 491px) {
        .img-preview img {
            width: 95%;
        }
    }
    
    .maincard-designs {
        width: 100%;
        border-radius: 10px;
        cursor: pointer;
        background-color: #222222;
        /* border: 1px solid #00000024; */
        box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, ;
    }
    
    .maincard-designs img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .card-div-1 {
        width: 100%;
    }
    
    .rdc-1 {
        padding: 30px;
    }
    
    .maincard-designs:hover {
        width: 100%;
    }
    /* .card-div-1:hover {
        width: 100%;
    } */
    /* .maincard-front-1 {
        background-image: url(/assets/images/cards/classic-silver-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .maincard-back-1 {
        background-image: url(/assets/images/cards/classic-silver-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .maincard-front-2 {
        background-image: url(/assets/images/cards/personal-2-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .maincard-back-2 {
        background-image: url(/assets/images/cards/personal-2-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .maincard-front-3 {
        background-image: url(/assets/images/cards/personal-3-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .maincard-back-3 {
        background-image: url(/assets/images/cards/personal-3-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .maincard-front-4 {
        background-image: url(/assets/images/cards/personal-4-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .maincard-back-4 {
        background-image: url(/assets/images/cards/personal-4-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    
    .basic-card-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        gap: 10px;
    }
    
    .basic-card-model {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        gap: 20px;
        background: linear-gradient(180deg, #FF04F0 0%, #16D5FF 100%);
    }
    
    .basic-card-model .form-check-label {
        color: white !important
    }
    
    .basiccard {
        width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    }
    
    .basiccard img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    /* Business card */
    
    .businesscard {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 10px;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    }
    
    .business-rotation-div {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .businesscard-front {
        /* background-image: url(/assets/images/cards/business-1-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; */
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    
    .businesscard-front img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    
    .businesscard-back {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative;
    }
    
    .businesscard-back img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    
    .business-contact-details {
        height: fit-content;
        width: fit-content;
        background-color: #16d4ff00;
        display: flex;
        gap: 4px;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 25px;
        position: absolute;
        bottom: -18px;
        left: 0;
        /* padding: 0px 10px; */
    }
    
    .business-contact-details div {
        display: flex;
        align-items: center;
    }
    
    .business-contact-details div img {
        width: 15px;
    }
    
    .business-contact-details div h2 {
        font-family: Poppins;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin: 0px;
    }
    
    .business-ph-div-img {
        display: none;
    }
    
    .business-mail-div-img {
        display: none;
    }
    
    .business-address-div-img {
        display: none;
    }
    
    .business-website-div-img {
        display: none;
    }
    
    input[type="file"] {
        display: none;
    }
    
    .business-custom-logo {
        padding: 20px 0px;
        display: none;
    }
    
    .business-custom-file-upload {
        border: 1px solid #ccc;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
    }
    
    .business-card-customization {
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 20px;
    }
    
    .business-company-name {
        width: fit-content;
        /* height: fit-content; */
        background-color: #cccccc00;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .bcn {
        font-family: LEMONMILK !important;
        font-size: 30px !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    .business-user-name {
        width: fit-content;
        height: fit-content;
        background-color: #b4212100;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 7px;
        align-items: center;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
    
    .bufn {
        font-family: Poppins;
        font-size: 120px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px;
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    .buln {
        font-family: Poppins;
        font-size: 120px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px
        /* background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center; */
    }
    
    @media screen and (max-width: 480px) {
        .bcn {
            font-size: 18px !important;
        }
        .bufn {
            font-size: 15px !important;
        }
        .buln {
            font-size: 15px !important;
        }
        .business-contact-details div h2 {
            font-size: 8px !important;
        }
        .business-contact-details div img {
            width: 12px
        }
    }
    
    .business-img-preview {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0px;
    }
    
    .business-img-preview img {
        width: 50%;
    }
    
    .business-card-designs-div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
        /* background-color: rgb(95, 4, 4); */
        padding: 20px;
    }
    
 
    
    @media screen and (max-width: 491px) {
        .business-img-preview img {
            width: 95%;
        }
    }
    
    .businesscard-designs {
        width: 100%;
        border-radius: 10px;
        cursor: pointer;
        background-color: #222222;
        /* border: 1px solid #00000024; */
        box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, ;
    }
    
    .businesscard-designs img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .business-card-div-1 {
        width: 100%;
    }
    
    .brdc-1 {
        padding: 30px;
    }
    
    .businesscard-designs:hover {
        width: 100%;
    }
    /* .business-card-div-1:hover {
        width: 100%;
    } */
    /* .business-card-front-1 {
        background-image: url(/assets/images/cards/business-1-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .business-card-back-1 {
        background-image: url(/assets/images/cards/business-1-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .business-card-front-2 {
        background-image: url(/assets/images/cards/business-2-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .business-card-back-2 {
        background-image: url(/assets/images/cards/business-2-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .business-card-front-3 {
        background-image: url(/assets/images/cards/business-3-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .business-card-back-3 {
        background-image: url(/assets/images/cards/business-3-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* .business-card-front-4 {
        background-image: url(/assets/images/cards/business-4-front.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .business-card-back-4 {
        background-image: url(/assets/images/cards/business-4-back.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    } */
    /* Cart container */
    
    .cart-card-main {
        display: flex;
    }
    
    .cart-delete {
        border: 0px;
        background-color: rgba(0, 0, 0, 0);
    }
    
    .cart {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 80px;
    }
    
    .cart h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 28px;
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
    }
    
    .cart-card-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 50px;
    }
    
    .cart-card {
        border-radius: 20px;
        background-color: #030303;
        width: 100%;
        height: auto;
        padding: 40px 10px;
        display: flex;
    }
    
    .cart-card-left {
        width: 30%;
        height: fit-content;
        position: relative;
    }
    
    .cart-card-left div {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        padding: 5px 0px;
        background-color: rgb(0, 0, 0);
        border-radius: 20px;
        position: absolute;
        top: -65px;
        border: 2px solid white;
    }
    
    .cart-card-left h2 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 22px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        padding: 0px 0px 0px 30px;
        margin: 0px;
    }
    
    .cart-card-left img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .cart-card-right {
        width: 70%;
        padding: 10px 20px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    .cart-card-right h3 {
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: linear-gradient(to bottom, #ffffff, #ffffff, #16d4ffc5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    
    .cart-card-right p {
        color: white;
        font-size: 14px;
        font-family: Poppins;
        font-weight: 200;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .cart-card-right h4 {
        background: linear-gradient(to right, #FF0FE7, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 18px;
        font-family: Poppins;
        font-weight: 400;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .cart-card-right h4 span {
        background: linear-gradient(to right, #ffffff, #16D5FF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 18px;
        font-family: Poppins;
        font-weight: 300;
        line-height: 30px;
        word-wrap: break-word;
        margin: 0px;
    }
    
    .personal-card-text-sec {
        widows: 100%;
        display: flex;
        gap: 20px;
        flex-wrap: wrap
    }
    
    .color-div {
        height: 20px;
        border-radius: 20px;
        border: 1px solid white;
    }
    
    .personal-card-text-sec-3 {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    
    .custom-logo-div {
        width: 140px;
        height: 70px;
        border-radius: 5px;
        border: 1px solid #FF0FE7;
    }
    
    .custom-logo-div img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .additional-money {
        font-size: 14px;
        color: #9f9f9f;
        margin: 0px;
        padding: 3px 0px;
        font-weight: 100;
    }
    
    .additional-money img {
        width: 10px;
    }
    
    @media only screen and (max-width: 791px) {
        .personal-card-text-sec {
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
    }
    
    @media only screen and (max-width: 491px) {
        .cart-card-right {
            width: 100%;
        }
    }
    
    .inner-card-specs-main {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    @media screen and (max-width: 791px) {
        .cart-card {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .cart-card-left {
            width: 70%;
        }
        .cart-card-right {
            justify-content: center;
            align-items: center;
        }
    }
    
    @media screen and (max-width: 491px) {
        .cart-card-left {
            width: 100%;
        }
    }