/* ===== SIDEBAR BASE ===== */
            .aighics-sidebar {
                width: 100%;
                max-width: 360px;
                display: flex;
                flex-direction: column;
                gap: 25px;
                font-family: Arial, sans-serif;
                position: sticky;
                top: 100px;
                /* Sticky scroll */
            }

            /* ===== CARDS ===== */
            .sidebar-card {
                background: #fff;
                border-radius: 16px;
                padding: 24px;
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            }

            /* ===== CARD TITLES ===== */
            .sidebar-title {
                font-size: 20px;
                font-weight: 700;
                border-left: 4px solid #e91e63;
                padding-left: 10px;
                margin-bottom: 18px;
            }

            /* ===== SERVICE LIST ===== */
            .service-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .service-list li {
                margin-bottom: 12px;
            }

            .service-list li a {
                display: flex;
                justify-content: space-between;
                align-items: center;
                text-decoration: none;
                color: #333;
                padding: 10px;
                border-radius: 8px;
                transition: 0.3s;
            }

            .service-list li.active a,
            .service-list li a:hover {
             background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


                color: #fff;
            }

            /* ===== CONTACT LIST ===== */
            .contact-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .contact-list li {
                display: flex;
                align-items: flex-start;
                margin-bottom: 15px;
                font-size: 14px;
            }

            .contact-list i {
                font-size: 20px;
                color: #9c27b0;
                margin-right: 10px;
                margin-top: 3px;
            }

            .contact-list a {
                text-decoration: none;
                color: #333;
            }

            .contact-list a:hover {
                text-decoration: underline;
            }

            /* ===== BANNER CARD ===== */
            .banner-card {
                position: relative;
                color: #fff;
                background-size: cover;
                background-position: center;
            }

            .banner-card .banner-content {
               background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


                padding: 20px;
                text-align: center;
                border-radius: 16px;
            }

            .banner-card h4 {
                font-size: 18px;
                margin-bottom: 8px;
            }

            .banner-card h2 {
                font-size: 24px;
                margin-bottom: 12px;
            }

            .banner-card p {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .banner-card .btn {
                display: inline-block;
                padding: 10px 20px;
                background: #fff;
                color: #9c27b0;
                font-weight: bold;
                border-radius: 8px;
                margin: 5px 0;
                text-decoration: none;
                transition: 0.3s;
            }

            .banner-card .btn:hover {
              background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


                color: #fff;
            }

            /* ===== RESPONSIVE ===== */
            @media (max-width: 900px) {
                .aighics-sidebar {
                    position: static;
                    max-width: 100%;
                }
            }


             /* Sidebar */
    .sidebar {
        flex: 1 1 300px;
        min-width: 280px;
    }

    .sidebar h3 {
        border-left: 6px solid #e91e63;
        padding-left: 10px;
        text-align: center;
        margin-bottom: 20px;
        color: #9c27b0;
        font-weight: bold;
    }

    .sidebar ul li {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

    .sidebar ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        color: #333;
    }

    .sidebar ul li.active,
    .sidebar ul li:hover {
     background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


        color: #fff;
    }

    .sidebar ul li.active a,
    .sidebar ul li:hover a {
        color: #fff;
    }

    .contact-card,
    .banner-card {
        margin-top: 20px;
        padding: 20px;
    }

    .contact-card li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .contact-card i {
        margin-right: 10px;
        font-size: 20px;
        color: #9c27b0;
        margin-top: 3px;
    }

    /* Banner */
    .banner-card {
        position: relative;
        color: #fff;
        background-size: cover;
        background-position: center;
    }

    .banner-card .banner-content {
        background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


        padding: 20px;
        text-align: center;
    }

    .banner-card .btn {
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        color: #9c27b0;
        border-radius: 5px;
        font-weight: bold;
        margin-top: 10px;
        transition: 0.3s;
    }

    .banner-card .btn:hover {
        background: #e91e63;
        color: #fff;
    }





    /* ===== SERVICE PAGE ===== */
    .service-page {
        padding: 60px 20px;
        background: #f9fafb;
    }

    /* Container with sticky sidebar */
    .service-container {
        display: flex;
        max-width: 1200px;
        margin: auto;
        align-items: flex-start;
        gap: 40px;
        position: relative;
    }

    /* Sticky Sidebar */
    .service-sidebar {
        width: 280px;
        flex-shrink: 0;
        position: sticky;
        top: 100px;
        /* distance from top when scrolling */
        align-self: flex-start;
        /* ensures it sticks to top of container */
    }

    /* Main Content centered */
    .service-content {
        flex: 1;
        min-width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    /* Responsive adjustments */
    @media (max-width: 900px) {
        .service-container {
            flex-direction: column;
        }

        .service-sidebar {
            width: 100%;
            position: static;
            top: auto;
        }

        .service-content {
            margin: 0;
        }
    }




    /* ===== PAGE HEADER ===== */
    .page-header {
        position: relative;
        background-image: url('images/ai4.jpg');
        background-size: cover;
        background-position: center;
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .page-header-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        z-index: 1;
    }

    .page-header-content {
        position: relative;
        z-index: 10;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .page-header .breadcrumb {
        display: flex;
        gap: 6px;
        list-style: none;
    }

    .page-header .breadcrumb li a,
    .page-header .breadcrumb li {
        color: #fff !important;
    }

    .aighics-sidebar {
        width: 100%;
        max-width: 360px;
        display: flex;
        flex-direction: column;
        gap: 25px;
        font-family: Arial, sans-serif;
    }

    /* =========================
   CARDS
========================= */
    .sidebar-card {
        background: #ffffff;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }

    .sidebar-title {
        font-size: 20px;
        font-weight: 700;
        border-left: 4px solid #e91e63;
        padding-left: 10px;
        margin-bottom: 18px;
    }

    /* =========================
   SERVICES DROPDOWN
========================= */
    .service-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* =========================
   SIDEBAR SERVICES DROPDOWN ONLY
========================= */

    .aighics-sidebar .dropdown-toggle {
        width: 100%;
 background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


        color: #fff;
        border: none;
        padding: 14px 16px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .aighics-sidebar .dropdown-menu {
        list-style: none;
        padding: 0;
        margin-top: 12px;
        display: none;
    }

    .aighics-sidebar .dropdown-menu li a {
        display: block;
        padding: 12px 14px;
        text-decoration: none;
        color: #222;
        border-radius: 8px;
        font-size: 14px;
        transition: 0.3s;
    }

    .aighics-sidebar .dropdown-menu li a:hover,
    .aighics-sidebar .dropdown-menu li a.active {
       background: linear-gradient(135deg, #0f0f0f, #6a1b9a);

        color: #fff;
    }


    /* OPEN DROPDOWN */
    .service-list:hover .dropdown-menu {
        display: block;
    }

    /* =========================
   CONTACT
========================= */
    .contact-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .contact-list li {
        margin-bottom: 12px;
        font-size: 14px;
        color: #333;
    }

    .contact-list a {
        color: #333;
        text-decoration: none;
    }

    .contact-list a:hover {
        text-decoration: underline;
    }

    /* =========================
   CTA
========================= */
    .sidebar-cta {
       background: linear-gradient(135deg, #0f0f0f, #6a1b9a);


        color: #fff;
        border-radius: 16px;
        padding: 30px 22px;
        text-align: center;
    }

    .sidebar-cta h4 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .sidebar-cta p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .cta-btn {
        display: inline-block;
        background: #fff;
        color: #9c27b0;
        padding: 12px 22px;
        border-radius: 10px;
        font-weight: 600;
        text-decoration: none;
    }

    .cta-btn:hover {
        background: #f2f2f2;
    }

    /* =========================
   RESPONSIVE
========================= */
    @media (max-width: 768px) {
        .aighics-sidebar {
            max-width: 100%;
        }
    }



    /* ===== SERVICE PAGE ===== */
    .service-page {
        padding: 60px 20px;
        background: #f9fafb;
    }

    .service-container {
        display: flex;
        gap: 40px;
        max-width: 1200px;
        margin: auto;
        align-items: flex-start;
    }

    .service-sidebar {
        width: 280px;
        flex-shrink: 0;
    }

    .service-content {
        flex: 1;
        min-width: 0;
    }

    /* ===== IMAGES ===== */
    .service-image img,
    .feature-image img {
        width: 100%;
        border-radius: 16px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
    }

    /* ===== HEADINGS ===== */
    .service-content h2,
    .service-content h3 {
        color: #9c27b0;
        margin-bottom: 15px;
    }

    .service-content h2 {
        font-size: 28px;
    }

    .service-intro p {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 40px;
    }

    /* ===== FEATURES ===== */
    .service-features {
        display: flex;
        gap: 30px;
        margin-bottom: 50px;
    }

    .feature-content {
        flex: 1;
    }

    .feature-list {
        list-style: none;
        padding: 0;
    }

    .feature-list li {
        margin-bottom: 18px;
    }

    .feature-list h5 {
        margin-bottom: 5px;
        color: #e91e63;
    }

    /* ===== BENEFITS ===== */
    .service-benefits ul {
        list-style: none;
        padding: 0;
    }

    .service-benefits li {
        margin-bottom: 10px;
    }

    /* ===== PROCESS ===== */
    .service-process {
        margin: 60px 0;
    }

    .process-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .process-card {
        background: #fff;
        border-radius: 16px;
        padding: 30px;
        text-align: center;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        border-top: 4px solid #e91e63;
    }

    .process-card span {
        font-size: 24px;
        font-weight: bold;
        color: #e91e63;
    }

    /* ===== FAQ ===== */
    .service-faq details {
        background: #fff;
        border-radius: 12px;
        padding: 15px 20px;
        margin-bottom: 15px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    }

    .service-faq summary {
        cursor: pointer;
        font-weight: 600;
    }

    /* ===== RESPONSIVE ===== */
    @media(max-width:900px) {
        .service-container {
            flex-direction: column;
        }

        .service-features {
            flex-direction: column;
        }

        .process-grid {
            grid-template-columns: 1fr;
        }

        .service-sidebar {
            width: 100%;
        }
    }




     .page-header {
        position: relative;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;

        /* TRUE 80% BLACK + 20% WHITE (SOFT BLEND) */
        background: #000000;




        margin: 0;
        padding: 0;
        overflow: hidden;
    }



    /* Title */
    .page-title {
        font-size: 32px;
        font-weight: 700;
        color: #ffffff;
        margin: 0;
        line-height: 1;
    }

    /* REMOVE GAP BELOW BREADCRUMB */
    .page-header+section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* REMOVE TOP SPACE FROM ABOUT SECTION */
    #about-more {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }