.dropdown-container {
    position: relative;
    display: inline-block;
}

tbody, td, tfoot, th, thead, tr {
    border-width: 1px;
}

.dropdown-toggle-cus {
    padding: 10px 15px;
    cursor: pointer;
    background-color: transparent;
    color: white;
    border: none;
    border-radius: 4px;
    position: relative;
}

    .dropdown-toggle-cus::after {
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 4px;
    }

.btn-custom {
    background: #10b981;
    color: #000;
    padding: 10px 30px;
    border: none;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    gap: 4px;
    font-size: 17px;
}

    .btn-custom:hover,
    .btn-custom:active {
        background: #10b981 !important;
    }

.dropdown-menu-cus {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    min-width: 150px;
    z-index: 100;
}

    .dropdown-menu-cus a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
    }

        .dropdown-menu-cus a:hover {
            background-color: #f1f1f1;
        }

.dropdown-container.active .dropdown-menu-cus {
    display: block;
}

.navbar-light {
    border-bottom: 2px solid #2654a2;
}

    .navbar-light .nav-item .nav-link {
        font-weight: 600;
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgb(255 243 243) !important;
    }

    .navbar-light .nav-item:hover .nav-link {
        color: #e11f27;
    }

.my-link {
    position: relative;
}
.story-card {
    background: #fff;
    border-radius: 8px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 8px;
    transition: transform 0.2s ease;
}
#news-slider .item {
    padding: 10px;
}
#news-slider .owl-nav .owl-prev,
#news-slider .owl-nav .owl-next{
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    background:#ef4444;
    color:#fff !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50% !important;
    box-shadow:rgba(0,0,0,0.2) 0px 5px 8px;
    font-size:28px;
    transform:translateY(-50%)
}
    #news-slider .owl-nav .owl-prev{
        left: -15px;
    }
    #news-slider .owl-nav .owl-next{
        right: -15px;
    }
#blog-slider .item {
    padding: 10px;
}
#blog-slider .owl-nav .owl-prev,
#blog-slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background: #ef4444;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    box-shadow: rgba(0,0,0,0.2) 0px 5px 8px;
    font-size: 28px;
    transform: translateY(-50%)
}
#blog-slider .owl-nav .owl-prev {
    left: -15px;
}
#blog-slider .owl-nav .owl-next {
    right: -15px;
}
    .story-image {
        width: 100%;
        height: 180px;
        object-fit: cover;
        display: block;
    }
.story-content {
    padding: 20px;
}
.story-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}
.story-description {
    font-size: 14px;
    color: #666;
    line-height : 1.5;
    margin-bottom: 15px;
}
.story-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #888;
}
.story-source {
    font-weight: 500;
}
.heading-news-slider{
    margin-bottom:20px;
    text-align:center;
    font-size:32px;
    font-weight:700;
    line-height:1.2;
}
    .heading-news-slider span{
        color:#ef4444;
    }

    .my-link::before {
        position: absolute;
        right: -15px;
        top: -10px;
        content: 'Free';
        text-align: center;
        background: #f0432c;
        color: #fff;
        font-size: 14px;
        display: flex;
        width: 32%;
        height: 50%;
        border-radius: 2px;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }

.section-0 .hero {
    background-image: url('../images/bg-img.webp');
    /*background-image: url('../img/ClipsTrust-bg.png');*/
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    /*z-index: 3;*/
    justify-content: center;
    padding-bottom: 70px;
}

    .section-0 .hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgb(15 113 81 / 85%) 0%, rgb(8 91 66 / 66%) 100%);
        /*z-index: -1;*/
    }

.card-margin {
    padding: 20px 15px;
    border-radius: 5px;
    background: #fff;
}

.section-minus {
    margin-top: -50px;
    /*z-index: 10;*/
    position: relative;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.card-margin img {
    width: 40px;
}

.secvice-card-p {
    margin-bottom: 0px;
    line-height: 1.2;
    font-size: 14px;
}
/*===============Affiliate Css Start============*/
:root {
    --primary: #22c55e;
    /* Tailwind primary */
    --secondary: #ef4444;
    /* Tailwind secondary */
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    /* Border radius mapping (Tailwind config) */
    --radius-none: 0px;
    --radius-sm: 4px;
    --radius: 8px;
    /* DEFAULT and button */
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-full: 9999px;
}
/* Hero bg with subtle gradient overlay */
.hero-bg-affiliate {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(34, 197, 94, 0.05) 100%);
    background-size: cover;
    background-position: center;
}
/* Utilities to reflect Tailwind look */
.text-secondary-new {
    color: var(--secondary) !important;
}

.text-primary-new {
    color: var(--primary) !important;
}

.bg-primary-new {
    background: var(--primary) !important;
}

.bg-secondary {
    background: var(--secondary) !important;
}
/* Subtle shadows like Tailwind shadow-sm/hover */
.shadow-soft {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.shadow-hover {
    transition: box-shadow .2s ease;
}

    .shadow-hover:hover {
        box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    }
/* Rounded variants */
.rounded-default {
    border-radius: var(--radius);
}

.rounded-md {
    border-radius: var(--radius-md);
}

.rounded-lg {
    border-radius: var(--radius-lg);
}

.rounded-xl {
    border-radius: var(--radius-xl);
}

.rounded-2xl {
    border-radius: var(--radius-2xl);
}

.rounded-3xl {
    border-radius: var(--radius-3xl);
}

.rounded-full {
    border-radius: var(--radius-full);
}

.rounded-button {
    border-radius: var(--radius);
}
/* Opacity helpers */
.opacity-90 {
    opacity: .9;
}
/* Icon reset from your style (keep Remix icons normal) */
:where([class^="ri-"])::before {
    content: initial;
}
/* FAQ styles */
.faq-item .faq-content {
    display: none;
}

.faq-item.open .faq-content {
    display: block;
}

.faq-item .toggle-icon {
    transition: transform .2s ease;
}

.faq-item.open .toggle-icon {
    transform: rotate(180deg);
}
/* Link hover colors */
.link-muted {
    color: #6b7280;
    text-decoration: none;
}

    .link-muted:hover {
        color: var(--primary);
    }

/* Button sizing similar to Tailwind used in file */
.btn-lgx {
    padding: .9rem 1.5rem;
    font-weight: 600;
    border-radius: var(--radius);
}

.needs-validation .form-control {
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 16px;
}

    .needs-validation .form-control:focus {
        border-color: #22c55e;
        box-shadow: none;
    }

.btn-mdx {
    padding: .6rem 1rem;
    font-weight: 600;
    border-radius: var(--radius);
}

/* Subtle badge */
.badge-soft {
    background: #22c55e;
    color: #fff;
    border-radius: var(--radius-full);
    padding: .25rem .6rem;
    font-weight: 600;
    font-size: .85rem;
}

/* FAQ buttons hover */
.faq-btn:hover {
    background: var(--gray-100);
}

/* Newsletter input bg */
.input-dark {
    background: var(--gray-800);
    border: 1px solid #374151;
    color: #fff;
}

    .input-dark:focus {
        background: var(--gray-800);
        color: #fff;
    }

/* Helper gaps to match Tailwind -gap- */
.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-12 {
    gap: 3rem;
}

.active-card-hover {
    transition: all 0.5s;
}

.active-card {
    border: 2px solid #22c55e !important;
}

.active-card-hover:hover {
    border: 2px solid #22c55e !important;
}

/*================Affiliate Css end=============*/

.section-0 .hero h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.section-0 .hero p {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
    opacity: 0.95;
    font-weight: 400;
}

.section-0 .search-container {
    display: flex;
    background: white;
    border-radius: 12px;
    padding: 8px;
    max-width: 600px;
    margin: 0 auto 3rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 100;
}

.section-0 .search-input:first-child {
    border-right: 1px solid #e5e7eb;
}

.section-0 .search-input {
    flex: 1;
    border: none;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    outline: none;
    background: transparent;
}

.section-0 .search-button {
    background: #10b981;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.section-0 .cards-container {
    display: flex;
    justify-content: center;
    gap: 1.5rem 24px;
    flex-wrap: wrap;
}

.section-0 .service-card {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    min-width: 220px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.section-0 .card-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .section-0 .card-icon svg {
        width: 20px;
        height: 20px;
        fill: white;
    }

.section-0 .card-content {
    flex: 1;
}

.section-0 .card-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    line-height: 1.2;
}

.section-0 .card-subtitle {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.section-1 .header {
    text-align: center;
    margin-bottom: 2rem;
}

.section-1 .category-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 0.5rem 1.5rem;
    /* margin-bottom: 3rem; */
}

.section-1 .category-card {
    text-align: center;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    opacity: 1;
    overflow: hidden;
    /* max-height: 100px; */
    margin-bottom: 0px;
}

.listing-view {
    text-decoration: none;
    display: flex;
    justify-content: center;
}

    .listing-view.hidden {
        display: none;
    }

.section-1 .category-card.hidden {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    pointer-events: none;
    padding: 0;
}

.section-1 .filter-tabs-new {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.section-1 .tab-button-new.active {
    background-color: #10b981;
    color: #fff;
}

.section-1 .tab-button-new:hover {
    background: #10b981;
    color: #fff;
}

.section-1 .tab-button-new {
    padding: 10px 40px;
    border: none;
    border-radius: 2rem;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.section-1 .restaurants .category-icon {
    background-color: #fef2f2;
    color: #ef4444;
}

.section-1 .category-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: 1.5rem;
    border: 1px solid #daebed;
}

.section-1 .hotels .category-icon {
    background-color: #eff6ff;
    color: #3b82f6;
}

.section-1 .beauty-spa .category-icon {
    background-color: #f3e8ff;
    color: #8b5cf6;
}

.section-1 .home-decor .category-icon {
    background-color: #f0fdf4;
    color: #22c55e;
}

.section-1 .wedding-planning .category-icon {
    background-color: #fdf2f8;
    color: #ec4899;
}

.section-1 .education .category-icon {
    background-color: #ecfdf5;
    color: #10b981;
}

.section-1 .rent-hire .category-icon {
    background-color: #f0f9ff;
    color: #0ea5e9;
}

.section-1 .hospitals .category-icon {
    background-color: #fef2f2;
    color: #dc2626;
}

.section-1 .contractors .category-icon {
    background-color: #fffbeb;
    color: #f59e0b;
}

.section-1 .pet-shops .category-icon {
    background-color: #f0fdfa;
    color: #14b8a6;
}

.section-1 .pg-hostels .category-icon {
    background-color: #f8fafc;
    color: #64748b;
}

.section-1 .estate-agent .category-icon {
    background-color: #f0fdf4;
    color: #16a34a;
}

.section-1 .dentists .category-icon {
    background-color: #eff6ff;
    color: #2563eb;
}

.section-1 .gym .category-icon {
    background-color: #fff7ed;
    color: #ea580c;
}

.section-1 .loans .category-icon {
    background-color: #ecfdf5;
    color: #059669;
}

.section-1 .event-organizers .category-icon {
    background-color: #f3e8ff;
    color: #7c3aed;
}

.section-1 .driving-schools .category-icon {
    background-color: #f0f9ff;
    color: #0284c7;
}

.section-1 .packers-movers .category-icon {
    background-color: #fffbeb;
    color: #d97706;
}

.section-1 .courier-service .category-icon {
    background-color: #fef2f2;
    color: #dc2626;
}

.section-1 .popular-categories .category-icon {
    background-color: #f0fdfa;
    color: #0d9488;
}

.section-1 .category-name {
    font-size: 0.875rem;
    font-weight: 400;
    color: #1f2937;
    margin-bottom: 0.25rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.section-1 .category-count {
    font-size: 0.75rem;
    color: #000000;
    font-weight: 800;
}

.section-1 .view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    background-color: #059669;
    color: white;
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    margin: 0 auto;
    display: block;
    border: none;
    outline: none;
    width: fit-content;
}

    .section-1 .view-all-btn:hover {
        background-color: #467cf0;
        transform: translateY(-1px);
    }

.section-1 .header h3 {
    font-size: 1rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    font-weight: normal
}

.font-h2 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

.left-content h3 {
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto;
    font-weight: normal;
    margin-bottom: 15px
}

.section-2 .badge {
    display: inline-block;
    background-color: #10b981;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.section-2 .main-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

    .section-2 .main-heading .highlight {
        color: #ef4444;
    }

    .section-2 .main-heading .secondary {
        color: #1f2937;
    }

.section-2 .feature-list {
    list-style: none;
    margin-bottom: 1.5rem;
    padding-left: 0px;
}

    .section-2 .feature-list li {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
        font-size: 1rem;
        color: #4b5563;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
    }

        .section-2 .feature-list li svg {
            width: 15px;
            height: 15px;
            margin-right: 10px;
            fill: #747474;
        }

.section-2 {
    background: rgb(76 175 80 / 4%);
    border-top: 1px solid #daebedd1;
    border-bottom: 1px solid #daebedd1;
}

.cta-section {
    text-align: center;
    padding: 25px 0px;
    background: #198754;
}



.section-2 .right-content {
    flex: 1;
    display: flex;
    justify-content: center;
}

.section-2 .product-card {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    position: relative;
    width: 100%;
    max-width: 600px;
}

.section-2 .card-header {
    color: white;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}

.section-2 .card-content {
    background-color: #f8fafc;
    border-radius: 0.5rem;
    padding: 1rem;
    position: relative;
}

.section-2 .product-badge {
    position: absolute;
    top: -0.5rem;
    left: 1rem;
    background-color: #10b981;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.section-2 .laptop-mockup {
    width: 100%;
    height: 250px;
    background-image: url('../images/generate-free-leads.webp');
    /*background: url('https://readdy.ai/api/search-image-query=modern%20laptop%20computer%20showing%20business%20analytics%20dashboard%20with%20colorful%20charts%20graphs%20and%20data%20visualization%20on%20screen%2C%20clean%20white%20background%2C%20professional%20product%20photography%2C%20high%20quality%2C%20detailed&width=500&height=250&seq=laptop001&orientation=landscape') center/cover;*/
    border-radius: 0.5rem;
    margin-top: 1rem;
    position: relative;
}

.section-2 .watermark {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.section-2 .cta-section {
    text-align: center;
    margin-top: 4rem;
    width: 100%;
}

.section-2 .cta-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.section-2 .cta-subtitle {
    color: #ef4444;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.section-2 .button-group {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.section-2 .btn {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.section-2 .btn-primary {
    background-color: #3b82f6;
    color: white;
}

    .section-2 .btn-primary:hover {
        background-color: #2563eb;
        transform: translateY(-1px);
    }

.section-2 .btn-secondary {
    background-color: transparent;
    color: #3b82f6;
    border: 2px solid #3b82f6;
}

    .section-2 .btn-secondary:hover {
        background-color: #3b82f6;
        color: white;
        transform: translateY(-1px);
    }

.section-3 .header {
    text-align: center;
    margin-bottom: 1rem;
}

    .section-3 .header .h1 {
        font-size: 2rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .section-3 .header h3 {
        font-size: 1rem;
        color: #6b7280;
        font-weight: normal
    }

.section-3 .business-card {
    background: #ffffff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #dbdbdb;
    height: 380px;
}

    .section-3 .business-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

.section-3 .business-image {
    position: relative;
    height: 12rem;
    overflow: hidden;
}

    .section-3 .business-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

.section-3 .category-tag {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: rgb(255 255 255);
    backdrop-filter: blur(4px);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px;
    font-weight: 500;
    color: #0c0c0c;
}

.section-3 .business-info {
    padding: 1rem;
}

.section-3 .business-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.section-3 .business-description {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.section-3 .rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.section-3 .stars {
    display: flex;
    gap: 0.125rem;
}

.section-3 .star {
    color: #fbbf24;
    font-size: 0.875rem;
}

    .section-3 .star.empty {
        color: #d1d5db;
    }

.section-3 .rating-score {
    font-weight: 600;
    color: #1a1a1a;
    margin-left: 0.25rem;
}

.section-3 .review-count {
    font-size: 0.875rem;
    color: #6b7280;
    margin-left: 0.25rem;
}

.section-3 .location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.section-3 .location-icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.section-3 .view-all-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: #059669;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    text-decoration: none;
    margin: 0 auto;
    width: fit-content;
    font-weight: 500;
    transition: background-color 0.2s;
}

    .section-3 .view-all-button:hover {
        background: #047857;
    }

.section-4 .header .h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.section-4 .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 47.25%;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

    .section-4 .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.section-4 .video-info {
    padding: 20px 0;
}

.section-4 .reviewer-main {
    display: flex;
    align-items: center;
    gap: 15px;
}

.section-4 .reviewer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 1.2rem;
}

.section-4 .reviewer-details .h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.section-4 .review-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.9rem;
    color: #666666;
}

.section-4 .business-link {
    color: #10b981;
    text-decoration: none;
    font-weight: 500;
}

    .section-4 .business-link:hover {
        text-decoration: underline;
    }

.section-4 .stars {
    color: #fbbf24;
    font-size: 1rem;
}

.section-4 .review-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px 20px;
    margin-bottom: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .section-4 .review-card:hover {
        border-color: #10b981;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);
    }

.section-4 .card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.section-4 .card-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 1rem;
}

.section-4 .card-info b {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.section-4 .card-business {
    font-size: 0.85rem;
    color: #666666;
}



.section-4 .card-stars {
    color: #fbbf24;
    font-size: 0.9rem;
}

.section-4 .card-time {
    font-size: 0.8rem;
    color: #999999;
}

.section-5 .header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.section-5 .title-section {
    flex: 1;
}

.section-5 .title-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.section-5 .title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
}

.section-5 .new-badge {
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-5 .subtitle {
    color: #6b7280;
    font-size: 0.875rem;
}

.section-5 .card {
    min-width: 17.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

    .section-5 .card:hover {
        transform: translateY(-2px);
    }

.section-5 .card-image {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
    object-position: center;
}

.section-5 .card-content {
    padding: 1rem;
}

.section-5 .card-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #1f2937;
}

.section-5 .explore-link {
    color: #3b82f6;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

    .section-5 .explore-link:hover {
        color: #2563eb;
    }

#section-4-slide .owl-nav .owl-prev,
#section-4-slide .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -115px;
    right: 0px;
    background-color: #f0432c;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    transition: background-color 0.3s, transform 0.3s;
    display: none;
}

#section-4-slide .owl-nav .owl-prev {
    right: 60px;
}

#section-4-slide.owl-theme .owl-dots .owl-dot.active span,
#section-4-slide.owl-theme .owl-dots .owl-dot:hover span {
    background: #10b981;
}

#feature-card .owl-nav .owl-prev,
#feature-card .owl-nav .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform: translateY(-50%);
    top: 35%;
    border-radius: 50%;
    color: #00000082;
    font-size: 3.5rem;
    transition: background-color 0.3s, transform 0.3s;
    padding: 10px !important;
}

#feature-card .owl-nav .owl-prev {
    left: -30px;
}

#feature-card .owl-nav .owl-next {
    right: -30px;
}

#feature-card.owl-theme .owl-dots .owl-dot.active span,
#feature-card.owl-theme .owl-dots .owl-dot:hover span {
    background: #10b981;
}

.section-6 .header {
    text-align: center;
    margin-bottom: 1rem;
}

    .section-6 .header .h1 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 1rem;
    }


.section-6 .hero-banner {
    position: relative;
    overflow: hidden;
    height: 300px;
    background-image: url('https://readdy.ai/api/search-image-query=elegant%20restaurant%20interior%20with%20warm%20ambient%20lighting%20luxury%20dining%20room%20with%20wooden%20panels%20and%20crystal%20chandeliers%20modern%20upscale%20hospitality%20venue%20with%20sophisticated%20atmosphere%20premium%20dining%20establishment%20with%20rich%20textures%20and%20golden%20lighting&width=800&height=300&seq=hero-banner&orientation=landscape');
    background-size: cover;
    background-position: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.section-6 .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.section-6 .banner-content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    color: white;
    z-index: 10;
}

.section-6 .company-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.section-6 .logo-icon {
    width: 3rem;
    height: 3rem;
    background: #f97316;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
}

.section-6 .company-name {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.section-6 .company-tagline {
    font-size: .7rem;
    margin: 5px 0px;
}

.section-6 .learn-more-btn {
    background: #10b981;
    color: white;
    padding: 10px 30px;
    border-radius: 50px;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
}

    .section-6 .learn-more-btn:hover {
        background: #059669;
        transform: translateY(-1px);
    }

.section-6 .partners-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-6 .partner-row {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: white;
    border: 1px solid #f3f4f6;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .section-6 .partner-row:hover {
        border-color: #10b981;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);
        transform: translateY(-1px);
    }

.section-6 .partner-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    margin-right: 1rem;
    font-size: 1.5rem;
}

    .section-6 .partner-icon.tech {
        background: #dbeafe;
        color: #3b82f6;
    }

    .section-6 .partner-icon.energy {
        background: #dcfce7;
        color: #22c55e;
    }

    .section-6 .partner-icon.health {
        background: #fef3c7;
        color: #f59e0b;
    }

.section-6 .partner-info {
    flex: 1;
}

.section-6 .partner-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.section-6 .partner-description {
    font-size: 0.875rem;
    color: #6b7280;
}

.section-6 .arrow-icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.section-6 .partner-row:hover .arrow-icon {
    color: #10b981;
    transform: translateX(2px);
}

.section-7 .header {
    text-align: center;
    margin-bottom: 1rem;
}

    .section-7 .header .h1 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 1rem;
    }

    .section-7 .header h3 {
        color: #6b7280;
        font-size: 0.875rem;
    }

.title.mb-0.section-7 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
}

.section-8 {
    background: rgb(76 175 80 / 4%);
    border-top: 1px solid #daebedd1;
    border-bottom: 1px solid #daebedd1;
}

.section-7 .movies-grid {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.section-7 .movie-card {
    min-width: 200px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .section-7 .movie-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    }

.section-7 .poster-container {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
}

    .section-7 .poster-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

.section-7 .language-tag {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.section-7 .lang-hindi {
    background-color: #ef4444;
}

.section-7 .lang-english {
    background-color: #3b82f6;
}

.section-7 .rating-badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.section-7 .movie-info {
    padding: 1rem;
}

.section-7 .movie-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.section-7 .movie-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-7 .dimension {
    color: #6b7280;
    font-size: 0.75rem;
    font-weight: 500;
}

.section-7 .star-rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.section-7 .star-icon {
    color: #fbbf24;
    font-size: 0.875rem;
}

.section-7 .rating-score {
    color: #1f2937;
    font-size: 0.75rem;
    font-weight: 600;
}

.section-7 .view-all-btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0.875rem 2rem;
    background-color: #3b82f6;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-decoration: none;
}

    .section-7 .view-all-btn:hover {
        background-color: #2563eb;
        transform: translateY(-1px);
    }

    .section-7 .view-all-btn:active {
        transform: translateY(0);
    }

.section-8 .header {
    text-align: center;
    margin-bottom: 1rem;
}

.section-8 .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.section-8 .main-title {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1f2937;
}

.section-8 .new-badge {
    background-color: #ef4444;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    text-transform: uppercase;
}

.section-8 .subtitle {
    font-size: 1.125rem;
    color: #6b7280;
}

.section-8 .profile-places-scroll {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

    /* width */
    .section-8 .profile-places-scroll::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .section-8 .profile-places-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .section-8 .profile-places-scroll::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .section-8 .profile-places-scroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.section-5-category .custom-scroll-bar-new-grid {
    max-height: 660px;
    overflow-y: auto;
    overflow-x: hidden;
}

.section-8 .destination-card {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .section-8 .destination-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

.section-8 .card-image-wrapper {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.section-8 .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-8 .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 0%), rgb(0 0 0 / 90%));
}

.section-8 .heart-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
    z-index: 1;
}

    .section-8 .heart-icon:hover {
        background: white;
    }

    .section-8 .heart-icon i {
        color: #6b7280;
        font-size: 1rem;
    }

.section-8 .card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
}

.section-8 .destination-name {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-8 .destination-description {
    font-size: 14px;
    margin-bottom: 1rem;
}

.section-8 .explore-btn {
    background-color: #ffffff;
    color: #0975cb;
    border: none;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    width: 150px;
    margin: 0px auto;
    margin-top: 9rem;
    border-radius: 50px;
}

    .section-8 .explore-btn:hover {
        background-color: #1d4ed8;
        color: #fff
    }

    .section-8 .explore-btn i {
        font-size: 1rem;
    }

.section-8 .discover-more {
    text-align: center;
}

.section-8 .discover-btn {
    background-color: #10b981;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .section-8 .discover-btn:hover {
        background-color: #059669;
    }

.section-9 .header {
    text-align: center;
    margin-bottom: 1rem;
}

.section-9 .title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.section-9 .subtitle {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

.section-9 .filter-tabs {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.section-9 .tab-button {
    padding: 0.75rem 1.5rem;
    border: none;
    white-space: nowrap;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .section-9 .tab-button.active {
        background-color: #10b981;
        color: white;
    }

    .section-9 .tab-button:hover {
        background-color: #e5e7eb;
    }

    .section-9 .tab-button.active:hover {
        background-color: #059669;
    }

.section-9 .review-card {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f4f6;
    transition: all 0.2s ease;
}

.section-9 .container-review-flow {
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}

    /* width */
    .section-9 .container-review-flow::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .section-9 .container-review-flow::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .section-9 .container-review-flow::-webkit-scrollbar-thumb {
        background: #f1432c;
    }

        /* Handle on hover */
        .section-9 .container-review-flow::-webkit-scrollbar-thumb:hover {
            background: #f1432c;
        }

.back-to-top {
    position: fixed;
    right: 35px;
    bottom: 110px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 3px;
    background: #f0432c;
    color: #fff;
    font-size: 26px;
}

.section-9 .review-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.section-9 .reviewer-info {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.section-9 .avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
    object-fit: cover;
}

.section-9 .reviewer-details b {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.section-9 .business-name {
    font-size: 0.875rem;
    color: #10b981;
    font-weight: 500;
}

.section-9 .rating-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.section-9 .stars {
    display: flex;
    gap: 0.125rem;
}

.section-9 .star {
    color: #fbbf24;
    font-size: 1rem;
}

.section-9 .time-posted {
    font-size: 0.875rem;
    color: #6b7280;
}

.section-9 .review-text {
    font-size: 0.9375rem;
    color: #374151;
    line-height: 1.6;
    margin-bottom: 1rem;
    max-height: 130px;
    overflow-y: auto;
}

    /* width */
    .section-9 .review-text::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .section-9 .review-text::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .section-9 .review-text::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .section-9 .review-text::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.section-9 .review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-9 .location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.section-9 .location-icon {
    font-size: 0.875rem;
}

.section-9 .like-count {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.section-9 .like-icon {
    font-size: 0.875rem;
}

.section-9 .load-more {
    text-align: center;
    margin-top: 3rem;
}

.section-9 .load-more-btn {
    background-color: #10b981;
    color: white;
    border: none;
    padding: 0.875rem 2rem;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 0.5rem;
}

    .section-9 .load-more-btn:hover {
        background-color: #059669;
        transform: translateY(-1px);
    }

.section-9 .load-more-icon {
    font-size: 1rem;
}

.section-10 .stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1;
    color: #fff;
}

.section-10 .stat-label {
    font-size: 1rem;
    opacity: 0.95;
    color: #fff;
    font-weight: 400;
}

.section-10 {
    background-color: #00A36C;
}

.section-11 .faq-header {
    text-align: center;
    margin-bottom: 1rem;
}

    .section-11 .faq-header h1 {
        font-size: 2rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 1rem;
        letter-spacing: -0.025em;
    }

    .section-11 .faq-header p {
        color: #666666;
        font-size: 1rem;
        max-width: 32rem;
        margin: 0 auto;
    }

.section-11 .faq-list {
    margin-bottom: 1rem;
}

.section-11 .faq-item {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    /* display: flex;
    justify-content: space-between; */
    /* align-items: center; */
    cursor: pointer;
    transition: all 0.2s ease;
}

    .section-11 .faq-item:hover {
        border-color: #d1d5db;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    }

.section-11 .faq-question {
    font-size: 1rem;
    font-weight: 500;
    color: #1f2937;
    flex: 1;
    margin-right: 1rem;
}

.section-11 .expand-icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.section-11 .faq-item.active .expand-icon {
    transform: rotate(45deg);
}

.section-11 .faq-answer {
    display: none;
    padding: 1rem 1.5rem 0 0rem;
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.6;
}

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

.section-11 .support-section {
    text-align: center;
    margin-top: 3rem;
}

.section-11 .support-text {
    color: #6b7280;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.section-12 {
    background-color: #00875a;
}

.section-11 .contact-button {
    background-color: #10b981;
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

    .section-11 .contact-button:hover {
        background-color: #059669;
    }

.section-12 .hero-title {
    color: white;
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.section-12 .hero-description {
    color: white;
    font-size: 1rem;
    max-width: 40rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    opacity: 0.95;
}

.section-12 .button-container {
    display: flex;
    gap: 1.25rem;
    margin-top: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.section-12 .button {
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.section-12 .button-outline {
    background: transparent;
    border: 2.5px solid white;
    color: white;
}

    .section-12 .button-outline:hover {
        background: white;
        color: #00875A;
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

.section-12 .button-filled {
    background: white;
    color: #00875A;
    border: 2.5px solid white;
}

    .section-12 .button-filled:hover {
        background: #f8f9fa;
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

/*===========Footer Style Start ==============*/
footer {
    padding-top: 3rem;
    padding-bottom: 1rem;
    background: #000;
}
.fixed-whatsapp-call{
    display:flex;
    max-width:100vw;
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    z-index:999 !important
}
    .fixed-whatsapp-call .same-call {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #fff;
        font-size: 14px;
        width: 50%;
        font-weight: 500;
        padding: 10px;
    }
        .fixed-whatsapp-call .same-call svg{
            fill:#fff;
            width:17px;
        }
        .fixed-whatsapp-call .same-call.whatsapp {
            background: #16960a;
        }
        .fixed-whatsapp-call .same-call.call{
            background:#0d9ac0;
        }
        .heading-foot-urls {
            font-size: 18px;
            color: #f0432c;
            font-weight: 600;
            transition: all 0.5s;
        }

.footer-links-parent-ul {
    padding-left: 0px;
    list-style: none;
}

    .footer-links-parent-ul li {
        list-style: none;
        margin-top: 10px;
    }

        .footer-links-parent-ul li a {
            font-weight: 500;
            font-size: 14px;
            color: #fff !important;
            text-decoration: none;
            position: relative;
        }

            .footer-links-parent-ul li a:not(:hover)::before {
                left: auto;
                right: 0;
            }

            .footer-links-parent-ul li a::before {
                position: absolute;
                width: 0%;
                height: 2px;
                bottom: -2px;
                left: 0%;
                content: '';
                background: #f0432c;
                transition: all 0.5s;
            }

            .footer-links-parent-ul li a:hover::before {
                width: 100%;
                transition: all 0.5s;
            }

.heading-foot-urls {
    font-size: 18px;
    color: #f0432c;
    font-weight: 600;
    transition: all 0.5s;
}

.social-icon-footer {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}

    .social-icon-footer svg {
        width: 14px;
        fill: #fff;
    }

.same_ul {
    padding-left: 0px;
}

    .same_ul li {
        margin-right: 25px;
    }

    .same_ul li {
        list-style: circle;
        color: #fff;
    }

        .same_ul li a {
            text-decoration: none;
            color: #fff;
            font-weight: 500;
            font-size: 12px;
        }

.copyright_style {
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    color: #fff;
}
/*===========Footer Style End ==============*/
.my-link {
    display: block;
    /* padding: 3px; */
    border: 2px solid #04da8d;
    border-radius: 4px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .section-0 .search-container {
        padding: 0px
    }

    .mob-droo-login {
        position: relative;
        margin-top: 10px;
    }

    .pagination-nav {
        max-width: 100%;
        overflow-x: auto;
    }

    .section-2-category .pagination {
        justify-content: start !important;
    }

    .login-wrapper {
        width: 100% !important;
    }

    .section-0 .search-button {
        border-radius: 0px 8px 8px 0px;
    }

    .section-0 .search-input {
        font-size: .8rem;
    }

    .navbar-toggler {
        background: #fff !important;
    }

    .dropdown-toggle-cus {
        padding: 10px 15px 10px 5px;
        width: 100%;
        text-align: left;
    }

    .dropdown-container {
        display: block;
    }

    .dropdown-menu-cus {
        position: relative;
    }

    .new-link .nav-link::before {
        position: absolute;
        left: -15px;
        top: -12px;
        content: 'Free';
        text-align: center;
        background: #f0432c;
        color: #fff;
        font-size: 11px;
        display: flex;
        width: 35%;
        height: 52%;
        border-radius: 2px;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }

    .new-link .nav-link {
        border: 1px solid rgb(4 218 141);
        font-weight: 500 !important;
        padding: 4px;
        border-radius: 4px;
        position: relative;
        color: #fff;
        font-size: 12px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 5px
    }

    .navbar-nav.ms-auto.align-items-lg-center {
        margin-top: 10px;
    }

    .new-link {
        display: flex;
    }

    .mb-top-none {
        padding-top: 30px !important;
    }

    .section-1 .category-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .mb-padding-none {
        padding-bottom: 0px
    }

    .section-2 .badge {
        margin-bottom: 1rem;
    }

    .section-1.py-5 {
        padding-bottom: 0px !important;
    }

    .section-0 .hero h1 {
        font-size: 24px;
    }

    .section-0 .hero {
        min-height: auto;
    }

    .section-2 .main-heading {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .section-2 .cta-heading {
        font-size: 1.7rem;
    }

    .section-2 .cta-section {
        margin-top: 2rem;
    }

    .section-4 .review-meta {
        flex-wrap: wrap;
    }

    .section-5.mb-5 {
        margin-bottom: 12px !important;
    }

    .section-7 .container {
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }

    .section-8 .container {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .section-9 .header {
        margin-bottom: 2rem;
    }

    .section-9 .container {
        padding-top: 15px !important;
    }

    .section-9 .subtitle {
        font-size: 1rem;
    }

    .section-3 .container {
        padding-top: 12px !important;
        padding-bottom: 0px !important;
    }


    .section-4 .header .h1 {
        font-size: 2rem;
    }

    .section-4 .header p {
        font-size: 1rem;
    }

    .section-4 .reviewer-main {
        flex-wrap: wrap;
    }

    #section-4-slide .owl-nav .owl-prev,
    #section-4-slide .owl-nav .owl-next {
        top: -55px;
    }

    .section-6 .header .h1 {
        font-size: 28px;
    }

    .section-7 .header .h1 {
        font-size: 28px;
    }

    .section-8 .main-title {
        font-size: 24px;
    }

    .section-8 .subtitle {
        font-size: 1rem;
    }

    .section-9 .title {
        font-size: 28px;
    }

    .section-12 .hero-title {
        font-size: 24px;
        font-weight: 600
    }

    .footer-column {
        margin-top: 15px;
    }

    .section-13 .footer-bottom {
        margin-top: 0px;
        flex-wrap: wrap;
    }
}

.suggestions-box {
    position: absolute;
    background: white;
    /*border: 1px solid #ccc;*/
    z-index: 999;
    width: 300px;
    max-height: 200px;
    overflow-y: auto;
    top: 100%
}

    .suggestions-box div {
        padding: 8px;
        cursor: pointer;
        text-align: left;
        font-family: Arial;
    }

        .suggestions-box div:hover {
            background-color: #f0f0f0;
        }

.scroll-items {
    max-height: 345px;
    overflow-y: auto;
}

@media(max-width:991px) {
    .section-4 .video-container {
        height: auto;
        padding-bottom: 0%;
    }
}

/*======================Category Css==========================*/
.section-0-category :where([class^="ri-"])::before {
    content: "\f3c2";
}

.section-0-category * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.section-0-category {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    ;
    line-height: 1.6;
}

    .section-0-category .hero-section {
        width: 100%;
        min-height: 300px;
        position: relative;
        padding: 60px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        z-index: 3;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .section-0-category .hero-section::before {
            content: '';
            z-index: -1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.6;
        }

    .section-0-category .background-pattern {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.15;
        z-index: 1;
    }

    .section-0-category .icon {
        position: absolute;
        color: rgba(135, 206, 250, 0.6);
        font-size: 24px;
        animation: float 6s ease-in-out infinite;
    }

        .section-0-category .icon:nth-child(1) {
            top: 10%;
            left: 8%;
            animation-delay: 0s;
        }

        .section-0-category .icon:nth-child(2) {
            top: 15%;
            left: 85%;
            animation-delay: 1s;
        }

        .section-0-category .icon:nth-child(3) {
            top: 25%;
            left: 15%;
            animation-delay: 2s;
        }

        .section-0-category .icon:nth-child(4) {
            top: 30%;
            left: 75%;
            animation-delay: 0.5s;
        }

        .section-0-category .icon:nth-child(5) {
            top: 45%;
            left: 5%;
            animation-delay: 1.5s;
        }

        .section-0-category .icon:nth-child(6) {
            top: 50%;
            left: 90%;
            animation-delay: 2.5s;
        }

        .section-0-category .icon:nth-child(7) {
            top: 65%;
            left: 20%;
            animation-delay: 3s;
        }

        .section-0-category .icon:nth-child(8) {
            top: 70%;
            left: 80%;
            animation-delay: 0.8s;
        }

        .section-0-category .icon:nth-child(9) {
            top: 80%;
            left: 10%;
            animation-delay: 1.8s;
        }

        .section-0-category .icon:nth-child(10) {
            top: 85%;
            left: 85%;
            animation-delay: 2.8s;
        }

        .section-0-category .icon:nth-child(11) {
            top: 35%;
            left: 45%;
            animation-delay: 1.2s;
        }

        .section-0-category .icon:nth-child(12) {
            top: 55%;
            left: 55%;
            animation-delay: 2.2s;
        }

@keyframes float {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
        opacity: 0.6;
    }

    50% {
        transform: translateY(-20px) rotate(180deg);
        opacity: 0.8;
    }
}

.section-0-category .content {
    position: relative;
    z-index: 2;
    max-width: 1050px;
    text-align: center;
}

.section-0-category .main-heading {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.section-0-category .subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    line-height: 1.6;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.section-0-category .cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.section-0-category .primary-button {
    background: #2563eb;
    color: white;
    padding: 14px 28px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

    .section-0-category .primary-button:hover {
        background: #1d4ed8;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
    }

.section-0-category .secondary-button {
    background: #4CAF50;
    color: white;
    padding: 14px 28px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

    .section-0-category .secondary-button:hover {
        background: #8BC34A;
        transform: translateY(-2px);
    }

.section-0-category .connecting-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.section-0-category .line {
    position: absolute;
    background: linear-gradient(90deg, transparent, rgba(135, 206, 250, 0.3), transparent);
    height: 1px;
    animation: pulse 4s ease-in-out infinite;
}

    .section-0-category .line:nth-child(1) {
        top: 20%;
        left: 10%;
        width: 200px;
        transform: rotate(45deg);
        animation-delay: 0s;
    }

    .section-0-category .line:nth-child(2) {
        top: 40%;
        right: 15%;
        width: 150px;
        transform: rotate(-30deg);
        animation-delay: 1s;
    }

    .section-0-category .line:nth-child(3) {
        bottom: 30%;
        left: 20%;
        width: 180px;
        transform: rotate(60deg);
        animation-delay: 2s;
    }

    .section-0-category .line:nth-child(4) {
        bottom: 20%;
        right: 10%;
        width: 120px;
        transform: rotate(-45deg);
        animation-delay: 1.5s;
    }

@keyframes pulse {
    0%, 100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.7;
    }
}





.section-1-category :where([class^="ri-"])::before {
    content: "\f3c2";
}

.section-1-category * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.section-1-category {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #ffffff;
}

    .section-1-category .navbar {
        display: flex;
        align-items: center;
        padding: 0.75rem 1.5rem;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        width: 100%;
        min-width: 64rem;
    }

    .section-1-category .search-container {
        position: relative;
        margin-right: 1.5rem;
    }

    .section-1-category .search-input {
        padding: 0.5rem 2.25rem 0.5rem 2.25rem;
        border: 1px solid #e0e0e0;
        border-radius: 0.25rem;
        width: 18.75rem;
        font-size: 0.875rem;
        color: #374151;
        outline: none;
        transition: border-color 0.2s ease;
    }

        .section-1-category .search-input:focus {
            border-color: #2563eb;
        }

        .section-1-category .search-input::placeholder {
            color: #9ca3af;
        }

    .section-1-category .search-icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        width: 1rem;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-1-category .filter-tabs {
        display: flex;
        gap: 1.5rem;
        align-items: center;
    }

    .section-1-category .tab {
        font-size: 0.875rem;
        color: #6b7280;
        cursor: pointer;
        padding: 0.375rem 0.75rem;
        border-radius: 0.25rem;
        transition: all 0.3s ease;
        white-space: nowrap;
        text-decoration: none;
        border: none;
        background: none;
    }

        .section-1-category .tab.active {
            color: #2563eb;
            background: rgba(37, 99, 235, 0.1);
            font-weight: 500;
            border: 1px solid #2563eb4a;
        }

        .section-1-category .tab:hover {
            color: #2563eb;
        }




.section-2-category :where([class^="ri-"])::before {
    content: "\f3c2";
}


.section-2-category {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f5f5f5;
    line-height: 1.6;
}

    .section-2-category .container {
        /*max-width: 1200px;*/
        /*margin: 0 auto;*/
        /*padding: 2rem;*/
        /*display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;*/
    }

    .section-2-category .left-column {
        background: white;
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        height: fit-content;
    }

    .section-2-category .right-column {
        background: white;
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        overflow-y: auto;
        max-height: 1350px;
    }

    .section-2-category .header {
        margin-bottom: 1.5rem;
    }

        .section-2-category .header h2 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 0.5rem;
        }

    .section-2-category .header-stats {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 0.875rem;
        color: #666;
    }

    .section-2-category .agencies-count {
        color: #4285f4;
    }

    .section-2-category .verified-badge {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: #10b981;
    }

    .section-2-category .business-card {
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 1.25rem;
        margin-bottom: 1rem;
        background: white;
    }

    .section-2-category .business-listings {
        max-height: 1080px;
        overflow-y: auto;
    }

    .section-2-category .business-header {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1rem;
        align-items: center;
    }

    .section-2-category .business-logo {
        width: 120px;
        height: 120px;
        border-radius: 8px;
        background: #f3f4f6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: #4285f4;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .section-2-category .business-info {
        flex: 1;
    }

    .section-2-category .business-name {
        font-size: 1.3rem;
        font-weight: 700;
        color: #000;
        margin-bottom: 0.25rem;
        text-decoration: none;
    }

    .section-2-category .business-location {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: #403d3d;
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    .section-2-category .rating-badge {
        background: #10b981;
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
    }

    .section-2-category .service-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .section-2-category .service-tag {
        background: #e5f3ff;
        color: #4285f4;
        padding: 0.25rem 0.75rem;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .section-2-category .trust-indicators {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin: .5rem 0;
        font-size: 0.875rem;
        color: #666;
    }

    .section-2-category .reviews {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: #403d3d;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .section-2-category .verified {
        color: #10b981;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .section-2-category .unverified {
        color: red;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .section-2-category .action-buttons {
        display: flex;
        gap: 0.75rem;
    }

    .section-2-category .btn {
        flex: 1;
        padding: 0.75rem 1rem;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.875rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        text-decoration: none;
    }

    .section-2-category .btn-website {
        background: #ef444430;
        color: #ef4444;
        border: 1px solid #ef444475;
        transition: .5s all ease
    }

        .section-2-category .btn-website:hover {
            background: #ef4444;
            color: #ffffff;
        }

    .section-2-category .btn-call {
        background: #4285f42e;
        color: #4285f4;
        border: 1px solid #4285f469;
        transition: .5s all ease
    }

        .section-2-category .btn-call:hover {
            background: #4285f4;
            color: #fff;
        }

    .section-2-category .business-badges {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
        font-size: 0.75rem;
    }

    .section-2-category .quick-response {
        color: #2196F3;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-weight: 500;
    }

    .section-2-category .top-rated {
        color: #f59e0b;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-weight: bold;
    }

.pagination-nav {
    max-width: 100%;
    overflow-x: auto
}

.section-2-category .pagination {
    display: flex;
    justify-content: start;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.section-2-category .page-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #e5e7eb;
    background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    color: #666;
}

    .section-2-category .page-btn.active {
        background: #4285f4;
        color: white;
        border-color: #4285f4;
    }

.section-2-category .right-column h2 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.section-2-category .intro-text {
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.section-2-category .service-section {
    margin-bottom: 1.5rem;
}

.section-2-category .service-title {
    color: #ef4444;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.section-2-category .service-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.section-2-category .cta-section {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    margin-top: 2rem;
}

.section-2-category .cta-title {
    color: #4285f4;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.section-2-category .cta-text {
    color: #666;
    margin-bottom: 1rem;
}

.section-2-category .cta-button {
    background: #4285f4;
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 768px) {
    .section-2-category .container {
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 1rem;
    }

    .section-2-category .mobile-content {
        order: 2;
    }

    .section-2-category .mobile-listings {
        order: 3;
    }

    .section-2-category .business-header {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
    }

    .section-2-category .business-name {
        font-size: 1rem;
    }

    .section-2-category .business-logo {
        width: 100px;
        height: 100px;
    }

    .section-2-category .action-buttons {
        flex-direction: row;
    }

    .section-2-category .service-tags {
        gap: 0.25rem;
        display: none;
    }

    .section-2-category .service-tag {
        font-size: 0.6875rem;
        padding: 0.125rem 0.5rem;
    }
}




.section-3-category {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: white;
}

    .section-3-category h1 {
        color: #FF0000;
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .section-3-category h2 {
        color: #FF0000;
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .section-3-category h3 {
        color: #000066;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .section-3-category p {
        color: #333333;
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.6;
    }

    .section-3-category section {
        margin-bottom: 40px;
    }

    .section-3-category .content-section {
        margin-bottom: 30px;
    }

    .section-3-category .sub-section {
        margin-bottom: 20px;
    }




.section-4-category {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, -apple-system, sans-serif;
}

    .section-4-category .comment-form {
        background-color: #1F2937;
        padding: 3rem;
        border-radius: 0.75rem;
        width: 100%;
        max-width: 800px;
        box-sizing: border-box;
    }

    .section-4-category .form-title {
        color: #4ADE80;
        font-size: 1.25rem;
        margin: 0 0 1.5rem 0;
        font-weight: 500;
    }

    .section-4-category .form-row {
        display: flex;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .section-4-category .form-group {
        flex: 1;
    }

    .section-4-category label {
        display: block;
        color: white;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
    }

    .section-4-category input, .section-4-category textarea {
        width: 100%;
        padding: 0.75rem;
        border: none;
        border-radius: 0.375rem;
        background: white;
        font-size: 0.875rem;
        box-sizing: border-box;
        outline: none;
    }

    .section-4-category textarea {
        min-height: 150px;
        resize: vertical;
        margin-bottom: 0.25rem;
    }

    .section-4-category .char-count {
        text-align: right;
        color: #9CA3AF;
        font-size: 0.75rem;
        margin-bottom: 1rem;
    }

    .section-4-category .submit-button {
        background-color: #4ADE80;
        color: white;
        padding: 0.625rem 1.25rem;
        border: none;
        border-radius: 0.375rem;
        cursor: pointer;
        float: right;
        font-size: 0.875rem;
        transition: background-color 0.2s;
    }

        .section-4-category .submit-button:hover {
            background-color: #34D399;
        }

.section-5-category * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.section-5-category {
    background-color: #f8f9fa;
    padding: 40px 0;
}

    .section-5-category .trust-badge {
        background-color: #e8f0fe;
        color: #1a73e8;
        padding: 8px 16px;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        margin-bottom: 24px;
    }

    .section-5-category .heading {
        text-align: center;
        margin-bottom: 48px;
    }

        .section-5-category .heading div {
            font-size: 48px;
            margin-bottom: 16px;
            color: #1f2937;
        }

        .section-5-category .heading h2 span {
            color: #4169E1;
        }

        .section-5-category .heading h3 {
            color: #6b7280;
            font-size: 18px;
            line-height: 1.6;
        }

    .section-5-category .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-bottom: 48px;
    }

    .section-5-category .stat-card {
        background: white;
        padding: 24px;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

        .section-5-category .stat-card .number {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .section-5-category .stat-card .label {
            color: #6b7280;
            font-size: 14px;
        }

    .section-5-category .filters {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-bottom: 48px;
    }

    .section-5-category .filter-btn {
        padding: 12px 24px;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        cursor: pointer;
        background: transparent;
        color: #6b7280;
        transition: all 0.2s;
    }

        .section-5-category .filter-btn.active {
            background: #4169e130;
            color: #4169E1;
        }

    .section-5-category .reviews-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .section-5-category .review-card {
        background: white;
        padding: 24px;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

        .section-5-category .review-card.featured {
            background: #4169E1;
            color: white;
        }

    .section-5-category .review-header {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .section-5-category .avatar {
        width: 48px;
        height: 48px;
        border-radius: 24px;
        margin-right: 12px;
    }

    .section-5-category .reviewer-info div {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .section-5-category .reviewer-info p {
        font-size: 14px;
        color: #6b7280;
    }

    .section-5-category .featured .reviewer-info p {
        color: rgba(255,255,255,0.8);
    }

    .section-5-category .stars {
        color: #fbbf24;
        margin-bottom: 16px;
    }

    .section-5-category .review-text {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 16px;
        overflow-y: auto;
        max-height: 120px;
    }

    .section-5-category .review-meta {
        display: flex;
        justify-content: space-between;
        color: #6b7280;
        font-size: 14px;
    }

    .section-5-category .featured .review-meta {
        color: rgba(255,255,255,0.8);
    }

.section-6-category {
    background-color: #F8FAFC;
}

    .section-6-category .card {
        background: white;
        padding: 48px;
        border-radius: 16px;
        text-align: center;
        max-width: 800px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .section-6-category div {
        color: #1F2937;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .section-6-category p {
        color: #6B7280;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 24px;
    }

    .section-6-category .button-group {
        display: flex;
        gap: 12px;
        justify-content: center;
    }

    .section-6-category .primary-button {
        background-color: #3B82F6;
        color: white;
        padding: 12px 24px;
        border-radius: 8px;
        border: none;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .section-6-category .primary-button:hover {
            background-color: #2563EB;
        }

    .section-6-category .secondary-button {
        background-color: #F3F4F6;
        color: #4B5563;
        padding: 12px 24px;
        border-radius: 8px;
        border: none;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .section-6-category .secondary-button:hover {
            background-color: #E5E7EB;
        }

.section-new-cat :where([class^="ri-"])::before {
    content: "\f3c2";
}



.section-new-cat {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    ;
    background-color: #f8f9fa;
}

    .section-new-cat .header {
        text-align: center;
        margin-bottom: 2rem;
    }

        .section-new-cat .header h3 {
            font-size: 2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 0.5rem;
        }

        .section-new-cat .header p {
            color: #6b7280;
            font-size: 1rem;
        }

    .section-new-cat .form-panel {
        flex: 1;
        background: white;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

        .section-new-cat .form-panel div {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 1.5rem;
        }

    .section-new-cat .form-row {
        display: flex;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-new-cat .form-group {
        flex: 1;
    }

        .section-new-cat .form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-new-cat .form-group input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
        }

            .section-new-cat .form-group input:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-new-cat .form-group input::placeholder {
                color: #9ca3af;
            }

    .section-new-cat .rating-section {
        margin-bottom: 1.5rem;
    }

        .section-new-cat .rating-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

    .section-new-cat .star-rating {
        display: flex;
        gap: 0.25rem;
    }

    .section-new-cat .star {
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        color: #d1d5db;
        transition: color 0.2s;
    }

        .star:hover,
        .section-new-cat .star.active {
            color: #ffd700;
        }

    .section-new-cat .comments-section {
        margin-bottom: 1.5rem;
    }

        .section-new-cat .comments-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-new-cat .comments-section textarea {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
            resize: vertical;
            min-height: 270px;
            font-family: inherit;
        }

            .section-new-cat .comments-section textarea:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-new-cat .comments-section textarea::placeholder {
                color: #9ca3af;
            }

    .section-new-cat .char-counter {
        text-align: right;
        font-size: 0.75rem;
        color: #6b7280;
        margin-top: 0.25rem;
    }

    .section-new-cat .upload-section {
        margin-bottom: 1.5rem;
    }

        .section-new-cat .upload-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

    .section-new-cat .upload-area {
        border: 2px dashed #d1d5db;
        border-radius: 6px;
        padding: 2rem;
        text-align: center;
        background: #f9fafb;
        cursor: pointer;
        transition: border-color 0.2s;
    }

        .section-new-cat .upload-area:hover {
            border-color: #e12c2c;
        }

    .section-new-cat .upload-icon {
        width: 3rem;
        height: 3rem;
        color: #9ca3af;
        margin: 0 auto 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-new-cat .upload-text {
        color: #6b7280;
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

    .section-new-cat .upload-limit {
        color: #9ca3af;
        font-size: 0.75rem;
    }

    .section-new-cat .link-section {
        margin-bottom: 2rem;
    }

        .section-new-cat .link-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-new-cat .link-section input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
        }

            .section-new-cat .link-section input:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-new-cat .link-section input::placeholder {
                color: #9ca3af;
            }

    .section-new-cat .submit-btn {
        width: 100%;
        padding: 0.875rem;
        background: #d3ebd3;
        color: #00a52d;
        border: none;
        border-radius: 6px;
        font-size: 1.2rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

        .section-new-cat .submit-btn:hover {
            background: #c92a2a;
            color: #fff
        }

    .section-new-cat .reviews-panel {
        flex: 1;
        background: #1c1f2e;
        border-radius: 12px;
        padding: 2rem;
        color: white;
        overflow: hidden;
    }

    .section-new-cat .reviews-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

        .section-new-cat .reviews-header div {
            font-size: 1.25rem;
            font-weight: 600;
            color: white;
        }

    .section-new-cat .see-all-link {
        color: #e12c2c;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 500;
    }

        .section-new-cat .see-all-link:hover {
            text-decoration: underline;
        }

    .section-new-cat .reviews-list {
        height: 500px;
        overflow-y: auto;
        padding-right: 0.5rem;
    }

        .section-new-cat .reviews-list::-webkit-scrollbar {
            width: 4px;
        }

        .section-new-cat .reviews-list::-webkit-scrollbar-track {
            background: #2a2d3e;
            border-radius: 2px;
        }

        .section-new-cat .reviews-list::-webkit-scrollbar-thumb {
            background: #4a5568;
            border-radius: 2px;
        }

    .section-new-cat .review-card {
        background: #252837;
        border-radius: 8px;
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .section-new-cat .review-header {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .section-new-cat .review-avatar {
        width: 2.5rem;
        height: 2.5rem;
        background: #e12c2c;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.875rem;
        color: white;
    }

    .section-new-cat .review-info {
        flex: 1;
    }

    .section-new-cat .review-name {
        font-weight: 600;
        font-size: 0.875rem;
        color: white;
        margin-bottom: 0.25rem;
    }

    .section-new-cat .review-date {
        font-size: 0.75rem;
        color: #9ca3af;
    }

    .section-new-cat .review-rating {
        display: flex;
        gap: 0.125rem;
        margin-bottom: 0.75rem;
    }

        .section-new-cat .review-rating .star {
            width: 1rem;
            height: 1rem;
            color: #ffd700;
        }

    .section-new-cat .review-text {
        color: #d1d5db;
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .section-new-cat .review-video {
        position: relative;
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
    }

    .section-new-cat .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 3rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1c1f2e;
        font-size: 1.25rem;
        transition: background-color 0.2s;
    }

        .section-new-cat .play-button:hover {
            background: white;
        }

@media(max-width:991px) {
    .section-1-category .navbar {
        min-width: auto;
        overflow: auto;
    }

    .section-5-category .heading div {
        font-weight: 600;
        font-size: 24px;
    }

    .section-5-category .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-bottom: 48px;
        flex-wrap: wrap;
        display: flex;
    }

    .section-5-category .filters {
        display: flex;
        justify-content: flex-start;
        gap: 16px;
        margin-bottom: 20px;
        flex-wrap: nowrap;
        line-height: .5;
        overflow: auto;
    }

    .section-5-category .filter-btn.active {
        background: #4169e130;
        color: #4169E1;
        display: block;
        white-space: nowrap;
    }

    .section-6-category h1 {
        font-size: 22px;
    }

    .section-5-category .filter-btn {
        padding: 16px 24px;
    }

    .section-5-category .reviews-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        flex-wrap: wrap;
        display: flex;
    }

    .section-4-category .comment-form {
        padding-bottom: 50px;
    }

    .section-2-category .left-column {
        background: white;
        border-radius: 12px;
        padding: 1.5rem 9px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        height: fit-content;
    }
}

@media(max-width:991px) {
    .section-6-category .card {
        padding: 25px;
    }

    .section-6-category .primary-button,
    .section-6-category .secondary-button {
        padding: 8px 14px;
        font-size: 15px;
    }

    .section-5-category .heading h1 {
        font-size: 28px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .section-new-cat .header h1 {
        font-size: 1.5rem;
    }
}

/*======================Category Css End==========================*/
/*======================Business Css Start==========================*/
@media(min-width:768px) {
    .section-0-business .hero {
        background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('../images/business-hero-bg.webp') center/cover !important;
    }
}

.section-0-business .hero {
    min-height: 40vh;
}

.section-0-business .left-content {
    flex: 1;
}

.section-0-business .badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37, 99, 235, 0.1);
    padding: 8px 16px;
    border-radius: 100px;
    color: #2563eb;
    font-size: 14px;
    margin-bottom: 24px;
}

    .section-0-business .badge i {
        color: #fbbf24;
    }

    .section-0-business .badge svg {
        fill: #fbbf24;
    }

.section-0-business .business-heading {
    font-size: 48px;
    line-height: 1.2;
    color: #2563eb;
    font-weight: 700;
    margin-bottom: 15px;
}

.section-0-business .description {
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.section-0-business .buttons {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}

.section-0-business .primary-btn {
    background: #2563eb;
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.section-0-business .secondary-btn {
    background: white;
    color: #2563eb;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #2563eb;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.section-0-business .stats {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #323131;
    font-weight: bold;
}

.section-0-business .rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .section-0-business .rating svg {
        fill: #fb9d24;
    }

.section-0-business .right-content {
    flex: 1;
}

.section-0-business .video-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
}

.section-0-business .video-badge {
    background: #22c55e;
    color: white;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 14px;
    position: absolute;
    top: 16px;
    right: 16px;
}

.section-0-business .video-preview {
    position: relative;
    /*aspect-ratio: 16/9;*/
}

.section-0-business .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .section-0-business .play-btn i {
        color: #2563eb;
        font-size: 24px;
    }

.section-0-business .video-content {
    padding: 10px 24px;
}

.section-0-business .video-title {
    font-size: 24px;
    color: #1e293b;
    margin-bottom: 8px;
}

.section-0-business .video-description {
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 0px !important;
    font-weight: 500;
    display: block;
}

.lite-card1 {
    background: #e9f6fd;
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid #daebed;
    color: #2eb5e9;
    font-size: 14px;
    font-weight: 600;
}

.lite-card2 {
    background: #fcedf5;
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid #f9c8f1;
    color: #d4669c;
    font-size: 14px;
    font-weight: 500;
}

.lite-card3 {
    background: #ffefd4;
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid #ffd793;
    color: #cb8d25 !important;
    font-size: 14px !important;
}

.section-0-business .metrics {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.section-0-business .metric {
    text-align: center;
}

.section-0-business .metric-value {
    font-size: 32px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 4px;
}

.section-0-business .metric-label {
    color: #64748b;
    font-size: 14px;
}

.section-0-business .video-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-0-business .verified {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2563eb;
    font-size: 14px;
}

.section-0-business .learn-more {
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Duration styling for video preview */
.section-0-business .duration {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
}


:root {
    --primary: #4F46E5;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --blue: #3B82F6;
    --green: #10B981;
    --pink: #EC4899;
    --orange: #F97316;
}

.section-1-business {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    ;
    color: var(--text-primary);
    line-height: 1.5;
}

    .section-1-business .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .section-1-business .header {
        text-align: center;
        margin: 4rem 0;
    }

    .section-1-business .service-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: #F3F4F6;
        padding: 0.5rem 1rem;
        border-radius: 9999px;
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }

        .section-1-business .service-tag i {
            color: var(--primary);
        }

    .section-1-business .title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

        .section-1-business .title span {
            color: var(--primary);
        }

    .section-1-business .subtitle {
        color: var(--text-secondary);
    }

    .section-1-business .services-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
        margin-top: 3rem;
    }

    .section-1-business .service-card {
        border: 1px solid #E5E7EB;
        border-radius: 0.75rem;
        padding: 1.5rem;
        transition: all 0.3s ease;
    }

        .section-1-business .service-card:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }

    .section-1-business .service-image {
        width: 100%;
        height: 160px;
        border-radius: 0.5rem;
        margin-bottom: 1.5rem;
        overflow: hidden;
    }

        .section-1-business .service-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .section-1-business .service-icon {
        width: 40px;
        height: 40px;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
    }

    .section-1-business .service-title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
    }

    .section-1-business .service-description {
        color: var(--text-secondary);
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }

    .section-1-business .service-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-1-business .feature-tag {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: var(--text-secondary);
    }

    .section-1-business .learn-more {
        color: var(--primary);
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .section-1-business .blue {
        background: rgba(59, 130, 246, 0.1);
        color: var(--blue);
    }

    .section-1-business .green {
        background: rgba(16, 185, 129, 0.1);
        color: var(--green);
    }

    .section-1-business .pink {
        background: rgba(236, 72, 153, 0.1);
        color: var(--pink);
    }

    .section-1-business .orange {
        background: rgba(249, 115, 22, 0.1);
        color: var(--orange);
    }


.section-2-business {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f8f9fa;
    padding: 2rem;
    min-height: 100vh;
}

    .section-2-business .business-card {
        max-width: 1200px;
        margin: 0 auto;
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        overflow: hidden;
    }

    .section-2-business .card-header {
        text-align: center;
        padding: 1.5rem 2rem 1rem;
        border-bottom: 1px solid #e9ecef;
        background: #e9fcfd4f;
    }

    .section-2-business .card-title {
        font-size: 1.5rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .section-2-business .card-subtitle {
        color: #6c757d;
        font-size: 0.875rem;
    }

    .section-2-business .main-content {
        display: flex;
        padding: 2rem;
        gap: 2rem;
    }

    .section-2-business .left-section {
        flex: 2;
    }

    .section-2-business .right-section {
        flex: 1;
        background: #f8f9fa;
        padding: 0px;
        border-radius: 8px;
    }

    .section-2-business .business-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
        gap: 10px;
    }

    .section-2-business .business-info {
        flex: 1;
    }

    .section-2-business .business-name {
        font-size: 1.3rem;
        font-weight: 700;
        color: #03A9F4;
        margin-bottom: 0.5rem;
    }

    .section-2-business .rating-section {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .section-2-business .stars {
        display: flex;
        gap: 2px;
    }

    .section-2-business .star {
        color: #ffc107;
        font-size: 1rem;
    }

    .section-2-business .rating-text {
        font-size: 0.875rem;
        color: #495057;
        font-weight: 500;
    }

    .section-2-business .badges {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .section-2-business .badge {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .section-2-business .badge-claimed {
        background: #d4edda;
        color: #155724;
    }

    .section-2-business .badge-trusted {
        background: #cce5ff;
        color: #0056b3;
    }

    .section-2-business .nav-tabs {
        display: flex;
        gap: 1rem;
        margin-bottom: 1.5rem;
        border-bottom: none;
    }

    .section-2-business .nav-tab {
        padding: 0.5rem 1rem;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        background: white;
        color: #495057;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 500;
        transition: all 0.2s;
    }

        .section-2-business .nav-tab.active {
            background: #4CAF50;
            color: white;
            border-color: #4CAF50;
        }

        .section-2-business .nav-tab:hover {
            background: #fff;
            border-color: #4CAF50;
            color: #4CAF50;
        }

    .section-2-business .gallery-section {
        margin-bottom: 1.5rem;
    }

    .section-2-business .main-image {
        width: 100%;
        height: 300px;
        /*     object-fit: cover;*/
        border-radius: 8px;
        margin-bottom: 1rem;
    }

    .section-2-business .thumbnail-row {
        display: flex;
        gap: 0.75rem;
    }

    .section-2-business .thumbnail {
        width: 110px;
        height: 60px;
        object-fit: cover;
        border-radius: 6px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.2s;
    }

        .section-2-business .thumbnail:hover {
            border-color: #007bff;
        }

    .section-2-business .more-images {
        width: 80px;
        height: 60px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        font-size: 0.875rem;
        font-weight: 600;
        cursor: pointer;
    }

    .section-2-business .action-buttons {
        display: flex;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .section-2-business .btn {
        padding: 0.75rem 1.5rem;
        border: none;
        border-radius: 6px;
        font-size: 0.875rem;
        font-weight: 700;
        cursor: pointer;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        transition: all 0.2s;
    }

    .section-2-business .btn-call {
        background: #dc35452e;
        color: #cb0e20;
    }

        .section-2-business .btn-call:hover {
            background: #c82333;
            color: #fff
        }

    .section-2-business .btn-whatsapp {
        background: #25d3661c;
        color: #15b551;
    }

        .section-2-business .btn-whatsapp:hover {
            background: #1da851;
            color: #fff
        }

    .section-2-business .btn-secondary {
        background: #f8f9fa;
        color: #495057;
        border: 1px solid #dee2e6;
    }

        .section-2-business .btn-secondary:hover {
            background: #e9ecef;
        }

    .section-2-business .social-media {
        display: flex;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .section-2-business .social-icon {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-decoration: none;
        font-size: 1.25rem;
        transition: transform 0.2s;
    }

        .section-2-business .social-icon:hover {
            transform: translateY(-2px);
        }

    .section-2-business .social-facebook {
        background: #1877f2;
    }

    .section-2-business .social-instagram {
        background: #e4405f;
    }

    .section-2-business .social-twitter {
        background: #1da1f2;
    }

    .section-2-business .social-linkedin {
        background: #0077b5;
    }

    .section-2-business .social-youtube {
        background: #ff0000;
    }

    .section-2-business .social-telegram {
        background: #0088cc;
    }

    .section-2-business .business-summary h3 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 1rem;
    }

    .section-2-business .summary-text {
        color: #495057;
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 0rem;
    }

    .section-2-business .info-item {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        border-bottom: 1px solid #e9ecef;
        padding: 15px;
    }

        .section-2-business .info-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .section-2-business .info-icon {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #dc3545;
        font-size: 1rem;
        margin-top: 2px;
    }

    .section-2-business .info-content {
        flex: 1;
    }

    .section-2-business .info-label {
        font-weight: 600;
        color: #1a1a1a;
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }

    .section-2-business .info-text {
        color: #495057;
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .section-2-business .info-link {
        color: #007bff;
        text-decoration: none;
    }

        .section-2-business .info-link:hover {
            text-decoration: underline;
        }

.section-3-business {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f8f9fa;
}

    .section-3-business .header {
        text-align: center;
        margin-bottom: 2rem;
    }

        .section-3-business .header h2 {
            font-size: 2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 0.5rem;
        }

        .section-3-business .header h3 {
            color: #6b7280;
            font-size: 1rem;
        }

    .section-3-business .form-panel {
        flex: 1;
        background: white;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

        .section-3-business .form-panel h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 1.5rem;
        }

    .section-3-business .form-row {
        display: flex;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-3-business .form-group {
        flex: 1;
    }

        .section-3-business .form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-3-business .form-group input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
        }

            .section-3-business .form-group input:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-3-business .form-group input::placeholder {
                color: #9ca3af;
            }

    .section-3-business .rating-section {
        margin-bottom: 1.5rem;
    }

        .section-3-business .rating-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

    .section-3-business .star-rating {
        display: flex;
        gap: 0.25rem;
    }

    .section-3-business .star {
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        color: #d1d5db;
        transition: color 0.2s;
    }

        .star:hover,
        .section-3-business .star.active {
            color: #ffd700;
        }

    .section-3-business .comments-section {
        margin-bottom: 1.5rem;
    }

        .section-3-business .comments-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-3-business .comments-section textarea {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
            resize: vertical;
            min-height: 100px;
            font-family: inherit;
        }

            .section-3-business .comments-section textarea:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-3-business .comments-section textarea::placeholder {
                color: #9ca3af;
            }

    .section-3-business .char-counter {
        text-align: right;
        font-size: 0.75rem;
        color: #6b7280;
        margin-top: 0.25rem;
    }

    .section-3-business .upload-section {
        margin-bottom: 1.5rem;
    }

        .section-3-business .upload-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

    .section-3-business .upload-area {
        border: 2px dashed #d1d5db;
        border-radius: 6px;
        padding: 2rem;
        text-align: center;
        background: #f9fafb;
        cursor: pointer;
        transition: border-color 0.2s;
    }

        .section-3-business .upload-area:hover {
            border-color: #e12c2c;
        }

    .section-3-business .upload-icon {
        width: 3rem;
        height: 3rem;
        color: #9ca3af;
        margin: 0 auto 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-3-business .upload-text {
        color: #6b7280;
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

    .section-3-business .upload-limit {
        color: #9ca3af;
        font-size: 0.75rem;
    }

    .section-3-business .link-section {
        margin-bottom: 2rem;
    }

        .section-3-business .link-section label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        .section-3-business .link-section input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 0.875rem;
            color: #1a1a1a;
            background: white;
        }

            .section-3-business .link-section input:focus {
                outline: none;
                border-color: #e12c2c;
                box-shadow: 0 0 0 3px rgba(225, 44, 44, 0.1);
            }

            .section-3-business .link-section input::placeholder {
                color: #9ca3af;
            }

    .section-3-business .submit-btn {
        width: 100%;
        padding: 0.875rem;
        background: #e12c2c;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 0.875rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

        .section-3-business .submit-btn:hover {
            background: #c92a2a;
        }

    .section-3-business .reviews-panel {
        flex: 1;
        background: #1c1f2e;
        border-radius: 12px;
        padding: 2rem;
        color: white;
        overflow: hidden;
    }

    .section-3-business .reviews-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

        .section-3-business .reviews-header h3 {
            font-size: 1.25rem;
            font-weight: 600;
            color: white;
        }

    .section-3-business .see-all-link {
        color: #e12c2c;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 500;
    }

        .section-3-business .see-all-link:hover {
            text-decoration: underline;
        }

    .section-3-business .reviews-list {
        height: 735px;
        overflow-y: auto;
        padding-right: 0.5rem;
    }

        .section-3-business .reviews-list::-webkit-scrollbar {
            width: 4px;
        }

        .section-3-business .reviews-list::-webkit-scrollbar-track {
            background: #2a2d3e;
            border-radius: 2px;
        }

        .section-3-business .reviews-list::-webkit-scrollbar-thumb {
            background: #4a5568;
            border-radius: 2px;
        }

    .section-3-business .review-card {
        background: #252837;
        border-radius: 8px;
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .section-3-business .review-header {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .section-3-business .review-avatar {
        width: 2.5rem;
        height: 2.5rem;
        background: #e12c2c;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.875rem;
        color: white;
    }

    .section-3-business .review-info {
        flex: 1;
    }

    .section-3-business .review-name {
        font-weight: 600;
        font-size: 0.875rem;
        color: white;
        margin-bottom: 0.25rem;
    }

    .section-3-business .review-date {
        font-size: 0.75rem;
        color: #9ca3af;
    }

    .section-3-business .review-rating {
        display: flex;
        gap: 0.125rem;
        margin-bottom: 0.75rem;
    }

        .section-3-business .review-rating .star {
            width: 1rem;
            height: 1rem;
            color: #ffd700;
        }

    .section-3-business .review-text {
        color: #d1d5db;
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .section-3-business .review-video {
        position: relative;
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
    }

    .section-3-business .static-review-video {
        height: 245px;
    }

        .section-3-business .static-review-video .comments-videos {
            height: 100% !important;
        }

    .section-3-business .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 3rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1c1f2e;
        font-size: 1.25rem;
        transition: background-color 0.2s;
    }

        .section-3-business .play-button:hover {
            background: white;
        }


/* Responsive Design */
@media (max-width: 991px) {
    /*  .section-0-business .buttons {
        flex-wrap: wrap;
    }*/

    .section-0-business .hero,
    .section-2-business {
        min-height: auto;
    }

    .section-0-business .container {
        flex-direction: column;
        gap: 30px;
        padding: 40px 20px;
    }

    .section-0-business .description {
        font-size: 16px;
    }

    .section-0-business .stats {
        flex-wrap: nowrap;
        gap: 5px;
        overflow: auto;
        margin-bottom: 15px;
    }

    .lite-card2 {
        background: #fcedf5;
        padding: 5px 10px;
        border-radius: 50px;
        border: 1px solid #f9c8f1;
        color: #d4669c;
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }

    .lite-card3 {
        background: #ffefd4;
        padding: 5px 10px;
        border-radius: 50px;
        border: 1px solid #ffd793;
        color: #cb8d25 !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .section-0-business .business-heading {
        font-size: 36px;
    }

    .section-1-business .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .section-2-business .main-content {
        flex-direction: column;
        gap: 1.5rem;
    }

    .section-2-business .business-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .section-2-business .nav-tabs {
        flex-wrap: nowrap;
        gap: 5px;
        overflow: auto;
        width: 100%;
        margin: 0;
    }

    .section-2-business .nav-tab {
        white-space: nowrap;
        padding: 6px 1rem;
        font-size: 12px;
    }

    .section-3-business .container {
        flex-direction: column;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .section-0-business .business-heading {
        font-size: 28px;
    }

    .section-0-business .buttons {
        flex-direction: row;
        gap: 12px;
        margin-bottom: 15px;
    }

    .section-1-business .services-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .section-1-business .title {
        font-size: 1.5rem;
    }

    .section-2-business .action-buttons {
        flex-wrap: nowrap;
        gap: 5px;
        overflow: auto;
        width: 100%;
        padding: 8px 0.8rem;
        font-size: 13px;
    }

    .h2, h2 {
        font-size: 19px;
    }

    body {
        font-size: 14px;
    }

    .h3, h3 {
        font-size: 18px;
    }

    .font-h2-business-page {
        font-size: 1.3rem !important
    }

    .section-2-business .btn {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }

    .section-3-business .form-row {
        flex-direction: column;
        gap: 1rem;
    }

    .section-2-business .social-media {
        margin-bottom: .5rem;
    }
}

@media(max-width:991px) {
    .section-2-business .business-name {
        font-size: 1rem;
    }

    .section-3-business .header h1 {
        font-size: 1.7rem;
    }
}

@media (max-width: 480px) {
    .section-0-business .container {
        padding: 20px 15px;
    }

    .section-0-business h1 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .section-1-business .container {
        padding: 0 1rem;
    }

    .section-2-business .main-content {
        padding: 1rem;
    }

    .section-3-business .form-panel,
    .section-3-business .reviews-panel {
        padding: 1.5rem;
    }
}

h2 {
    color: #808000;
}

.right-column h3 {
    color: #808000;
}

.right-column h4 {
    color: #A52A2A;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

/*.right-column h5 {
    color: #7FFFD4;
}
*/


.right-column h6 {
    color: #FF00FF;
}
/*======================Business Css End==========================*/

.flexing-btn {
    display: flex;
    overflow: auto;
    gap: 15px;
    justify-content: start;
    margin-bottom: 25px
}

.flexing-btn-2 {
    justify-content: center
}

.service-wrapper span {
    background: #dc3545;
    padding: 8px 20px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
    color: #fff;
}

.banner-link {
    padding: 10px 40px;
    background: #04db8e;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
    color: #000;
    border-radius: 25px;
}

.litt-rank {
    color: #dc3545;
    font-weight: 500;
    padding: 8px 15px;
    background: #dc354524;
    border-radius: 2px;
}

.img-absoulute-box {
    position: relative;
}

    .img-absoulute-box img {
        max-width: 90%;
        border-radius: 50px 50px 50px 50px;
        height: auto;
        z-index: 1;
    }

.ranking-2 {
    position: absolute;
    top: 85%;
    transform: translate(-50%, -50%);
    max-width: 55% !important;
    border: 10px solid #E9E5FF;
    border-radius: 50px 50px 50px 50px !important;
    left: 75%;
}

.section-space {
    padding: 90px 0px 100px 0px;
}

.heading-common {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin: 10px 0px;
}

.learn-more-wrapper {
    padding: 18px 3px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px;
    border-radius: 25px;
    background: #fff;
}

.learn-more-btn {
    background: linear-gradient(90deg, rgb(68 113 191) 0%, rgb(67 133 245) 100%);
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 15px 35px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-weight: 550;
}

    .learn-more-btn svg {
        fill: #fff;
        width: 15px;
    }

.read-more-service {
    border: 2px solid #fff;
    padding: 8px 40px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
}

.btn-1 {
    background: #e36b6e24;
    color: #d33337;
}

.btn-2 {
    background: #69c5f026;
    color: #2ea4db;
}

.bnt-3 {
    background: #ea89ba26;
    color: #e75fa4;
}

.btn-new-design1 {
    background: #e19c49;
    color: #fff;
    border: 1px solid #cd8733 !important;
}

.btn-new-design2 {
    background: #6fcba3;
    border: 1px solid #3daf7d !important;
    color: #fff;
}

#feature-card .owl-nav .owl-prev:hover {
    background: none
}

#feature-card .owl-nav .owl-prev:active {
    background: none
}

#feature-card .owl-nav .owl-next:hover {
    background: none
}

#feature-card .owl-nav .owl-next:active {
    background: none
}

@media(max-width:991px) {
    #feature-card .owl-nav .owl-next {
        right: 0px;
    }

    #lblErrBusinessType {
        margin-left: 0% !important;
    }

    .business-review .search-input {
        flex: none !important;
        padding: 1rem 5px 1rem 1.25rem !important;
        font-size: 13px !important;
        background: transparent !important;
    }

    .business-review.search-container {
        align-items: center;
        padding: 5px;
    }

    .business-review .search-button {
        border-radius: 4px !important;
        padding: 6px 18px !important;
        font-size: 15px !important;
        margin-left: 6px !important;
    }

    .section-0-category .hero-section {
        padding: 30px 20px;
    }

    #feature-card .owl-nav .owl-prev {
        left: 0
    }

    .flexing-btn {
        display: flex;
        overflow: auto;
        gap: 15px;
        justify-content: space-around;
    }

    .section-0-category .main-heading {
        line-height: 1.5;
    }

    .section-0-category .main-heading {
        font-size: 15px;
    }

    .section-1 .category-card {
        margin: 0px;
        padding: 0;
        margin-bottom: 5px;
    }

    .section-1 .tab-button-new.active {
        background-color: #a98bf5;
        color: #fff;
        border: 1px solid #926eef;
    }

    .section-2 .btn {
        padding: 15px;
        border-radius: 0.5rem;
        font-size: .9rem;
        font-weight: 500;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .section-3 .header {
        margin-bottom: 2rem;
    }

    .section-1 .view-all-btn {
        margin-top: 15px;
        background-color: #49a7d0;
    }
}


.scroll-items {
    overflow-x: auto;
    padding-bottom: 10px;
}

.review-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    flex-shrink: 0;
}

.reviewer-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #dc3545;
    color: white;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-4 .review-card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.card-design {
    background: #e5e9f25e;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 2px 0px #bcbec3;
}

.btn-4 {
    background: #2196f31c;
    color: #2196f3;
}

@media(max-width:991px) {
    .section-4 .card-business {
        font-size: .65rem;
        color: #666666;
    }

    .section-4 .review-card {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 10px 20px;
        transition: all 0.2s ease;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .card-info h5 {
        font-size: 15px;
    }

    .card-footer.d-flex.justify-content-between.align-items-center {
        margin-top: 5px;
    }

    .section-9 .tab-button {
        text-wrap: nowrap;
    }

    .section-10 .stat-number {
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 0;
        line-height: 1;
        color: #fff;
    }

    .section-10 .stat-label {
        font-size: 1rem;
        opacity: 1;
        color: #fff;
        font-weight: 600;
    }

    .section-11 .faq-header h1 {
        font-size: 1.7rem;
    }

    .section-11 .faq-header {
        margin-bottom: 1rem;
    }

    .section-11 .support-section {
        margin-top: 1rem;
    }

    .section-11 .faq-list {
        margin-bottom: 0px !IMPORTANT;
    }

    .section-10 .container.py-5 {
        padding: 20px !important;
        margin: 0;
    }
}

.digital-marketing-btn1 {
    background: #b2e7bc40 !important;
    color: #058332 !important;
    border: 1px solid #daebed !important;
}

.filter-btn.btn-2 {
    background: #673ab73b;
    color: #6827db;
}

.filter-btn.btn-3 {
    background: #f973161c;
    color: #f97316;
}

.filter-btn.btn-4 {
    background: #10b9812e;
    color: #138f66;
}

.filter-btn.btn-5 {
    background: #2196f32e;
    color: #4169e1;
}

.nav-tab.btn-1 {
    background: #69c5f026;
    color: #2ea4db;
}

    .nav-tab.btn-1:hover {
        background: #2ea4db;
        color: #fff;
        border: 1px solid #2ea4db;
    }

.nav-tab.btn-2 {
    background: #FCEDF5;
    color: #cb669c;
}

    .nav-tab.btn-2:hover {
        background: #cb669c;
        color: #fff;
        border: 1px solid #cb669c;
    }

.nav-tab.btn-3 {
    background: #ffefd4;
    color: #cb8d25;
}

    .nav-tab.btn-3:hover {
        background: #cb8d25;
        color: #fff;
        border: 1px solid #cb8d25
    }

.btn.btn-whatsapp.Rate {
    background: #2196f324;
    color: #1c87dd;
}

    .btn.btn-whatsapp.Rate:hover {
        background: #1c87dd;
        color: #fff;
    }

.btn.btn-whatsapp.Share {
    background: #9c27b026;
    color: #9C27B0;
}



    .btn.btn-whatsapp.Share:hover {
        background: #9C27B0;
        color: #fff;
    }

.dekstop-location-star {
    display: block
}

.phone-location-star {
    display: none
}

.business-location.dekstop-location-star {
    display: block
}

@media (max-width: 996px) {
    .section-0-business .secondary-btn {
        padding: 6px 14px;
        font-size: 12px;
    }

    .video-wrapper img, iframe {
        height: 220px !important;
        width: 100%;
    }

    .section-0-business .primary-btn {
        padding: 6px 14px;
        cursor: pointer;
        font-size: 12px;
    }

    .business-location.dekstop-location-star {
        display: none !important;
    }

    .flexing-start-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border: 1px solid #10b981;
        padding: 0px 0px 0px 5px;
        border-radius: 3px 5px 5px 3px;
        background: #10b9811c;
        overflow: hidden;
    }

        .flexing-start-text b {
            font-weight: bold;
            color: #000;
            font-size: 16px;
        }

    .section-2-category .rating-badge {
        border-radius: 0px 0px 0px 0px;
    }

    .section-2-category .business-location {
        align-items: start
    }




    .dekstop-location-star {
        display: none
    }

    .section-2-category .business-location svg {
        width: 20px;
        height: 20px;
    }

    .phone-location-star {
        display: block
    }

    .section-0-category .secondary-button,
    .section-0-category .primary-button {
        padding: 12px;
        font-size: 14px;
    }

    .section-2-category .col-12.m-0.py-5 {
        padding-top: 0px !important;
    }

    .section-2-category .header h1 {
        font-size: 1rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 0.5rem;
    }

    .section-0-category .subtitle {
        font-size: 16px;
    }

    .section-0-category .cta-buttons {
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }

    .section-2-category .quick-response {
        font-size: 13px
    }

    .section-2-category .top-rated {
        font-size: 13px
    }

    .section-3-category {
        padding: 25px 20px;
    }
    .right-column.mobile-content ul{
        padding-left:0px;
    }
    .ig-logo.new-box-logo {
        padding: 5px 10px;
        font-size: 31px;
    }

    .broker-card {
        padding: 1.5rem 1rem;
    }

    .custom-whatsapp-icon-btn {
        padding: 10px 14px;
    }
    .section-new-cat .form-row {
        flex-direction: column;
    }
    .broker-card .mt-3.d-flex.gap-1.justify-content-end{
        flex-wrap:wrap !important;
        justify-content:start !important;
    }

    .section-new-cat .comments-section textarea {
        min-height: 150px;
    }

    .section-new-cat .reviews-header {
        flex-direction: column;
    }

    .section-5-category {
        background-color: #f8f9fa;
        padding: 0px !important;
    }

        .section-5-category .heading {
            margin-bottom: 20px;
        }

    .section-0-business .hero {
        background-position: center;
        background-size: contain;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .section-2-business .card-title {
        font-size: 1.2rem;
    }

    .section-3-business {
        padding: 1rem !important;
    }
}


.navbar .nav-link {
    font-weight: 500;
    transition: all 0.3s ease;
}

    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
        color: #00aaff;
    }

.active-btn {
    background: linear-gradient(90deg, #007bff, #3399ff);
    color: white !important;
    border-radius: 8px;
    padding: 5px 12px;
}

.signin-btn-design {
    line-height: 1;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5px;
    border-radius: 4px !important;
    /*padding: 7px;*/
}

.gallery-section {
    margin-top: 20px;
}

.main-image {
    max-height: 450px;
    border-radius: 8px;
}

.main-imageMob {
    max-height: 450px;
    border-radius: 8px;
}

.thumbnail-wrapper {
    max-height: 450px;
    overflow-y: auto;
}

.thumbnail {
    width: 100%;
    max-height: 100px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.3s ease;
}

    .thumbnail:hover {
        border-color: #007bff;
    }

.thumbnailMob {
    width: 100%;
    max-height: 100px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.3s ease;
}

    .thumbnailMob:hover {
        border-color: #007bff;
    }

.more-images {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
}

.active-btn {
    background: #00875a;
    border-radius: 4px;
    line-height: 1;
}

.secvice-card-b {
    font-size: 13px;
    color: #000;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.section-4 {
    background: rgb(76 175 80 / 4%);
    border-top: 1px solid #daebedd1;
    border-bottom: 1px solid #daebedd1;
}

.section-6 {
    background: rgb(76 175 80 / 4%);
    border-top: 1px solid #daebedd1;
    border-bottom: 1px solid #daebedd1;
}

.title-section.section-7 {
    text-align: left;
}

.new-badge.section-7 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.title-container.section-7 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.business-badges.phone-location-star {
    display: none;
}

.top-rated.dekstop-location-star-text {
    display: block;
}

.quick-response.dekstop-location-star-text {
    display: block;
}

@media(max-width:991px) {
    .row.g-3.align-items-start.flex-md-nowrap.mb-screen-flexing {
        flex-direction: column-reverse;
    }

    .business-badges.phone-location-star {
        display: block;
    }

    .top-rated.dekstop-location-star-text {
        display: none;
    }

    .quick-response.dekstop-location-star-text {
        display: none;
    }

    .section-4 .container {
        padding-top: 35px !important;
        margin-bottom: 0px;
        padding-bottom: 10px !important;
    }

    .section-2-business .main-image {
        height: 200px !important;
    }
}

.pricing-card {
    border: 1px solid #ef5844;
    border-radius: 5px;
    background: #fff
}

.box-header {
    width: 100%;
    padding: 15px 15px;
    background: #ef5844;
    border-radius: 5px 5px 0px 0px;
    position:relative;
}
.most-popular {
    position: absolute;
    right: 10px;
    top: -20px;
    font-size: 13px;
    color: #fff;
    background: #000;
    padding: 6px 20px;
    text-align: center;
    border-radius: 25px;
    font-weight: 500;
}
.off-class {
    position: absolute;
    top: -22px;
    right: 10px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 25px;
    font-weight: 500;
}
#welcomeModal{
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}
    #welcomeModal .modal-header {
        border-bottom: none;
        padding-bottom: 0px;
    }
.centered-heading {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 10px;
}
#welcomeModal .modal-content {
    background: #e9e9e9;
}
.btn-pop-up {
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    padding: 10px 25px;
    background: #093458;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.5s;
}
.btn-pop-up.upgrade {
    background:none;
    border:2px solid #1f2937;
}
#welcomeModal .btn-close {
    opacity:1;
    background-color: #000; /* black background */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}
.blue-card-b {
    border: 1px solid rgb(10 116 195 / 0.95);
}

.body-blue {
    background: rgb(10 116 195 / 0.95);
}

.plan-name {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.pricing-body {
    padding: 30px
}

.plan_value {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding-left: 15px;
}

    .plan_value .value_due {
        color: #677593;
        font-size: 16px;
        font-weight: 400;
        padding-bottom: 0px
    }

    .plan_value .value_symbol {
        color: #0a2051;
        font-size: 50px;
        font-weight: 600;
        position: relative;

    }

.summary_reward {
    color: #0a2051;
    font-weight: 600;
}

.plan_value .value_symbol::before {
    position: absolute;
    left: -18px;
    top: 5px;
    color: #677593;
    content: "\20B9";
    font-size: 24px;
    font-weight: 600;
}

.planning-detail {
    margin-top: 25px;
    border-top: 1px solid #CFDBE8;
    padding-top: 30px;
}

.listing_box-btn {
    display: flex;
    padding: 20px 0 40px 0;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    font-weight: 600;
}

.smae_btn-ad {
    height: 36px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #EEF5FC;
    justify-content: center;
    color: #2654a2;
}

    .smae_btn-ad.blue {
        background: #1054a7;
        color: #fff;
    }

    .smae_btn-ad.orange {
        background: #d5680b;
        color: #fff;
    }

.orange-bg {
    background: #d5680b;
}

.orange-border {
    border: 1px solid #d5680b;
}

.custom_btn {
    border: 1px solid #d5680b;
    border-radius: 4px;
    padding: 10px 30px;
    display: block;
    color: #d5680b;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}

    .custom_btn.blue {
        background: #1350be;
        color: #fff;
        border-color: #1350be;
    }

.features-plan_label {
    color: #0a2051;
    font-size: 18px;
    font-weight: 600;
}

.lisitng_features {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    color: #677593;
    gap: 15px;
    padding-bottom: 30px;
}

.listi-icon {
    position: relative;
    padding-left: 25px;
    line-height: 24px;
}


    .listi-icon::before {
        position: absolute;
        left: -5px;
        top: 7px;
        content: "";
        width: 15px;
        height: 15px;
        background-image: url('../images/check-mark.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .listi-icon.cross::before {
        background-image: url('../images/remove.png');
        /*background-image: url('../images/check-mark.png');*/
    }


.sub-heading {
    font-size: 14px;
    font-weight: 500;
}

.title-section.section-3 {
    text-align: left;
}

.title-container.section-3 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.title.mb-0.section-3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
}

.new-badge.section-3 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-3 .header h3 {
    color: #6b7280;
    font-size: 0.875rem;
}


.title-section.section-4 {
    text-align: left;
    background: transparent;
    border-top: 0px solid #daebed00;
    border-bottom: 0px solid #daebed00;
}

.title-container.section-4 {
    display: flex;
    align-items: center;
    gap: 15px;
    background: transparent;
    border-top: 0px solid #daebed00;
    border-bottom: 0px solid #daebed00;
    background: transparent;
    border-top: 0px solid #daebed00;
    border-bottom: 0px solid #daebed00;
}

.title.mb-0.section-4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
    background: transparent;
    border-top: 0px solid #daebed00;
    border-bottom: 0px solid #daebed00;
}

.new-badge.section-4 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-4 .header p {
    color: #6b7280;
    font-size: 0.875rem;
    background: transparent;
    border-top: 0px solid #daebed00;
    border-bottom: 0px solid #daebed00;
}

.title-section.section-5 {
    text-align: left;
}

.title-container.section-5 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.title.mb-0.section-5 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
}

.new-badge.section-5 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-5 .header h3 {
    color: #6b7280;
    font-size: 0.875rem;
}

.title-section.section-8 {
    text-align: left;
    background: transparent;
    border-top: 0px solid #daebedd1;
    border-bottom: 0px solid #daebedd1;
}

.title-container.section-8 {
    display: flex;
    align-items: center;
    gap: 15px;
    background: transparent;
    border-top: 0px solid #daebedd1;
    border-bottom: 0px solid #daebedd1;
}

.title.mb-0.section-8 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
    background: transparent;
    border-top: 0px solid #daebedd1;
    border-bottom: 0px solid #daebedd1;
}

.new-badge.section-8 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-8 .header h3 {
    color: #6b7280;
    font-size: 0.875rem;
    background: transparent;
    border-top: 0px solid #daebedd1;
    border-bottom: 0px solid #daebedd1;
}

.title-section.section-9 {
    text-align: left;
}

.title-container.section-9 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.title.mb-0.section-9 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
}

.new-badge.section-9 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-9 .header h3 {
    color: #6b7280;
    font-size: 0.875rem;
}




.title-section.section-11 {
    text-align: left;
}

.title-container.section-11 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.title.mb-0.section-11 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 5px;
    display: block;
    line-height: 1.5;
}

.new-badge.section-11 {
    border: 1px solid #FFF;
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section-11 .header h3 {
    color: #6b7280;
    font-size: 0.875rem;
}

.flexing-footer {
    display: flex;
    align-items: center;
    gap: 20px;
}

.font-size-md {
    font-size: 14px
}

@media(max-width:991px) {
    .section-2 {
        margin-top: 25px;
    }

    .font-size-md {
        font-size: 12px;
        font-weight: normal !important;
    }

    .title.mb-0.section-4 {
        font-size: 1.1rem;
    }

    .new-badge.section-4 {
        display: none
    }

    .new-badge.section-3 {
        display: none
    }

    .phone-margin {
        margin: 25px 0px
    }

    .section-6 .container.py-5 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .title.mb-0.section-7 {
        font-size: 1rem;
    }

    .title.mb-0.section-8 {
        font-size: 1rem;
    }

    .new-badge.section-11 {
        display: none
    }

    .title.mb-0.section-11 {
        font-size: 1rem;
    }

    .section-11 .faq-question {
        font-size: .8rem;
    }

    .section-11 .faq-answer {
        padding: 1rem 1.5rem 0 0rem;
        color: #444649;
        font-size: 0.7rem;
        line-height: 1.6;
        font-weight: 500;
        border-top: 1px solid #daebed;
        padding-top: 10px;
        margin-top: 10px;
    }

    .section-5-category .heading p {
        font-size: 13px;
    }
}






.section-Business-coupon :where([class^="ri-"])::before {
    content: "\f3c2";
}

.section-Business-coupon {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f8f9fa;
    line-height: 1.6;
}

    /*.section-Business-coupon .header {
        background: linear-gradient(135deg, #2e7d32 0%, #388e3c 100%);
        color: white;
        padding: 20px 0;
        position: relative;
        overflow: hidden;
    }

        .section-Business-coupon .header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('https://readdy.ai/api/search-image-query=Beautiful%20woman%20with%20red%20lipstick%20holding%20makeup%20products%2C%20elegant%20beauty%20cosmetics%20background%20with%20soft%20lighting%2C%20professional%20beauty%20photography%20with%20clean%20white%20and%20red%20gradient%20background%2C%20luxury%20skincare%20and%20makeup%20items%20scattered%20artistically%2C%20high-end%20beauty%20salon%20atmosphere%20with%20sophisticated%20styling&width=1200&height=300&seq=beauty-header-bg&orientation=landscape');
            background-size: cover;
            background-position: center;
            opacity: 0.3;
        }*/

    .section-Business-coupon .header-content {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 15px;
        border: 1px solid #0000001c;
        border-radius: 15px;
        margin-top: 15px;
        background: #daebed57;
    }

    .section-Business-coupon .breadcrumb {
        font-size: 14px;
        opacity: 0.9;
    }

        .section-Business-coupon .breadcrumb a {
            text-decoration: none;
            transition: opacity 0.3s ease;
            margin-right: 5px;
            color: #000;
            font-weight: bold;
        }

            .section-Business-coupon .breadcrumb a:hover {
                opacity: 0.8;
            }

    .section-Business-coupon .page-title {
        font-size: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: bold;
    }

    .section-Business-coupon .heart-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-center: center;
        color: #ff4757;
    }

    .section-Business-coupon .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 30px 20px;
    }

    .section-Business-coupon .sidebar {
        width: 250px;
        background: white;
        border-radius: 12px;
        padding: 25px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        margin-bottom: 30px;
        float: left;
        margin-right: 30px;
    }

    .section-Business-coupon .business-list {
        list-style: none;
    }

    .section-Business-coupon .business-item {
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 16px;
        font-weight: 500;
        color: #2e7d32;
        cursor: pointer;
        transition: color 0.3s ease;
    }

        .section-Business-coupon .business-item:last-child {
            border-bottom: none;
        }

        .section-Business-coupon .business-item:hover {
            color: #1b5e20;
        }

    .section-Business-coupon .main-content {
        margin-left: 280px;
    }

    .section-Business-coupon .coupon-card {
        background: white;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        margin-bottom: 25px;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .section-Business-coupon .coupon-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        }

    .section-Business-coupon .coupon-header {
        padding: 15px;
        border-bottom: 1px solid #f0f0f0;
    }

    .section-Business-coupon .store-info {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .section-Business-coupon .store-logo {
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #ff6b9d 0%, #ff8e8e 100%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 24px;
        font-weight: bold;
    }

    .section-Business-coupon .store-details h3 {
        font-size: 20px;
        color: #333;
        margin-bottom: 0px;
    }

    .section-Business-coupon .offer-percentage {
        font-size: 25px;
        font-weight: 700;
        color: #2e7d32;
        margin-bottom: 0px;
    }

    .section-Business-coupon .offer-description {
        color: #666;
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .section-Business-coupon .view-offers-link {
        color: #2196f3;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: color 0.3s ease;
    }

        .section-Business-coupon .view-offers-link:hover {
            color: #1976d2;
        }

    .section-Business-coupon .coupon-footer {
        padding: 20px 20px;
        background: #fafafa;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-Business-coupon .coupon-meta {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 14px;
        color: #666;
    }

    .section-Business-coupon .show-details {
        color: #2196f3;
        text-decoration: none;
        font-weight: 500;
    }

    .section-Business-coupon .comments {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .section-Business-coupon .validity {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .section-Business-coupon .coupon-actions {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .section-Business-coupon .verified-badge {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #4caf50;
        font-size: 14px;
        font-weight: 500;
    }

    .section-Business-coupon .show-coupon-btn {
        background: linear-gradient(135deg, #2e7d32 0%, #388e3c 100%);
        color: white;
        padding: 10px 15px;
        border: none;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

        .section-Business-coupon .show-coupon-btn:hover {
            background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);
            transform: translateY(-1px);
        }

        .section-Business-coupon .show-coupon-btn.blue {
            background: linear-gradient(135deg, #2196f3 0%, #42a5f5 100%);
        }

            .section-Business-coupon .show-coupon-btn.blue:hover {
                background: linear-gradient(135deg, #1976d2 0%, #2196f3 100%);
            }

    .section-Business-coupon .action-icons {
        display: flex;
        gap: 10px;
    }

    .section-Business-coupon .action-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #666;
        cursor: pointer;
        border-radius: 6px;
        transition: all 0.3s ease;
    }

        .section-Business-coupon .action-icon:hover {
            background: #f0f0f0;
            color: #333;
        }

    .section-Business-coupon .exclusive-card {
        border-left: 4px solid #4caf50;
    }

    .section-Business-coupon .exclusive-badge {
        background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
        color: white;
        padding: 6px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: inline-block;
        margin-bottom: 15px;
    }

@media (max-width: 768px) {
    .section-Business-coupon .sidebar {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .section-Business-coupon .main-content {
        margin-left: 0;
    }

    .section-Business-coupon .page-title {
        font-size: 24px;
    }

    .section-Business-coupon .coupon-header {
        padding: 20px;
    }

    .section-Business-coupon .store-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .section-Business-coupon .store-logo {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .section-Business-coupon .offer-percentage {
        font-size: 28px;
    }

    .section-Business-coupon .coupon-footer {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .section-Business-coupon .coupon-actions {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .section-Business-coupon .business-item {
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 16px;
        font-weight: 500;
        color: #4CAF50;
        cursor: pointer;
        transition: color 0.3s ease;
        white-space: nowrap;
        margin-right: 25px;
    }

    .section-Business-coupon .business-list {
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: auto;
    }

    .section-Business-coupon .breadcrumb {
        margin-bottom: 0;
    }

    .section-Business-coupon .header-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        background: #ffffff;
        z-index: 2;
        border-bottom: 1px solid gainsboro;
    }
}

@media (max-width: 480px) {
    .section-Business-coupon .container {
        padding: 20px 15px;
    }

    .section-Business-coupon .coupon-header {
        padding: 15px;
    }

    .section-Business-coupon .coupon-footer {
        padding: 15px;
    }

    .section-Business-coupon .coupon-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
}



.category-page-section :where([class^="ri-"])::before {
    content: "\f3c2";
}

.category-page-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.category-page-section {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #ffffff;
    color: #1f2937;
    line-height: 1.6;
}

    .category-page-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem 1rem;
        min-height: 100vh;
    }

    .category-page-section .section-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 1.5rem;
    }

    .category-page-section .popular-categories {
        margin-bottom: 3rem;
    }

    .category-page-section .popular-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }

    .category-page-section .popular-card {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 1.5rem;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

        .category-page-section .popular-card:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }

    .category-page-section .category-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-bottom: 1rem;
        object-fit: cover;
    }

    .category-page-section .category-name {
        font-size: 1.125rem;
        font-weight: 600;
        color: #1f2937;
        margin-bottom: 0.5rem;
    }

    .category-page-section .category-stats {
        font-size: 0.875rem;
        color: #6b7280;
        display: flex;
        gap: 1rem;
    }

    .category-page-section .stat-item {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .category-page-section .all-categories {
        margin-top: 3rem;
    }

    .category-page-section .categories-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem 3rem;
    }

    .category-page-section .category-item {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .category-page-section .category-title {
        font-size: 1rem;
        font-weight: 600;
        color: #1f2937;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .category-page-section .category-title:hover {
            color: #3b82f6;
        }

    .category-page-section .category-counts {
        font-size: 0.875rem;
        color: #6b7280;
        display: flex;
        gap: 1rem;
    }

    .category-page-section .count-item {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

@media (max-width: 968px) {
    .category-page-section .popular-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .category-page-section .categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 2rem;
    }
}

@media (max-width: 576px) {
    .category-page-section .container {
        padding: 1.5rem 1rem;
    }

    .category-page-section .popular-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .category-page-section .categories-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .category-page-section .section-title {
        font-size: 1.25rem;
    }
}


.section-coupon-detail * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.section-coupon-detail {
    background-color: #1e3a5f;
    min-height: 100vh;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .section-coupon-detail .main-container {
        max-width: 1200px;
        width: 100%;
        background: white;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }

    .section-coupon-detail .header-section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
        gap: 2rem;
    }

    .section-coupon-detail .left-content {
        flex: 1;
    }

    .section-coupon-detail .brand-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        letter-spacing: -0.02em;
    }

    .section-coupon-detail .offer-description {
        font-size: 0.95rem;
        color: #666;
        line-height: 1.4;
        margin-bottom: 2rem;
    }

    .section-coupon-detail .company-logo {
        font-size: 2rem;
        font-weight: 700;
        color: #1a1a1a;
        letter-spacing: -0.02em;
    }

    .section-coupon-detail .promo-banner {
        width: 280px;
        height: 130px;
        background: linear-gradient(135deg, #2d5aa0, #1e3a5f);
        border-radius: 8px;
        padding: 1rem;
        color: white;
        position: relative;
        overflow: hidden;
    }

        .section-coupon-detail .promo-banner::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="rgba(255,255,255,0.1)"/></svg>') no-repeat center;
            background-size: contain;
        }

    .section-coupon-detail .promo-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .section-coupon-detail .promo-icon {
        width: 20px;
        height: 20px;
        background: #4ade80;
        border-radius: 50%;
    }

    .section-coupon-detail .promo-brand {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .section-coupon-detail .promo-text {
        font-size: 0.85rem;
        line-height: 1.3;
        margin-bottom: 0.5rem;
    }

    .section-coupon-detail .promo-cta {
        background: #10b981;
        color: white;
        border: none;
        padding: 0.3rem 0.8rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        cursor: pointer;
    }

    .section-coupon-detail .coupon-instruction {
        text-align: center;
        font-size: 0.9rem;
        color: #666;
        margin-bottom: 1rem;
    }

    .section-coupon-detail .coupon-container {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .section-coupon-detail .coupon-code-box {
        flex: 1;
        padding: 1rem;
        border: 2px dashed #ccc;
        border-radius: 4px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: 700;
        color: #1a1a1a;
        letter-spacing: 0.1em;
    }

    .section-coupon-detail .copy-button {
        padding: 1rem 2rem;
        background: #2563eb;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s;
        white-space: nowrap;
    }

        .section-coupon-detail .copy-button:hover {
            background: #1d4ed8;
        }

    .section-coupon-detail .website-link {
        display: block;
        text-align: center;
        color: #2563eb;
        text-decoration: none;
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }

        .section-coupon-detail .website-link:hover {
            text-decoration: underline;
        }

    .section-coupon-detail .verification-section {
        text-align: center;
        margin-bottom: 2rem;
    }

    .section-coupon-detail .verification-question {
        color: #666;
        font-size: 0.9rem;
        margin-right: 1rem;
    }

    .section-coupon-detail .verification-btn {
        padding: 0.4rem 1rem;
        margin: 0 0.25rem;
        border: 1px solid #d1d5db;
        border-radius: 4px;
        background: white;
        color: #374151;
        font-size: 0.85rem;
        cursor: pointer;
        transition: all 0.2s;
    }

        .section-coupon-detail .verification-btn:hover {
            background: #f3f4f6;
        }

    .section-coupon-detail .details-section {
        border-left: 4px solid #e5e7eb;
        padding-left: 1.5rem;
    }

    .section-coupon-detail .detail-item {
        margin-bottom: 0.75rem;
        font-size: 0.9rem;
        color: #4b5563;
        line-height: 1.5;
    }

    .section-coupon-detail .highlight-pink {
        color: #ec4899;
        font-weight: 600;
    }

    .section-coupon-detail .highlight-orange {
        color: #f59e0b;
        font-weight: 600;
    }

    .section-coupon-detail .price-green {
        color: #10b981;
        font-weight: 600;
    }

.comments-videos {
    height: 150px;
    overflow: auto;
}

@media (max-width: 768px) {
    .section-coupon-detail {
        padding: 1rem;
    }

    .section-0-business .badge {
        font-size: 12px;
    }

    .input-lg-custom::placeholder {
        font-size: 12px !important;
    }

    .input-lg-custom {
        padding: 5px 0rem 10px 0.5em !important;
    }

    .right-inline-actions {
        gap: 0.2rem;
    }

    .section-coupon-detail .main-container {
        padding: 1.5rem;
    }

    .section-coupon-detail .header-section {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: .5rem;
    }

    .section-coupon-detail .promo-banner {
        width: 100%;
        max-width: 300px;
    }

    .section-coupon-detail .coupon-container {
        flex-direction: column;
    }

    .section-coupon-detail .copy-button {
        width: 100%;
    }

    .section-coupon-detail .details-section {
        border-left: none;
        border-top: 4px solid #e5e7eb;
        padding-left: 0;
        padding-top: 1.5rem;
    }

    .section-coupon-detail .offer-description {
        margin-bottom: 0rem;
    }

    .section-coupon-detail .promo-banner {
        height: 130px;
    }
}

@media (max-width: 480px) {
    .section-coupon-detail .brand-title {
        font-size: 1.25rem;
    }

    .section-coupon-detail .company-logo {
        font-size: 1.5rem;
    }

    .section-coupon-detail .coupon-code-box {
        font-size: 1rem;
    }
}

.col-md-4.mb-4.mb-md-0.card.card-body.text-center h2.fw-bold.mb-2.font-h2 {
    font-size: 23px !important;
}

.font-h2-business-page {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

.preview-image img {
    width: 30px;
    height: 20px;
}

.profile-img-alert-msg {
    position: absolute;
    top: 50%;
    left: 22%;
    width: 100%;
}

.margin-top-15 {
    margin-top: 10px;
}


.flexinf-div {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.img-box-flex {
    width: 24%;
    height: 250px;
}

    .img-box-flex img {
        width: 100%;
        height: 100%;
    }

.card-img, .card-img-bottom, .card-img-top {
    width: auto;
}

.img-box-flex {
    position: relative !important;
}

video.card-img-top.new-upload-img {
    width: 100%;
}

.card-img-top.new-upload-img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none !important;
}
/*============================Login Register Css Start=======================*/
/* UNIQUE TO THIS PAGE ONLY (do not repeat common CSS here) */
:root {
    --primary: #00A650;
    /* Green for this page */
    --secondary: #FF4444;
    --gray-900: #111827;
    --gray-700: #374151;
    --gray-600: #4b5563;
    --gray-500: #6b7280;
    --gray-400: #9ca3af;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-100: #f3f4f6;
}

:where([class^="ri-"])::before {
    content: "\f3c2";
}

/* Keep original gradient, shadows, and interactions */
.gradient-bg {
    background: linear-gradient(135deg, rgba(255, 87, 87, 0.1) 0%, rgba(255, 154, 154, 0.08) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(134, 239, 172, 0.08) 75%, rgba(134, 239, 172, 0.1) 100%);
}

.form-shadow {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
}

.input-focus:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
    background-color: #fff !important;
}

.password-toggle {
    transition: all 0.2s ease;
}

    .password-toggle:hover {
        color: #ef4444;
    }

/* Color tokens and radius to mimic Tailwind settings */
:root {
    --primary: #ef4444;
    --secondary: #86efac;
    --gray-900: #111827;
    --gray-700: #374151;
    --gray-600: #4b5563;
    --gray-500: #6b7280;
    --gray-400: #9ca3af;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-50: #f9fafb;
    --radius-button: 8px;
    --radius-2xl: 24px;
}

.text-gray-900 {
    color: var(--gray-900) !important;
}

.text-gray-700 {
    color: var(--gray-700) !important;
}

.text-gray-600 {
    color: var(--gray-600) !important;
}

.text-gray-500 {
    color: var(--gray-500) !important;
}

.bg-gray-50 {
    background-color: var(--gray-50) !important;
}

.border-gray-200 {
    border-color: var(--gray-200) !important;
}

.border-gray-300 {
    border-color: var(--gray-300) !important;
}

.border-red-400 {
    border-color: #f87171 !important;
}

.rounded-2xl {
    border-radius: var(--radius-2xl) !important;
}

.rounded-button {
    border-radius: var(--radius-button) !important;
}

/* Button color hover to match Tailwind hover:bg-red-600 */
.btn-primary-custom {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
    border-radius: var(--radius-button);
    transition: all .2s ease;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

    .btn-primary-custom:hover {
        background-color: #dc2626;
        /* red-600 */
        border-color: #dc2626;
        transform: translateY(-2px);
        box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, .15);
    }

/* Spacing and typography approximations */
.h1-tight {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

/* ~text-3xl */
.text-sm {
    font-size: .875rem;
}

.text-base {
    font-size: 1rem;
}

/* Inputs to emulate px-5 py-4 and rounded */
.input-lg-custom {
    padding: 10px 1.25rem;
    border-radius: .5rem;
    border: 1px solid var(--gray-200);
    background-color: var(--gray-50);
    transition: all .2s ease;
    font-size: 1rem;
}

/* For password input right padding */
.pr-12 {
    padding-right: 3rem !important;
}

/* Absolute icon inside input */
.input-icon-btn {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    background: transparent;
    border: none;
}

/* Custom checkbox box */
.checkbox-box {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--gray-300);
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .75rem;
    transition: all .2s ease;
    cursor: pointer;
}

    .checkbox-box:hover {
        border-color: var(--primary);
    }

    .checkbox-box.active {
        background-color: var(--primary);
        border-color: var(--primary);
    }

.link-primary-custom {
    color: var(--primary);
    text-decoration: none;
    transition: color .2s ease, text-decoration-color .2s ease;
    font-weight: 500;
}

a.link-primary-custom:hover {
    text-decoration: underline;
    color: var(--primary);
}

a.link-muted {
    color: var(--gray-500);
    text-decoration: none;
    transition: color .2s ease;
}

    a.link-muted:hover {
        color: var(--primary);
    }

/* Full-height center container */
.min-vh-100-pt4 {
    min-height: 100vh;
    padding: 1rem;
}
/* Page gradient for Sign Up */
.gradient-bg-signup {
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 25%, #FFB3B3 50%, #FFD6D6 75%, #FFF0F0 100%);
}

/* Glass card */
.form-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    /* matches rounded-2xl */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
}

/* Secondary glass card (right side) */
.glass-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
}

/* Buttons for this page (green) */
.btn-success-custom {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
    border-radius: 8px;
    transition: all .2s ease;
}

    .btn-success-custom:hover {
        background-color: #16a34a;
        /* green-600-ish */
        border-color: #16a34a;
        color: #fff;
    }

/* Ghost gray button */
.btn-ghost-gray {
    background-color: #f9fafb;
    border: 1px solid var(--gray-200);
    color: var(--gray-600);
    border-radius: 8px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    text-align: left;
    width: 100%;
}

    .btn-ghost-gray:hover {
        background-color: #f3f4f6;
        color: var(--gray-700);
    }

/* Password strength bar */
.password-strength {
    height: 4px;
    border-radius: 2px;
    background: var(--gray-200);
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
}

    .password-strength .bar {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0%;
        transition: width .3s ease, background .3s ease;
        border-radius: 2px;
    }

.bar.weak {
    width: 33%;
    background: #ef4444;
}

.bar.medium {
    width: 66%;
    background: #f59e0b;
}

.bar.strong {
    width: 100%;
    background: #10b981;
}

/* Video container (16:9) */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #f3f4f6;
}

    .video-container .overlay-center {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
        border-radius: 16px;
        text-align: center;
    }

/* Floating shapes background */
.floating-shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
}

.shape-1 {
    width: 200px;
    height: 200px;
    background: #FF6B6B;
    top: 10%;
    left: -5%;
}

.shape-2 {
    width: 150px;
    height: 150px;
    background: #00A650;
    top: 60%;
    right: -3%;
}

.shape-3 {
    width: 100px;
    height: 100px;
    background: #FF8E8E;
    bottom: 20%;
    left: 20%;
}

/* Minor helpers for this page */
.icon-btn {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-400);
    background: transparent;
    border: 0;
    padding: 0;
}

    .icon-btn:hover {
        color: var(--gray-600);
    }

.right-inline-actions {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    gap: .5rem;
    align-items: center;
}

.checkbox-box {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--gray-300);
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    cursor: pointer;
    background: #fff;
}

    .checkbox-box:hover {
        border-color: var(--primary);
    }

    .checkbox-box.active {
        background-color: var(--primary);
        border-color: var(--primary);
    }

.min-vh-100-pt-6 {
    min-height: 100vh;
    padding: 1.5rem;
}

.active-btn-new {
    background: none;
    border-radius: 4px;
    line-height: 1;
    /* color: #dc3545 !important; */
}

.loader {
    display: flex;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #15171875;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 9999;
}

    .loader img {
        width: 45px;
        height: 45px;
    }

.card-header-new {
    text-align: center;
    padding: 1.5rem 2rem 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #e9fcfd4f;
}

    .card-header-new .card-title {
        font-size: 1.5rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .card-header-new .card-subtitle {
        color: #6c757d;
        font-size: 0.875rem;
    }

#product-slider .owl-nav .owl-prev,
#product-slider .owl-nav .owl-next {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0432c;
}

#product-slider .owl-nav .owl-prev {
    left: -12px;
}

#product-slider .owl-nav .owl-next {
    right: -12px;
}

    #product-slider .owl-nav .owl-prev span,
    #product-slider .owl-nav .owl-next span {
        font-size: 40px;
        color: #fff;
        line-height: 0px;
        margin-bottom: 10px;
    }

.service-card {
    width: 100%;
    margin: auto;
}

.business-review.search-container {
    display: flex;
    background: white;
    border-radius: 12px;
    padding: 8px;
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.business-review .search-input:first-child {
    border-right: 1px solid #e5e7eb;
}

.business-review .search-input {
    flex: 1;
    border: none;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    outline: none;
    background: transparent;
}

.business-review .search-button {
    background: #10b981;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.img-svg {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    border: 1px solid #adadad;
    justify-content: center;
    border-radius: 50%;
}

/*============================Login Register Css End=======================*/
/*============================Advertise Css===========================*/
h1.Advertise-banner-heading {
    font-weight: bold;
    font-size: 56px;
    color: #000;
}

    h1.Advertise-banner-heading span {
        color: #048959;
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 800;
    }

.material-textfield {
    position: relative;
}

.material-input {
    font-size: 1rem;
    outline: none;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 1rem 0.7rem;
    color: gray;
    transition: 0.1s ease-out;
    width: 100%;
    z-index: 5;
    position: relative;
    background: transparent;
    padding-left: 65px;
    padding-right: 100px;
    border: 1px solid #313c4c33;
}

    .material-input:focus {
        border-color: #0076d7;
    }

        .material-input:focus + .material-label {
            color: #0076d7;
            top: 0;
            transform: translateY(-50%) scale(.9);
            z-index: 10;
            font-weight: bold;
            text-transform: uppercase;
        }

    .material-input:not(:placeholder-shown) + .material-label {
        top: 0;
        transform: translateY(-50%) scale(.9);
    }

.material-label {
    position: absolute;
    font-size: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f0fdff;
    color: #000;
    font-weight: bold;
    padding: 0 3.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
}

.material-border {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px;
}

h4.Advertise-banner-sub-heading {
    font-size: 17px;
    font-family: 'Roboto';
    color: #313c4cc7;
}

ul.material-ul {
    padding: 0;
    list-style: none;
}

    ul.material-ul li {
        color: #3b3b3b;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        margin-top: 15px;
    }

        ul.material-ul li img {
            margin-right: 10px;
            width: 20px;
        }

li.material-li1 {
    position: absolute;
    left: 1%;
    top: 75%;
    border: 1px solid #80808038;
    border-radius: 5px;
    padding: 10px;
    background: #ffffff;
    animation: mover 2s infinite alternate;
}

li.material-li2 {
    position: absolute;
    left: 38%;
    top: 52%;
    border: 1px solid #80808038;
    border-radius: 5px;
    padding: 10px;
    background: #ffffff;
    animation: mover3 2s infinite alternate;
}

li.material-li3 {
    position: absolute;
    right: 5%;
    top: 70%;
    border: 1px solid #80808038;
    border-radius: 5px;
    padding: 10px;
    background: #ffffff;
    animation: mover2 2s infinite alternate;
}

p.Advertise-text {
    font-size: 12px;
    color: gray;
}

.row.Advertise-fst-section .col-md-3 h4 {
    font-size: 30px;
    font-weight: bold;
    color: #1a1b1d;
    margin-top: 20px;
    margin-bottom: 0px
}

.row.Advertise-fst-section .col-md-3 label {
    color: #1a1b1d;
    font-size: 25px;
    font-family: 'Roboto';
    margin: 30px 0px;
}

p.scnd-section-p {
    font-size: 20px;
    font-family: 'Roboto';
}

.cardd-header.faq-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #6464642b;
}

.container.card.card-body.border\.5 {
    border: 1px solid #00000014 !important;
    margin-bottom: 30px;
    background: linear-gradient(90deg, #e5f8f5 0%, #f5f7e5 99%);
}

.accordion-item {
    margin-bottom: 20px;
}

#accordionFlush .accordion-body {
    background: #fff;
    padding-left: 45px;
    border-radius: 0px 0px 10px 10px;
    padding-top: 20px;
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #ef462f !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .06) !important;
    margin-bottom: 0 !important;
}

.container.card.card-body.border\.5 {
    border: 1px solid #00000014 !important;
    margin-bottom: 30px;
    background: linear-gradient(90deg, #e5f8f5 0%, #f5f7e5 99%);
}

.border\.5 {
    border: 1px solid #f0f0f0 !important;
}

input[type="text"] {
    font: 15px / 24px "Lato", Arial, sans-serif;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
}

label.faq-label {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: bold;
    margin-left: 20px;
}

.cardd-header.faq-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #6464642b;
}

@keyframes mover3 {
    0% {
        transform: translateY(-10);
    }

    100% {
        transform: translateY(10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}


@keyframes mover2 {
    0% {
        transform: translateY(10);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes bubble {
    to {
        box-shadow: 0 0 0 20px #1741955c;
    }
}

@media(max-width:996px) {
    ul.material-ul li {
        font-size: 11px;
    }

    h4.Advertise-banner-sub-heading {
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        font-family: 'Roboto';
    }

    p.Advertise-text {
        font-size: 12px;
        color: #313c4c;
    }

    li.material-li1 {
        color: #3b3b3b;
        display: flex;
        align-items: center;
        margin: 0 !important;
        border: 0;
        background: transparent;
        font-weight: bold !important;
        animation: none;
        position: static;
    }

    li.material-li2 {
        color: #3b3b3b;
        display: flex;
        align-items: center;
        margin: 0 !important;
        border: 0;
        background: transparent;
        font-weight: bold !important;
        animation: none;
        position: static;
    }

    li.material-li3 {
        color: #3b3b3b;
        display: flex;
        align-items: center;
        margin: 0 !important;
        border: 0;
        background: transparent;
        font-weight: bold !important;
        animation: none;
        position: static;
    }
}
/*============================Advertise Css End===========================*/



/*==================QUESTION aNSWER Box Css===========*/
.question-answer-box {
    /*padding:10px 15px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
}

.question-box {
    padding: 10px 15px;
    background: #dc35451f;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
}

.username {
    font-weight: 500;
}

.answer-mega-box {
    padding: 10px 15px;
}

.questions {
    font-size: 18px;
    font-weight: 500;
    color: #dc3545;
    margin-bottom: 10px;
    position: relative;
    padding-left: 40px;
    width: calc(100% - 170px);
}

.answer-btn-user {
    padding: 4px 20px;
    border: 1px solid #10b569;
    border-radius: 20px;
    color: #10b569;
    font-weight: 500;
    background: #fff;
}

.user-info-show .form-control {
    border: 1px solid #6b7280;
}

.user-info-show {
    display: none;
}

.questions::before {
    content: 'Q';
    position: absolute;
    left: 0px;
    top: 0;
    color: #fff;
    background: #dc3545;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
}

.answer-content {
    position: relative;
    padding-left: 40px;
}

.new-box-answer-ser {
    padding: 10px 20px;
    background: #f1fff0;
    border-radius: 5px;
    border: 1px solid #8eb18e;
}

    .new-box-answer-ser .answer-content::before {
        background: #198754;
    }

.answer-content::before {
    content: 'A';
    position: absolute;
    left: 0px;
    top: 0;
    color: #fff;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
}

.answer-users {
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdada;
    margin-top: 15px;
}

    .answer-users:last-child {
        border-bottom: none;
    }

@media(max-width:991px) {
    .question-box {
        align-items: start;
        flex-direction: column;
    }

    .questions {
        width: 100%;
    }
}
/*==================QUESTION aNSWER Box Css End===========*/
/*===================================New Design section====================*/
.big-button-color {
    background: #fbfbfb;
}

.buttons-header {
    padding: 14px 20px;
    border-bottom: 1px solid #ccc;
    overflow-x: auto;
}

.top-btn-list-card {
    border: 1px solid #afafaf;
    border-radius: 5px;
    padding: 7px 20px;
    color: #918f8f;
    font-size: 14px;
}

    .top-btn-list-card.active {
        background: #ef9309;
        font-weight: 500;
        border: none;
        color: #fff;
    }

.side-box-drop {
    padding: 0px;
    border-right: 1px solid #ccc;
    height: 100%;
}

.content-daughter {
    display: none;
}

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

.side-box-drop li {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a1a1a1;
    font-size: 15px;
    gap: 5px;
}

.new-grid {
    display: grid;
    row-gap: 1.25rem;
    column-gap: 2rem;
    padding-top: 20px;
    padding-bottom: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 280px;
    overflow-y: auto;
}

.new-grid {
    display: none;
}

    .new-grid.active {
        display: grid;
    }

.display-block-fit {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    text-decoration: none;
    color: #040b1c;
}

.mobile-btn-list {
    padding: 8px 12px;
    color: #000;
    background: #10b981;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    text-decoration: none;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.side-box-drop {
    max-height: 280px;
    overflow-y: auto;
}

    .side-box-drop li.active svg {
        color: #ef9309;
    }

    .side-box-drop li svg {
        width: 9px;
        color: #a1a1a1;
    }

    .side-box-drop li.active {
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #ef9309;
        font-size: 15px;
        gap: 5px;
        background: #fff4e4;
    }

.tab-button-new-btn-1,
.tab-button-new-btn-2 {
    padding: 10px 40px;
    border: none;
    border-radius: 2rem;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-button-new-btn-1 {
    background: #e36b6e24;
    color: #d33337;
}

.tab-button-new-btn-2 {
    background: #69c5f026;
    color: #2ea4db;
}

    .tab-button-new-btn-1.active,
    .tab-button-new-btn-2.active {
        background-color: #10b981;
        color: #fff;
    }


/*===================================New Design section End====================*/
@media(max-width:991px) {
    .data-table-wrapper {
        max-width: 100%;
        overflow-x: auto;
    }

    .section-0 .search-container {
        margin-bottom: 0px !important;
    }

    .section-minus {
        z-index: 0;
        margin-top: 50px;
    }
}

.modal-backdrop.fade.show {
    display: none;
}

#verificationModal .modal-content {
    border: none;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 100% !important;
    padding: 0px !important;
    margin: 80px 0px 0px 0px !important
}

#verificationModal .modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-bottom: none;
    padding: 1.5rem 2rem;
}

#verificationModal .modal-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

#verificationModal .btn-close {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

    #verificationModal .btn-close:hover {
        opacity: 1;
    }

#verificationModal .modal-body {
    padding: 2rem;
}

#verificationModal .form-group {
    margin-bottom: 1.5rem;
}

#verificationModal .form-label {
    font-weight: 500;
    color: #2d3748;
    margin-bottom: 0.5rem;
    display: block;
}

#verificationModal .required {
    color: #e53e3e;
}

#verificationModal .form-control,
#verificationModal .form-select {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: #f8fafc;
}

    #verificationModal .form-control:focus,
    #verificationModal .form-select:focus {
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        background-color: white;
    }

    #verificationModal .form-control::placeholder {
        color: #a0aec0;
    }

#verificationModal textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

#verificationModal .modal-footer {
    padding: 1.5rem 2rem;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

#verificationModal .btn-submit {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    border: none;
    padding: 0.75rem 2rem;
    font-weight: 600;
    border-radius: 12px;
    color: white;
    transition: all 0.3s ease;
}

    #verificationModal .btn-submit:hover {
        background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
        transform: translateY(-1px);
    }

#verificationModal .btn-cancel {
    background: #e2e8f0;
    border: none;
    padding: 0.75rem 2rem;
    font-weight: 600;
    border-radius: 12px;
    color: #4a5568;
    transition: all 0.3s ease;
}

    #verificationModal .btn-cancel:hover {
        background: #cbd5e0;
        color: #2d3748;
    }

#verificationModal .form-row {
    display: flex;
    gap: 1rem;
}

    #verificationModal .form-row .form-group {
        flex: 1;
    }

.invalid-feedback {
    display: block;
    color: #e53e3e;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

#verificationModal .form-control.is-invalid {
    border-color: #e53e3e;
}



@media (max-width: 768px) {

    #verificationModal .modal-dialog {
        margin: 1rem;
    }

    #verificationModal .modal-body {
        padding: 1.5rem;
    }

    #verificationModal .form-row {
        flex-direction: column;
        gap: 0;
    }

    #verificationModal .verification-btn {
        padding: 0.875rem 2rem;
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    #verificationModal .modal-body {
        padding: 1rem;
    }

    #verificationModal .modal-footer {
        padding: 1rem;
    }
}

.unverified-business {
    color: #dc3545;
    font-size: 17px;
    cursor: pointer;
    font-weight: 600;
}

.verified-business {
    color: #09a75e;
    font-size: 17px;
    cursor: pointer;
    font-weight: 600;
}

.highlight {
    background: aliceblue;
}

.bg-code-block {
    background: #1e293b;
}

.code-block {
    position: relative;
}

.copy-btn-code {
    top: 8px;
    right: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 0.375rem;
    background-color: #475569;
    color: #fff;
    transition: background-color 0.2s ease-in-out;
}

    .copy-btn-code:hover {
        background-color: #64748b;
    }

.search-wrapCat {
    position: relative;
}

.search-row {
    display: flex;
    gap: 8px;
}

.suggestionsCat {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0px;
    /* leave room for button */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    max-height: 220px;
    overflow-y: auto;
    padding: 6px 0;
    z-index: 10;
    display: none;
}

    .suggestionsCat.visible {
        display: block;
    }

.suggestion-itemCat {
    padding: 8px 12px;
    cursor: pointer;
    line-height: 1.3;
}

    .suggestion-itemCat:hover,
    .suggestion-itemCat[aria-selected="true"] {
        background: #f0f6ff;
    }

input[type="search"].search-category {
    padding: 8px 20px 8px 10px;
    border-radius: 3px;
    outline: none;
    border: 1px solid #d1d5db;
}

#searchBtnCat {
    padding: 8px 30px;
    cursor: pointer;
    border: none;
    background: #04db8e;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
}

.search-category {
    padding:
}

.new-font {
    font-size: 13px
}

#images-modal .modal-dialog .modal-content .modal-header {
    padding: 0px !important;
}

#images-modal .modal-dialog .modal-content {
    padding: 0px !important;
}

#images-modal .modal-body {
    padding: 0px;
}

#modal-slider img {
    width: 100% !important;
    max-height: 400px !important;
    object-fit: cover;
}

#modal-slider .owl-nav {
    height: 0px;
    margin-top: 0px;
}

#images-modal .btn-close {
    position: absolute;
    right: -20px;
    top: -20px;
    background-color: #fff;
    /* background: #fff; */
    opacity: 1;
    z-index: 999;
}

#modal-slider .item img {
    border-radius: 10px;
}

#modal-slider .owl-nav .owl-next,
#modal-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    width: 40px;
    height: 40px;
    box-shadow: rgba(0,0,0,0.4) 0px 5px 8px;
}

#modal-slider .owl-nav .owl-next {
    right: -25px;
}

#modal-slider .owl-nav .owl-prev {
    left: -25px;
}

#shareModal {
    max-height: 100vh;
    overflow: hidden;
}

    #shareModal .modal-content {
        width: 350px;
        padding: 15px 20px;
        margin-top: 80px;
    }

        #shareModal .modal-content ul {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            gap: 7px;
        }

            #shareModal .modal-content ul li {
                margin: 0px !important;
                list-style:none;
            }

.icon-bx {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    color: #fff;
}

    .icon-bx.facebook {
        background: #0062f8;
    }

    .icon-bx.linkedin {
        background: #0072af;
    }

    .icon-bx.twiiter {
        background: #000;
    }

    .icon-bx.whatsapp {
        background: #4add8c;
    }

    .icon-bx.telegram {
        background: #00a8e6;
    }

    .icon-bx.reddit {
        background: #ff4617;
    }

    .icon-bx.pinterest {
        background: #ef0226;
    }

    .icon-bx.email {
        background: #ffbd36;
    }

    .icon-bx.copy-link {
        background: #000;
    }

/* Initial hidden state */
.fadein {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

    /* When visible */
    .fadein.visible {
        opacity: 1;
        transform: translateY(0);
    }




.author-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 25px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}

.author-img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ef4444;
}

.author-pure-content {
    width: calc(100% - 120px);
    padding-left: 15px;
}

.author_name {
    font-size: 18px;
    font-weight: 600;
}

.author-about {
    color: #4d4f50;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 10px;
}

.author-social-profile {
    margin-top: 10px;
}

.story-card-new {
    border-radius: 6px;
    border: 1px solid #ccc;
    box-shadow: rgba(0,0,0,0.4) 0px 5px 8px;
    display: block;
}

    .story-card-new .story-image {
        border-radius: 6px 6px 0px 0px;
    }

.author-social-profile a {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .author-social-profile a.linkdin {
        background: #108abf;
    }

    .author-social-profile a.instagram {
        background: #ff004f;
    }

    .author-social-profile a.facebook {
        background: #0062f8;
    }

    .author-social-profile a.youtube {
        background: #ff040f;
    }

    .author-social-profile a.twitter {
        background: #000;
    }

        .author-social-profile a.linkdin svg,
        .author-social-profile a.instagram svg,
        .author-social-profile a.facebook svg,
        .author-social-profile a.youtube svg,
        .author-social-profile a.twitter svg {
            fill: #fff;
            width: 17px;
        }
mobile-content-D{
    height:auto !important;
    overflow:auto
}

/*=====================Style Css Desgin =======================*/
.text-main {
    color: #2654a2;
}

.custom-text-area-design {
    padding: 15px;
    border: 1px solid #2654a2;
    color: #212529;
    font-size: 16px;
    width: 100%;
    border-radius: 15px;
}

.custom-whatsapp-icon-btn {
    background: #126e4d;
    padding: 10px 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    transition: all 0.5s;
}

    .custom-whatsapp-icon-btn svg {
        width: 16px;
        fill: #fff;
    }

    .custom-whatsapp-icon-btn:hover {
        color: #126e4d;
        background: transparent;
        border: 1px solid #126e4d;
    }

        .custom-whatsapp-icon-btn:hover svg {
            fill: #126e4d;
        }

.custom-call-icon-btn {
    background: #266876;
    padding: 10px 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    transition: all 0.5s;
}

    .custom-call-icon-btn svg {
        width: 16px;
        fill: #fff;
    }

    .custom-call-icon-btn:hover {
        color: #266876;
        background: transparent;
        border: 1px solid #266876;
    }

        .custom-call-icon-btn:hover svg {
            fill: #266876;
        }

.card-blue {
    box-shadow: 0px 0px 5px #007dff;
    overflow: hidden;
    padding: 2rem;
    background: #eff7ff;
    border-radius: 30px;
    color: #004085;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.card-green {
    box-shadow: 0px 0px 5px #159f19;
    overflow: hidden;
    padding: 2rem;
    background: #effff8;
    border-radius: 30px;
    color: #159f19;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.table-container {
    width: 100%;
}

.table-parent table {
    width: 100% !important;
    overflow-x: auto;
}

.copy_btn {
    background-color: #ff004f;
    color: #fff;
    padding: 10px 35px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 600;
}

.youtube-placeholder {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    max-width: 100%;
    border: 2px solid #00e58a;
    border-radius: 15px;
    z-index: 2;
}

    .youtube-placeholder img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }

    .youtube-placeholder button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        border: none;
        padding: 6px 15px;
        font-size: 22px;
        font-weight: 600;
        border-radius: 5px;
    }

        .youtube-placeholder button span {
            color: #e23409;
        }

    .youtube-placeholder iframe {
        width: 100% !important;
        height: 370px !important;
        border-radius: 15px;
        display: block;
    }

.shadow-solid-button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    box-shadow: 0 0 #0000, 0 0 #0000, 3px 3px 0 0 #7e011f;
    align-items: center;
    background-color: #c70026;
    border-radius: .375rem;
    color: #FFF;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    padding: .5rem 1.5rem;
    text-decoration-line: none;
    text-overflow: ellipsis;
    transition: all .25s;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .shadow-solid-button:hover {
        background-color: #7e011f;
        box-shadow: none;
    }

#newFaqDesign .accordion-item {
    margin-bottom: 15px;
    border: none;
    border-bottom: 1px solid #ccc
}

#newFaqDesign .accordion-button:not(.collapsed) {
    color: #181818;
    font-weight: 600;
    font-size: 24px;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}


#newFaqDesign .accordion-button {
    color: #161616;
    font-size: 24px;
    font-weight: 600;
}

.card-bg-shadow {
    padding: 2rem;
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3), 0px 2px 2px 0px rgba(0, 0, 0, .1);
}

.object-fit-contain {
    object-fit: contain;
}

.dot {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    fill: currentColor;
}

.newtable-stripped tr td {
    border-width: 2px;
    border-color: #fff;
}

.newtable-stripped > tbody > tr:nth-of-type(even) > * {
    background-color: #ebecf1;
}

.newtable-stripped > :not(caption) > * > * {
    border-width: 2px;
    border-color: #fff;
}

.newtable-stripped thead tr th {
    background-color: #ebecf1;
}

.rating-stars i {
    color: #2c3e50;
}

.open-account-btn {
    background-color: #d6e4ff;
    color: #000;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
}

.fast-facts-title {
    font-size: 0.85rem;
    color: gray;
    font-weight: 600;
    text-transform: uppercase;
}

.ig-logo {
    font-size: 64px;
    font-weight: bold;
    color: #e60000;
}

.link-small {
    font-size: 0.9rem;
}

.pros-cons-box {
    border: 1px solid #3b3eff;
    padding: 1.5rem;
    border-radius: 8px;
    background-color: #fff;
    height: 100%;
}

    .pros-cons-box ul {
        padding-left: 1rem;
    }

    .pros-cons-box li {
        margin-bottom: 0.8rem;
    }

.section-title {
    font-weight: 700;
    margin-bottom: 1rem;
}

.subheading {
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.list-unstyled-new li::marker {
    color: #194aec;
}
/* =========================
   BROKER CARD
========================= */
.broker-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    width: 100%;
    box-sizing: border-box;
}

    /* =========================
   CONTACT BUTTON ROW
========================= */
    .broker-card .mt-3.d-flex {
        display: flex;
        flex-wrap: wrap; /* prevent overlap */
        gap: 8px;
        justify-content: flex-start;
    }

/* =========================
   BUTTON BASE
========================= */
.custom-green-red_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 20px;
    max-width: 100%;
    font-size: 14px;
    white-space: nowrap; /* Mobile No stays single line */
    word-break: keep-all;
    background: #2563eb;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

    /* Hover (blue button) */
    .custom-green-red_btn:hover {
        background-color: #1e40af;
        color: #fff;
    }

    /* =========================
   EMAIL BUTTON (GREEN)
========================= */
    .custom-green-red_btn.green {
        background-color: #099e44;
        color: #fff;
        white-space: normal; /* Email can wrap */
        word-break: break-word;
    }

        /* Pseudo effect (fixed) */
        .custom-green-red_btn.green::before {
            content: "";
            position: absolute;
            inset: -20%;
            background: #fff;
            z-index: -1;
            transform: skewX(45deg) scale(0, 1);
            transition: transform 0.5s ease;
        }

        /* Green hover */
        .custom-green-red_btn.green:hover {
            background: transparent;
            color: #099e44 !important;
            border: 2px solid #099e44;
        }

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .scroll-wrapper {
        max-height: 500px;
    }
}

.btn-green:hover:after {
    transform: skewX(45deg) scale(1, 1);
}

.blur-card {
    background-color: rgb(223 223 223 / 8%);
    backdrop-filter: blur(6px);
    border-radius: 1.5rem;
    border: 1px solid rgb(214 214 214 / 35%);
}

.heading-new-design {
    background-color: #dbdbdb;
    color: #000;
    font-weight: 600;
    font-size: 28px;
    border-radius: 5px;
    padding: 10px 18px;
}

.gradient-box {
    background: linear-gradient(to right, #3b82f6, #06b6d4);
}

.bg-pros {
    background: linear-gradient(to bottom right, #d1fae5, #a7f3d0);
    border: 1px solid #bbf7d0;
}

.bg-cons {
    background: linear-gradient(to bottom right, #ffe4e6, #fecdd3);
    border: 1px solid #fecaca;
}

#respond {
    padding: 10px 20px;
    border: 1px solid #f13e27;
    box-shadow: rgb(240 67 47 / 59%) 0px 1px 10px;
    border-radius: 10px;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: baseline;
    gap: 15px;
}

.submit-btn-comments {
    padding: 10px 30px;
    border-radius: 20px;
    color: #000;
    background-color: #00e58a;
    border: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
}

li.comment.depth-1 {
    width: 49%;
    list-style: none;
    padding: 15px 20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.4) -1px 0px 7px;
}

.comment-list {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 15px;
    flex-wrap: wrap;
}

.hero-banner.with-bg {
    position: relative;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .hero-banner.with-bg::before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        opacity: 0.5;
        z-index: -1;
    }

.new-control {
    padding: 8px 20px;
    border-radius: 0px;
}


.small-new {
    font-size: 14px;
    color: #ffffff;
}

@media(max-width:991px) {
    body {
        max-width: 100%;
        width: 100%;
        overflow-x: hidden;
    }

    .hero-banner.with-bg {
        background-image: none !important;
        background-color: #0d0d0e;
    }

    .custom-green-red_btn {
        background-color: #194aec;
        color: #fff;
        padding: .5rem 1rem;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: all .5s;
        position: relative;
    }

    .new-table-auto {
        max-width: 100%;
        overflow-x: auto;
    }

    .table-container {
        overflow-x: auto
    }

    .youtube-placeholder iframe {
        height: auto !important;
    }

    .tradingview-widget-container {
        overflow-x: auto;
        width: 100% !important;
    }
}

/*================Css Page Design End=====================*/
/*========================Style Css End ===============================*/

.new-faq-custom .accordion-item .accordion-button::after {
    display: none;
}

.ig-logo.new-box-logo {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

:root {
    --primary-color: #13226b;
    --secondary-color: #293794;
    --tertiary-color: #956D42;
    --accent-color: #b48755;
    --light-bg-1: #f6f7fb;
    --light-bg-2: #f9fafb;
    --light-bg-3: #f4f5f7;
    --text-dark: #0f172a;
    --text-primary: #13226b;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #fff;
    color: var(--text-dark);
}

#accordionExamplenew .accordion-item {
    border: none;
}

#accordionExamplenew .accordion-button {
    border: 1px solid #02794f;
    font-weight: 500;
}

    #accordionExamplenew .accordion-button:not(.collapsed) {
        border: none;
    }

    #accordionExamplenew .accordion-button:not(.collapsed) {
        background-color: #05d990;
        color: #fff;
    }

#accordionExamplenew .accordion-collapse.collapse.show {
    border: 1px solid #02794f;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
}


.blog-container {    
    margin: 34px 0px 10px 0px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

.blog-content {
    padding: 30px 26px 40px 26px;
}

.blog-heading {
    margin: 10px 0 14px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--primary-color);
}

.blog-subheading {
    margin: 0 0 12px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--primary-color);
}

.blog-paragraph {
    margin: 0 0 14px 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}

.blog-paragraph-intro {
    margin: 0 0 14px 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.blog-paragraph-last {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.card-container-blog {
    margin: 0 0 20px 0;
    padding: 18px 18px;
    border-radius: 14px;
    background: var(--light-bg-1);
    border-left: 5px solid var(--primary-color);
}

    .card-container-blog.bg-alt {
        background: var(--light-bg-2);
        border-left-color: var(--secondary-color);
    }

    .card-container-blog.bg-tertiary {
        border-left-color: var(--tertiary-color);
    }

.card-heading-blog {
    margin: 0 0 8px 0;
    font-size: 19px;
    font-weight: 800;
    color: var(--primary-color);
}

.card-paragraph {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.card-paragraph-last {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
}

.bullet-list {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.9;
}

    .bullet-list li {
        margin-bottom: 6px;
    }

        .bullet-list li:last-child {
            margin-bottom: 0;
        }

.bullet-icon {
    color: var(--accent-color);
    font-weight: 700;
    margin-right: 8px;
}

.cta-box-blog {
    max-width: 760px;
    margin: 40px auto;
    padding: 28px;
    background: var(--light-bg-3);
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    text-align: center;
}

.cta-heading-blog {
    margin: 0 0 12px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--primary-color);
}

.cta-text-blog {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: var(--text-dark);
}

.cta-button-blog {
    display: inline-block;
    padding: 12px 26px;
    background: var(--primary-color);
    color: #ffffff;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

    .cta-button-blog:hover {
        background: #0d1a47;
        text-decoration: none;
        color: #ffffff;
    }

.table-wrapper {
    margin: 0 0 20px 0;
    padding: 18px;
    border-radius: 14px;
    background: var(--light-bg-1);
    border-left: 5px solid var(--primary-color);
    overflow-x: auto;
}

    .table-wrapper table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
        margin: 0;
    }

    .table-wrapper th {
        border-bottom: 1px solid #e5e7eb;
        text-align: left;
        padding: 10px;
        font-weight: 700;
        color: var(--primary-color);
    }

    .table-wrapper td {
        padding: 10px;
        font-weight: 400;
        border-bottom: 1px solid #f0f0f0;
    }

.disclaimer-box {
    margin: 20px 0 0 0;
    padding: 18px;
    border-radius: 14px;
    background: var(--light-bg-2);
    border-left: 5px solid var(--tertiary-color);
}

.disclaimer-heading {
    margin: 0 0 8px 0;
    font-size: 19px;
    font-weight: 800;
    color: var(--primary-color);
}

.disclaimer-text {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .blog-container {
        margin: 20px auto;
        border-radius: 12px;
    }

    .blog-content {
        padding: 20px 16px 30px 16px;
    }

    .blog-heading,
    .blog-subheading,
    .cta-heading-blog {
        font-size: 18px;
    }

    .card-heading-blog {
        font-size: 17px;
    }

    .cta-box-blog {
        margin: 30px auto;
        padding: 20px;
    }
}
/*=====================Style Css Desgin End =======================*/
@media (max-width: 768px) {
    .navCreate {
        display: none!important;
    }
}


/* ==================================================
   DIGITAL MARKETING CATEGORY PAGE -- CUSTOM STYLES
   All styles scoped under .dm-* prefix
   No conflict with existing ClipsTrust styles
================================================== */

/* ==============================================
   FULLY SELF-CONTAINED -- ALL CSS INLINE
   No dependency on stylearticle.css or any
   other external ClipsTrust stylesheet.
   ============================================== */
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;padding:0;font-family:'Segoe UI',Arial,sans-serif;background:#f5f5f5;color:#1a1a1a;}

/* Outer wrapper */
.dm-wrap{max-width:100%;padding:0;}
.dm-wrap a{color:#0066cc;text-decoration:none;}
.dm-wrap a:hover{text-decoration:underline;color:#004499;}

/* Section card */
.dm-section{background:#fff;border-radius:10px;padding:28px;margin-bottom:20px;border:1px solid #e0e0e0;box-shadow:0 1px 4px rgba(0,0,0,.06);}

/* Headings */
.dm-h2{font-size:21px;font-weight:800;color:#1a1a1a;margin:0 0 18px;padding-bottom:12px;border-bottom:3px solid #e85d26;}
.dm-h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:20px 0 8px 0;}
.dm-h3-orange{font-size:15px;font-weight:700;color:#e85d26;margin:18px 0 6px;}
.dm-p{font-size:15px;color:#444;line-height:1.75;margin:0 0 12px;}
.dm-p:last-child{margin-bottom:0;}

/* ---- STATS BAR ---- */
.dm-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;}
.dm-stat{flex:1 1 100px;min-width:100px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:16px 10px;text-align:center;transition:border-color .2s;}
.dm-stat:hover{border-color:#e85d26;}
.dm-stat-num{display:block;font-size:26px;font-weight:900;color:#e85d26;line-height:1.1;}
.dm-stat-lbl{font-size:12px;color:#777;margin-top:3px;display:block;}

/* ---- PILLS ---- */
.dm-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px;}
.dm-pill{display:inline-block;background:#f4f4f4;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:13px;color:#333;text-decoration:none !important;line-height:1.4;transition:all .2s;}
.dm-pill:hover{background:#e85d26;color:#fff !important;border-color:#e85d26;text-decoration:none !important;}

/* ---- 2-COL GRID ---- */
.dm-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.dm-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}

/* ---- INFO CARD ---- */
.dm-card{border:1px solid #e0e0e0;border-left:4px solid #e85d26;border-radius:8px;padding:16px 18px;background:#fff;}
.dm-card-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 8px;display:flex;align-items:center;gap:8px;}
.dm-card-title i{color:#e85d26;font-size:15px;flex-shrink:0;}
.dm-card p{font-size:14px;color:#555;margin:0;line-height:1.65;}
.dm-card p a{color:#0066cc;}

/* ---- GREEN BENEFIT CARD ---- */
.dm-green-card{border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:8px;padding:16px 18px;background:#f0fdf4;}
.dm-green-card .dm-card-title{color:#14532d;}
.dm-green-card .dm-card-title i{color:#16a34a;}
.dm-green-card p{font-size:14px;color:#166534;margin:0;line-height:1.65;}

/* ---- ICON CARD (centered, 3-col) ---- */
.dm-icon-card{border:1px solid #e0e0e0;border-radius:10px;padding:22px 16px;background:#fff;text-align:center;}
.dm-icon-card i{font-size:28px;color:#e85d26;display:block;margin-bottom:10px;}
.dm-icon-card .dm-icon-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:8px;}
.dm-icon-card p{font-size:13px;color:#666;margin:0;line-height:1.6;}

/* ---- AGENCY CARD ---- */
.dm-agency{border:1px solid #e0e0e0;border-radius:10px;padding:18px 20px;margin-bottom:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.dm-agency-hd{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.dm-agency-hd h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0;}
.dm-agency-hd h3 a{color:#e85d26;text-decoration:none;}
.dm-agency-hd h3 a:hover{text-decoration:underline;}
.dm-badge{background:#16a34a;color:#fff;border-radius:6px;padding:3px 11px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
.dm-agency p{font-size:14px;color:#555;margin:0;line-height:1.65;}
.dm-agency p a{color:#0066cc;}

/* ---- TABLE ---- */
.dm-table-wrap{overflow-x:auto;margin-bottom:4px;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #e0e0e0;}
.dm-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;}
.dm-table thead tr{background:#1a1a1a;color:#fff;}
.dm-table thead th{padding:11px 14px;text-align:left;font-weight:600;white-space:nowrap;}
.dm-table tbody tr:nth-child(even){background:#f9f9f9;}
.dm-table tbody tr:hover{background:#fff5f0;}
.dm-table td{padding:10px 14px;border-bottom:1px solid #eee;vertical-align:middle;color:#333;}
.dm-table td:nth-child(4){white-space:nowrap;}
.dm-table td a{color:#0066cc;}

/* ---- PROCESS STEPS ---- */
.dm-step{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;}
.dm-step-num{background:#e85d26;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;flex-shrink:0;box-shadow:0 2px 6px rgba(232,93,38,.4);}
.dm-step-body h3{font-size:16px;font-weight:700;margin:0 0 4px;color:#1a1a1a;}
.dm-step-body p{font-size:14px;color:#555;margin:0;line-height:1.65;}

/* ---- UPDATE CARDS ---- */
.dm-update{border-left:4px solid #e85d26;background:#fff8f5;border-radius:8px;padding:14px 18px;margin-bottom:14px;}
.dm-update h3{font-size:15px;font-weight:700;color:#e85d26;margin:0 0 6px;}
.dm-update p{font-size:14px;color:#444;margin:0;line-height:1.65;}
.dm-update p a{color:#0066cc;}
.dm-period{font-size:14px;font-weight:700;color:#b45309;margin:20px 0 12px;display:flex;align-items:center;gap:8px;}
.dm-period i{color:#e85d26;}

/* ---- LIST ---- */
.dm-list{list-style:none;padding:0;margin:0;}
.dm-list li{padding:5px 0 5px 22px;position:relative;font-size:14px;color:#444;line-height:1.65;}
.dm-list li::before{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;color:#e85d26;position:absolute;left:0;top:6px;font-size:13px;}
.dm-list li a{color:#0066cc;}
.dm-list li strong{color:#1a1a1a;}

/* ---- FAQ ACCORDION ---- */
.dm-faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;overflow:hidden;}
.dm-faq-btn{width:100%;background:#fff;border:none;padding:14px 18px;font-size:15px;font-weight:600;color:#1a1a1a;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:12px;line-height:1.4;}
.dm-faq-btn:hover{background:#fff8f5;}
.dm-faq-btn i{color:#e85d26;transition:transform .3s;flex-shrink:0;}
.dm-faq-btn.active i{transform:rotate(180deg);}
.dm-faq-body{display:none;padding:14px 18px;font-size:14px;color:#555;border-top:1px solid #eee;line-height:1.7;background:#fafafa;}
.dm-faq-body.open{display:block;}

/* ---- FAQ: CSS-only toggle fallback (works without JS) ----
   :focus-within shows the body whenever any child of the item
   is focused — clicking the button focuses it, so the answer
   appears immediately. Clicking a different FAQ button moves
   focus there, closing the previous one automatically.       */
.dm-faq-item:focus-within .dm-faq-body{display:block;}
.dm-faq-item:focus-within .dm-faq-btn i{transform:rotate(180deg);}
.dm-faq-btn:focus{outline:none;box-shadow:none;}

/* ---- CTA BOX ---- */
.dm-cta{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:12px;padding:32px 28px;text-align:center;color:#fff;}
.dm-cta h3{font-size:20px;font-weight:800;margin:0 0 10px;color:#fff;}
.dm-cta p{font-size:14px;color:#ccc;margin:0 0 20px;line-height:1.65;}
.dm-btn{display:inline-block;padding:11px 28px;border-radius:6px;font-size:14px;font-weight:700;margin:4px;text-decoration:none !important;transition:all .2s;}
.dm-btn-primary{background:#e85d26;color:#fff !important;border:2px solid #e85d26;}
.dm-btn-primary:hover{background:#c94d1e;border-color:#c94d1e;}
.dm-btn-outline{background:transparent;color:#fff !important;border:2px solid #fff;}
.dm-btn-outline:hover{background:#fff;color:#1a1a1a !important;}
.dm-social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;}

/* ---- COMMENT FORM ---- */
.dm-comment{background:#f9f9f9;border-radius:10px;padding:24px;border:1px solid #e0e0e0;}
.dm-comment h4{font-size:18px;font-weight:700;margin:0 0 6px;}
.dm-comment-sub{font-size:14px;color:#666;margin:0 0 18px;}
.dm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.dm-input{width:100%;border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-size:14px;background:#fff;outline:none;font-family:inherit;transition:border-color .2s;}
.dm-input:focus{border-color:#e85d26;}
.dm-textarea{width:100%;border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-size:14px;background:#fff;outline:none;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s;margin-bottom:12px;}
.dm-textarea:focus{border-color:#e85d26;}
.dm-submit{background:#e85d26;color:#fff;border:none;border-radius:6px;padding:11px 28px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s;}
.dm-submit:hover{background:#c94d1e;}

/* ---- HIGHLIGHT BOX ---- */
.dm-highlight{background:#fff8f5;border:1px solid #fddbc7;border-radius:8px;padding:16px 18px;margin-bottom:12px;}
.dm-highlight-title{font-size:15px;font-weight:700;color:#e85d26;margin:0 0 8px;display:flex;align-items:center;gap:8px;}
.dm-highlight p,.dm-highlight ul{font-size:14px;color:#444;margin:0;line-height:1.65;}

/* ---- RESPONSIVE ---- */
@media(max-width:640px){
  .dm-section{padding:18px 14px;}
  .dm-h2{font-size:18px;}
  .dm-stats{gap:10px;}
  .dm-stat{min-width:80px;padding:12px 6px;}
  .dm-stat-num{font-size:22px;}
  .dm-grid-2{grid-template-columns:1fr;}
  .dm-grid-3{grid-template-columns:repeat(2,1fr);}
  .dm-form-row{grid-template-columns:1fr;}
  .dm-cta{padding:22px 16px;}
}


/* ================================================================
   PULSEPROMOTE -- BUSINESS LISTING CONTENT SECTION
   All styles scoped under .biz-* prefix
   Zero conflict with existing ClipsTrust / dm-* styles
   ================================================================ */

/* ------ CSS tokens ------ */
:root {
  --ac:  #e85d26;
  --ac2: #f97316;
  --dk:  #1a1a1a;
  --mid: #444;
  --soft:#666;
  --bd:  #e0e0e0;
  --bg:  #fff;
  --bgw: #fff8f5;
  --bgl: #f9f9f9;
  --grn: #16a34a;
  --blu: #0066cc;
  --r:   10px;
  --sh:  0 2px 12px rgba(0,0,0,.07);
}

/* ------ wrapper ------ */
.biz-content { font-family: 'Segoe UI', Arial, sans-serif; color: var(--dk); line-height: 1.8; font-size: 15px; }

/* ------ intro badge ------ */
.biz-intro-badge { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(90deg,#fff5f0,#fff); border: 1px solid #fddbc7; border-left: 4px solid var(--ac); border-radius: 30px; padding: 6px 16px 6px 12px; font-size: 13px; font-weight: 700; color: var(--ac); letter-spacing: .3px; margin-bottom: 18px; }

/* ------ lead paragraph ------ */
.biz-lead { font-size: 16px; color: #333; line-height: 1.85; padding: 18px 22px; background: var(--bgw); border-radius: var(--r); border-left: 4px solid var(--ac); margin-bottom: 28px; box-shadow: var(--sh); }
.biz-lead a, .biz-content a { color: var(--blu); text-decoration: underline; text-underline-offset: 2px; transition: color .2s; }
.biz-lead a:hover, .biz-content a:hover { color: var(--ac); }

/* ------ h2 headings ------ */
.biz-h2 { font-size: 22px; font-weight: 800; color: var(--dk); margin: 38px 0 14px; padding-bottom: 10px; border-bottom: 3px solid var(--ac); display: flex; align-items: center; gap: 10px; line-height: 1.3; }
.biz-h2-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--ac); color: #fff; border-radius: 8px; font-size: 16px; flex-shrink: 0; }
.biz-h2-icon i { color: #fff; }

/* ------ h3 headings ------ */
.biz-h3 { font-size: 17px; font-weight: 700; color: var(--dk); margin: 26px 0 8px; display: flex; align-items: center; gap: 8px; }
.biz-h3::before { content: ''; display: inline-block; width: 4px; height: 18px; background: var(--ac); border-radius: 2px; flex-shrink: 0; }

/* ------ h4 headings ------ */
.biz-h4 { font-size: 15px; font-weight: 700; color: var(--ac); margin: 16px 0 6px; }

/* ------ body paragraph ------ */
.biz-p { font-size: 15px; color: var(--mid); line-height: 1.85; margin: 0 0 16px; }
.biz-p:last-child { margin-bottom: 0; }

/* ------ stats bar ------ */
.biz-stats { display: flex; flex-wrap: wrap; gap: 14px; margin: 22px 0; }
.biz-stat { flex: 1 1 110px; background: var(--bg); border: 2px solid var(--bd); border-radius: var(--r); padding: 18px 12px; text-align: center; transition: border-color .2s, box-shadow .2s; }
.biz-stat:hover { border-color: var(--ac); box-shadow: 0 4px 14px rgba(232,93,38,.1); }
.biz-stat-num { display: block; font-size: 28px; font-weight: 900; color: var(--ac); line-height: 1.1; }
.biz-stat-lbl { font-size: 12px; color: var(--soft); margin-top: 4px; display: block; font-weight: 500; }

/* ------ feature cards grid ------ */
.biz-feat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 20px 0; }
.biz-feat-card { background: var(--bg); border: 1px solid var(--bd); border-top: 4px solid var(--ac); border-radius: var(--r); padding: 20px 18px; transition: box-shadow .2s, transform .2s; }
.biz-feat-card:hover { box-shadow: 0 6px 20px rgba(232,93,38,.12); transform: translateY(-3px); }
.biz-feat-icon { font-size: 26px; color: var(--ac); margin-bottom: 10px; display: block; }
.biz-feat-title { font-size: 15px; font-weight: 700; color: var(--dk); margin: 0 0 8px; }
.biz-feat-card p { font-size: 13px; color: var(--soft); margin: 0; line-height: 1.65; }

/* ------ service card ------ */
.biz-svc { background: var(--bg); border: 1px solid var(--bd); border-left: 4px solid var(--ac); border-radius: var(--r); padding: 22px 22px 18px; margin-bottom: 18px; box-shadow: var(--sh); }
.biz-svc-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.biz-svc-hd-icon { width: 42px; height: 42px; background: linear-gradient(135deg, var(--ac), var(--ac2)); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; flex-shrink: 0; }
.biz-svc-hd-icon i { color: #fff; }
.biz-svc-hd h3 { font-size: 17px; font-weight: 800; color: var(--dk); margin: 0; }
.biz-svc-hd h3::before { display: none; }
.biz-svc p { font-size: 14px; color: var(--mid); line-height: 1.8; margin: 0 0 14px; }

/* ------ sub-bullet list ------ */
.biz-blist { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 6px 20px; }
.biz-blist li { padding: 5px 0 5px 24px; position: relative; font-size: 14px; color: var(--mid); line-height: 1.65; }
.biz-blist li::before { content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--ac); position: absolute; left: 0; top: 6px; font-size: 13px; }
.biz-blist li strong { color: var(--dk); }
.biz-blist li a { color: var(--blu); }

/* ------ checklist ------ */
.biz-checklist { list-style: none; padding: 0; margin: 12px 0; }
.biz-checklist li { padding: 5px 0 5px 28px; position: relative; font-size: 14px; color: var(--mid); line-height: 1.7; }
.biz-checklist li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--grn); position: absolute; left: 0; top: 7px; font-size: 13px; }
.biz-checklist li strong { color: var(--dk); }

/* ------ callout box ------ */
.biz-callout { background: var(--bgw); border: 1px solid #fddbc7; border-left: 5px solid var(--ac); border-radius: var(--r); padding: 18px 22px; margin: 20px 0; }
.biz-callout-title { font-size: 15px; font-weight: 700; color: var(--ac); margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.biz-callout p { font-size: 14px; color: #555; margin: 0; line-height: 1.7; }

/* ------ step list ------ */
.biz-steps { list-style: none; padding: 0; margin: 16px 0; }
.biz-steps li { display: flex; gap: 16px; align-items: flex-start; padding: 14px 0; border-bottom: 1px dashed var(--bd); }
.biz-steps li:last-child { border-bottom: none; }
.biz-step-num { background: var(--ac); color: #fff; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(232,93,38,.35); }
.biz-step-num i { color: #fff; font-size: 14px; }
.biz-step-body strong { display: block; font-size: 15px; font-weight: 700; color: var(--dk); margin-bottom: 4px; }
.biz-step-body span { font-size: 14px; color: var(--soft); line-height: 1.65; }

/* ------ USP grid ------ */
.biz-usp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 20px 0; }
.biz-usp-card { background: var(--bgl); border: 1px solid var(--bd); border-radius: var(--r); padding: 18px 16px; display: flex; gap: 14px; align-items: flex-start; }
.biz-usp-icon { width: 38px; height: 38px; background: var(--ac); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; flex-shrink: 0; }
.biz-usp-icon i { color: #fff; }
.biz-usp-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--dk); margin-bottom: 4px; }
.biz-usp-body span { font-size: 13px; color: var(--soft); line-height: 1.6; }

/* ------ platform highlight card ------ */
.biz-platform-card { background: linear-gradient(135deg, #f0f7ff, #fff); border: 1px solid #bfdbfe; border-left: 5px solid var(--blu); border-radius: var(--r); padding: 20px 22px; margin: 20px 0; }
.biz-platform-card .biz-platform-title { font-size: 15px; font-weight: 700; color: var(--blu); margin: 0 0 6px; display: flex; align-items: center; gap: 8px; }
.biz-platform-card p { font-size: 14px; color: #374151; margin: 0; line-height: 1.7; }

/* ------ summary box ------ */
.biz-summary { background: linear-gradient(135deg, #fff5f0, #fff); border: 1px solid #fddbc7; border-radius: 12px; padding: 24px 26px; margin: 28px 0; }
.biz-summary p { font-size: 15px; color: var(--mid); line-height: 1.85; margin: 0 0 14px; }
.biz-summary p:last-child { margin-bottom: 0; }

/* ------ tags ------ */
.biz-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; }
.biz-tag { display: inline-block; background: #f4f4f4; border: 1px solid #ddd; border-radius: 20px; padding: 5px 14px; font-size: 13px; color: #333; font-weight: 500; transition: all .2s; text-decoration: none !important; }
.biz-tag:hover { background: var(--ac); color: #fff !important; border-color: var(--ac); }

/* ------ CTA strip ------ */
.biz-cta-strip { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: 12px; padding: 30px 28px; text-align: center; color: #fff; margin: 32px 0; }
.biz-cta-strip h3 { font-size: 20px; font-weight: 800; margin: 0 0 8px; color: #fff; }
.biz-cta-strip p { font-size: 14px; color: #ccc; margin: 0 0 20px; line-height: 1.65; }
.biz-btn { display: inline-block; padding: 11px 26px; border-radius: 6px; font-size: 14px; font-weight: 700; margin: 4px; text-decoration: none !important; transition: all .2s; }
.biz-btn-primary { background: var(--ac); color: #fff !important; border: 2px solid var(--ac); }
.biz-btn-primary:hover { background: #c94d1e; border-color: #c94d1e; }
.biz-btn-outline { background: transparent; color: #fff !important; border: 2px solid #fff; }
.biz-btn-outline:hover { background: #fff; color: #1a1a1a !important; }

/* ------ section divider ------ */
.biz-divider { display: flex; align-items: center; gap: 14px; margin: 30px 0 20px; color: var(--soft); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.biz-divider::before, .biz-divider::after { content: ''; flex: 1; height: 1px; background: var(--bd); }

/* ------ CTA strip title (p not heading) ------ */
.biz-cta-title { font-size: 22px; font-weight: 800; color: #fff; margin: 0 0 10px; line-height: 1.3; }

/* ------ FAQ accordion -- pure CSS, zero JavaScript, uses native <details>/<summary> ------ */
.biz-faq-wrap { margin: 18px 0; }

/* <details> = card wrapper */
.biz-faq-item { border: 1px solid var(--bd); border-radius: 8px; margin-bottom: 10px; background: var(--bg); }

/* Remove default browser arrow on <summary> */
.biz-faq-item summary { list-style: none; }
.biz-faq-item summary::-webkit-details-marker { display: none; }

/* <summary> = clickable question row */
.biz-faq-btn { width: 100%; background: var(--bg); border: none; padding: 16px 18px; font-size: 15px; font-weight: 600; color: var(--dk); text-align: left; display: flex; justify-content: space-between; align-items: center; cursor: pointer; gap: 12px; line-height: 1.4; transition: background .2s; border-radius: 8px; }
.biz-faq-btn:hover { background: var(--bgw); }
.biz-faq-btn .biz-faq-question { display: flex; align-items: center; gap: 8px; flex: 1; }
.biz-faq-btn .biz-faq-q-num { background: var(--ac); color: #fff; font-size: 12px; font-weight: 800; border-radius: 5px; padding: 2px 8px; flex-shrink: 0; }
.biz-faq-btn .biz-faq-chevron { color: var(--ac); transition: transform .3s; flex-shrink: 0; font-size: 14px; }

/* Chevron rotates & background changes when open -- triggered by [open] attribute on <details> */
.biz-faq-item[open] > .biz-faq-btn { background: var(--bgw); border-radius: 8px 8px 0 0; }
.biz-faq-item[open] .biz-faq-chevron { transform: rotate(180deg); }

/* Answer body -- always visible once <details> is open, no display:none needed */
.biz-faq-body { padding: 14px 18px 16px; font-size: 14px; color: #555; border-top: 1px solid #eee; line-height: 1.75; background: #fafafa; border-radius: 0 0 8px 8px; }
.biz-faq-body a { color: var(--blu); }

/* ------ responsive ------ */
@media (max-width: 640px) {
  .biz-h2          { font-size: 19px; }
  .biz-h3          { font-size: 16px; }
  .biz-lead        { padding: 14px 16px; font-size: 15px; }
  .biz-feat-grid,
  .biz-usp-grid    { grid-template-columns: 1fr; }
  .biz-blist       { grid-template-columns: 1fr; }
  .biz-stats       { gap: 10px; }
  .biz-stat        { min-width: 90px; padding: 14px 8px; }
  .biz-stat-num    { font-size: 22px; }
  .biz-cta-strip   { padding: 22px 16px; }
  .biz-svc         { padding: 18px 14px 14px; }
}

/* ================================================================
   END -- PULSEPROMOTE CONTENT STYLES
   ================================================================ */