p,
        button,
        select,
        option,
        label,
        span,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input,
        .search-box,
        .delivering-soon {
            font-family: 'AvantGardeDemi', sans-serif !important;
        }
        .hero-p {
            font-size: 1.5rem;
            margin-bottom: -15px;
            margin-top: -10px;
            line-height: 1.2;
            color: white;
        }

        .fa-check {
            background: #4F2774;
            border-radius: 100px;
            padding: 10px;
            color: white;
            font-size: 1rem;
            margin-right: 12px;
        }

        .lm {
            background-color: #4F2774;
            color: white;
            cursor: pointer;
            width: 100%;
            height: 116px;
            border-radius: 0px;
            margin-top: 0px;
            font-size: 1.2rem;

        }

        .lm:hover {
            background-color: #230c30;
            color: white;
        }
        .search-box {
            display: flex;
            align-items: center;
            background: white;
            border-radius: 30px;
            padding: 4px 5px;
            border: 2px solid white;
            width: 100%;
            max-width: 450px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }

        .search-box input {
            border: none;
            outline: none;
            flex: 1;
            font-size: 16px;
            color: #4F2774;
            font-weight: bold;
        }

        .search-box input::placeholder {
            color: #4F2774;
            font-style: italic;
        }

        .search-box button {
            background: none;
            border: none;
            cursor: pointer;
            color: #4F2774;
        }

        .search-box button i {
            font-size: 20px;
        }


        .hero-bottom {
            background: #fbca2b;
            /* Yellow Background */
            border-radius: 20px;
            padding: 10px;
            position: relative;
            overflow: hidden;
            margin-top: -50px;
        }

        .hero-bottom h2 {
            font-weight: 900;
            color: #4F2774;
            margin-left: 20px;
        }

        .feature-box {
            background: #4F2774;
            /* Purple box */
            color: white;
            padding: 10px;
            border-radius: 15px;
            text-align: center;
            width: 100%;
            max-width: 170px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .feature-box img {
            width: 50px;
            /* Adjust icon size */
            height: 50px;
            margin-bottom: 10px;
        }

        .feature-box p {
            font-size: 14px;
            font-weight: bold;
            margin: 0;
        }

        .feature-container {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            /* Allows stacking on smaller screens */
        }


        .platform-section {
            margin-top: 5%;
        }
        .stepper {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
        }

        .step {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 18px;
            border: 2px solid #704270;
            /* Light purple border */
            background-color: white;
            color: #704270;
            /* Purple color */
        }

        .step.active {
            background-color: #4F2774;
            /* Dark purple for active step */
            color: white;
            border: none;
        }

        .line {
            height: 2px;
            width: 100px;
            margin: 0px 10px;
            background-color: #704270;
        }
        .card {
            width: 200px;
            /* Adjust width as needed */
            height: 200px;
            /* Adjust height as needed */
            border-radius: 10px;
            /* Rounded corners */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .top-circle {
            width: 100%;
            height: 100%;
            border-radius: 50%;

            margin: 20px auto 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .bottom-content {
            padding: 15px;
            text-align: center;
            color: #fff !important;
            /* White text color */
        }

        .card {
            width: 100%;
            height: 100%;
            background: linear-gradient(128deg, rgba(79, 39, 116, 1) 41%, rgba(103, 54, 149, 1) 100%);
            box-shadow: 0px 0px 10px 0px #4F2774;
        }
        .top-circle img {
            width: 100px;
            height: 100px;
        }
        .faq-section {
            padding: 40px 0;
        }

        .faq-item {
            margin-bottom: 20px;
            border: 1px solid #dee2e6;
            border-left: 2px solid;
            overflow: hidden;
        }

        .faq-item.active {
            background-color: #FBCA2B;
        }

        .faq-question {
            padding: 20px;
            background: #4f277457;
            cursor: pointer;
            font-weight: 500;
            position: relative;
            display: flex;
            align-items: center;
        }

        .faq-question span {
            font-size: 20px;
        }

        .faq-question i {
            margin-right: 10px;
            transition: transform 0.2s ease;
            /* Smooth rotation */
            font-size: 20px;
        }

        .faq-item.active .faq-question i {
            transform: rotate(5deg);
            /* Rotate to form an 'X' */
        }

        .faq-answer {
            font-size: 20px;
            padding: 15px;
            background-color: #FBCA2B;
            display: none;
        }

        .faq-item.active .faq-answer {
            display: block;
        }

        .form-label {
            font-weight: bold;
        }

        .form-control,
        .declaration,
        .form-select {
            border: 2px solid #704270;
            border-radius: 5px;
        }

        .upload-box .upload-icon {
            font-size: 2rem;
            color: white;
            position: absolute;
        }

        .upload-box {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 150px; /* Fixed height */
            background: #552573;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
        }

        /* Ensures full image is visible in the container */
        .upload-box img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Keeps full image without cutting */
            border-radius: 5px;
        }

        /* Specific styling for Cover Photo */
        .upload-box.cover-photo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        /* Specific styling for Logo */
        .upload-box.logo img {
            width: auto;
            height: 100%;
            object-fit: contain;
        }

        .remove-btn {
            position: absolute;
            inset-inline-end: 10px;
            inset-block-start: 10px;
            border-radius: 5px;
            background-color: transparent;
            border: 1px solid #ff6d6d;
            color: #ff6d6d;
            display: none;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 300ms ease;
        }

        .map-container {
            position: relative;
            width: 100%;
            height: 400px;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: 2px solid #4F2774;
            border-radius: 10px;
        }

        .search-bar {
            position: absolute;
            top: 10px;
            left: 65%;
            transform: translateX(-50%);
            width: 60%;
            background: white;
            padding: 8px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
        }

        .search-bar input {
            flex: 1;
            border: none;
            outline: none;
            padding: 8px;
        }

        .search-bar button {
            background-color: #704270;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
        }

        .signature-box {
            width: 100%;
            height: 150px;
            border: 2px solid #704270;
            border-radius: 5px;
            background: white;
        }

        .iti {
            width: 100%;
        }

        .btn-save {
            background-color: #FBC02D;
            color: black;
            font-weight: bold;
            border: none;
            padding: 5px 15px;
            border-radius: 5px;
        }

        .btn-clear {
            color: red;
            font-weight: bold;
            border: none;
            background: none;
            cursor: pointer;
        }

        .btn-next {
            background: linear-gradient(128deg, rgba(79, 39, 116, 1) 41%, rgba(103, 54, 149, 1) 100%);
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 5px;
            font-size: 22px;
        }

        #pac-input {
            height: 40px;
            width: 35%;
        }

        #map {
            border: 2px solid #704270;
            border-radius: 5px;
        }

        .select2-selection {
            border: 2px solid #704270 !important;
            border-radius: 5px !important;
        }

        .tags-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            /* border: 1px solid #ced4da; */
            border-radius: 5px;
            padding: 5px;
            min-height: 40px;
            width: 100%;
            border: 2px solid #704270;
            border-radius: 5px;
        }
        .tag {
            background-color: #177bbb;
            color: white;
            padding: 5px 10px;
            margin: 3px;
            border-radius: 3px;
            display: flex;
            align-items: center;
        }
        .tag .remove-tag {
            margin-left: 8px;
            cursor: pointer;
            font-weight: bold;
            color: white;
        }
        .tag-input {
            border: none;
            outline: none;
            flex-grow: 1;
            padding: 5px;
            width: auto;
            min-width: 120px;
            background: none;
        }
        .select2-selection--single {
            height: 40px !important;
            padding-top: 5px !important;
        }

        .section_ars_1{padding-top:9%;padding-bottom:1%;background:linear-gradient(128deg,rgba(79,39,116,1) 41%,rgba(103,54,149,1) 100%);overflow:hidden}



        /*Desk*/
        @media (min-width:1100px) {
            .section_ars_1 {
                padding-top: 6%;
                padding-bottom: 2%;
                background: linear-gradient(128deg, rgba(79, 39, 116, 1) 41%, rgba(103, 54, 149, 1) 100%);
                overflow: hidden;
            }
            .banner-heading {
                font-size: 3rem;
                margin-top: 0px;
                font-weight: 700;
                color: #fff;
                text-align: left;
            }

            .banner-heading span {
                font-size: 4rem;
                color: white;
            }
        }
        @media (max-width:1100px){
            .section_ars_1 {padding-top: 8%; padding-bottom: 4%; background: linear-gradient(128deg, rgba(79, 39, 116, 1) 41%, rgba(103, 54, 149, 1) 100%); overflow: hidden;}
            .banner-heading{font-weight:700;margin-top:10px;color:#fff;text-align:left;font-size:2rem;line-height:.9}
            .banner-heading span{font-size:2rem}
            .banner-text{color:#fbca2b;margin-top:0;margin-bottom:-15px;font-size:18px}
            .hero-p{font-size:12px;margin-bottom:30px}
            h1,h2{font-size:1.8rem!important}
            .platform-choices .nav-pills .nav-link{font-size:15px}
            .tab-heading h2{margin-top:40px}
            .icon-image{width:100%}
            .satisfy{font-size:1.7rem}
            .satisfy-p{font-size:2rem}
            .b-text{font-size:1rem}
            .big{border-radius:10px;background:linear-gradient(128deg,rgba(79,39,116,1) 41%,rgba(103,54,149,1) 100%);color:#fff;padding:10px 5px;margin:2px}
            .zx{margin-top:15%!important}
            .feature-box{width:100%;max-width:300px}
            .left-content{padding:10px;text-align:center}
            .left-content h2{font-size:1.5rem!important}
            .left-content p{font-size:1rem!important}
            .right-content{margin-top:30px}
            .right-content img{max-width:200px;height:auto}
            .right-content{height:400px}
            .circle-img{width:250px}
            .mobile-img{width:180px}
            .hero-banner{padding-top:10%;padding-bottom:10%;background:#fbca2b}
        }
        @media (max-width:992px){
            .fs-18{font-size:18px!important}
            .logo{width:140px!important}
            .ss-icon{background:gold;color:#fff;padding:10px;border-radius:40px;margin-top:21px;margin-right:10px;font-size:1rem;height:39px;padding-top:12px}
            .ss-p{color:#fff;width:200px;margin-top:15px;margin-left:25px;font-size:1.2rem;line-height:1;font-weight:500}
            .lm{margin-top:0!important;height:55px!important}
            .hero-bottom{margin-top:-27px!important}
            .card{width:100%;height:222px!important;margin-top:82px}
            .cont{padding:20px}
        }

        /*Mob*/
        @media (max-width:680px) {
            .ssc {
                width: 15% !important;
            }

            .section_ars_1 {
                padding-top: 30%;
                padding-bottom: 6%;
                background: linear-gradient(128deg, rgba(79, 39, 116, 1) 41%, rgba(103, 54, 149, 1) 100%);
                overflow: hidden;
            }
            .banner-heading{font-weight:700;margin-top:-30px;color:#fff;text-align:left;font-size:3rem;line-height:.9}
            .banner-heading span{font-size:2rem}

            .vss {
                margin-bottom: 10px !important;
                font-size: 16px !important;
            }

            .upload-box {
                margin-top: 20px;
            }

            .card {
                height: 260px !important;
                margin-top: 11px;
            }

            .sd {
                padding-top: 18% !important;
            }
        }
        .custom-error-field {
            border: 2px solid red !important;
        }