/* header css   */
    /* default state */
    .ul-header-nav a {
        color: #000 !important;
        /* black */
        transition: color 0.3s ease !important;
    }

    /* when scrolled */
    header.scrolled .ul-header-nav a {
        color: #fff !important;
        /* white */
    }

 .select2-container {
            width: 100% !important;
        }

        .select2-selection__rendered {
            line-height: 32px !important;
        }

        .select2-selection {
            height: 34px !important;
        }

        /* Step Progress Chain */

        .step-progress {
            height: 3px;
            background: #e2d4ff;
            transform: translateY(-50%);
            z-index: 1;
        }

        .step-circle {
            width: 25px;
            height: 25px;
            background: #e2d4ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            color: #0e606e;
            position: relative;
            z-index: 2;
            transition: 0.3s ease;
        }

        .step-circle.active {
            background: #0e606e;
            color: #fff;
        }

        .step-label {
            margin-top: 8px;
            font-size: 14px;
            font-weight: 500;
            color: #bda6f8;
            text-align: center;
        }

        .step-circle.active+.step-label {
            color: #0e606e;
            font-weight: 600;
        }

        .login-btn {
            background-color: #85b1b7;
            color: #fff;
        }

        .login-btn:hover {
            background-color: #0e606e;
            color: #fff;
        }

        .login-eye {
            position: relative;
        }

        .login-eye span {
            position: absolute;
            top: 75%;
            right: 0;
            transform: translateY(-50%);
        }

        .form-label {
            color: #0e606e;
            font-weight: 600;
        }

        .gif {
            height: 370px;
            object-fit: cover;
        }

        .gif img {
            height: 100%;
        }


        /* pricinng cards  */
       .ul-pricing-package {
    background: 
        radial-gradient(circle at top left, #0e606e33, transparent 40%),
        radial-gradient(circle at top right, #0e606e55, transparent 40%),
        radial-gradient(circle at bottom left, #0e606e44, transparent 40%),
        radial-gradient(circle at bottom right, #0e606e22, transparent 40%);
    background-color: #e0f2f5; /* light base color */
}



        /* 3 products card  css  */

        .header {
            text-align: center;
            padding: 20px;
        }

        .tabs {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }

        .tab-button {
            padding: 10px 20px;
            cursor: pointer;
            border: none;
            background: #fff;
            border-radius: 20px;
            font-weight: bold;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .tab-button.active {
            background: #000;
            color: #fff;
            transform: scale(1.05);
        }

        .slider-container {
            position: relative;
            width: 100%;
            /* max-width: 1000px; */
            margin: auto;
            overflow: visible;
            height: 400px;
        }

        .slider-track {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .cards {
            position: absolute;
            top: 50%;
            width: 60%;
            max-width: 800px;
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            padding: 20px;
            display: flex;
            gap: 20px;
            align-items: center;
            transition: all 0.6s ease;
            opacity: 0.6;
            transform: translate(-50%, -50%) scale(0.9);
            /* Remove height */
        }

        .ship {
            height: max-content;
            /* background-color: blue; */
        }

        .cards.center {
            opacity: 1;
            z-index: 2;
            transform: translate(-50%, -60%) scale(1.05);
        }

        .cards.left {
            left: 20%;
            z-index: 1;
        }

        .cards.center {
            left: 50%;
        }

        .cards.right {
            left: 80%;
            z-index: 1;
        }

        .cards-content p {
            margin: 0;
            font-size: 14px;
            line-height: 1.4;
        }

        /* Responsive */
        /* Mobile-friendly adjustments */
        @media (max-width: 768px) {
            .slider-container {
                height: auto;
            }

            .cards {
                position: relative;
                top: unset;
                left: unset;
                transform: none !important;
                width: 100%;
                /* max-width: 100%; */
                margin: 0 auto;
                opacity: 1 !important;
                z-index: 1 !important;
                display: none;
                /* hide all by default */
                flex-direction: column;
            }

            .cards.active-mobile {
                display: flex;
                /* show only active */
            }

            .tabs {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                gap: 10px;
            }

            .tab-button {
                flex: 1 1 100%;
                max-width: 200px;
                text-align: center;
            }

            .cards .cards-image {
                order: -1;
                /* image goes first */
                text-align: center;
            }

            .cards .cards-content {
                order: 2;
                /* content goes below */
            }
        }


        /* Mobile & Tablet Friendly (up to 1024px) */
        @media (max-width: 1024px) {
            .slider-container {
                height: auto;
            }

            .cards {
                position: relative;
                top: unset;
                left: unset;
                transform: none !important;
                width: 95%;
                margin: 20px auto;
                opacity: 1 !important;
                z-index: 1 !important;
                display: none;
                /* hide by default */
                flex-direction: column;
            }

            .cards.active-mobile {
                display: flex;
                /* show only active */
            }

            .tabs {
                flex-wrap: wrap;
                justify-content: center;
                gap: 10px;
            }

            .tab-button {
                flex: unset;
                padding: 10px 18px;
                min-width: 140px;
                text-align: center;
            }

            .cards .cards-image {
                order: -1;
                /* image first */
                text-align: center;
                margin-bottom: 15px;
            }

            .cards .cards-image img {
                max-width: 80%;
                margin: 0 auto;
            }

            .cards .cards-content {
                order: 2;
                text-align: center;
            }
        }

        /*  */

        /* testimonial css  */
        .seller-tabs {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
            justify-content: center;
            /* center on desktop */
            flex-wrap: nowrap;
            overflow-x: auto;
            /* enable horizontal scrolling */
            white-space: nowrap;
            /* prevent wrapping */
            scrollbar-width: none;
            /* hide scrollbar for Firefox */
            scroll-behavior: smooth;
            /* smooth scrolling */
        }

        .seller-tabs::-webkit-scrollbar {
            display: none;
            /* hide scrollbar for Chrome, Safari */
        }

        .seller-tab {
            cursor: pointer;
            font-weight: 600;
            font-size: 1.2rem;
            color: #999;
            transition: 0.3s;
            flex: 0 0 auto;
            /* prevent shrinking */
        }

        .seller-tab.active {
            color: #000;
            border-bottom: 2px solid #000;
        }

        .seller-content {
            display: none;
        }

        .seller-content.active {
            display: block;
        }

        .seller-text {
            font-size: 1rem;
            color: #444;
        }

        .seller-text strong {
            display: block;
            margin-top: 15px;
        }

        .seller-image img {
            width: 100%;
            border-radius: 12px;
        }

        /* Mobile adjustments */
        @media (max-width: 768px) {
            .seller-tabs {
                justify-content: flex-start;
                /* align left on mobile for scroll */
            }
        }

        /*  */