/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
}

body {
  font-family: "Poppins", sans-serif;
}

/* ================= TOP BAR ================= */
.ix-topbar {
  height: 40px;
  background: #0b2c3d;
  color: #fff;
  font-size: 14px;
}

.ix-topbar .ix-container {
  width: 92%;             /* Industry Std: Fluid width with buffers */
  max-width: 1300px;      /* Stop expanding on huge screens */
  height: 100%;
  margin: 0 auto;         /* Centers perfectly */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ix-top-socials a{
  color:#fff;
  padding:10px;

}
/***************** move together top bar and navbar CSS on scrolling down code*******/
.ix-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* ================= NAVBAR ================= */
.ix-header {
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  z-index: 999;
}

.ix-nav-container {
  position: relative;
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  /* Industry Std: Use max() to ensure logo space doesn't shrink too much */
  padding-left: max(12%, 140px); 
  padding-right: 5%;      /* Fluid buffer on right */
  box-sizing: border-box;
}

/* Grey Block & Logo - Fluid Logic */
.ix-nav-grey, 
.ix-logo-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 12%;
  min-width: 140px;       /* Safety stop */
  height: 100%;
}
.ix-nav-grey { background: #e6e6e6; z-index: 1; }

/* LOGO */
.ix-logo-box { z-index: 2; display: flex; align-items: center; justify-content: center; }

.ix-logo-box img {
  width: 110%;
  height: auto;
  padding: 5px;
  /*max-width: 90%; */
  max-height: 90%;
  object-fit: contain; /* Ensures logo doesn't stretch */
  transform: scale(1.2);
  image-rendering: -webkit-optimize-contrast;
  margin: 0;
}

/* Menu Spacing */
.ix-nav-menu {
  list-style: none;
  display: flex;
  gap: clamp(15px, 2vw, 36px); /* Fluid Gap: Shrinks on smaller laptops */
  margin-left: 3%;
}

.ix-nav-menu a {
  text-decoration: none;
  font-weight: 600;
  color: #0b2c3d;
}

/* CTA */
.ix-nav-cta {
  margin-left: auto;
  background: #cfa36a;
  color: #fff;
  padding: 14px 24px;
  font-weight: 700;
  text-decoration: none;
}

/* VERTICAL LINE */
.ix-nav-divider {
  width: 1px;
  height: 40px;
  background: #ddd;
  margin: 0 20px;
}

/* PHONE */
.ix-nav-phone {
  font-weight: 600;
  color: #0b2c3d;
  white-space: nowrap;
  margin-right: 30px;
}

/* MOBILE */
.ix-nav-toggle {
  display: none;
  margin-left: auto;
}

/****************************************Service Dropdown Start***************************************/
/* =============================================================================
   DESKTOP - BASE DROPDOWN STYLES
============================================================================= */

.ix-has-dropdown {
    position: static; /* Required for mega-menu to span full nav width */
}

.ix-mega-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-top: 3px solid #cfa36a; /* Gold accent */
    padding: 40px 0;
    
    /* Hidden by default */
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 999;
    
    /* Fix for small laptops - allow scroll if needed */
    max-height: 85vh;
    overflow-y: auto;
}

/* Trigger on Hover - Desktop */
.ix-has-dropdown:hover .ix-mega-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* 4-Column Grid Container */
.ix-dropdown-container {
    max-width: 1300px; /* Wider for 4 columns */
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 40px;
    padding: 0 30px;
}

/* 4th Column - Two Categories Side by Side */
.ix-drop-col.ix-drop-col-split {
    display: block;
}

/* Category Titles */
.ix-drop-title {
    font-size: 16px;
    font-weight: 800;
    color: #0b2c3d;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f1f1; /* Separation line */
    display: block;
}

/* Sub-Services List */
.ix-drop-list {
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
}
.ix-drop-category {
    margin-bottom: 1.875rem;
}

.ix-drop-category:last-child {
    margin-bottom: 0;
}


/* Remove margin from last list in split category */
.ix-drop-category .ix-drop-list {
    margin-bottom: 0;
}

.ix-drop-list li {
    border-bottom: 1px solid #f9f9f9; /* Horizontal line between services */
}

.ix-drop-list li:last-child { 
    border-bottom: none; 
}

.ix-drop-list a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #666 !important;
    font-weight: 500 !important;
    transition: 0.3s;
}

.ix-drop-list a:hover {
    color: #cfa36a !important;
    padding-left: 5px;
}
.ix-drop-col > .ix-drop-list:nth-of-type(1), 
.ix-drop-category:first-child .ix-drop-list {
    min-height: 145px; /* You can tweak this number (e.g., 155px or 165px) if alignment is still slightly off */
    display: flex;
    flex-direction: column;
}
/* Rotate Chevron on Hover */
.ix-has-dropdown:hover .fa-chevron-down {
    transform: rotate(180deg);
    transition: 0.3s;
}

/* Placeholder for alignment */
.ix-placeholder a {
    pointer-events: none;
    cursor: default;
}

/* Arrow toggle rotation class for mobile */
.ix-arrow-toggle {
    transition: transform 0.3s ease;
    display: inline-block;
}

.ix-arrow-toggle.rotated .fa-chevron-down {
    transform: rotate(180deg);
}



/************************************************** Hero Section Start *****************************************/
/* ================= BANNER SECTION ================= */
.ix-banner {
    position: relative;
    width: 100%;
    height: 80vh;           /* Industry Std: 80% of viewport height */
    min-height: 550px;      /* Prevent collapse on tiny laptops */
    padding-top: 80px;      /* Space for header */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #0b2c3d;
    background-size: cover;
    background-position: center;
}

.ix-banner-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Dark overlay to make text pop */
    background: linear-gradient(to bottom, rgba(11, 44, 61, 0.85), rgba(11, 44, 61, 0.5));
    z-index: 1;
}

.ix-banner-content {
    width: 90%;
    max-width: 1100px;
    z-index: 2;
    margin-top: 5rem;
}

/* --- FLUID TYPOGRAPHY --- */
.ix-banner-subtitle {
    font-size: clamp(12px, 2vw, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #cfa36a; /* Your Gold Accent */
    margin-bottom: 20px;
    display: block;
    animation: fadeInUp 0.8s ease forwards;
}

.ix-banner-title {
    /* Fluid font size: Scales between 32px and 64px based on screen width */
    font-size: clamp(32px, 5vw, 64px); 
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    animation: fadeInUp 0.8s ease forwards 0.2s;
}

.ix-banner-title span { color: #cfa36a; }

.ix-banner-text {
    font-size: clamp(16px, 1.5vw, 18px);
    max-width: 800px;
    margin: 0 auto 40px;
    color: rgba(255, 255, 255, 0.9);
    animation: fadeInUp 0.8s ease forwards 0.4s;
}

/* --- BUTTONS --- */
.ix-banner-btns {
    display: flex;
    gap: 20px;
    justify-content: center;
    animation: fadeInUp 0.8s ease forwards 0.6s;
}

.ix-btn-primary, .ix-btn-outline {
    padding: 16px 36px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.4s all ease;
}

.ix-btn-primary { background: #cfa36a; color: #fff; border: 2px solid #cfa36a; display: flex;
    justify-content: center; }
.ix-btn-outline { border: 2px solid #fff; color: #fff; }

.ix-btn-primary:hover { background: transparent; color: #cfa36a; }
.ix-btn-outline:hover { background: #fff; color: #0b2c3d; }

/* Animation Keyframes */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ================= SLIDER BANNER ================= */
.ix-slider-wrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ix-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ix-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.ix-slide-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
}

/* Final slide WITH background image now */
.ix-slide-final {
    background-color: #0b2c3d;
}

.ix-slide-final .ix-slide-bg {
    display: block !important; /* Changed from none to block */
}

/* Banner overlay needs to be positioned correctly */
.ix-slide .ix-banner-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

/* Banner content needs higher z-index */
.ix-slide .ix-banner-content {
    position: relative !important;
    z-index: 3 !important;
}

/* Slider Navigation Dots */
.ix-slider-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.ix-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.3s ease;
}

.ix-dot:hover {
    background: rgba(255, 255, 255, 0.6);
    transform: scale(1.1);
}

.ix-dot.active {
    background: #cfa36a;
    border-color: #cfa36a;
    width: 30px;
    border-radius: 6px;
}

/* Slider Arrows */
.ix-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(207, 163, 106, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ix-slider-arrow:hover {
    background: #cfa36a;
    border-color: #cfa36a;
    transform: translateY(-50%) scale(1.1);
}

.ix-slider-prev {
    left: 30px;
}

.ix-slider-next {
    right: 30px;
}


/********************************************* Hero Section End *****************************************/

/********************************************* Stats Counter Start *****************************************/
/* ================= TRUST STATS BAR STYLES ================= */
.ix-stats-section {
    position: relative;
    margin-top: -50px;      /* Overlap effect */
    z-index: 10;
    padding: 0 20px;        /* Safety padding */
}

.ix-stats-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.ix-stats-wrapper {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 4%;       /* Percentage padding instead of fixed pixels */
    border-radius: 15px;
    box-shadow: 0 20px 50px rgba(11, 44, 61, 0.15);
    border-bottom: 4px solid #cfa36a;
    flex-wrap: wrap;        /* Allows wrapping on tablets */
    gap: 20px;
}

.ix-stat-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ix-stat-icon {
    width: 60px;
    height: 60px;
    background: rgba(207, 163, 106, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cfa36a;
    font-size: 24px;
    transition: 0.3s ease;
}

.ix-stat-item:hover .ix-stat-icon {
    background: #cfa36a;
    color: #fff;
    transform: rotateY(180deg);
}

.ix-stat-number {
    font-size: 32px;
    font-weight: 800;
    color: #0b2c3d;
    line-height: 1;
}

.ix-stat-number span {
    color: #cfa36a;
}

.ix-stat-label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

.ix-stat-sep {
    width: 1px;
    height: 60px;
    background: #eee;
}

/********************************************* Stats Counter End *****************************************/


/**************************************Our Services Section******************************************/
/* --- Wrapper & Container --- */
.ix-services-section {
    padding: 10px 5%; /* Top/Bottom and Left/Right Margin */
    background: #fff;
    margin-top: 5px;
}

.ix-services-container {
    background: #f8f9fa; /* Grey Background */
    padding: 10px 40px;
    border-radius: 12px;
    margin-top: 2rem;
}

/* --- Header Section --- */
.ix-services-header {
    display: flex;
    justify-content: flex-start;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 50px; 
    text-align: center;
    
}

.ix-subtitle {
    color: #cfa36a; /* Mud Color */
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
      
}

.ix-main-quote {
    font-size: clamp(26px, 4vw, 40px);
    color: #13a4ef;
    font-weight: 800;
    margin-top: 15px;
}

.ix-main-quote span { color: #cfa36a; }

.ix-explore-btn {
    background: #cfa36a;
    color: #fff;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --- Grid Layout --- */
.ix-services-grid {
    display: grid;
    grid-template-columns: 320px 1fr; /* Fixed Left, Fluid Right */
    gap: 40px;
}

/* --- Left Column: Category Menu --- */
.ix-category-menu {
    border: 1px solid #ddd;
    background: #fff;
}

.ix-cat-item {
    padding: 22px 25px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    font-weight: 700;
    color: #0b2c3d;
    transition: 0.3s;
}

.ix-cat-item:last-child { border-bottom: none; }

.ix-cat-item i { color: #cfa36a; font-size: 18px; }

.ix-cat-item.active {
    background: #0b2c3d;
    color: #fff;
}

.ix-cat-item.active i { color: #fff; }

/* --- Right Column: Dynamic Cards --- */
.ix-display-portal {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.ix-service-card {
    background: #fff;
    padding: 35px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
    animation: cardEntry 0.5s ease-out forwards;
}

.ix-service-card i {
    font-size: 32px;
    color: #cfa36a;
    margin-bottom: 20px;
    display: block;
}

.ix-service-card h3 {
    font-size: 20px;
    color: #0b2c3d;
    margin-bottom: 12px;
}

.ix-service-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

@keyframes cardEntry {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}



/********************************Why Choose INEXUS Section start*************************/
.why-choose-section {
            position: relative;
            padding: 100px 20px;
            background: linear-gradient(135deg, #0a1628 0%, #1a2744 50%, #0a1628 100%);
            overflow: hidden;
        }

        .why-choose-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.06) 0%, transparent 50%);
            pointer-events: none;
        }

        .container {
            width: 90%;             /* Occupies 90% of screen */
            max-width: 1400px;      /* Stops at 1400px */
            margin: 0 auto;         /* Centers it */
            position: relative;
            z-index: 1;
        }

        .section-header {
            text-align: center;
            margin-bottom: 80px;
            animation: fadeInDown 0.8s ease;
        }

        .section-subtitle {
            color: #d4af37;
            font-size: 14px;
            letter-spacing: 3px;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 15px;
            display: inline-block;
            position: relative;
        }

        .section-subtitle::after,
        .section-subtitle::before {
            content: '';
            position: absolute;
            top: 50%;
            width: 50px;
            height: 1px;
            background: linear-gradient(90deg, transparent, #d4af37);
        }

        .section-subtitle::before {
            right: calc(100% + 20px);
            background: linear-gradient(90deg, #d4af37, transparent);
        }

        .section-subtitle::after {
            left: calc(100% + 20px);
        }

        .section-title {
            font-size: 48px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .section-description {
            font-size: 18px;
            color: #b8c5d6;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .features-grid {
            display: grid;
            /* Industry Std: Auto-fit columns (min 300px) */
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
            gap: 30px;
            margin-top: 60px;
        }

        .feature-card {
            position: relative;
            background: linear-gradient(135deg, rgba(26, 39, 68, 0.6) 0%, rgba(15, 25, 45, 0.8) 100%);
            border: 1px solid rgba(212, 175, 55, 0.2);
            border-radius: 20px;
            padding: 40px 30px;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            backdrop-filter: blur(10px);
        }

        .feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.5s ease;
        }

        .feature-card:hover::before {
            transform: scaleX(1);
        }

        .feature-card::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        .feature-card:hover::after {
            opacity: 1;
        }

        .feature-card:hover {
            transform: translateY(-10px);
            border-color: rgba(212, 175, 55, 0.5);
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.4),
                0 0 40px rgba(212, 175, 55, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

        .feature-icon-wrapper {
            position: relative;
            width: 80px;
            height: 80px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-icon-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.05) 100%);
            border-radius: 20px;
            transform: rotate(45deg);
            transition: all 0.4s ease;
        }

        .feature-card:hover .feature-icon-bg {
            transform: rotate(45deg) scale(1.1);
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.3) 0%, rgba(212, 175, 55, 0.1) 100%);
        }

        .feature-icon {
            position: relative;
            font-size: 36px;
            color: #d4af37;
            z-index: 1;
            transition: all 0.4s ease;
        }

        .feature-card:hover .feature-icon {
            transform: scale(1.15) rotate(5deg);
            color: #f4d03f;
        }

        .feature-title {
            font-size: 24px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 15px;
            transition: color 0.3s ease;
        }

        .feature-card:hover .feature-title {
            color: #d4af37;
        }

        .feature-description {
            font-size: 15px;
            line-height: 1.7;
            color: #b8c5d6;
            transition: color 0.3s ease;
        }

        .feature-card:hover .feature-description {
            color: #d4e1f0;
        }

        .feature-number {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 80px;
            font-weight: 700;
            color: rgba(212, 175, 55, 0.05);
            line-height: 1;
            transition: all 0.4s ease;
        }

        .feature-card:hover .feature-number {
            color: rgba(212, 175, 55, 0.1);
            transform: scale(1.1);
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .feature-card {
            animation: fadeInUp 0.6s ease backwards;
        }

        .feature-card:nth-child(1) { animation-delay: 0.1s; }
        .feature-card:nth-child(2) { animation-delay: 0.2s; }
        .feature-card:nth-child(3) { animation-delay: 0.3s; }
        .feature-card:nth-child(4) { animation-delay: 0.4s; }
        .feature-card:nth-child(5) { animation-delay: 0.5s; }
        .feature-card:nth-child(6) { animation-delay: 0.6s; }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

       

/******************************************Our streamlined Process Section***************************/
 /* Process Section Specific Styles */
.process-section-wrapper {
            position: relative;
            padding: 80px 0px;
            background: linear-gradient(135deg, #2499dd 0%, #2E8B85 50%, #431b8d 100%);
            overflow: hidden;
        }

.process-section-wrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 30% 20%, rgba(138, 43, 226, 0.15) 0%, transparent 40%),
                radial-gradient(circle at 70% 80%, rgba(75, 0, 130, 0.12) 0%, transparent 40%),
                radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.05) 0%, transparent 50%);
            pointer-events: none;
        }

.process-section-wrapper::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(138, 43, 226, 0.08) 0%, transparent 70%);
            border-radius: 50%;
            animation: processPulse 8s ease-in-out infinite;
        }

        @keyframes processPulse {
            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
            50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }
        }

.process-container {
            width: 90%;
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

.process-section-header {
            text-align: center;
            margin-bottom: 80px;
            animation: processFadeInDown 0.8s ease;
        }

.process-section-badge {
            display: inline-block;
            padding: 8px 24px;
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.2), rgba(75, 0, 130, 0.2));
            border: 1px solid rgba(138, 43, 226, 0.4);
            border-radius: 30px;
            color: #d4af37;
            font-size: 13px;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 20px;
            backdrop-filter: blur(10px);
        }

.process-section-title {
            font-size: 48px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
            line-height: 1.2;
            background: linear-gradient(135deg, #ffffff 0%, #e0d5ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

.process-section-description {
            font-size: 18px;
            color: #b8b8d6;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }

.process-steps-grid {
            display: grid;
            /* Force 4 columns on desktop, switch to auto on laptop */
            grid-template-columns: repeat(4, 1fr); 
            gap: 2%;                /* Fluid gap */
            width: 100%;
            margin-top: 50px;
        }

.process-steps-grid::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 10%;
            right: 10%;
            height: 2px;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(138, 43, 226, 0.3) 20%, 
                rgba(138, 43, 226, 0.5) 50%, 
                rgba(138, 43, 226, 0.3) 80%, 
                transparent 100%);
            transform: translateY(-50%);
            z-index: 0;
        }

.process-step-card {
            position: relative;
            background: linear-gradient(135deg, rgba(45, 27, 78, 0.6) 0%, rgba(26, 15, 46, 0.8) 100%);
            border: 1px solid rgba(138, 43, 226, 0.3);
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            z-index: 1;
        }

.process-step-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.1) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.5s ease;
        }

.process-step-card:hover::before {
            opacity: 1;
        }

.process-step-card:hover {
            transform: translateY(-15px);
            border-color: rgba(138, 43, 226, 0.6);
            box-shadow: 
                0 25px 70px rgba(138, 43, 226, 0.3),
                0 0 60px rgba(138, 43, 226, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

.process-card-image-wrapper {
            position: relative;
            width: 100%;
            height: 240px;
            overflow: hidden;
        }

.process-card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

.process-step-card:hover .process-card-image {
            transform: scale(1.15);
        }

.process-image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, transparent 0%, rgba(26, 15, 46, 0.6) 50%, rgba(26, 15, 46, 0.95) 100%);
            transition: background 0.5s ease;
        }

.process-step-card:hover .process-image-overlay {
            background: linear-gradient(180deg, rgba(138, 43, 226, 0.2) 0%, rgba(26, 15, 46, 0.7) 50%, rgba(26, 15, 46, 0.95) 100%);
        }

.process-step-number {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.9), rgba(75, 0, 130, 0.9));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 700;
            color: #fff;
            box-shadow: 0 8px 20px rgba(138, 43, 226, 0.4);
            z-index: 2;
            transition: all 0.4s ease;
        }

.process-step-card:hover .process-step-number {
            transform: scale(1.15) rotate(360deg);
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.9), rgba(255, 215, 0, 0.9));
            box-shadow: 0 12px 30px rgba(212, 175, 55, 0.5);
        }

.process-card-content {
            padding: 30px;
            position: relative;
        }

.process-card-icon-wrapper {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.2), rgba(75, 0, 130, 0.2));
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            border: 1px solid rgba(138, 43, 226, 0.4);
            transition: all 0.4s ease;
        }

.process-step-card:hover .process-card-icon-wrapper {
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.3), rgba(75, 0, 130, 0.3));
            border-color: rgba(138, 43, 226, 0.6);
            transform: rotateY(360deg);
        }

.process-card-icon {
            font-size: 32px;
            color: #a78bfa;
            transition: all 0.4s ease;
        }

.process-step-card:hover .process-card-icon {
            color: #d4af37;
            transform: scale(1.1);
        }

.process-card-title {
            font-size: 24px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 15px;
            transition: color 0.3s ease;
        }

.process-step-card:hover .process-card-title {
            color: #2E8B85;
        }

.process-card-description {
            font-size: 15px;
            line-height: 1.7;
            color: #b8b8d6;
            transition: color 0.3s ease;
        }

.process-step-card:hover .process-card-description {
            color: #d4d4e8;
        }

.process-step-arrow {
            position: absolute;
            top: 50%;
            right: -40px;
            transform: translateY(-50%);
            font-size: 24px;
            color: rgba(138, 43, 226, 0.4);
            z-index: 2;
            animation: processArrowFloat 2s ease-in-out infinite;
        }

        @keyframes processArrowFloat {
            0%, 100% { transform: translateY(-50%) translateX(0); }
            50% { transform: translateY(-50%) translateX(5px); }
        }

.process-step-card:last-child .process-step-arrow {
            display: none;
        }

        @keyframes processFadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.process-step-card {
            animation: processFadeInUp 0.6s ease backwards;
        }

.process-step-card:nth-child(1) { animation-delay: 0.1s; }
.process-step-card:nth-child(2) { animation-delay: 0.2s; }
.process-step-card:nth-child(3) { animation-delay: 0.3s; }
.process-step-card:nth-child(4) { animation-delay: 0.4s; }

        @keyframes processFadeInUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

 


/****************************** Industries We Serve Section********************************/
/* --- Industries Section --- */
.ix-industries-section {
    padding: 100px 0;
    background: #0b2c3d; /* Dark Blue from your theme */
    color: #fff;

    /* --- Add these lines to fix the bg lag --- */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
}

.ix-industries-container {
    max-width: 1250px;
    margin: 0 50px;
    padding: 0 20px;
}

.ix-section-desc {
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
    font-size: 16px;
}

/* --- Grid --- */
.ix-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

/* --- Individual Card --- */
.ix-industry-card {
    position: relative;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.ix-industry-img {
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease;
}

.ix-industry-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dark Overlay */
.ix-industry-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(11, 44, 61, 0.95) 90%);
    transition: opacity 0.4s ease;
}

/* Card Content */
.ix-industry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    z-index: 2;
    transition: transform 0.4s ease;
}

.ix-industry-icon {
    width: 50px;
    height: 50px;
    background: #cfa36a; /* Gold Accent */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 20px;
    transition: 0.3s;
}

.ix-industry-content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.ix-industry-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    opacity: 0; /* Hidden by default */
    transform: translateY(20px);
    transition: 0.4s ease;
}

/* --- Hover Effects --- */
.ix-industry-card:hover .ix-industry-img {
    transform: scale(1.1);
}

.ix-industry-card:hover .ix-industry-overlay {
    background: linear-gradient(to bottom, rgba(11, 44, 61, 0.4) 0%, rgba(11, 44, 61, 0.98) 100%);
}

.ix-industry-card:hover .ix-industry-content p {
    opacity: 1;
    transform: translateY(0);
}

.ix-industry-card:hover .ix-industry-icon {
    transform: rotateY(180deg);
}



/* ================= FINAL CTA STYLES ================= */
.ix-final-cta {
    position: relative;
    padding: 120px 0;
    background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1500&q=80');
    background-attachment: fixed; /* Parallax effect for premium feel */
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.ix-cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Darker blue gradient to match your theme */
    background: linear-gradient(135deg, rgba(11, 44, 61, 0.95) 0%, rgba(11, 44, 61, 0.8) 100%);
    z-index: 1;
}

.ix-cta-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.ix-cta-subtitle {
    display: inline-block;
    color: #cfa36a; /* Gold accent */
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}

.ix-cta-title {
    font-size: clamp(30px, 5vw, 48px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
}

.ix-cta-title span {
    color: #cfa36a;
}

.ix-cta-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    margin: 0 auto 40px;
    line-height: 1.6;
}

.ix-cta-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.ix-cta-phone {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.ix-cta-phone i {
    color: #cfa36a;
    margin-right: 10px;
}

.ix-cta-phone:hover {
    color: #cfa36a;
}



/**************************************Footer Section CSS ********************************/
/* ================= FOOTER MASTER STYLES ================= */
.ix-footer {
    background: #1a1a1a; /* Professional Charcoal for high logo contrast */
    padding: 80px 0 30px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.ix-footer-container {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.ix-footer-content {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: 100px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- Brand Section --- */
.ix-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ix-footer-logo-wrapper {
    width: 100%;
    max-width: 300px; /* Increased to allow logo to spread */
    display: flex;
    justify-content: center; /* Centers logo above the paragraph */
    margin-bottom: 5px;
}

.ix-footer-logo {
    width: 240px; /* Large width to make sub-text readable */
    height: 80px;
    /* THE FIX: Brightness + Contrast makes the grey text look white/silver */
    filter: brightness(1.5) contrast(1.1) drop-shadow(0 0 12px rgba(255, 255, 255, 0.15));
    object-fit: contain;
}

.ix-footer-about {
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
    text-align: justify; /* Professional equal-width lines */
    text-justify: inter-word;
    max-width: 280px; /* Parallel with logo wrapper */
}

/* --- Titles & Links --- */
.ix-footer-title {
    color: #cfa36a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

.ix-footer-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 35px; height: 2px;
    background: #cfa36a;
}

.ix-footer-links { list-style: none; }
.ix-footer-links li { margin-bottom: 12px; }
.ix-footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.ix-footer-links a:hover {
    color: #cfa36a;
    padding-left: 5px;
}

/* --- Contact & Socials --- */
.ix-contact-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}
.ix-contact-row i { color: #cfa36a; margin-top: 4px; }

.ix-footer-socials { display: flex; gap: 15px; }
.ix-footer-socials a {
    width: 38px; height: 38px;
    background: rgba(255, 255, 255, 0.08);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #fff; transition: 0.3s;
}
.ix-footer-socials a:hover { background: #cfa36a; transform: translateY(-3px); }

/* --- Bottom Bar --- */
.ix-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.ix-footer-legal a { color: rgba(255, 255, 255, 0.6); text-decoration: none; }
.ix-sep { margin: 0 10px; }

/************************* INDEX PAGE ALL RESPONSIvE CODE ***************************************/

/* ============================================================================
   INEXUS WEBSITE - ABSOLUTELY PERFECT FINAL RESPONSIVE STYLES
   All Issues Fixed - Production Ready
   Breakpoints: 1200px, 768px, 480px
============================================================================ */
/* ======================================================
   LAPTOP & SMALL DESKTOP FIX (1024px - 1366px)
   Prevents "Cut Off" on Home Monitors
   ====================================================== */
@media screen and (min-width: 1024px) and (max-width: 1366px) {
    
    /* Shrink the Banner Text slightly */
    .ix-banner-title { font-size: 48px; }
    
    /* Tighten Nav Menu Spacing */
    .ix-nav-menu { gap: 20px; font-size: 13px; }
    .ix-nav-cta { padding: 12px 18px; font-size: 13px; }
    
    /* Adjust Stats Bar */
    .ix-stats-wrapper { padding: 25px 20px; }
    .ix-stat-number { font-size: 26px; }
    
    /* Process Section - Switch to 2x2 grid if 4 is too crowded */
    .process-steps-grid {
        grid-template-columns: repeat(4, 1fr); /* Keep 4 but tight */
    }
}
/* ============================================================================
   MEDIA QUERY: 1200px (Small Desktop & Laptops)
============================================================================ */
@media (max-width: 1200px) {
    
    /* TOP BAR */
    .ix-topbar .ix-container {
        margin: auto 40px;
        font-size: 13px;
    }
    
    /* NAVBAR */
    .ix-nav-container {
        padding-left: 10%;
    }
    
    .ix-nav-grey,
    .ix-logo-box {
        width: 10%;
        min-width: 130px;
    }
    
    .ix-nav-menu {
        gap: 28px;
        margin-left: 30px;
        font-size: 14px;
    }
    
    .ix-nav-cta {
        padding: 12px 20px;
        font-size: 18px;
    }
    
    .ix-nav-phone {
        font-size: 18px;
        margin-right: 20px;
    }
    
    /* ===== STREAMLINED PROCESS - 2x2 LAYOUT ===== */
    .process-steps-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    
    .process-step-card {
        width: 100% !important;
    }
    
    .process-card-image-wrapper {
        height: 200px !important;
    }
}

/* ============================================================================
   MEDIA QUERY: 768px (Tablets & Small Screens)
============================================================================ */
@media (max-width: 768px) {
    
    /* ===== BODY & SCROLL LOCK ===== */
    body {
        padding-top: 0px;
    }
    html {
    scrollbar-gutter: stable;
}
    
    body.ix-menu-open {
        overflow: hidden;
        
    }
    
    /* ===== TOP BAR ===== */
    .ix-topbar {
        height: auto;
        padding: 10px 0;
    }
    
    .ix-topbar .ix-container {
        flex-direction: column;
        gap: 8px;
        text-align: center;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 12px;
    }
    
    .ix-topbar .ix-container > div {
        width: 100%;
        font-size: 14px;
    }
    
    /* ===== NAVBAR ===== */
    .ix-header {
        position: fixed;
        top: auto;
        z-index: 1001 !important;
    }
    
    .ix-nav-container {
        position: relative !important; /* Anchor point for dropdown */
        height: auto !important;       
        min-height: auto !important;
        /* Use standard padding to create height */
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        padding-left: 1rem !important;  /* Safe side buffer */
        padding-right: 1rem !important;
      
        
        /* Ensure Flexbox centers items vertically */
        display: flex !important;
        align-items: center !important; 
        justify-content: space-between !important;
        z-index: 1001 !important;
    }
    
    .ix-nav-grey {
        display: none;
    }
    
    /* ===== HAMBURGER + LOGO (MORE TO LEFT) ===== */
    .ix-nav-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        z-index: 1003;
        order: 1;
        flex-shrink: 0;
        margin-left: 0;
    }
    
    .ix-nav-toggle span {
        display: block;
        width: 26px;
        height: 3px;
        background: #0b2c3d;
        border-radius: 2px;
        transition: all 0.3s ease;
    }
    
    body.ix-menu-open .ix-nav-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }
    
    body.ix-menu-open .ix-nav-toggle span:nth-child(2) {
        opacity: 0;
    }
    
    body.ix-menu-open .ix-nav-toggle span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }
    
    .ix-logo-box {
        position: static;
        width: auto;
        min-width: 0;
        height: auto;
        order: 2;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        margin-left: 1rem;
    }
    
    /* 1. Make Logo Responsive (Shrink as screen gets smaller) */
    .ix-logo-box img {
        height: 70px !important;     /* Remove fixed height */
        width: auto !important;     /* Start smaller */
        max-width: 18vw !important;  /* Force it to never exceed 18% of screen width */
        min-width: 100px !important; /* Don't let it get too tiny */
        object-fit: contain;
    }
    
    /* ===== FREE CONSULTATION + PHONE (RIGHT SIDE) ===== */
    .ix-nav-cta {
        order: 3;
        margin-left: auto;
        padding: 8px 12px !important;
        font-size: 13px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .ix-nav-divider {
        display: none;
    }
    
    /* ===== PHONE NUMBER - LARGER, CLICKABLE ===== */
    .ix-nav-phone {
        order: 4;
        display: block;
        font-size: 13px !important; /* Increased from 11px */
        margin: 0 0 0 8px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .ix-nav-phone a {
        color: #0b2c3d;
        text-decoration: none;
        font-weight: 600;
    }
    
    /* ===== MOBILE MENU - NO GAP, NO BANNER TEXT VISIBLE ===== */
    .ix-nav-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        flex-direction: column;
        align-items: center;
        padding: 0;
        margin: 0;
        z-index: 9999;
        overflow: hidden;
    }
    
    .ix-nav-menu.active {
        /* --- ALIGNMENT (From your Old Code) --- */
        position: absolute !important;  
        top: 100% !important;           /* Starts EXACTLY at bottom of Navbar */
        left: 0 !important;
        width: 100% !important;
        margin-top: 0px !important;     /* No gaps */

        /* --- CUT-OFF FIX (The Scroll Logic) --- */
        height: auto !important;        /* Let height grow with content */
        max-height: 80vh !important;    /* Stop it before bottom of screen */
        overflow-y: scroll !important;    /* Enable internal scrolling */
        
        /* --- VISUALS --- */
        background: #fff !important;
        box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
        padding-top: 0 !important;
        padding-bottom: 20px !important;
        border-top: 1px solid #eee;
        
        /* --- LAYOUT --- */
        display: flex !important;
        flex-direction: column !important;
    }

    /* 3. Dropdown Inside Menu - Ensure it expands fully */
    .ix-mega-dropdown {
        position: static !important;    /* Stack naturally */
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        max-height: none !important;    /* Don't cut off inside */
        overflow: visible !important;
    }

     /* Extra padding at bottom for last items */
    .ix-nav-menu.active::after {
        content: '';
        display: block;
        min-height: 50px;
        flex-shrink: 0;
    }
    
    .ix-nav-menu > li {
        width: 90%;
        max-width: 400px;
        text-align: center;
        border-bottom: 1px solid #f0f0f0;
        flex-shrink: 0; /* Prevent shrinking */
    }
    .ix-nav-menu > li:last-child {
        border-bottom: none;
        margin-bottom: 30px;
    }
    
    .ix-nav-menu > li > a {
        display: block;
        padding: 18px 30px;
        font-size: 16px;
        color: #0b2c3d;
        text-decoration: none;
        font-weight: 600;
        text-align: center;
    }
    
    .ix-nav-menu > li > a:hover {
        background: #f8f8f8;
        color: #cfa36a;
    }
    
    /* ===== SERVICES DROPDOWN - CENTERED WITH PROPER SPACING ===== */
    .ix-has-dropdown {
        position: relative;
    }
    
    .ix-has-dropdown > a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    
    .ix-mega-dropdown {
        position: static;
        display: none;
        visibility: visible;
        opacity: 1;
        transform: none;
        width: 100%;
        max-height: none !important; /* Remove max-height - let parent scroll */
        overflow: visible !important;
        background: #f9f9f9;
        padding: 0;
        box-shadow: none;
        border: none;
        border-top: 1px solid #eee;
        transition: none;
    }
    /* Remove hover trigger on mobile */
    .ix-has-dropdown:hover .ix-mega-dropdown {
        visibility: visible;
        opacity: 1;
        transform: none;
        display: none; /* Still hidden until JS toggles it */
    }
    
    .ix-mega-dropdown.active {
        display: block !important;
    }
    
    /* Dropdown container - single column stack */
    .ix-dropdown-container {
        display: block !important;
        padding: 25px 30px 30px;
        gap: 0;
        max-width: 100%;
    }
    
    .ix-drop-col {
        margin-bottom: 35px;
    }
    
    .ix-drop-col:last-child {
        margin-bottom: 0;
    }
    /* Split column stacks vertically on mobile */
    .ix-drop-col.ix-drop-col-split {
        display: block !important;
    }
    .ix-drop-category {
        margin-bottom: 0px;
    }

    .ix-drop-category:last-child {
        margin-bottom: 0;
    }
    .ix-drop-title {
        font-size: 14px;
        color: #0b2c3d;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #e0e0e0;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .ix-drop-list {
        list-style: none;
        margin: 0 0 0.625rem 0;
        padding: 0;
    }
    .ix-drop-category .ix-drop-list {
        margin-bottom: 0;
    }
    
    .ix-drop-list li {
        border-bottom: 1px solid #f0f0f0;
    }
    
    .ix-drop-list li:last-child {
        border-bottom: none;
    }
    
    .ix-drop-list li a {
        display: block;
        padding: 12px 20px;
        font-size: 13px !important;
        color: #555 !important;
        text-decoration: none;
        font-weight: 500 !important;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .ix-drop-list li a:hover {
        background: #fff;
        color: #cfa36a !important;
        padding-left: 20px; /* Keep centered on mobile */
    }
    /* Chevron rotation handled by JS class */
    .ix-has-dropdown:hover .fa-chevron-down {
        transform: none; /* Disable hover rotation on mobile */
    }
    
    /* ===== HERO BANNER - VERTICALLY CENTERED ===== 
    .ix-banner {
    height: auto !important;
    min-height: 100vh !important;
    padding-top: 0 !important; /* CHANGED: Remove the 35vh padding 
    padding-bottom: 0 !important; /* CHANGED: Remove padding 
    background-attachment: scroll;
    background-size: cover;
    background-position: center center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
}
    
    .ix-banner-content {
    width: 85%;
    max-width: 600px !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative !important; /* CHANGED: from static to relative 
    top: 0;
    transform: none !important;
    padding: 0 !important; /* CHANGED: Remove any padding 
}
/* ADDED: Make slider wrapper and slides flex containers 
.ix-slider-wrapper {
    min-height: 100vh !important;
}  */
    
    .ix-banner-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
}
    
    .ix-banner-title {
    display: block !important;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.2;
    margin-bottom: 2vh !important;
}
    
    .ix-banner-text {
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: 1.6;
    margin-bottom: 4vh;
}
    
    .ix-banner-btns {
    flex-direction: column;
    gap: 15px;
    align-items: center;
}
    
    .ix-btn-primary,
.ix-btn-outline {
    width: 100%;
    max-width: 280px;
    padding: 14px 30px;
    text-align: center;
}
     .ix-slider-arrow {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .ix-slider-prev {
        left: 15px;
    }
    
    .ix-slider-next {
        right: 15px;
    }
    
    .ix-slider-dots {
        bottom: 20px;
        gap: 8px;
    }
    
    .ix-dot {
        width: 10px;
        height: 10px;
    }
    
    .ix-dot.active {
        width: 24px;
    }
    
    /* Ensure background images show on tablet */
    .ix-slide-bg {
        display: block !important;
        background-attachment: scroll !important;
    }
    .ix-banner {
        height: auto !important;
        min-height: 100vh !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ix-banner-content {
        width: 85%;
        max-width: 600px !important;
        margin: 0 auto !important;
        text-align: center !important;
        position: relative !important;
        transform: none !important;
        padding: 0 20px !important;
    }
    
    .ix-slider-wrapper {
        min-height: 100vh !important;
    }
    
    .ix-slide {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* CRITICAL FIX: Force vertical centering for slider banner on 768px */
.ix-slider-banner.ix-banner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ix-slider-banner .ix-slider-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
}

.ix-slider-banner .ix-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.ix-slider-banner .ix-banner-content {
    position: relative !important;
    z-index: 3 !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    margin-top: 10rem !important;
}
    
    /* ===== STATS SECTION - CENTERED AS WHOLE ===== */
    .ix-stats-section {
        padding: 40px 20px;
        margin-top: 20px;
    }
    
    .ix-stats-container {
        padding: 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ix-stats-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
        /* Centering & Width */
        width: 90% !important;        /* Prevents touching edges (No cut-off) */
        margin: 2rem auto !important; /* Top/Bottom margin 2rem, Left/Right AUTO (Centers it) */
        padding: 2rem !important;     /* Internal breathing room */
        
        /* Layout Reset */
        height: auto !important;
        justify-content: center !important;
        box-sizing: border-box !important; /* Ensures padding doesn't break width */
    }
    
    .ix-stat-item {
        /* Flexbox to center the number and text inside the grid cell */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; 
        justify-content: center !important;
        text-align: center !important;
        gap: 15px !important ;

        /* Remove side borders (Desktop borders look bad in a grid) */
        border-right: none !important;
        border-left: none !important;
        
        /* Add a small bottom border for visual separation (optional, looks clean) */
        border-bottom: 1px solid #f0f0f0 !important;
        padding-bottom: 1rem !important;
        
        /* Ensure no margin shifts */
        margin: 0 !important;
        width: 100%;
    }
    /* 3. REMOVE BORDER FROM LAST 2 ITEMS (So the bottom row looks clean) */
    .ix-stat-item:nth-last-child(-n+2) {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    
    .ix-stat-sep {
        display: none;
    }
    
    .ix-stat-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
        flex-shrink: 0;
    }
    
    .ix-stat-info {
        text-align: left;
        flex: 1;
    }
    
    .ix-stat-number {
        font-size: 32px;
        display: flex;
        justify-content: center;
    }
    
    .ix-stat-label {
        font-size: 13px;
    }
    
    /* ===== SERVICES SECTION ===== */
    .ix-services-section {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ix-services-container {
        padding: 20px 20px;
        width: 100%;
        max-width: 100%;
    }
    
    .ix-services-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
        gap: 20px;
    }
    
    .ix-subtitle {
        font-size: 12px;
    }
    
    .ix-main-quote {
        font-size: 28px;
        
    }
    /*#industry{
        display: flex;
        align-items: center;
        justify-content: center;
    } */
    
    .ix-services-grid {
        /* GRID SYSTEM */
        display: grid !important;
        
        /* THE MAGIC FORMULA: 
           "repeat(2, 1fr)" means "Create 2 columns of equal (1 fraction) width" */
        grid-template-columns: repeat(1, 1fr) !important; 
        
        /* Spacing */
        gap: 2rem !important;  /* Space between the boxes */
        
        /* Sizing */
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    .ix-category-menu {
        width: 100%;
    }
    
    .ix-cat-item {
        padding: 16px 20px;
        font-size: 14px;
        padding-left: 30%;
    }
    
    .ix-display-portal {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    #services-portal {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .ix-service-card {
        padding: 25px 20px;
        width: 100%;
    }
    
    .ix-service-card i {
        margin: 0 !important;   /* Remove old margins */
        text-align: center !important; /* Center text for professional look */
        font-size: 28px;
    }
    
    .ix-service-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    .ix-services-section .section-title,
    .ix-services-section h2 {
        color: #0b2c3d !important; /* Returns to your standard Blue */
        -webkit-text-fill-color: #0b2c3d !important; /* Safety for Chrome/Safari */
    }

    /* 2. Force the <span> Text to GOLD */
    .ix-services-section .section-title span,
    .ix-services-section h2 span {
        color: #cfa36a !important; /* Returns to your standard Gold */
        -webkit-text-fill-color: #cfa36a !important;
    }
    
    .ix-service-card p {
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
    }
    
    /* ===== WHY CHOOSE SECTION - ICON CENTERED ===== */
    .why-choose-section {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .container {
        margin: 0 auto;
        padding: 0 20px;
        width: 90% !important;
        max-width: none !important;
    }
    
    .section-header {
        margin-bottom: 40px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .section-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
    }
    
    .section-subtitle::before,
    .section-subtitle::after {
        display: none;
    }
    
    .features-grid {
        /* GRID SYSTEM */
        display: grid !important;
        
        /* THE MAGIC FORMULA: 
           "repeat(2, 1fr)" means "Create 2 columns of equal (1 fraction) width" */
        grid-template-columns: repeat(1, 1fr) !important; 
        
        /* Spacing */
        gap: 2rem !important;  /* Space between the boxes */
        
        /* Sizing */
        width: 90% !important;
        margin: 0 auto !important;
        
    }
    
    .feature-card {
        width: 100% !important; /* Fill the new column width */
        margin: 0 !important;   /* Remove old margins */
        text-align: center !important; /* Center text for professional look */
    }
    
    .feature-number {
        align-self: flex-start;
        margin-bottom: 15px;
    }
    
    .feature-icon-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        width: 80px;
        height: 80px;
    }
    
    .feature-icon-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    
    .feature-icon {
        position: relative;
        z-index: 2;
        font-size: 32px !important;
        width: auto !important;
        height: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .feature-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .feature-description {
        font-size: 14px;
        line-height: 1.6;
    }
    
    /* ===== OUR STREAMLINED PROCESS - BLACK TEXT, BRIGHT YELLOW ICONS ===== */
    .process-section-wrapper {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .process-container {
        padding: 0 20px;
        max-width: 100%;
        width: 100%;
    }
    
    .process-section-header {
        margin-bottom: 40px;
        text-align: center;
    }
    
    .process-section-badge {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .process-section-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .process-section-description {
        font-size: 15px;
        color: #333 !important;
    }
    
    .process-steps-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 Equal Columns */
        gap: 2rem !important; /* Space between steps */
        
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    .process-step-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .process-step-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    
    .process-card-image-wrapper {
        width: 100% !important;
        height: 220px !important;
        position: relative;
        overflow: hidden;
    }
    
    .process-card-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
    }
    
    .process-image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    }
    
    .process-step-number {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        background: #cfa36a;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: 700;
        z-index: 2;
    }
    
    .process-card-content {
        padding: 25px 20px !important;
        width: 100% !important;
    }
    
    .process-card-icon-wrapper {
        margin-bottom: 15px;
    }
    
    .process-card-icon {
        font-size: 32px;
        color: #ffd700 !important;
    }
    
    .process-card-title {
        font-size: 20px !important;
        margin-bottom: 12px !important;
        color: #0b2c3d !important;
    }
    
    .process-card-description {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    .process-step-card:hover .process-card-description {
        color: #333 !important;
    }
    
    .process-step-arrow, .process-arrow-icon {
        display: none !important;
    }
    
    /* ===== INDUSTRIES SECTION - CARDS ONE BELOW ANOTHER ===== */
    .ix-industries-section {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ix-industries-container {
        padding: 0 20px;
        max-width: 100%;
        
    }
    
    .ix-industries-header {
        margin-bottom: 40px;
    }
    
    .ix-industries-title,
    .ix-industries-header .ix-main-quote {
        font-size: 28px;
    }
    
    .ix-industries-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
    }
    
    .ix-industry-card {
        height: 350px !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .ix-industry-img {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .ix-industry-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
    }
    
    .ix-industry-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.8));
        z-index: 1;
    }
    
    .ix-industry-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 25px 20px !important;
        width: 100% !important;
        z-index: 2;
        color: #fff;
    }
    
    .ix-industry-icon {
        width: 55px;
        height: 55px;
        font-size: 24px;
        margin-bottom: 15px;
        background: rgba(207, 163, 106, 0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #cfa36a;
    }
    
    .ix-industry-content h4 {
        font-size: 20px !important;
        margin-bottom: 10px !important;
        color: #fff;
    }
    
    .ix-industry-content p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: rgba(255,255,255,0.9);
    }
    
    /* ===== TESTIMONIALS SECTION ===== */
    .ix-testimonials-section {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ix-testimonials-container {
        padding: 0 20px;
        max-width: 100%;
    }
    
    .ix-testimonials-header {
        margin-bottom: 40px;
    }
    
    .ix-testimonials-title {
        font-size: 28px;
    }
    
    .ix-testimonial-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px;
    }
    
    .ix-testimonial-card {
        padding: 25px 20px;
        width: 100%;
    }
    
    .ix-testimonial-text {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .ix-testimonial-author h4 {
        font-size: 16px;
    }
    
    .ix-testimonial-author span {
        font-size: 13px;
    }
    
    /* ===== FINAL CTA SECTION ===== */
    .ix-final-cta {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ix-cta-container {
        padding: 40px 20px;
        max-width: 100%;
    }
    
    .ix-cta-content {
        text-align: center;
    }
    
    .ix-cta-subtitle {
        font-size: 12px;
    }
    
    .ix-cta-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .ix-cta-desc {
        font-size: 15px;
        margin-bottom: 30px;
    }
    
    .ix-cta-btns {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    
    .ix-cta-phone {
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }
    
    /* ===== FOOTER - LOGO SMALLER AND CENTERED ===== */
    .ix-footer {
        padding: 50px 0 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ix-footer-container {
        padding: 0 20px;
    }
    
    .ix-footer-content {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 Equal Columns */
        gap: 20px !important;          /* Space between columns */
        text-align: left !important;   /* Default align for links */
        padding-bottom: 40px !important;
    }

    /* 2. THE FIRST WIDGET (Logo & Intro) -> Spans Full Width */
    /* This selects the first div inside the footer content */
    .ix-footer-content > div:nth-child(1) {
        grid-column: 1 / -1 !important; /* Force it to span across all 3 columns */
        text-align: center !important;  /* Center the logo and text */
        margin-bottom: 30px !important; /* Add space below it */
        border-bottom: 1px solid rgba(255,255,255,0.1) !important; /* Optional: Clean separator line */
        padding-bottom: 20px !important;
    }


    
    .ix-footer-section {
        text-align: left;
        width: 100%;
    }
    
    .ix-footer-brand {
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .ix-footer-logo-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .ix-footer-logo {
        max-width: 120px !important;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    .ix-footer-about {
        font-size: 14px;
        text-align: center;
        margin: 15px auto 20px;
        max-width: 70%;
    }
    
    .ix-footer-socials {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin: 0 auto;
        width: 100%;
    }
    
    .ix-footer-socials a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: rgba(207, 163, 106, 0.1);
        border-radius: 50%;
        color: #cfa36a;
        transition: all 0.3s ease;
    }
    
    .ix-footer-socials a:hover {
        background: #cfa36a;
        color: #fff;
    }
    
    .ix-col-links {
        order: 2;
    }
    
    .ix-col-services {
        order: 3;
    }
    
    .ix-col-contact {
        order: 4;
    }
    
    .ix-footer-title {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .ix-footer-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .ix-footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
        text-align: left;
    }
    
    .ix-footer-links li {
        margin-bottom: 12px;
    }
    
    .ix-footer-links a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }
    
    .ix-footer-contact {
        display: flex;
        flex-direction: column;
        
    }

    /* 3. SAFETY FOR CONTACT INFO (Column 3) */
    /* Since 3 columns is tight on tablet, we shrink text slightly to prevent breaking */
    .ix-contact-row span,
    .ix-footer-widget a {
        font-size: 13px !important; 
        white-space: normal !important; /* Allow text to wrap naturally */
    }
    
    .ix-contact-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
    }
    
    .ix-contact-row i {
        font-size: 16px;
        color: #cfa36a;
        flex-shrink: 0;
    }
    
    .ix-footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
        padding-top: 30px;
        margin-top: 40px;
    }
    #quick-links{
        padding-left: 15%;
    }
    
    
    .ix-copyright {
        font-size: 13px;
    }
    
    .ix-footer-legal {
        font-size: 13px;
    }
    
    .ix-footer-legal a {
        color: #999;
    }
    
    .ix-sep {
        margin: 0 8px;
    }
    

}

/* ============================================================================
   MEDIA QUERY: 480px (Mobile Phones)
============================================================================ */
@media (max-width: 480px) {
    
    /* ===== TOP BAR ===== */
    .ix-topbar {
        padding: 8px 0;
    }
    
    .ix-topbar .ix-container {
        font-size: 11px;
        padding: 0 15px;
        gap: 6px;
    }
    
    .ix-top-socials a {
        padding: 6px;
        font-size: 12px;
    }
    
    /* ===== NAVBAR ===== */
    .ix-nav-container {
        height: 70px;
        padding: 0 12px !important;
        justify-content: flex-start !important; 
        gap: 5px; /* Controls the exact space between Toggle and Logo */
        padding-left: 15px !important; /* Adjust edge spacing if needed */
    }
    
    .ix-logo-box {
        margin-left: 0;
        margin: 0 !important;
        margin-left: 0 !important; /* Removes the 1rem margin pushing it away */
        position: static !important; /* Ensures it flows naturally in the flex row */
        transform: none !important;
    }
    
    .ix-logo-box img {
        height: 60px !important;
    }
    /* 3. Ensure the toggle stays on the left */
    .ix-nav-toggle {
        margin: 0 !important;
        order: -1; /* Ensures it stays first */
    }
    
    .ix-nav-toggle span {
        width: 24px;
        height: 2.5px;
    }
    
    .ix-nav-cta {
        padding: 8px 12px;
        font-size: 11px;
    }
    
    .ix-nav-phone {
        font-size: 13px !important;
        margin-left: 8px;
    }
    
    .ix-nav-menu {
        top: 156px !important; 
        height: calc(100vh - 120px) !important;
        padding: 20px 0;
    }
    
    .ix-nav-menu > li {
        width: 95%;
    }
    
    .ix-nav-menu > li > a {
        padding: 16px 20px;
        font-size: 15px;
    }
    /* Hide the Free Consultation button to save space */
    .ix-nav-cta {
        display: none !important;
    }
    .ix-nav-phone {
        margin-left: auto !important;  /* Pushes the phone number to the far right */
        margin-right: 15px !important; /* Adds a small gap from the right edge of the screen */
        display: block !important;     /* Ensures it is visible */
    }
    
    .ix-dropdown-container {
        padding: 20px 15px 25px;
    }
    
    .ix-drop-col {
        margin-bottom: 30px;
    }
    
    .ix-drop-title {
        font-size: 13px;
    }
    
    .ix-drop-list {
        margin-bottom: 0;
    }
    
    .ix-drop-list li a {
        padding: 10px 15px;
        font-size: 12px !important;
    }

    #quick-links {
        padding-left: 18%;
    }
    /**************FORCEFULL DROPDOWN MARGIN BOTTOM FIX ******************/
    /* Hide the placeholder list item completely on mobile */
    .ix-placeholder {
        display: none !important;
     }
    
    /* Reduce bottom spacing for dropdown container */
    .ix-mega-dropdown {
        padding-bottom: 1rem; /* Reduced from whatever it was */
    }
    
    /* Reduce spacing between service sections */
    .ix-drop-col {
        margin-bottom: 1rem; /* Reduced spacing between columns */
    }
    
    /* Reduce spacing after titles */
    .ix-drop-title {
        margin-bottom: 0.5rem; /* 8px - tighter spacing */
        margin-top: 1rem; /* 16px - spacing between sections */
    }
    
    /* First title has no top margin */
    .ix-drop-title:first-child {
        margin-top: 0;
    }
    
    /* Reduce list spacing */
    .ix-drop-list {
        margin-bottom: 1rem; /* 16px - reduced from whatever it was */
        padding-left: 0;
    }
    
    /* Last list in a column has minimal bottom margin */
    .ix-drop-col .ix-drop-list:last-of-type {
        margin-bottom: 0.5rem; /* 8px */
    }
    
    /* Reduce spacing between list items */
    .ix-drop-list li {
        margin-bottom: 0.5rem; /* 8px - tighter spacing */
        padding: 0.4rem 0.5rem; /* Reduced padding */
    }
    
    /* Last list item has no bottom margin */
    .ix-drop-list li:last-child {
        margin-bottom: 0;
    }
    /* ===== HERO BANNER ===== 
    .ix-banner {
    height: auto !important; /* CHANGED
    min-height: 100vh !important; /* CHANGED 
    padding-top: 0 !important; /* ADDED 
    padding-bottom: 0 !important; /* ADDED 
    display: flex !important; /* ADDED 
    align-items: center !important; /* ADDED 
    justify-content: center !important; /* ADDED 
}
    
/* ADDED: Make slider wrapper and slides flex containers for mobile 
.ix-slider-wrapper {
    min-height: 100vh !important;
}  */
    
    .ix-banner-subtitle {
        font-size: 11px;
    }
    
    .ix-banner-title {
        font-size: 30px;
    }
    
    .ix-banner-text {
        font-size: 14px;
    }
    .ix-slider-arrow {
        width: 30px;
        height: 35px;
        font-size: 14px;
    }
    
    .ix-slider-prev {
        left: 10px;
    }
    
    .ix-slider-next {
        right: 10px;
    }
    
    .ix-slider-dots {
        bottom: 15px;
        gap: 6px;
    }
    
    .ix-dot {
        width: 8px;
        height: 8px;
    }
    
    .ix-dot.active {
        width: 20px;
    }
    
    /* Ensure background images show on mobile */
    .ix-slide-bg {
        display: block !important;
        background-attachment: scroll !important;
    }
     .ix-banner {
        height: auto !important;
        min-height: 95vh !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ix-banner-content {
        width: 90%;
        padding: 5vh 1.25rem !important;
        margin: 0 auto !important;
        position: relative !important;
    }
    
     .ix-slider-wrapper {
        min-height: 95vh !important;
    }
    
    .ix-slide {
    min-height: 95vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
    
    /* Adjust button spacing for mobile */
    .ix-banner-btns {
        margin-top: 3vh !important;
    }
    
    .ix-btn-primary,
    .ix-btn-outline {
        max-width: 250px;
        padding: 12px 25px;
        font-size: 14px;
    }

 .ix-slider-banner.ix-banner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 95vh !important;
}

.ix-slider-banner .ix-slider-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 90vh !important;
}

.ix-slider-banner .ix-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 95vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.ix-slider-banner .ix-banner-content {
    position: relative !important;
    z-index: 3 !important;
    margin: auto !important;
    padding: 0 15px !important;
    margin-top: 17rem !important;
}

    
    /* ===== STATS SECTION ===== */
    .ix-stats-section {
        padding: 30px 15px;
    }
    
    .ix-stats-wrapper {
        padding: 25px 60px;
        gap: 25px;
        max-width: 450px;
    }
    
    .ix-stat-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .ix-stat-number {
        font-size: 1.3rem;
    }
    
    .ix-stat-label {
        font-size: 12px;
        text-align: center;
    }
    
    /* ===== SERVICES SECTION ===== */
    .ix-services-section {
        padding: 15px 15px;
    }
    
    .ix-services-container {
        padding: 5px 15px;
    }

    
    .ix-main-quote {
        font-size: 24px;
    }
    /* 1. STACK THE GRID (One Column) */
    .ix-services-grid {
        display: grid !important;
        grid-template-columns: 1fr !important; /* 1 Column only */
        gap: 2rem !important; /* Clean vertical spacing */
        width: 100% !important;
        padding-left: 1rem !important;  /* Standard Mobile Padding */
        padding-right: 1rem !important;
        margin: 0 auto !important;
    }
    
    .ix-cat-item {
        padding: 14px 15%;
        font-size: 13px;
        text-align: left;
        padding-left: 18%;
    }
    
    .ix-service-card {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important; /* Stack icon/title/text */
        align-items: center !important;
        padding: 20px 15px;
    }
    
    .ix-service-card i {
        font-size: 26px;
    }
    
    .ix-service-card h3 {
        font-size: 17px;
    }
    
    .ix-service-card p {
        text-align: justify !important; /* Forces lines to be equal length */
        text-justify: inter-word !important; /* Prevents weird gaps between words */
        width: 90% !important;
        margin-bottom: 1rem !important;
        font-size: 13px;
        hyphens: auto;
    }
    
    /* ===== WHY CHOOSE ===== */
    .why-choose-section {
        padding: 50px 15px;
    }
    
    .container {
        padding: 0 15px;
    }
    
    .section-title {
        font-size: 24px;
    }
    .section-header p{
         text-align: justify !important;      /* Forces lines to equal width */
         text-justify: inter-word !important; /* Prevents large gaps */
         width: 100% !important;
         margin-top: 0.5rem !important;
         hyphens: auto;

    }
    .features-grid {
        display: grid !important;
        grid-template-columns: 1fr !important; /* 1 Column Only */
        gap: 2rem !important;        /* Clean vertical gap */
        width: 100% !important;
        padding: 0 1rem !important;  /* Side buffers */
        margin: 0 auto !important;
        
    }
    
    .feature-card {
        width: 100% !important;
        margin: 0 !important;
        height: auto !important;
        padding: 1.5rem !important;
        
    }
    .feature-card p {
        text-align: justify !important;      /* Forces lines to equal width */
        text-justify: inter-word !important; /* Prevents large gaps */
        width: 100% !important;
        margin-top: 0.5rem !important;
        hyphens: auto;
    }
    /* 3. ENSURE HEADINGS ARE VISIBLE (Safety) */
    .features-section h2,
    .ix-why-choose h2 {
        font-size: 1.8rem !important;
        margin-bottom: 2rem !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .feature-icon-wrapper {
        width: 70px;
        height: 70px;
    }
    
    .feature-icon {
        font-size: 28px !important;
    }
    
    .feature-title {
        font-size: 17px;
    }
    
    .feature-description {
        font-size: 13px;
    }
    
    /* ===== STREAMLINED PROCESS ===== */
    .process-section-wrapper {
        padding: 50px 15px;
    }
    
    .process-container {
        padding: 0 15px;
    }
    
    .process-section-title {
        font-size: 24px;
    }
    
    .process-steps-grid {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Stack 1 on top of another */
        gap: 2.5rem !important;      /* More space between steps for clarity */
        width: 100% !important;
        padding: 0 1rem !important;
        margin: 0 auto !important;
        
    }
    /* 2. CARD LAYOUT */
    .process-step-card {
        width: 100% !important;
        margin: 0 !important;
        padding: 0rem !important;
        text-align: center !important; /* Keep Icon/Heading centered */
    }

    /* 3. PARAGRAPH ALIGNMENT (Justified) */
    .process-step-card p {
        text-align: justify !important;      /* Forces square text blocks */
        text-justify: inter-word !important;
        width: 100% !important;
        margin-top: 0.8rem !important;
        line-height: 1.6 !important;         /* Improves readability */
        hyphens: auto;
    }

    /* 4. HIDE CONNECTING ARROWS (Clean up visuals) */
    /* Arrows usually point right, which is wrong for a vertical stack */
    .process-step-arrow,
    .process-arrow-icon,
    .arrow-separator {
        display: none !important;
    }
    
    .process-card-image-wrapper {
        height: 200px !important;
    }
    
    .process-card-content {
        padding: 20px 15px !important;
    }
    
    .process-card-icon-wrapper{
        margin:0.5rem auto;
    }
    .process-card-icon {
        
        font-size: 28px;
        color: #ffd700 !important;
    }

    
    .process-card-title {
        font-size: 18px !important;
        color: #0b2c3d !important;
    }
    
    .process-card-description {
        font-size: 13px !important;
        color: #333 !important;
    }
    
    .process-step-number {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }
    
    /* ===== INDUSTRIES ===== */
    .ix-industries-section {
        padding: 50px 0px;
    }
    
    .ix-industries-header .ix-main-quote {
        font-size: 24px;
    }
    
    .ix-industry-card {
        height: 320px !important;
    }
    
    .ix-industry-content {
        padding: 20px 15px !important;
    }
    
    .ix-industry-content h4 {
        font-size: 15px !important;
        text-align: center;
    }
    .ix-industry-icon {
        margin-left: 35%;
    }
    
    .ix-industry-content p {
        font-size: 13px !important;
        text-align: center;
        hyphens: auto;
        word-spacing: -0.05em;
    }
    
    /* ===== TESTIMONIALS ===== */
    .ix-testimonials-section {
        padding: 50px 15px;
    }
    
    .ix-testimonials-title {
        font-size: 24px;
    }
    
    .ix-testimonial-card {
        padding: 20px 15px;
    }
    
    .ix-testimonial-text {
        font-size: 13px;
    }
    
    /* ===== FINAL CTA ===== */
    .ix-final-cta {
        padding: 50px 15px;
    }
    
    .ix-cta-container {
        padding: 30px 15px;
    }
    
    .ix-cta-title {
        font-size: 24px;
    }
    
    .ix-cta-desc {
        font-size: 14px;
    }
    
    .ix-cta-phone {
        max-width: 250px;
    }
    
    /* ===== FOOTER ===== */
    .ix-footer-container {
        padding: 0 15px;
    }
    /* --- MAIN GRID CONTAINER --- */
    .ix-footer-content {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* 2 Columns for Links/Services */
        gap: 1.5rem !important;
        padding-bottom: 2rem !important;
        text-align: left !important;
    }

    /* --- 1. LOGO & INTRO (Full Width) --- */
    .ix-footer-content > div:nth-child(1) {
        grid-column: 1 / -1 !important; /* Spans full width */
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding-bottom: 1.5rem !important;
        margin-bottom: 0 !important;
    }

    /* Justify the intro text */
    .ix-footer-content > div:nth-child(1) p {
        text-align: justify !important;
        text-justify: inter-word !important;
        hyphens: auto;
        /*margin-bottom: 0 !important; */
    }

    /* --- 2. LINKS & SERVICES (Side-by-Side) --- */
    /* They naturally sit in Column 1 and Column 2 */
    .ix-footer-content > div:nth-child(2),
    .ix-footer-content > div:nth-child(3) {
        padding: 0 0.5rem !important;
        margin-left: 10%;
    }
    
    /* Clean up the lists */
    .ix-footer-content > div:nth-child(2) ul, 
    .ix-footer-content > div:nth-child(3) ul {
        
        list-style: none !important;
    }

    /* --- 3. CONTACT INFO (Stacked & Centered) --- */
    .ix-footer-content > div:nth-child(4) {
        grid-column: 1 / -1 !important; /* Spans full width */
        
        /* Layout: Vertical Stack, Centered */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Centers items horizontally */
        
        /* Separator Line */
        border-top: 1px solid rgba(255,255,255,0.1) !important;
        padding-top: 1.5rem !important;
        margin-top: 0 !important;
    }

    /* Contact Heading */
    .ix-footer-content > div:nth-child(4) h4 {
        text-align: center !important;
        margin-bottom: 1.5rem !important;
        color: #fff !important;
    }
    
    .ix-footer-logo {
        max-width: 100px !important;
    }
    
    .ix-footer-about {
        font-size: 13px;
        color: #fff;
    }
    
    .ix-footer-title {
        font-size: 17px;
    }
    
    .ix-footer-links a {
        font-size: 13px;
        color: #fff;
    }
    
    .ix-contact-row {
        display: flex !important;
        flex-direction: column !important; /* Icon Top, Text Bottom */
        align-items: center !important;
        text-align: center !important;
        font-size: 0.85rem !important;
        margin-bottom: 1.5rem !important;  /* Space between items */
        width: 100% !important;
    }

    .ix-contact-row i {
        margin-bottom: 0.5rem !important;
        margin-right: 0 !important;
        font-size: 1.2rem !important;
        color: #cfa36a !important; /* Gold Icons */
    }
    /* Text Styling */
    .ix-contact-row span {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    .ix-copyright,
    .ix-footer-legal {
        font-size: 12px;
    }
}

/* =======================================================
   FINAL BANNER FIXES (768px Top & 480px Bottom)
   ======================================================= */

/* 1. TABLET FIX (768px) - Content ko Header ke neeche lana */
@media (max-width: 768px) {
    .ix-banner {
        /* Flex alignment change ki taaki hum padding se control kar sakein */
        align-items: flex-start !important; 
        
        /* Upar se 150px jagah chodi taaki Header content ko na dhake */
        padding-top: 150px !important; 
        
        height: auto !important;
        min-height: 100vh !important;
    }
    
    .ix-banner-content {
        margin-top: 0 !important;
        transform: none !important; /* Center alignment ki wajah se jo issue tha wo hataya */
    }
}

/* 2. MOBILE FIX (480px) - Last Slide (Experience Excellence) Bottom Cut */
@media (max-width: 480px) {
    .ix-banner {
        display: flex !important;
        align-items: center !important; /* Wapas center kiya mobile ke liye */
        
        /* Height ko 'auto' kiya taaki agar text lamba ho to banner bada ho jaye (kate nahi) */
        height: auto !important;
        min-height: 100vh !important;
        
        /* Upar aur Neeche dono taraf extra jagah di */
        padding-top: 100px !important; 
        padding-bottom: 100px !important; /* Ye text ko neeche se katne se bachayega */
    }
    
    /* Agar last slide ka text bahut lamba hai to font thoda adjust kiya */
    .ix-banner-text {
        margin-bottom: 30px !important;
    }
}
/* ====================================================================
   FIX: ULTRA-SMALL SCREENS (275px - 375px)
   ==================================================================== */
/* ====================================================================
   FIX: ULTRA-SMALL SCREENS (275px - 375px)
   ==================================================================== */
/* ====================================================================
   FIX: ULTRA-SMALL SCREENS (275px - 375px) - STABLE LAYOUT
   ==================================================================== */
@media (max-width: 375px) {

    /* Hide only the Free Consultation button */
    .ix-nav-cta {
        display: none !important;
    }

    /* Keep phone number on the right (inherits from 480px styles) */
    .ix-nav-phone {
        margin-left: auto !important;
        margin-right: 15px !important;
        display: block !important;
        font-size: 12px !important;
    }

    /* Slight adjustments for smaller screen */
    .ix-logo-box img {
        height: 55px !important;
        max-width: 120px !important;
    }

    .ix-nav-toggle span {
        width: 22px;
        height: 2px;
    }
}

/* ============================================================================
   UTILITIES
============================================================================ */
html {
    scroll-behavior: smooth;
}

.resize-animation-stopper * {
    animation: none !important;
    transition: none !important;
}

/****************************************About US Page CSS *************************************************/
/* ================= ABOUT PAGE SPECIFIC STYLES ================= */

.ab-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.ab-subtitle {
    color: #cfa36a;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
    text-decoration: underline;
}

.ab-section-title {
    font-size: clamp(30px, 4vw, 42px);
    color: #0b2c3d;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
}

.ab-section-title span { color: #cfa36a; }
.ab-section-title.white { color: #fff; }

/* Hero Section */
.ab-hero {
    position: relative;
    height: 65vh;
    min-height: 400px;
    background: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1500&q=80') center/cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-top: 130px;
}

.ab-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.7));
}

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

.ab-badge {
    background: #cfa36a;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    margin-bottom: 20px;
    display: inline-block;
}

/* Intro Section */
.ab-intro-section { padding: 100px 0; background: #fff; }

.ab-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.ab-intro-visual { position: relative; }

.ab-img-main {
    width: 100%;
    border-radius: 15px;
    box-shadow: 20px 20px 0 #f1f1f1;
}

.ab-experience-card {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: #cfa36a;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(207, 163, 106, 0.3);
}

.ab-para { color: #666; font-size: 16px; line-height: 1.8; margin-bottom: 20px; }

.ab-stats-grid {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.ab-stat-box h3 { font-size: 32px; color: #0b2c3d; font-weight: 800; }

/* Philosophy Section */
.ab-philosophy {
    padding: 100px 0;
    background: #0b2c3d;
    color: #fff;
}

.ab-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.ab-value-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.3s;
}

.ab-value-card:hover { background: #cfa36a; transform: translateY(-10px); }
.ab-value-card i { font-size: 40px; color: #cfa36a; margin-bottom: 20px; }
.ab-value-card:hover i, .ab-value-card:hover h3 { color: #fff; }

/* Core Values List */
.ab-title {
    padding-bottom: 15px;
}
.ab-values { padding: 100px 0; background: #ededed; }
.ab-values-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ab-value-item { display: flex; align-items: center; gap: 15px; padding: 25px; background: #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); font-weight: 600; }
.ab-value-item i { color: #cfa36a; font-size: 20px; }

.ab-value-item:hover { background: #AFD3E1; transform: translateY(-10px); }
.ab-value-item i { font-size: 40px; color: #cfa36a; margin-bottom: 20px; }
.ab-value-item:hover i, .ab-value-card:hover h3 { color: #fff; }

/* Team Section */
.ab-team { padding: 100px 0; }
.ab-team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ab-member-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.ab-member-card img { width: 100%; height: 250px; object-fit: cover; }
.ab-member-info { padding: 25px; text-align: center; }

/******************************************Infrastructure Section start*********************************/

.ab-infra-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.ab-infra-item { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.ab-infra-item img { width: 100%; height: 280px; object-fit: cover; }
.ab-infra-item { padding: 30px; text-align: center; }

/*************************************************** Reach Section *****************************************/
.ab-reach {
    padding: 120px 0;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1500&q=80') center/cover;
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}

.ab-reach-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(11, 44, 61, 0.9);
}

.ab-reach-icon { font-size: 50px; color: #cfa36a; margin-bottom: 30px; }
.ab-reach-title { color: #fff; font-size: 36px; font-weight: 800; position: relative; text-decoration: underline; }
.ab-reach-desc { font-size: 1.2rem; max-width: 800px; margin: 20px auto 0; position: relative; line-height: 1.6; color:#fff; }


/****************************************Awards and Achievement Section****************************************/
/* Awards */
.ab-awards { padding: 100px 0; background: #f9f9f9; margin-top:80px; }
.ab-awards-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.ab-award-box { padding: 50px 30px; background: #fff; border-radius: 15px; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.05); transition: 0.3s; }
.ab-award-box i { font-size: 50px; color: #cfa36a; margin-bottom: 20px; }
.ab-award-box:hover { transform: scale(1.05); border: 1px solid #cfa36a; }

/*============================================================================
   ABOUT US PAGE - COMPLETE RESPONSIVE STYLES
   (Navbar and Footer responsive code already in main CSS)
   Breakpoints: 1200px, 768px, 480px
============================================================================ */

/* ============================================================================
   MEDIA QUERY: 1200px (Small Desktop & Laptops)
============================================================================ */
@media (max-width: 1200px) {
    
    /* ===== HERO SECTION ===== */
    .ab-hero {
        height: 60vh;
        min-height: 450px;
        padding: 80px 40px;
    }
    
    .ab-hero-title {
        font-size: 48px;
    }
    
    .ab-hero-text {
        font-size: 16px;
        max-width: 700px;
    }
    
    /* ===== INTRODUCTION SECTION ===== */
    .ab-intro-section {
        padding: 80px 40px;
    }
    
    .ab-container {
        max-width: 1100px;
        padding: 0 40px;
    }
    
    .ab-intro-grid {
        gap: 50px;
    }
    
    /* ===== VALUES SECTION ===== */
    .ab-values {
        padding: 80px 40px;
    }
    
    .ab-values-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* ===== MISSION SECTION ===== */
    .ab-mission {
        padding: 80px 40px;
    }
    
    /* ===== TEAM SECTION ===== */
    .ab-team {
        padding: 80px 40px;
    }
    
    .ab-team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* ===== INFRASTRUCTURE SECTION ===== */
    .ab-infra {
        padding: 80px 40px;
    }
    
    .ab-infra-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
    
    /* ===== AWARDS SECTION ===== */
    .ab-awards {
        padding: 80px 40px;
    }
    
    .ab-awards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

/* ============================================================================
   MEDIA QUERY: 768px (Tablets)
============================================================================ */
@media (max-width: 768px) {
    
    /* ===== HERO SECTION ===== */
    .ab-hero {
        height: 55vh;
        min-height: 400px;
        padding: 60px 20px;
        background-attachment: scroll;
    }
    
    .ab-hero-content {
        text-align: center;
        max-width: 100%;
    }
    
    .ab-badge {
        font-size: 12px;
        padding: 8px 20px;
        margin-bottom: 20px;
    }
    
    .ab-hero-title {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    
    .ab-hero-text {
        font-size: 15px;
        max-width: 100%;
        line-height: 1.6;
    }
    
    /* ===== INTRODUCTION SECTION ===== */
    .ab-intro-section {
        padding: 60px 20px;
    }
    
    .ab-container {
        max-width: 100%;
        padding: 0 20px;
    }
    
    .ab-intro-grid {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    
    .ab-intro-visual {
        width: 100%;
        max-width: 100%;
        order: 1;
    }
    
    .ab-img-main {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .ab-experience-card {
        position: absolute;
        bottom: 20px;
        right: 20px;
        background: #cfa36a;
        padding: 25px 30px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    
    .ab-experience-card h2 {
        font-size: 36px;
        color: #fff;
        margin-bottom: 5px;
    }
    
    .ab-experience-card p {
        font-size: 14px;
        color: #fff;
        margin: 0;
    }
    
    .ab-intro-text {
        width: 100%;
        order: 2;
    }
    
    .ab-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
        color: #cfa36a;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .ab-section-title {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    
    .ab-section-title span {
        color: #cfa36a;
    }
    
    .ab-para {
        font-size: 15px;
        line-height: 1.7;
        color: #666;
        margin-bottom: 20px;
    }
    
    .ab-stats-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }
    
    .ab-stat-box {
        text-align: center;
        padding: 20px;
        background: #f9f9f9;
        border-radius: 8px;
        width: 100%;
    }
    
    .ab-stat-box h3 {
        font-size: 32px;
        color: #cfa36a;
        margin-bottom: 8px;
    }
    
    .ab-stat-box p {
        font-size: 14px;
        color: #666;
        margin: 0;
    }
    
    /* ===== VALUES SECTION ===== */
    .ab-values {
        padding: 60px 20px;
    }
    .ab-value-icon {
        display: flex;
        justify-content: center;
    }
    section.ab-philosophy h3 {
        display: flex;
        justify-content: center;
    }
    
    .ab-header-center {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .ab-value-card p{
        display: flex;
        justify-content: center;
        text-align: center;
    }
    
    .ab-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .ab-title span {
        color: #cfa36a;
    }
    
    .ab-values-grid {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .ab-values-list-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .ab-value-item {
        padding: 25px 210px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        width: 100%;
    }
    
    .ab-value-item i {
        font-size: 32px;
        color: #cfa36a;
        margin-bottom: 15px;
    }
    
    .ab-value-item h5 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #0b2c3d;
    }
    
    .ab-value-item p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin: 0;
    }
    
    /* ===== MISSION SECTION ===== */
    .ab-mission {
        padding: 60px 20px;
    }
    
    .ab-mission-content {
        max-width: 100%;
        padding: 40px 20px;
    }
    
    .ab-mission-grid {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .ab-mission-card {
        width: 100%;
        padding: 25px 20px;
        background: #fff;
        border-radius: 8px;
        text-align: center;
    }
    
    .ab-mission-card i {
        font-size: 36px;
        color: #cfa36a;
        margin-bottom: 15px;
    }
    
    .ab-mission-card h4 {
        font-size: 20px;
        margin-bottom: 12px;
        color: #0b2c3d;
    }
    
    .ab-mission-card p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
    }
    
    /* ===== TEAM SECTION ===== */
    .ab-team {
        padding: 60px 20px;
    }
    
    .ab-team-grid {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    
    .ab-member-card {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        background: #fff;
    }
    
    .ab-member-card img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    
    .ab-member-info {
        padding: 25px 20px;
        text-align: center;
    }
    
    .ab-member-info h4 {
        font-size: 20px;
        margin-bottom: 10px;
        color: #0b2c3d;
    }
    
    .ab-member-info p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
    }
    
    /* ===== REACH SECTION ===== */
    .ab-reach {
        padding: 80px 20px;
        background-attachment: scroll;
    }
    
    .ab-reach-title {
        font-size: 28px !important;
        margin-bottom: 20px;
    }
    
    .ab-reach-title.white {
        color: #fff;
    }
    
    .ab-reach-title span {
        color: #cfa36a;
    }
    
    .ab-reach-desc {
        font-size: 15px !important;
        line-height: 1.7;
        color: #fff;
        max-width: 100%;
    }
    
    /* ===== INFRASTRUCTURE SECTION ===== */
    .ab-infra {
        padding: 60px 20px;
    }
    
    .ab-infra-grid {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    
    .ab-infra-item {
        width: 100%;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        padding: 0 !important;
    }
    
    .ab-infra-item img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    
    .ab-infra-item h4 {
        font-size: 20px;
        margin: 20px 20px 10px;
        color: #0b2c3d;
        text-align: center;
    }
    
    .ab-infra-item p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        padding: 0 20px 25px;
        margin: 0;
        text-align: center;
    }
    
    /* ===== AWARDS SECTION ===== */
    .ab-awards {
        padding: 60px 20px;
        margin-top: 0;
    }
    
    .ab-centered-header {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .ab-awards-grid {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    
    .ab-award-card {
        width: 100%;
        padding: 30px 20px;
        background: #fff;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        transition: transform 0.3s ease;
    }
    
    .ab-award-card:hover {
        transform: translateY(-5px);
    }
    
    .ab-award-card i {
        font-size: 48px;
        color: #cfa36a;
        margin-bottom: 20px;
    }
    
    .ab-award-card h5 {
        font-size: 20px;
        margin-bottom: 12px;
        color: #0b2c3d;
    }
    
    .ab-award-card p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin: 0;
    }
}

/* ============================================================================
   MEDIA QUERY: 480px (Mobile Phones)
============================================================================ */
@media (max-width: 480px) {
    
    /* ===== HERO SECTION ===== */
    .ab-hero {
        height: 50vh;
        min-height: 350px;
        padding: 50px 15px;
        margin-top: 10rem;
    }
    
    .ab-badge {
        font-size: 11px;
        padding: 6px 16px;
        margin-bottom: 15px;
    }
    
    .ab-hero-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    
    .ab-hero-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    /* ===== INTRODUCTION SECTION ===== */
    .ab-intro-section {
        padding: 50px 15px;
    }
    
    .ab-container {
        padding: 0 15px;
    }
    
    .ab-intro-grid {
        gap: 30px;
    }
    
    .ab-img-main {
        height: 300px;
    }
    
    .ab-experience-card {
        bottom: 15px;
        right: 15px;
        padding: 20px 25px;
    }
    
    .ab-experience-card h2 {
        font-size: 32px;
    }
    
    .ab-experience-card p {
        font-size: 13px;
    }
    
    .ab-subtitle {
        font-size: 11px;
        text-align: center;
    }
    
    .ab-section-title {
        font-size: 24px;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .ab-para {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
        text-align: justify;
    }
    
    .ab-stats-grid {
        gap: 15px;
        margin-top: 25px;
    }
    
    .ab-stat-box {
        padding: 18px;
    }
    
    .ab-stat-box h3 {
        font-size: 28px;
    }
    
    .ab-stat-box p {
        font-size: 13px;
    }
    
    /* ===== VALUES SECTION ===== */
    .ab-values {
        padding: 50px 15px;
    }
    .ab-value-icon {
        display: flex;
        justify-content: center;
    }
    section.ab-philosophy h3 {
        display: flex;
        justify-content: center;
    }
    .ab-value-card p{
        display: flex;
        justify-content: center;
        text-align: center;
    }
    
    .ab-header-center {
        margin-bottom: 30px;
    }
    
    .ab-title {
        font-size: 24px;
    }
    
    .ab-values-grid {
        gap: 25px;
    }
    
    .ab-values-list-grid {
        gap: 18px;
        
    }
    
    .ab-value-item {
        padding: 20px 85px;
    }
    
    .ab-value-item i {
        font-size: 28px;
        margin-bottom: 12px;
    }
    
    .ab-value-item h5 {
        font-size: 17px;
        margin-bottom: 8px;
    }
    
    .ab-value-item p {
        font-size: 13px;
    }
    
    /* ===== MISSION SECTION ===== */
    .ab-mission {
        padding: 50px 15px;
    }
    
    .ab-mission-content {
        padding: 30px 15px;
    }
    
    .ab-mission-grid {
        gap: 25px;
    }
    
    .ab-mission-card {
        padding: 20px 15px;
    }
    
    .ab-mission-card i {
        font-size: 32px;
        margin-bottom: 12px;
    }
    
    .ab-mission-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .ab-mission-card p {
        font-size: 13px;
    }
    
    /* ===== TEAM SECTION ===== */
    .ab-team {
        padding: 50px 15px;
    }
    
    .ab-team-grid {
        gap: 20px;
    }
    
    .ab-member-card img {
        height: 280px;
    }
    
    .ab-member-info {
        padding: 20px 15px;
    }
    
    .ab-member-info h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .ab-member-info p {
        font-size: 13px;
    }
    
    /* ===== REACH SECTION ===== */
    .ab-reach {
        padding: 60px 15px;
    }
    
    .ab-reach-title {
        font-size: 24px !important;
        margin-bottom: 15px;
    }
    
    .ab-reach-desc {
        font-size: 14px !important;
        line-height: 1.6;
        text-align: justify;
    }
    
    /* ===== INFRASTRUCTURE SECTION ===== */
    .ab-infra {
        padding: 5px 15px;
    }
    
    .ab-infra-grid {
        gap: 20px;
    }
    
    .ab-infra-item img {
        height: 220px;
    }
    
    .ab-infra-item h4 {
        font-size: 18px;
        margin: 18px 15px 8px;
    }
    
    .ab-infra-item p {
        font-size: 13px;
        padding: 0 15px 20px;
    }
    
    /* ===== AWARDS SECTION ===== */
    .ab-awards {
        padding: 50px 15px;
    }
    
    .ab-centered-header {
        margin-bottom: 30px;
    }
    
    .ab-awards-grid {
        gap: 20px;
    }
    
    .ab-award-card {
        padding: 25px 15px;
    }
    
    .ab-award-card i {
        font-size: 42px;
        margin-bottom: 15px;
    }
    
    .ab-award-card h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .ab-award-card p {
        font-size: 13px;
    }
}

/* ============================================================================
   UTILITIES - ENSURE FULL WIDTH AND NO OVERFLOW
============================================================================ */
@media (max-width: 768px) {
    .ab-hero,
    .ab-intro-section,
    .ab-values,
    .ab-mission,
    .ab-team,
    .ab-reach,
    .ab-infra,
    .ab-awards {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .ab-container {
        width: 100%;
        max-width: 100%;
    }
}



/***********************************Contact Us Page CSS ************************************/
/* ================= CONTACT PAGE MASTER STYLES ================= */
.ct-body { background-color: #f8faff; }
.ct-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Hero Section */
.ct-hero {
    height: 65vh;
    background: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1500&q=80') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 130px; /* Adjust based on navbar height */
}

.ct-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(11, 44, 61, 0.95) 0%, rgba(9, 132, 227, 0.4) 100%);
}

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

.ct-breadcrumb { margin-bottom: 20px; font-size: 14px; color: rgba(255, 255, 255, 0.8); }
.ct-breadcrumb a { color: #fff; text-decoration: none; }
.ct-sep { margin: 0 10px; }

.ct-hero-title { font-size: 48px; font-weight: 800; line-height: 1.2; margin-bottom: 15px; }
.ct-hero-title span { color: #cfa36a; }

/* Main Section Layout */
.ct-main-section { padding: 100px 0; position: relative; }

.ct-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
}

/* Info Side Styles */
.ct-tag { color: #0984e3; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; display: block; margin-bottom: 10px; text-decoration: underline; }
.ct-section-title { font-size: 36px; color: #0b2c3d; font-weight: 800; margin-bottom: 20px; }
.ct-section-title span { color: #cfa36a; }

.ct-info-cards { margin: 40px 0; display: flex; flex-direction: column; gap: 25px; }

.ct-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s;
    border-left: 4px solid transparent;
}

.ct-card:hover { transform: translateX(10px); border-left: 4px solid #cfa36a; }

.ct-card-icon {
    width: 50px; height: 50px;
    background: rgba(9, 132, 227, 0.1);
    color: #0984e3;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
}

.ct-card-data strong { display: block; color: #0b2c3d; font-size: 15px; margin-bottom: 4px; }
.ct-card-data a, .ct-card-data span { color: #636e72; font-size: 14px; text-decoration: none; line-height: 1.5; }
/* Container ko set karne ke liye */
.ct-social-links {
    display: flex;
    gap: 15px;        /* Icons ke beech gap */
    margin-top: 15px;
}

/* Icons ko Gol (Circular) design dene ke liye */
.ct-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;       /* Fixed Width */
    height: 40px;      /* Fixed Height */
    background: rgba(255, 255, 255, 0.1); /* Halka background */
    border-radius: 50%; /* Gol karne ke liye */
    color: #cfa36a;    /* Gold Color */
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover karne par color change */
.ct-social-links a:hover {
    background: #cfa36a;
    color: #05161e;
}
/* Form Side Styles */
.ct-form-wrapper {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(11, 44, 61, 0.1);
    border: 1px solid #edf2f7;
}

.ct-form-header h3 { font-size: 24px; color: #0b2c3d; font-weight: 700; margin-bottom: 10px; }
.ct-form-header p { font-size: 14px; color: #636e72; margin-bottom: 30px; }

.ct-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.ct-input-group { margin-bottom: 20px; }
.ct-input-group label { display: block; font-size: 13px; font-weight: 600; color: #0b2c3d; margin-bottom: 8px; }
.ct-input-group input, .ct-input-group select, .ct-input-group textarea {
    width: 100%; padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    font-size: 14px;
    transition: 0.3s;
}

.ct-input-group input:focus { border-color: #0984e3; outline: none; background: #fff; }

.ct-submit-btn {
    width: 100%;
    padding: 16px;
    background: #0b2c3d;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    transition: 0.3s;
}

.ct-submit-btn:hover { background: #cfa36a; }

/* Map Section */
.ct-map-section { padding-bottom: 100px; }
.ct-map-card { background: #fff; padding: 15px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
.ct-map-header { text-align: center; padding: 40px 0; }
.ct-map-wrapper { border-radius: 15px; overflow: hidden; height: 450px; }

/* ============================================================================
   CONTACT PAGE - COMPLETE RESPONSIVE STYLES
   (Navbar and Footer responsive code already in main CSS)
   Breakpoints: 1200px, 768px, 480px
   Equal margins, proper alignment, one-below-another layout when needed
============================================================================ */

/* ============================================================================
   MEDIA QUERY: 1200px (Small Desktop & Laptops)
============================================================================ */
@media (max-width: 1200px) {
    
    /* ===== HERO SECTION ===== */
    .ct-hero {
        height: 50vh;
        min-height: 400px;
        padding: 80px 40px;
    }
    
    .ct-container {
        max-width: 1100px;
        padding: 0 40px;
    }
    
    .ct-hero-title {
        font-size: 42px;
    }
    
    .ct-hero-text {
        font-size: 16px;
    }
    
    /* ===== MAIN SECTION ===== */
    .ct-main-section {
        padding: 80px 40px;
    }
    
    .ct-grid {
        gap: 40px;
    }
    
    /* ===== MAP SECTION ===== */
    .ct-map-section {
        padding: 0 40px 80px;
    }
}

/* ============================================================================
   MEDIA QUERY: 768px (Tablets)
============================================================================ */
@media (max-width: 768px) {
    
    /* ===== HERO SECTION ===== */
    .ct-hero {
        height: 55vh;
        min-height: 350px;
        padding: 60px 20px;
        background-attachment: scroll;
    }
    
    .ct-container {
        max-width: 100%;
        padding: 0 20px;
        width: 100%;
    }
    
    .ct-hero-content {
        text-align: center;
    }
    
    .ct-breadcrumb {
        font-size: 13px;
        margin-bottom: 20px;
        justify-content: center;
    }
    
    .ct-breadcrumb a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
    }
    
    .ct-breadcrumb a:hover {
        color: #cfa36a;
    }
    
    .ct-sep {
        margin: 0 10px;
        color: rgba(255, 255, 255, 0.5);
    }
    
    .ct-hero-title {
        font-size: 32px;
        margin-bottom: 20px;
        line-height: 1.3;
        color: #fff;
    }
    
    .ct-hero-title span {
        color: #cfa36a;
    }
    
    .ct-hero-text {
        font-size: 15px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.9);
        max-width: 100%;
    }
    
    /* ===== MAIN SECTION - INFO AND FORM STACKED ===== */
    .ct-main-section {
        padding: 60px 20px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ct-grid {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    
    /* ===== INFO SIDE ===== */
    .ct-info-side {
        width: 100%;
        order: 1;
    }
    
    .ct-info-header {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .ct-tag {
        display: inline-block;
        background: rgba(207, 163, 106, 0.1);
        color: #cfa36a;
        padding: 8px 20px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    
    .ct-section-title {
        font-size: 28px;
        margin-bottom: 15px;
        color: #0b2c3d;
        font-weight: 800;
        line-height: 1.3;
    }
    
    .ct-section-title span {
        color: #cfa36a;
    }
    
    .ct-info-header p {
        font-size: 15px;
        color: #666;
        line-height: 1.6;
    }
    
    .ct-info-cards {
        width: 90% !important;
        margin: 0 auto 2rem auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important
    }
    
    .ct-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Start from left (Crucial for alignment) */
        
        /* THE FIX: Push everything 15% from the left edge */
        /* This moves content to the visual center but keeps the starting line strict */
        padding-left: 25% !important; 
        padding-right: 5% !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        
        width: 100% !important;
        text-align: left !important;

        background: #fff;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        
    }
    
    .ct-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    }
    
    .ct-card-icon {
        width: 3.5rem !important;     /* Fixed size */
        height: 3.5rem !important;
        flex-shrink: 0 !important;    /* Don't shrink */
        font-size: 1.5rem !important;
        
        /* Space between Icon and Text */
        margin-right: 1.5rem !important; 
        
        /* Center icon symbol inside the circle */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: rgba(207, 163, 106, 0.1);
        border-radius: 50%;
    }
    
    .ct-card-icon i {
        font-size: 22px;
        color: #cfa36a;
    }
    
    .ct-card-data {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    
    .ct-card-data strong {
        
        margin-bottom: 0.3rem !important;
        display: block !important;
        color: #0b2c3d !important;
    }
    
    .ct-card-data a,
    .ct-card-data span {
        font-size: 0.85rem !important;
        color: #666;
        text-decoration: none;
    }
    
    .ct-card-data a:hover {
        color: #cfa36a;
    }
    
    .ct-social-connect {
        text-align: center;
        padding: 25px 20px;
        background: #f9f9f9;
        border-radius: 10px;
    }
    
    .ct-social-connect p {
        font-size: 14px;
        color: #666;
        margin-bottom: 15px;
        font-weight: 600;
    }
    
    .ct-social-links {
        display: flex;
        justify-content: center;
        gap: 15px;
    }
    
    .ct-social-links a {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b2c3d;
        transition: all 0.3s ease;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }
    
    .ct-social-links a:hover {
        background: #cfa36a;
        color: #fff;
        transform: translateY(-3px);
    }
    
    .ct-social-links a i {
        font-size: 16px;
    }
    
    /* ===== FORM SIDE ===== */
    .ct-form-side {
        width: 100%;
        order: 2;
    }
    
    .ct-form-wrapper {
        background: #fff;
        padding: 35px 25px;
        border-radius: 12px;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }
    
    .ct-form-header {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .ct-form-header h3 {
        font-size: 24px;
        color: #0b2c3d;
        margin-bottom: 10px;
        font-weight: 800;
    }
    
    .ct-form-header p {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
    }
    
    .ct-form-row {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .ct-input-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    
    .ct-input-group label {
        font-size: 14px;
        color: #0b2c3d;
        font-weight: 600;
    }
    
    .ct-input-group input,
    .ct-input-group select,
    .ct-input-group textarea {
        width: 100%;
        padding: 12px 15px;
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        font-size: 14px;
        color: #333;
        transition: border-color 0.3s ease;
        font-family: inherit;
    }
    
    .ct-input-group input:focus,
    .ct-input-group select:focus,
    .ct-input-group textarea:focus {
        outline: none;
        border-color: #cfa36a;
    }
    
    .ct-input-group textarea {
        resize: vertical;
        min-height: 100px;
    }
    
    .ct-submit-btn {
        width: 100%;
        padding: 15px 30px;
        background: #cfa36a;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }
    
    .ct-submit-btn:hover {
        background: #b8925f;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(207, 163, 106, 0.3);
    }
    
    .ct-submit-btn i {
        font-size: 18px;
    }
    
    /* ===== MAP SECTION ===== */
    .ct-map-section {
        padding: 0 20px 60px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .ct-map-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }
    
    .ct-map-header {
        text-align: center;
        padding: 30px 20px;
        background: #f9f9f9;
    }
    
    .ct-map-header h2 {
        font-size: 28px;
        margin-bottom: 10px;
        color: #0b2c3d;
        font-weight: 800;
    }
    
    .ct-map-header h2 span {
        color: #cfa36a;
    }
    
    .ct-map-header p {
        font-size: 14px;
        color: #666;
        margin: 0;
    }
    
    .ct-map-wrapper {
        width: 100%;
        height: 350px;
        overflow: hidden;
    }
    
    .ct-map-wrapper iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }
}

/* ============================================================================
   MEDIA QUERY: 480px (Mobile Phones)
============================================================================ */
@media (max-width: 480px) {
    
    /* ===== HERO SECTION ===== */
    .ct-hero {
        height: 40vh;
        min-height: 320px;
        padding: 50px 15px;
    }
    
    .ct-container {
        padding: 0 15px;
    }
    
    .ct-breadcrumb {
        font-size: 12px;
        margin-bottom: 15px;
    }
    
    .ct-sep {
        margin: 0 8px;
    }
    
    .ct-hero-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .ct-hero-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    /* ===== MAIN SECTION ===== */
    .ct-main-section {
        padding: 50px 15px;
    }
    
    .ct-grid {
        gap: 35px;
    }
    
    /* ===== INFO SIDE ===== */
    .ct-info-header {
        margin-bottom: 25px;
    }
    
    .ct-tag {
        font-size: 11px;
        padding: 6px 16px;
        margin-bottom: 12px;
    }
    
    .ct-section-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    
    .ct-info-header p {
        font-size: 14px;
    }
    
    .ct-info-cards {
        gap: 18px;
        margin: auto 50px;
    }
    
    .ct-card {
        padding: 18px;
        gap: 15px;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        width: 100% !important;
        text-align: left !important;
    }
    
    .ct-card-icon {
        width: 45px;
        height: 45px;
    }
    
    .ct-card-icon i {
        font-size: 20px;
    }
    
    .ct-card-data strong {
        font-size: 15px;
        text-align:center;
    }
    
    .ct-card-data a,
    .ct-card-data span {
        font-size: 0.75rem !important;
    }
    
    .ct-social-connect {
        padding: 20px 15px;
    }
    
    .ct-social-connect p {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .ct-social-links {
        gap: 12px;
    }
    
    .ct-social-links a {
        width: 38px;
        height: 38px;
    }
    
    .ct-social-links a i {
        font-size: 15px;
    }
    
    /* ===== FORM SIDE ===== */
    .ct-form-wrapper {
        padding: 30px 20px;
    }
    
    .ct-form-header {
        margin-bottom: 25px;
    }
    
    .ct-form-header h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    
    .ct-form-header p {
        font-size: 13px;
    }
    
    .ct-form-row {
        gap: 18px;
        margin-bottom: 18px;
    }
    
    .ct-input-group {
        gap: 6px;
    }
    
    .ct-input-group label {
        font-size: 13px;
    }
    
    .ct-input-group input,
    .ct-input-group select,
    .ct-input-group textarea {
        padding: 11px 13px;
        font-size: 13px;
    }
    
    .ct-input-group textarea {
        min-height: 90px;
    }
    
    .ct-submit-btn {
        padding: 14px 25px;
        font-size: 15px;
        gap: 8px;
    }
    
    .ct-submit-btn i {
        font-size: 16px;
    }
    
    /* ===== MAP SECTION ===== */
    .ct-map-section {
        padding: 0 15px 50px;
    }
    
    .ct-map-header {
        padding: 25px 15px;
    }
    
    .ct-map-header h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    
    .ct-map-header p {
        font-size: 13px;
    }
    
    .ct-map-wrapper {
        height: 300px;
    }
}

/* ============================================================================
   UTILITIES - ENSURE FULL WIDTH AND NO OVERFLOW
============================================================================ */
@media (max-width: 768px) {
    .ct-hero,
    .ct-main-section,
    .ct-map-section {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .ct-hero
     {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        margin-top: 10rem;
    }

    
    
    .ct-container {
        width: 100%;
        max-width: 100%;
    }
    
    .ct-body {
        overflow-x: hidden;
    }
}


/* =================______________________________ BLOG PAGE CORE _______________________ ================= */
        .ix-blog-container{
            margin:50px;
        }
 /* Modern Hero Section */
        .blog-hero-premium {
            height: 65vh;
            background: linear-gradient(rgba(11, 44, 61, 0.85), rgba(5, 22, 30, 1)), 
                        url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-top: 130px;
        }

        .premium-title {
            font-size: clamp(40px, 6vw, 70px);
            font-weight: 800;
            background: linear-gradient(to bottom, #fff 30%, var(--ix-gold) 100%);
            -webkit-background-clip: text;
            background-clip: text; /* The standard property for modern browsers */
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        /* Glassmorphic Category Cards */
        .modern-category-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
            padding: 60px 0;
        }

        .glass-cat-card {
            background: var(--ix-glass);
            border: 1px solid rgba(207, 163, 106, 0.2);
            padding: 40px;
            border-radius: 20px;
            transition: 0.4s;
            backdrop-filter: blur(10px);
        }

        .glass-cat-card:hover {
            border-color: var(--ix-gold);
            transform: translateY(-10px);
            background: rgba(207, 163, 106, 0.05);
        }

        .glass-cat-card i { color: var(--ix-gold); font-size: 40px; margin-bottom: 20px; display: block; }
        .glass-cat-card h4 { font-size: 22px; margin-bottom: 15px; color: #fff; }
        .glass-cat-card p { color: var(--ix-text-dim); font-size: 14px; line-height: 1.6; margin-bottom: 20px; }

        .btn-modern-gold {
            color: var(--ix-gold);
            text-decoration: none;
            font-weight: 700;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* Premium Featured Articles */
        .premium-article-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 40px;
            padding: 60px 0;
        }

        .article-modern-card {
            background: #0b2c3d;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: 0.4s;
        }

        .article-modern-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.4); }

        .article-img-box { height: 240px; overflow: hidden; position: relative; }
        .article-img-box img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
        .article-modern-card:hover .article-img-box img { transform: scale(1.1); }

        .article-badge {
            position: absolute;
            top: 20px; left: 20px;
            background: var(--ix-gold);
            color: #fff;
            padding: 5px 15px;
            font-size: 11px;
            font-weight: 700;
            border-radius: 5px;
        }

        .article-body { padding: 30px; }
        .article-meta { color: var(--ix-text-dim); font-size: 12px; margin-bottom: 15px; display: flex; gap: 20px; }
        .article-body h4 { font-size: 20px; margin-bottom: 15px; line-height: 1.4; color: #fff; }
        .article-body p { color: var(--ix-text-dim); font-size: 14px; line-height: 1.6; margin-bottom: 25px; }
        #power-para{
          margin-top: 2.5rem;
        }
        /* Newsletter & CTA */
        .newsletter-premium {
            background: linear-gradient(135deg, #0b2c3d 0%, #05161e 100%);
            padding: 80px 40px;
            border-radius: 30px;
            border: 1px solid var(--ix-gold);
            text-align: center;
            margin: 80px 0;
        }

        .cta-premium-box {
            background: var(--ix-gold);
            color: #fff;
            padding: 60px;
            border-radius: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 100px;
        }

   /* ============================================================================
   BLOG PAGE - COMPLETELY CORRECTED RESPONSIVE STYLES
   Proper margins, centered content, no cutoff, consistent spacing
   (Navbar and Footer responsive code already in main CSS)
   Breakpoints: 1200px, 768px, 480px
============================================================================ */

/* ============================================================================
   MEDIA QUERY: 1200px (Small Desktop & Laptops)
============================================================================ */
@media (max-width: 1200px) {
    
    /* ===== HERO SECTION ===== */
    .blog-hero-premium {
        padding: 80px 40px;
        min-height: 400px;
    }
    
    .blog-hero-premium .ix-container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 40px;
    }
    
    .premium-title {
        font-size: 48px;
    }
    
    /* ===== BLOG CONTAINER ===== */
    .ix-blog-container {
        padding: 0px 40px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    /* ===== CATEGORY GRID ===== */
    .modern-category-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    /* ===== ARTICLES GRID ===== */
    .articles-modern-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        max-width: 100%;
        margin: 0 auto;
    }
}

/* ============================================================================
   MEDIA QUERY: 768px (Tablets)
============================================================================ */
@media (max-width: 768px) {
    
    /* ===== HERO SECTION ===== */
    .blog-hero-premium {
        height: auto !important;          /* Let content dictate height */
        min-height: 55vh !important;
        
        /* The "Index" Clearance Fix: */
        padding-top: 10rem !important;    /* Pushes content down below fixed nav */
        padding-bottom: 4rem !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .blog-hero-premium .ix-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
    }
    /* 2. SECTION SPACING (Standardized to 3.125rem) */
    .ix-blog-container,
    .modern-category-grid,
    .premium-article-grid,
    .newsletter-premium,
    .cta-premium-box {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        
        margin-top: 1rem !important;    /* 50px converted to REM */
        margin-bottom: 1rem !important;
    }

    /* 3. GRID FIXES (2 Columns for Tablet) */
    .modern-category-grid,
    .premium-article-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }

    /* 4. NEWSLETTER & CTA FIXES */
    .newsletter-premium,
    .cta-premium-box {
        padding: 2rem !important; /* Adjust padding for smaller screens */
        text-align: center !important;
    }

    .cta-premium-box div {
        margin-bottom: 1.5rem !important;
    }

    .blog-hero-premium h1 {
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }
    
    .ix-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
        display: inline-block;
        margin-bottom: 15px;
        color: var(--ix-gold);
    }
    
    .premium-title {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 1.2;
        font-weight: 800;
        color: #fff;
    }
    
    .premium-title span {
        color: var(--ix-gold);
    }
    
    .ix-banner-text {
        font-size: 15px;
        line-height: 1.6;
        margin-top: 15px;
        max-width: 100%;
        color: rgba(255, 255, 255, 0.8);
    }
    
    /* ===== BLOG CONTAINER - PROPER MARGINS ===== */
    .ix-blog-container {
        padding: 0px 20px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    /* ===== SERVICES HEADER ===== */
    .ix-services-header {
        margin-bottom: 30px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .ix-main-quote {
        font-size: 28px;
        margin-bottom: 0;
        color: #fff;
        font-weight: 800;
        text-align: center;
    }
    
    .ix-main-quote span {
        color: var(--ix-gold);
    }
    
    /* ===== CATEGORY GRID - ONE BELOW ANOTHER, CENTERED ===== */
    .modern-category-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .glass-cat-card {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: var(--ix-glass);
        backdrop-filter: blur(10px);
        padding: 30px 20px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }
    
    .glass-cat-card:hover {
        transform: translateY(-5px);
        background: rgba(255, 255, 255, 0.05);
        border-color: var(--ix-gold);
    }
    
    .glass-cat-card i {
        color: var(--ix-gold);
        font-size: 36px;
        margin-bottom: 15px;
        display: block;
    }
    
    .glass-cat-card h4 {
        font-size: 20px;
        margin-bottom: 12px;
        color: #fff;
        font-weight: 700;
    }
    
    .glass-cat-card p {
        color: var(--ix-text-dim);
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    
    .glass-cat-card .ix-btn-primary {
        padding: 10px 20px;
        font-size: 13px;
        display: inline-block;
        background: var(--ix-gold);
        color: #fff;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
        transition: all 0.3s ease;
    }
    
    .glass-cat-card .ix-btn-primary:hover {
        background: #b8925f;
        transform: translateY(-2px);
    }
    .btn-modern-gold {
        display: flex;
        justify-content: center;
    }
    
    /* ===== ARTICLES GRID - ONE BELOW ANOTHER, NO OVERFLOW ===== */
    .articles-modern-grid {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .article-modern-card {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: var(--ix-glass);
        backdrop-filter: blur(10px);
        border-radius: 15px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.3s ease;
        box-sizing: border-box;
    }
    
    .article-modern-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.3);
    }
    
    .article-img-box {
        position: relative;
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    
    .article-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
    }
    
    .article-modern-card:hover .article-img-box img {
        transform: scale(1.1);
    }
    
    .article-badge {
        position: absolute;
        top: 15px;
        left: 15px;
        background: var(--ix-gold);
        color: #fff;
        padding: 6px 15px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        z-index: 2;
    }
    
    .article-body {
        padding: 25px 20px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .article-meta {
        display: flex;
        gap: 20px;
        font-size: 13px;
        color: var(--ix-text-dim);
        margin-bottom: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .article-meta span {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .article-meta i {
        color: var(--ix-gold);
        font-size: 12px;
    }
    
    .article-body h4 {
        font-size: 20px;
        margin-bottom: 12px;
        color: #fff;
        font-weight: 700;
        line-height: 1.3;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    
    .article-body p {
        font-size: 14px;
        color: var(--ix-text-dim);
        line-height: 1.6;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .article-modern-card p {
        display: -webkit-box;
        -webkit-line-clamp: 3;  /* Sirf 3 lines dikhengi, baaki ... ho jayega */
        /* The standard property (adds compatibility & removes warning) */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        
        /* Optional: Agar button aur text ke beech thoda space chahiye to */
        margin-bottom: 15px; 
        text-align: center;
    }

    p#cyber-crime-para {
        margin-top: 2.5rem;
    }
    
    .article-body .ix-btn-primary {
        padding: 10px 20px;
        font-size: 12px;
        display: flex;
        background: var(--ix-gold);
        color: #fff;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
        transition: all 0.3s ease;
        margin:auto;
        justify-content: center;
    }
    
    .article-body .ix-btn-primary:hover {
        background: #b8925f;
        transform: translateY(-2px);
    }
    #power-para{
        margin-top: 0rem;
    }
    #trade-para{
        margin-top: 2.5rem;
    }
   
    /* ===== NEWSLETTER SECTION - NO OVERFLOW ===== */
    .newsletter-premium {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: var(--ix-glass);
        backdrop-filter: blur(10px);
        padding: 40px 20px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .newsletter-premium .ix-cta-title {
        font-size: 28px;
        margin-bottom: 15px;
        color: #fff;
        font-weight: 800;
    }
    
    .newsletter-premium .ix-cta-title span {
        color: var(--ix-gold);
    }
    
    .newsletter-premium p {
        color: var(--ix-text-dim);
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 1.6;
    }
    
    .newsletter-premium form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    
    .newsletter-premium input[type="email"] {
        padding: 15px 20px;
        border-radius: 30px;
        border: none;
        width: 100%;
        font-size: 14px;
        font-family: inherit;
        box-sizing: border-box;
    }
    
    .newsletter-premium input[type="email"]:focus {
        outline: 2px solid var(--ix-gold);
    }
    
    .newsletter-premium button,
    .newsletter-premium .ix-btn-primary {
        padding: 15px 30px;
        background: var(--ix-gold);
        color: #fff;
        border: none;
        border-radius: 30px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
        width: 100%;
        display: flex;
        text-decoration: none;
        text-align: center;
        justify-content: center;
        margin: auto;
    }
    
    .newsletter-premium button:hover,
    .newsletter-premium .ix-btn-primary:hover {
        background: #b8925f;
        transform: translateY(-2px);
    }
    
    /* ===== CTA PREMIUM BOX - NO OVERFLOW ===== */
    .cta-premium-box {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: linear-gradient(135deg, var(--ix-gold) 0%, #b8925f 100%);
        padding: 40px 20px;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 25px;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .cta-premium-box > div {
        width: 100%;
    }
    
    .cta-premium-box h2 {
        font-size: 28px;
        margin-bottom: 10px;
        color: #fff;
        font-weight: 800;
    }
    
    .cta-premium-box p {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.9);
        margin: 0;
        line-height: 1.6;
    }
    
    .cta-premium-box a {
        background: #fff;
        color: var(--ix-dark-navy);
        padding: 15px 35px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: 700;
        font-size: 15px;
        transition: all 0.3s ease;
        display: inline-block;
    }
    
    .cta-premium-box a:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }
}

/* ============================================================================
   MEDIA QUERY: 480px (Mobile Phones)
============================================================================ */
@media (max-width: 480px) {
    
    /* ===== HERO SECTION ===== */
    .blog-hero-premium {
        padding-top: 9rem !important;
        min-height: 40vh !important;
    }
    
    .blog-hero-premium .ix-container {
        padding: 0;
    }

    .ix-blog-container,
    .modern-category-grid,
    .premium-article-grid,
    .newsletter-premium,
    .cta-premium-box {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        
        margin-top: 0.5rem !important;    /* 50px converted to REM */
        margin-bottom: 0.5rem !important;
    }
    /* 1. STACK GRIDS (1 Column) */
    .modern-category-grid,
    .premium-article-grid {
        grid-template-columns: 1fr !important; /* One item per row */
        gap: 2rem !important;
    }

    /* 3. FORM STACKING (Newsletter) */
    .newsletter-premium form {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .newsletter-premium input {
        width: 100% !important;
    }
    
    .ix-subtitle {
        font-size: 11px;
        letter-spacing: 1.5px;
        margin-bottom: 12px;
    }
    
    .premium-title {
        font-size: 30px;
        margin-bottom: 15px;
        
    }
    
    .ix-banner-text {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 12px;
    }
    
    /* ===== BLOG CONTAINER ===== */
    .ix-blog-container {
        padding: 0px 15px;
    }
    
    /* ===== SERVICES HEADER ===== */
    .ix-services-header {
        margin-bottom: 25px;
        margin-top: 2rem;
    }
    .btn-modern-gold{
        display: flex;
        justify-content: center;
    }
    
    .ix-main-quote {
        font-size: 24px;
        margin-bottom: 0;
    }
    
    /* ===== CATEGORY GRID ===== */
    .modern-category-grid {
        gap: 18px;
    }
    
    .glass-cat-card {
        padding: 25px 18px;
        border-radius: 12px;
    }
    
    .glass-cat-card i {
        font-size: 32px;
        margin-bottom: 12px;
    }
    
    .glass-cat-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .glass-cat-card p {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .glass-cat-card .ix-btn-primary {
        padding: 9px 18px;
        font-size: 12px;
    }
    
    /* ===== ARTICLES GRID ===== */
    .articles-modern-grid {
        gap: 20px;
    }
    
    .article-modern-card {
        border-radius: 12px;
    }
    
    .article-img-box {
        height: 220px;
    }
    
    .article-badge {
        top: 12px;
        left: 12px;
        padding: 5px 12px;
        font-size: 11px;
    }
    
    .article-body {
        padding: 20px 18px;
    }
    
    .article-meta {
        font-size: 12px;
        margin-bottom: 12px;
        gap: 15px;
    }
    
    .article-meta i {
        font-size: 11px;
    }
    
    .article-body h4 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .article-body p {
        font-size: 13px;
        margin-bottom: 18px;
        text-align: center; 
    }
    #trade-para {
        margin-top: 0rem;
    }
    p#cyber-crime-para {
        margin-top: 1rem;
    }
    
    .article-body .ix-btn-primary {
        padding: 9px 18px;
        font-size: 11px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    /* ===== NEWSLETTER SECTION ===== */
    .newsletter-premium {
        padding: 35px 18px;
        border-radius: 12px;
    }
    
    .newsletter-premium .ix-cta-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    
    .newsletter-premium p {
        margin-bottom: 20px;
        font-size: 13px;
    }
    
    .newsletter-premium form {
        gap: 12px;
    }
    
    .newsletter-premium input[type="email"] {
        padding: 13px 18px;
        font-size: 13px;
    }
    
    .newsletter-premium button,
    .newsletter-premium .ix-btn-primary {
        padding: 13px 25px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        margin: auto; 
    }
    
    /* ===== CTA PREMIUM BOX ===== */
    .cta-premium-box {
        padding: 35px 18px;
        border-radius: 12px;
        gap: 20px;
    }
    
    .cta-premium-box h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    
    .cta-premium-box p {
        font-size: 14px;
    }
    
    .cta-premium-box a {
        padding: 13px 30px;
        font-size: 14px;
    }
}

/* ============================================================================
   UTILITIES - ENSURE FULL WIDTH, CENTERED, NO OVERFLOW
============================================================================ */
@media (max-width: 768px) {
    .blog-hero-premium,
    .ix-blog-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .blog-hero-premium .ix-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .modern-category-grid,
    .articles-modern-grid,
    .newsletter-premium,
    .cta-premium-box {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    body {
        overflow-x: hidden;
    }
    
    * {
        box-sizing: border-box;
    }
}
 /********************* EACH ARTICLE PAGE CSS CODE ******************************************/
 
 /*********************Understanding Cyber Crime Laws ********************************/
 /* ================= ARTICLE PAGE NAMESPACED STYLES ================= */
.art-cyber-body { background: #f7f7f7; color: #444; }
.art-cyber-section-margin { margin: 50px 5% !important; }

.art-cyber-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.92), rgba(11, 44, 61, 0.88)), 
                url('https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 130px;
}
.art-cyber-breadcrumb { font-size: 14px; margin-bottom: 20px; color: #cfa36a; }
.art-cyber-breadcrumb a { color: #fff; text-decoration: none; }
.art-cyber-hero-title { font-size: 55px; font-weight: 800; }
.art-cyber-hero-title span { color: #cfa36a; }
.art-cyber-hero-subtitle { font-size: 16px; letter-spacing: 3px; opacity: 0.8; margin-top: 15px; }

.art-cyber-main-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.art-cyber-article-card { background: #fff; padding: 60px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
.art-cyber-main-title { font-family: 'Playfair Display', serif; font-size: 40px; color: #2c3e50; line-height: 1.3; margin-bottom: 20px;  }
.art-cyber-meta-data { display: flex; gap: 20px; font-size: 14px; color: #888; margin-bottom: 40px; }
.art-cyber-meta-data i { color: #cfa36a; margin-right: 5px; }

.art-cyber-lead-text { font-size: 20px; color: #2c3e50; font-weight: 600; line-height: 1.8; margin-bottom: 30px; border-left: 5px solid #cfa36a; padding-left: 25px; }
.art-cyber-section-heading { font-family: 'Playfair Display', serif; font-size: 28px; color: #2c3e50; margin: 50px 0 15px; }
.art-cyber-sub-heading { font-size: 22px; color: #3498db; margin: 30px 0 15px; font-weight: 700; }
.art-cyber-line { width: 50px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.art-cyber-article-card p { font-size: 17px; line-height: 1.8; color: #666; margin-bottom: 25px; }

.art-cyber-bullet-list, .art-cyber-numbered-list { padding-left: 25px; margin-bottom: 30px; }
.art-cyber-bullet-list li, .art-cyber-numbered-list li { font-size: 17px; line-height: 1.8; color: #666; margin-bottom: 12px; }

.art-cyber-info-box { background: #f8f9fa; padding: 25px; border-radius: 10px; border-left: 4px solid #3498db; margin: 25px 0; }
.art-cyber-info-box h4 { font-size: 19px; color: #2c3e50; margin-bottom: 10px; }
.art-cyber-info-box p { margin-bottom: 0; font-size: 16px; }

.art-cyber-highlight-banner { background: linear-gradient(135deg, #3498db, #2980b9); color: #fff; padding: 40px; border-radius: 15px; text-align: center; margin: 50px 0; }
.art-cyber-highlight-banner h3 { color: #fff; margin-bottom: 15px; font-size: 24px; }
.art-cyber-highlight-banner p { color: rgba(255,255,255,0.9); margin-bottom: 25px; }
.art-cyber-banner-btn { background: #fff; color: #3498db; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }

.art-cyber-footer-note { font-style: italic; color: #888; border-top: 1px solid #eee; padding-top: 30px; margin-top: 40px; }

/* Sidebar */
.art-cyber-sidebar { position: sticky; top: 150px; }
.art-sidebar-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.art-sidebar-widget h3 { font-family: 'Playfair Display', serif; font-size: 22px; margin-bottom: 25px; color: #2c3e50; }
.art-sidebar-link { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.art-sidebar-link img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; }
.art-sidebar-link a { text-decoration: none; color: #2c3e50; font-weight: 600; font-size: 15px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .art-cyber-main-layout { grid-template-columns: 1fr; }
    .art-cyber-article-card { padding: 30px; }
    .art-cyber-hero-title { font-size: 35px; }
    .art-cyber-sidebar { position: static; }
    .art-cyber-main-title {
       text-align: center;
    }
    .art-cyber-meta-data {
       justify-content: center;
    }
    .art-cyber-section-heading {
       text-align: center;
    }
    .art-cyber-line {
       margin-left: 45%;
    }
}
@media (max-width: 480px) {
    .art-cyber-section-margin { margin: 30px 15px !important; }
    .art-cyber-main-title { font-size: 28px; }
    .art-cyber-lead-text { font-size: 18px; }
}
/***************************** BLOG GST UPDATES *********************************************/
/* ================= GST ARTICLE NAMESPACED STYLES ================= */
.pg-gst-art-body { background: #f7f9fb; color: #444; }
.pg-gst-art-section-margin { margin: 50px 5% !important; }

.pg-gst-art-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 130px;
}
.pg-gst-art-breadcrumb { font-size: 14px; margin-bottom: 20px; color: #cfa36a; }
.pg-gst-art-breadcrumb a { color: #fff; text-decoration: none; }
.pg-gst-art-hero-title { font-size: 50px; font-weight: 800; }
.pg-gst-art-hero-title span { color: #cfa36a; }
.pg-gst-art-hero-subtitle { font-size: 16px; letter-spacing: 2px; opacity: 0.8; margin-top: 15px; }

.pg-gst-art-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.pg-gst-art-card { background: #fff; padding: 55px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
.pg-gst-art-main-title { font-family: 'Playfair Display', serif; font-size: 38px; color: #0b2c3d; line-height: 1.3; margin-bottom: 25px; }
.pg-gst-art-meta { display: flex; gap: 20px; font-size: 14px; color: #888; margin-bottom: 35px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.pg-gst-art-meta i { color: #cfa36a; }

.pg-gst-art-lead { font-size: 19px; color: #0b2c3d; font-weight: 600; line-height: 1.8; margin-bottom: 35px; }
.pg-gst-art-heading { font-family: 'Playfair Display', serif; font-size: 28px; color: #0b2c3d; margin: 45px 0 15px; }
.pg-gst-art-subheading { font-size: 22px; color: #3498db; margin: 30px 0 15px; font-weight: 700; }
.pg-gst-art-line { width: 50px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.pg-gst-art-card p { font-size: 16.5px; line-height: 1.8; color: #666; margin-bottom: 25px; }
.pg-gst-art-list { padding-left: 20px; margin-bottom: 30px; }
.pg-gst-art-list li { font-size: 16.5px; margin-bottom: 12px; color: #666; }

/* Components */
.pg-gst-art-alert-box { background: #fff3cd; border: 1px solid #ffeaa7; padding: 25px; border-radius: 10px; margin: 30px 0; }
.pg-gst-art-alert-box h4 { color: #856404; margin-bottom: 10px; }
.pg-gst-art-alert-box p { color: #856404 !important; margin-bottom: 0 !important; }

.pg-gst-art-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.pg-gst-art-status-box { padding: 25px; border-radius: 10px; border-left: 5px solid; }
.pg-gst-art-status-box.success { background: #e8f5e8; border-color: #28a745; }
.pg-gst-art-status-box.warning { background: #fff3cd; border-color: #ffc107; }
.pg-gst-art-status-box h4 { margin-bottom: 15px; }
.pg-gst-art-status-box ul { padding-left: 20px; }

.pg-gst-art-table-wrapper { overflow-x: auto; margin: 30px 0; border: 1px solid #eee; border-radius: 10px; }
.pg-gst-art-table { width: 100%; border-collapse: collapse; background: #fff; }
.pg-gst-art-table th { background: #3498db; color: #fff; padding: 15px; text-align: left; }
.pg-gst-art-table td { padding: 15px; border-bottom: 1px solid #eee; font-size: 15px; }

.pg-gst-art-action-box { background: #d1ecf1; border: 1px solid #bee5eb; padding: 30px; border-radius: 10px; margin: 35px 0; }
.pg-gst-art-action-box h4 { color: #0c5460; margin-bottom: 15px; }
.pg-gst-art-action-box ol { padding-left: 20px; color: #0c5460; }

.pg-gst-art-highlight { background: linear-gradient(135deg, #3498db, #2980b9); color: #fff; padding: 45px; border-radius: 15px; text-align: center; margin: 50px 0; }
.pg-gst-art-highlight h3 { color: #fff; margin-bottom: 15px; font-size: 25px; }
.pg-gst-art-highlight p { color: rgba(255,255,255,0.9); margin-bottom: 25px; }
.pg-gst-art-btn { background: #fff; color: #3498db; padding: 14px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }

.pg-gst-art-footer-note { font-style: italic; color: #888; border-top: 1px solid #eee; padding-top: 30px; margin-top: 45px; }

/* Sidebar */
.pg-gst-art-sidebar { position: sticky; top: 150px; height: fit-content; }
.pg-gst-art-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.pg-gst-art-widget h3 { font-family: 'Playfair Display', serif; font-size: 22px; margin-bottom: 25px; color: #0b2c3d; }
.pg-gst-art-related-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.pg-gst-art-related-item img { width: 65px; height: 65px; border-radius: 10px; object-fit: cover; }
.pg-gst-art-related-item a { text-decoration: none; color: #0b2c3d; font-weight: 600; font-size: 15px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .pg-gst-art-layout { grid-template-columns: 1fr; }
    .pg-gst-art-card { padding: 30px; }
    .pg-gst-art-hero-title { font-size: 35px; }
    .pg-gst-art-grid-2 { grid-template-columns: 1fr; }
    .pg-gst-art-main-title {
       text-align: center;
    }
    .pg-gst-art-meta {
       margin-left: 10%;
    }
    .pg-gst-art-heading {
       text-align: center;
    }
    .pg-gst-art-line {
       margin-left: 45%;
    }
}
@media (max-width: 480px) {
    .pg-gst-art-section-margin { margin: 30px 15px !important; }
    .pg-gst-art-main-title { font-size: 26px; }
}

/***************************** BLOG TRADEMARK_REGISTRATION_BENEFITS *********************************************/
/* ================= TRADEMARK ARTICLE NAMESPACED STYLES ================= */
.pg-trdmrk-art-body { background: #fdfdfd; color: #333; }
.pg-trdmrk-art-section-margin { margin: 50px 5% !important; }

.pg-trdmrk-art-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.94), rgba(11, 44, 61, 0.88)), 
                url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 130px;
}

.pg-trdmrk-art-breadcrumb { font-size: 13px; margin-bottom: 20px; color: #cfa36a; text-transform: uppercase; letter-spacing: 1.5px; }
.pg-trdmrk-art-breadcrumb a { color: #fff; text-decoration: none; }
.pg-trdmrk-art-hero-title { font-size: 52px; font-weight: 800; line-height: 1.2; }
.pg-trdmrk-art-hero-title span { color: #cfa36a; }
.pg-trdmrk-art-hero-subtitle { font-size: 15px; letter-spacing: 3px; opacity: 0.7; margin-top: 20px; }

.pg-trdmrk-art-main-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.pg-trdmrk-art-card { background: #fff; padding: 60px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); }
.pg-trdmrk-art-meta { display: flex; gap: 20px; font-size: 13px; color: #999; margin-bottom: 35px; }
.pg-trdmrk-art-meta i { color: #cfa36a; }

.pg-trdmrk-art-lead-text { font-size: 20px; color: #0b2c3d; font-weight: 600; line-height: 1.8; margin-bottom: 40px; border-left: 5px solid #cfa36a; padding-left: 25px; }
.pg-trdmrk-art-heading { font-family: 'Playfair Display', serif; font-size: 30px; color: #0b2c3d; margin: 45px 0 15px; }
.pg-trdmrk-art-sub-heading { font-size: 22px; color: #0b2c3d; margin: 30px 0 15px; font-weight: 700; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }
.pg-trdmrk-art-line { width: 40px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.pg-trdmrk-art-card p { font-size: 17px; line-height: 1.9; color: #666; margin-bottom: 25px; }

.pg-trdmrk-art-asset-box { background: #f8faff; padding: 35px; border-radius: 12px; border: 1px dashed #cfa36a; margin: 30px 0; }
.pg-trdmrk-art-bullet-list, .pg-trdmrk-art-numbered-list { padding-left: 20px; margin-bottom: 30px; }
.pg-trdmrk-art-bullet-list li, .pg-trdmrk-art-numbered-list li { font-size: 17px; margin-bottom: 12px; color: #555; line-height: 1.8; }

.pg-trdmrk-art-highlight-banner { background: linear-gradient(135deg, #0b2c3d 0%, #1a4a61 100%); color: #fff; padding: 45px; border-radius: 15px; text-align: center; margin: 50px 0; border-bottom: 5px solid #cfa36a; }
.pg-trdmrk-art-highlight-banner h3 { color: #fff; margin-bottom: 15px; font-size: 26px; }
.pg-trdmrk-art-highlight-banner p { color: rgba(255,255,255,0.8); margin-bottom: 25px; }
.pg-trdmrk-art-banner-btn { background: #cfa36a; color: #fff; padding: 14px 40px; border-radius: 5px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }

.pg-trdmrk-art-footer-note { font-style: italic; color: #999; border-top: 1px solid #eee; padding-top: 30px; margin-top: 45px; }

/* Sidebar */
.pg-trdmrk-art-sidebar { position: sticky; top: 150px; height: fit-content; display: flex; flex-direction: column; gap: 30px; }
.pg-trdmrk-sidebar-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); }
.pg-trdmrk-sidebar-widget h3 { font-size: 20px; margin-bottom: 25px; color: #0b2c3d; border-bottom: 2px solid #f8f9fa; padding-bottom: 10px; }
.pg-trdmrk-sidebar-link { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.pg-trdmrk-sidebar-link img { width: 60px; height: 60px; border-radius: 10px; object-fit: cover; }
.pg-trdmrk-sidebar-link a { text-decoration: none; color: #0b2c3d; font-weight: 600; font-size: 14px; }

.pg-trdmrk-contact-widget { background: #fff; padding: 35px; border-radius: 15px; text-align: center; border: 1px solid #f0f0f0; }
.pg-trdmrk-contact-widget i { font-size: 40px; color: #cfa36a; margin-bottom: 20px; }
.pg-trdmrk-contact-widget h4 { margin-bottom: 10px; color: #0b2c3d; }
.pg-trdmrk-contact-widget p { font-size: 14px; color: #888; margin-bottom: 25px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .pg-trdmrk-art-main-layout { grid-template-columns: 1fr; }
    .pg-trdmrk-art-card { padding: 30px; }
    .pg-trdmrk-art-hero-title { font-size: 34px; }
    .pg-trdmrk-art-sidebar { position: static; }
    .pg-trdmrk-art-heading {
       text-align: center;
    }
    .pg-trdmrk-art-line {
       margin-left: 45%;
    }
    .pg-trdmrk-art-meta {
      justify-content: center;
    }
    .pg-trdmrk-art-hero {
      margin-top: 10rem;
    }
}
@media (max-width: 480px) {
    .pg-trdmrk-art-section-margin { margin: 30px 15px !important; }
}

/************************* COMPANY REGISTRATION ARTICLE ************************************/
/* ================= COMPANY REGISTRATION ARTICLE STYLES ================= */
.pg-comp-reg-art-body { background: #f9f9f9; color: #444; }
.pg-comp-reg-art-section-margin { margin: 50px 5% !important; }

.pg-comp-reg-art-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.95), rgba(11, 44, 61, 0.9)), 
                url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 9rem;
}
.pg-comp-reg-art-breadcrumb { font-size: 13px; margin-bottom: 20px; color: #cfa36a; letter-spacing: 1px; }
.pg-comp-reg-art-breadcrumb a { color: #fff; text-decoration: none; }
.pg-comp-reg-art-hero-title { font-size: clamp(30px, 5vw, 50px); font-weight: 800; }
.pg-comp-reg-art-hero-title span { color: #cfa36a; }
.pg-comp-reg-art-hero-subtitle { font-size: 14px; letter-spacing: 4px; opacity: 0.7; margin-top: 15px; }

.pg-comp-reg-art-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.pg-comp-reg-art-card { background: #fff; padding: 60px; border-radius: 15px; box-shadow: 0 5px 30px rgba(0,0,0,0.05); }
.pg-comp-reg-art-meta { display: flex; gap: 20px; font-size: 13px; color: #aaa; margin-bottom: 40px; }
.pg-comp-reg-art-meta i { color: #cfa36a; }

.pg-comp-reg-art-lead { font-size: 19px; color: #0b2c3d; font-weight: 600; line-height: 1.8; margin-bottom: 40px; border-left: 5px solid #cfa36a; padding-left: 25px; }
.pg-comp-reg-art-heading { font-family: 'Playfair Display', serif; font-size: 30px; color: #0b2c3d; margin: 45px 0 15px; }
.pg-comp-reg-art-subheading { font-size: 22px; color: #3498db; margin: 30px 0 10px; font-weight: 700; }
.pg-comp-reg-art-line { width: 50px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.pg-comp-reg-art-card p { font-size: 17px; line-height: 1.9; color: #666; margin-bottom: 25px; }

.pg-comp-reg-art-bullet-list { padding-left: 20px; margin-bottom: 30px; }
.pg-comp-reg-art-bullet-list li { font-size: 16.5px; margin-bottom: 12px; color: #666; }

.pg-comp-reg-art-doc-box { background: #f4f7f9; padding: 35px; border-radius: 12px; margin: 30px 0; border-top: 4px solid #0b2c3d; }
.pg-comp-reg-art-check-list { list-style: none; padding: 0; }
.pg-comp-reg-art-check-list li { margin-bottom: 15px; position: relative; padding-left: 30px; font-size: 16px; }
.pg-comp-reg-art-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #28a745; position: absolute; left: 0; }

.pg-comp-reg-art-highlight-banner { background: linear-gradient(135deg, #0b2c3d 0%, #1e5a75 100%); color: #fff; padding: 45px; border-radius: 15px; text-align: center; margin: 50px 0; }
.pg-comp-reg-art-highlight-banner h3 { color: #fff; margin-bottom: 15px; font-size: 26px; }
.pg-comp-reg-art-highlight-banner p { color: rgba(255,255,255,0.8); margin-bottom: 30px; }
.pg-comp-reg-art-btn { background: #fff; color: #0b2c3d; padding: 12px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }
.pg-comp-reg-art-btn:hover { background: #cfa36a; color: #fff; }

.pg-comp-reg-art-footer-note { font-style: italic; color: #999; border-top: 1px solid #eee; padding-top: 30px; margin-top: 45px; }

/* Sidebar */
.pg-comp-reg-art-sidebar { position: sticky; top: 150px; height: fit-content; }
.pg-comp-reg-sidebar-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.pg-comp-reg-sidebar-widget h3 { font-size: 20px; color: #0b2c3d; margin-bottom: 25px; border-bottom: 2px solid #f8f9fa; padding-bottom: 10px; }
.pg-comp-reg-sidebar-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.pg-comp-reg-sidebar-item img { width: 60px; height: 60px; border-radius: 10px; object-fit: cover; }
.pg-comp-reg-sidebar-item a { text-decoration: none; color: #0b2c3d; font-weight: 600; font-size: 14px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .pg-comp-reg-art-layout { grid-template-columns: 1fr; }
    .pg-comp-reg-art-card { padding: 30px; }
    .pg-comp-reg-art-hero-title { font-size: 34px; }
    .pg-comp-reg-art-lead,
    .pg-comp-reg-art-card p {
        text-align: justify !important;
        text-justify: inter-word !important;
        hyphens: auto;
        
        /* Ensure width allows justification to work */
        width: 100% !important; 
        margin-right: 0 !important;
    }
    .pg-comp-reg-art-heading {
        text-align: center;
    }
    .pg-comp-reg-art-line {
        margin-left: 45%;
    }
    .pg-comp-reg-art-subheading {
        text-align: center;
    } 
    .pg-comp-reg-art-bullet-list {
        margin-left: 25%;
    }
    .pg-comp-reg-sidebar-widget h3 {
        text-align: center;
    }
}
@media (max-width: 480px) {
    .pg-comp-reg-art-section-margin { margin: 30px 15px !important; }
    /* STRUCTURE THE META TAGS (Date, Tag, Author) */
    /* Switch from horizontal row to vertical stack */
    .pg-comp-reg-art-meta {
        display: flex !important;
        flex-direction: column !important; /* Stack one below another */
        align-items: flex-start !important; /* Align to the left */
        gap: 0.8rem !important;            /* Clean vertical spacing */
        
        margin-bottom: 2rem !important;    /* Space before the article starts */
        padding-bottom: 1rem !important;   /* Internal breathing room */
        border-bottom: 1px solid #eee !important; /* Optional: Clean separator */
    }

    /* Style individual tags in the stack */
    .pg-comp-reg-art-meta span {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important; /* Remove old side margins */
        font-size: 0.9rem !important;
    }

    /* Ensure icons have consistent gap */
    .pg-comp-reg-art-meta i {
        margin-right: 0.8rem !important;
        width: 1.2rem !important; /* Fixed width ensures text aligns even if icons differ */
        text-align: center !important;

    }
}

/******************************** BLOG LEGAL NOTICES GUIDE ARTICLE ********************************************/
/* ================= LEGAL NOTICE ARTICLE STYLES ================= */
.pg-legal-notice-art-body { background: #f6f8fa; color: #333; }
.pg-legal-notice-art-section-margin { margin: 50px 5% !important; }

.pg-legal-notice-art-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.96), rgba(11, 44, 61, 0.9)), 
                url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 130px;
}
.pg-legal-notice-art-breadcrumb { font-size: 13px; margin-bottom: 20px; color: #cfa36a; text-transform: uppercase; }
.pg-legal-notice-art-breadcrumb a { color: #fff; text-decoration: none; }
.pg-legal-notice-art-hero-title { font-size: clamp(32px, 5vw, 52px); font-weight: 800; }
.pg-legal-notice-art-hero-title span { color: #cfa36a; }
.pg-legal-notice-art-hero-subtitle { font-size: 15px; letter-spacing: 3px; opacity: 0.8; margin-top: 15px; }

.pg-legal-notice-art-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.pg-legal-notice-art-card { background: #fff; padding: 60px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); }
.pg-legal-notice-art-meta { display: flex; gap: 20px; font-size: 13px; color: #999; margin-bottom: 40px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
.pg-legal-notice-art-meta i { color: #cfa36a; }

.pg-legal-notice-art-lead { font-size: 20px; color: #0b2c3d; font-weight: 600; line-height: 1.8; margin-bottom: 45px; border-left: 5px solid #cfa36a; padding-left: 25px; }
.pg-legal-notice-art-heading { font-family: 'Playfair Display', serif; font-size: 30px; color: #0b2c3d; margin: 50px 0 15px; }
.pg-legal-notice-art-line { width: 50px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.pg-legal-notice-art-card p { font-size: 17px; line-height: 1.9; color: #555; margin-bottom: 25px; }

.pg-legal-notice-art-bullet-list, .pg-legal-notice-art-numbered-list { padding-left: 20px; margin-bottom: 30px; }
.pg-legal-notice-art-bullet-list li, .pg-legal-notice-art-numbered-list li { font-size: 17px; margin-bottom: 12px; color: #555; line-height: 1.8; }

.pg-legal-notice-art-benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 35px 0; }
.pg-legal-notice-art-benefit-card { background: #fdf9f4; padding: 30px; border-radius: 12px; border: 1px solid #f0e6d8; }
.pg-legal-notice-art-benefit-card i { font-size: 32px; color: #cfa36a; margin-bottom: 20px; display: block; }
.pg-legal-notice-art-benefit-card h4 { color: #0b2c3d; margin-bottom: 10px; font-size: 19px; }
.pg-legal-notice-art-benefit-card p { font-size: 15px !important; margin-bottom: 0 !important; }

.pg-legal-notice-art-highlight-banner { background: #0b2c3d; color: #fff; padding: 45px; border-radius: 15px; text-align: center; margin: 60px 0; border-right: 8px solid #cfa36a; }
.pg-legal-notice-art-highlight-banner h3 { color: #fff; margin-bottom: 15px; font-size: 26px; }
.pg-legal-notice-art-highlight-banner p { color: rgba(255,255,255,0.8); margin-bottom: 30px; }
.pg-legal-notice-art-btn { background: #cfa36a; color: #fff; padding: 12px 35px; border-radius: 5px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }

.pg-legal-notice-art-footer-note { font-style: italic; color: #999; border-top: 1px solid #eee; padding-top: 30px; margin-top: 50px; }

/* Sidebar */
.pg-legal-notice-art-sidebar { position: sticky; top: 150px; height: fit-content; }
.pg-legal-notice-sidebar-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.pg-legal-notice-sidebar-widget h3 { font-size: 20px; color: #0b2c3d; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #f9f9f9; }
.pg-legal-notice-sidebar-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.pg-legal-notice-sidebar-item img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; }
.pg-legal-notice-sidebar-item a { text-decoration: none; color: #0b2c3d; font-weight: 600; font-size: 14px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .pg-legal-notice-art-layout { grid-template-columns: 1fr; }
    .pg-legal-notice-art-card { padding: 35px; }
    .pg-legal-notice-art-hero-title { font-size: 34px; }
    .pg-legal-notice-art-sidebar { position: static; }
    .pg-legal-notice-art-benefit-grid { grid-template-columns: 1fr; }
    .pg-legal-notice-art-heading {
       text-align: center;
    }
    .pg-legal-notice-art-line {
       margin-left: 45%;
    }
    .pg-legal-notice-art-meta {
       justify-content: center;
    }
}
@media (max-width: 480px) {
    .pg-legal-notice-art-section-margin { margin: 30px 15px !important; }
}

/*************************** PROPERTY REGISTRATION GUIDE ARTICLE ***************************/

/* ================= PROPERTY REGISTRATION ARTICLE STYLES ================= */
.pg-prop-reg-art-body { background: #fcfcfc; color: #444; }
.pg-prop-reg-art-section-margin { margin: 50px 5% !important; }

.pg-prop-reg-art-hero {
    height: 55vh;
    background: linear-gradient(rgba(11, 44, 61, 0.94), rgba(11, 44, 61, 0.9)), 
                url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1500&q=80');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    text-align: center; color: #fff; margin-top: 130px;
}
.pg-prop-reg-art-breadcrumb { font-size: 13px; margin-bottom: 20px; color: #cfa36a; text-transform: uppercase; }
.pg-prop-reg-art-breadcrumb a { color: #fff; text-decoration: none; }
.pg-prop-reg-art-hero-title { font-size: clamp(32px, 5vw, 52px); font-weight: 800; }
.pg-prop-reg-art-hero-title span { color: #cfa36a; }
.pg-prop-reg-art-hero-subtitle { font-size: 15px; letter-spacing: 3px; opacity: 0.8; margin-top: 15px; }

.pg-prop-reg-art-layout { display: grid; grid-template-columns: 1fr 350px; gap: 50px; }

.pg-prop-reg-art-card { background: #fff; padding: 60px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); }
.pg-prop-reg-art-meta { display: flex; gap: 20px; font-size: 13px; color: #999; margin-bottom: 40px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; }
.pg-prop-reg-art-meta i { color: #cfa36a; }

.pg-prop-reg-art-lead { font-size: 20px; color: #0b2c3d; font-weight: 600; line-height: 1.8; margin-bottom: 45px; border-left: 5px solid #cfa36a; padding-left: 25px; }
.pg-prop-reg-art-heading { font-family: 'Playfair Display', serif; font-size: 30px; color: #0b2c3d; margin: 50px 0 15px; }
.pg-prop-reg-art-line { width: 50px; height: 4px; background: #cfa36a; margin-bottom: 25px; }

.pg-prop-reg-art-card p { font-size: 17px; line-height: 1.9; color: #555; margin-bottom: 25px; }

.pg-prop-reg-art-checklist-box { background: #fdfaf5; padding: 35px; border-radius: 12px; border: 1px solid #f5ede0; margin: 30px 0; }
.pg-prop-reg-art-check-list { list-style: none; padding: 0; }
.pg-prop-reg-art-check-list li { margin-bottom: 15px; position: relative; padding-left: 30px; font-size: 16px; }
.pg-prop-reg-art-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #cfa36a; position: absolute; left: 0; }

.pg-prop-reg-art-highlight-banner { background: #0b2c3d; color: #fff; padding: 45px; border-radius: 15px; text-align: center; margin: 60px 0; border-bottom: 5px solid #cfa36a; }
.pg-prop-reg-art-highlight-banner h3 { color: #fff; margin-bottom: 15px; font-size: 26px; }
.pg-prop-reg-art-highlight-banner p { color: rgba(255,255,255,0.8); margin-bottom: 30px; }
.pg-prop-reg-art-btn { background: #cfa36a; color: #fff; padding: 12px 35px; border-radius: 5px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; }

.pg-prop-reg-art-footer-note { font-style: italic; color: #999; border-top: 1px solid #eee; padding-top: 30px; margin-top: 50px; }

/* Sidebar */
.pg-prop-reg-art-sidebar { position: sticky; top: 150px; height: fit-content; }
.pg-prop-reg-sidebar-widget { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.pg-prop-reg-sidebar-widget h3 { font-size: 20px; color: #0b2c3d; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #f9f9f9; }
.pg-prop-reg-sidebar-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.pg-prop-reg-sidebar-item img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; }
.pg-prop-reg-sidebar-item a { text-decoration: none; color: #0b2c3d; font-weight: 600; font-size: 14px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .pg-prop-reg-art-layout { grid-template-columns: 1fr; }
    .pg-prop-reg-art-card { padding: 35px; }
    .pg-prop-reg-art-hero-title { font-size: 34px; }
    .pg-prop-reg-art-sidebar { position: static; }
    .pg-prop-reg-art-hero {
       margin-top: 10rem;
    }
    .pg-prop-reg-art-meta {
       justify-content: center;
    }
    .pg-prop-reg-art-heading {
       text-align: center;
    }
    .pg-prop-reg-art-line {
       margin-left: 45%;
    }
    
}
@media (max-width: 480px) {
    .pg-prop-reg-art-section-margin { margin: 30px 15px !important; }
}

/********************* All BLOG ARTICLES CSS CODE EXCEPT COMPANY REGISTRATION ARTICLE **************/

/* =========================================================
   FIX: ALL BLOG ARTICLE PAGES (Responsive Universal)
   - Applies Text Justification (768px & 480px)
   - Stacks Meta Tags Vertically (480px)
   - Targets: Cyber, GST, Legal Notice, Property, Trademark
   ========================================================= */

/* -----------------------------------------------------------
   1. TABLET & MOBILE SHARED (Max-width: 768px)
   - Justify Text for clean reading
----------------------------------------------------------- */
@media screen and (max-width: 768px) {
    
    /* Target ALL Lead Paragraphs */
    .art-cyber-lead-text,
    .pg-gst-art-lead,
    .pg-legal-notice-art-lead,
    .pg-prop-reg-art-lead,
    .pg-trdmrk-art-lead,
    
    /* Target ALL Main Content Paragraphs */
    .art-cyber-article-card p,
    .pg-gst-art-card p,
    .pg-legal-notice-art-card p,
    .pg-prop-reg-art-card p,
    .pg-trdmrk-art-card p {
        text-align: justify !important;
        text-justify: inter-word !important;
        width: 100% !important;
        margin-right: 0 !important;
        hyphens: auto;
    }
}

/* -----------------------------------------------------------
   2. MOBILE SPECIFIC (Max-width: 480px)
   - Stack Meta Tags (Date, Topic, Author)
----------------------------------------------------------- */
@media screen and (max-width: 480px) {

    /* Target ALL Meta Containers */
    .art-cyber-meta-data,
    .pg-gst-art-meta,
    .pg-legal-notice-art-meta,
    .pg-prop-reg-art-meta,
    .pg-trdmrk-art-meta {
        display: flex !important;
        flex-direction: column !important; /* Stack vertically */
        align-items: flex-start !important; /* Align Left */
        gap: 0.8rem !important;            /* Clean spacing */
        
        margin-bottom: 2rem !important;
        padding-bottom: 1rem !important;
        border-bottom: 1px solid #eee !important;
        margin-left: 30%;
    }

    /* Target ALL Meta Items (Spans) */
    .art-cyber-meta-data span,
    .pg-gst-art-meta span,
    .pg-legal-notice-art-meta span,
    .pg-prop-reg-art-meta span,
    .pg-trdmrk-art-meta span {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 0.9rem !important;
    }

    /* Target ALL Meta Icons */
    .art-cyber-meta-data i,
    .pg-gst-art-meta i,
    .pg-legal-notice-art-meta i,
    .pg-prop-reg-art-meta i,
    .pg-trdmrk-art-meta i {
        margin-right: 0.8rem !important;
        width: 1.2rem !important;
        text-align: center !important;
    }
}

/************************LMPC CSS CODE ****************************/

/* ================= Main LMPC PAGE  ================= */
.pg-lmpc-body { background-color: #f8faff; color: #333; line-height: 1.6;}

.pg-lmpc-hero {
    height: 65vh;
    min-height: 30rem; /* approx 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* Clearance for fixed navbar */
    padding-bottom: 4rem;
    color: #fff;
}

.pg-lmpc-breadcrumb {
    color: #cfa36a;
    font-size: 0.9rem; /* 14px */
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pg-lmpc-breadcrumb a { color: #fff; text-decoration: none; }
.pg-lmpc-hero-title {
    font-size: clamp(2rem, 5vw, 3.8rem); /* Fluid sizing */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}
.pg-lmpc-hero-title span { color: #cfa36a; }
.pg-lmpc-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255,255,255,0.8);
    max-width: 50rem; /* 800px */
    margin: 1.5rem auto 0;
}

.pg-lmpc-section-gap {
    width: 90% !important;         /* Ensures it matches other sections */
    max-width: 1200px !important;  /* Prevents it from getting too wide */
    padding: 1 rem auto !important;         /* Reset padding to keep spacing clean */
    display: block !important;
}
.pg-lmpc-main-title { font-size: 38px; color: #0b2c3d; font-weight: 800; margin-bottom: 25px; }
.pg-lmpc-main-title span { color: #cfa36a; }
.white-text { color: #fff !important; }

/* Intro Grid */
.pg-lmpc-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Equal split */
    gap: 4rem; /* 64px gap */
    align-items: center; /* Vertically center text with image */
    margin: 1.5rem auto;
}
.pg-lmpc-intro-content p {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    color: #555;
    text-align: justify;
    text-justify: inter-word;
}
.pg-lmpc-header-line {
    width: 4rem; /* 60px */
    height: 4px;
    background: #cfa36a;
    margin-bottom: 2rem;
}

/* Image Container - Remove white background */
.pg-lmpc-intro-visual {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
}
.pg-lmpc-intro-visual img {
    width: 100%;
    height: auto;
    max-height: 30rem; /* Limit height so it doesn't look gigantic */
    object-fit: cover;
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1);
    background: transparent !important;
    background-color: transparent !important;
}
.pg-lmpc-intro-visual img { width: 80%; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.pg-lmpc-highlight-box {
    display: flex;
    gap: 1.5rem;
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0.6rem 2rem rgba(0,0,0,0.05);
    border-left: 5px solid #cfa36a;
    margin-top: 2rem;
}
.pg-lmpc-highlight-box i { font-size: 30px; color: #cfa36a; }

/* Dark Section & Glass Cards */
.pg-lmpc-dark-section {
    background: #0b2c3d;
    padding: 6rem 0;
}
.pg-lmpc-center-header { text-align: center; }
.pg-lmpc-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}
.pg-lmpc-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: 0.3s ease;
}

.pg-lmpc-glass-card:hover {
    transform: translateY(-0.5rem);
    background: rgba(255, 255, 255, 0.1);
    border-color: #cfa36a;
}

.pg-lmpc-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.5rem;
    display: block;
    text-align: center;
}


.pg-lmpc-glass-card h3 {
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 1rem;
    text-align: center;
}

.pg-lmpc-glass-card p {
    color: rgba(255,255,255,0.7);
    font-size: 0.95rem;
    text-align: center;
}

/* Lists Grid */
.pg-lmpc-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 1.5rem auto;}
.pg-lmpc-list-card { background:#f4f9fc !important; padding: 1.5rem 1rem !important; border-radius: 1.25rem !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05);
/* 3. Vertical Alignment (The Fix) */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Forces content to vertical middle */
    
    /* 4. Sizing Safety */
    min-height: 0 !important; /* Removes any forced heights */
    height: 100% !important;  /* Fills the grid cell height so centering works*/
}

/* =========================================================
   FIX: LMPC CARDS - FINAL POLISH
   - Background: Light Blue (#f4f9fc)
   - Width: Reduced to remove "blank" space (28rem)
   - Gap: Reduced so cards are closer (1.5rem)
   ========================================================= */

/* 1. Parent Container: Reduce Gap */
.pg-lmpc-split-grid {
    gap: 1.5rem !important;       /* Reduced gap between cards */
    justify-content: center !important;
}

/* 2. The Card Itself: Color & Size */
.pg-lmpc-list-card {
    /* Background Color Fix */
    background-color: #DCE8F8 !important; 
    border: 1px solid rgba(11, 44, 61, 0.05) !important;
    border-radius: 1.25rem !important;

    /* Width Reduction (Fixes "Blank Width") */
    flex: 1 1 28rem !important;   /* Limits width to approx 450px */
    max-width: 28rem !important;  /* Prevents stretching */
    width: 100% !important;

    /* Height & Spacing */
    padding: 2rem 1rem !important;
    margin: 0 !important;         /* Removes any external margins */
}
.pg-lmpc-check-list { list-style: none; margin-top: 30px; }
.pg-lmpc-check-list li { padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; display: flex; gap: 15px; }
.pg-lmpc-check-list li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #cfa36a; }

/* Process Grid */
.pg-lmpc-process-bg {
    background: #f4f7f6;
    padding: 6rem 0;
}

.pg-lmpc-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.pg-lmpc-step {
    text-align: center;
    position: relative;
}

.step-num {
    width: 4rem; /* 64px */
    height: 4rem;
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 auto 1.5rem;
}

/* Grid Layout (Matches Business Compliance Grid) */
.pg-lmpc-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    width: 100%;
    margin-bottom: 2rem;
}

/* Card Design (White card with gold bottom border) */
.pg-lmpc-why-card {
    text-align: center;
    background: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
    border-bottom: 4px solid #cfa36a; /* The Gold Border */
    transition: 0.3s;
}

.pg-lmpc-why-card:hover {
    transform: translateY(-5px);
}

/* Icon Styling */
.pg-lmpc-why-card i {
    font-size: 45px;
    color: #cfa36a;
    margin-bottom: 25px;
    display: block;
}

/* Heading Styling */
.pg-lmpc-why-card h4 {
    color: #0b2c3d;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1.25rem;
}

/* Paragraph Styling */
.pg-lmpc-why-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
}

/* -----------------------------------------------------------
   RESPONSIVE FIX (Tablet & Mobile)
   - Reuse your existing Responsive Logic
----------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .pg-lmpc-why-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns on Tablet */
    }
}

@media screen and (max-width: 480px) {
    .pg-lmpc-why-grid {
        grid-template-columns: 1fr; /* 1 Column on Mobile */
    }
}

/* CTA Box */
.pg-lmpc-cta-box {
    background: #0b2c3d;
    padding: 5rem 3rem;
    border-radius: 2rem;
    text-align: center;
    color: #fff;
    
    margin-bottom: 5rem !important; /* Forces margin at bottom */
    width: 100%;
}

.pg-lmpc-cta-btns {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 3rem;
}

.pg-lmpc-phone-btn {
    color: #fff;
    font-size: 1.25rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
}

/* =========================================================
   FINAL LMPC PAGE REFINEMENT (Desktop, Tablet & Alignment)
   - Strict Section Alignment (90% Width / Centered)
   - Tablet: Parallel Cards for Requirements & Benefits
   - Desktop: Centered List Blocks & Reduced Card Width
   - Units: Converted to REM
   ========================================================= */

/* 1. STRICT ALIGNMENT FOR ALL LMPC SECTIONS (Desktop) */
/* Ensures every heading is perfectly aligned vertically */
.pg-lmpc-section-gap,
.pg-lmpc-hero .ix-container,
.pg-lmpc-dark-section .ix-container,
.pg-lmpc-process-bg .ix-container {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px -> 75rem */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;  /* Remove internal padding that shifts content */
    padding-right: 0 !important;
}

/* Ensure Headings are dead center */
.pg-lmpc-main-title,
.pg-lmpc-hero-title {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. REQUIREMENTS & BENEFITS CARDS (Desktop Logic) */
/* Center the list block & reduce width */
.pg-lmpc-split-grid {
    display: flex !important;
    justify-content: center !important; /* Centers the cards in the section */
    gap: 2.5rem !important; /* 40px -> 2.5rem */
}

.pg-lmpc-list-card {
    /* Reduce unnecessary width */
    flex: 0 1 34rem !important; /* Max width approx 544px, allows shrinking */
    width: auto !important;
    
    /* Center the CONTENT inside */
    text-align: center !important;
    padding: 2.5rem 1.5rem !important; /* 40px 24px */
}

/* The Magic: Moves list to center, but keeps bullets aligned left */
.pg-lmpc-check-list {
    display: inline-block !important; /* Makes the UL a block we can center */
    text-align: left !important;      /* Keeps text inside UL left-aligned */
    margin: 1.5rem auto 0 !important; /* Centers the UL block */
    padding-left: 0 !important;       /* Removes default browser padding */
    width: auto !important;
}

/* 3. TABLET SPECIFIC (Min 481px to Max 768px) */
/* Forces Parallel Layout (Side-by-Side) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    
    /* Force 2 Columns */
    .pg-lmpc-split-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Parallel Side-by-Side */
        gap: 1.5rem !important; /* Smaller gap to fit screen */
        align-items: start !important;
    }

    .pg-lmpc-list-card {
        width: 100% !important; /* Fill the grid column */
        margin: 0 !important;
        padding: 2rem 1rem !important; /* Tighter padding for tablet */
    }

    /* Ensure lists don't break on narrower tablets */
    .pg-lmpc-check-list li {
        font-size: 0.9rem !important; /* Slightly smaller text if needed */
    }
}

/* 4. MOBILE PRESERVATION (Max 480px) */
/* Ensures mobile stays stacked and untouched as requested */
@media screen and (max-width: 480px) {
    .pg-lmpc-split-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .pg-lmpc-list-card {
        width: 100% !important;
    }
    .pg-lmpc-intro-visual img {
        width: 100% !important;        /* Occupy only 60% of the screen width */
        max-width: 25rem !important;  /* Cap the width at approx 400px */
        height: auto !important;      /* Maintain aspect ratio */
        
        display: block !important;
        margin: 0 auto !important;    /* Ensure it stays perfectly centered */
    }
    .pg-lmpc-highlight-box {
       display: grid;
       text-align: center;
    }
}

/* ================= RESPONSIVE ADJUSTMENTS ================= */

/* TABLET (768px) */
@media (max-width: 768px) {
    .pg-lmpc-intro-grid, .pg-lmpc-services-grid, .pg-lmpc-split-grid, .pg-lmpc-process-grid { grid-template-columns: 1fr; gap: 40px; }
    .pg-lmpc-intro-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    /* Move Image to the Top */
    .pg-lmpc-intro-visual {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    .pg-lmpc-hero { margin-top: 140px; padding: 80px 0; }
    .pg-lmpc-cta-btns { flex-direction: column; align-items: center; }

    /* Center the Heading & Divider */
    .pg-lmpc-intro-content h2,
    .pg-lmpc-main-title {
        text-align: center !important;
    }

    /* Center the Gold Line */
    .pg-lmpc-header-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Keep Paragraphs Justified (As requested) */
    .pg-lmpc-intro-content p {
        text-align: justify !important;
        text-justify: inter-word !important;
    }

    /* 2. CARDS: PERFECT CENTERING (Lists) */
    .pg-lmpc-list-card {
        text-align: center !important; /* Centers Heading & Icon */
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Center the List BLOCK, but keep text aligned left */
    .pg-lmpc-check-list {
        display: inline-block !important; /* Shrinks UL to fit content */
        text-align: left !important;      /* Keeps bullets & text aligned */
        margin: 0 auto !important;        /* Centers the block in the card */
        width: auto !important;
        max-width: 100% !important;
    }
    /* 3. WHY CHOOSE SECTION: HEADING SIZE FIX */
    /* Forces the 'Why Choose' heading to match standard Section Titles */
    #lmpc-blue-sec h2,
    .pg-lmpc-blue-section h2,
    .pg-lmpc-hero-title {
        font-size: 2rem !important; /* Standard Mobile Size */
        line-height: 1.3 !important;
    }
    .pg-lmpc-highlight-box {
       display: grid;
       text-align: center;
    } 
    #benefits-head{
        margin-top: 2.5rem !important;
    }
}

/* MOBILE (480px) */
@media (max-width: 480px) {
    .pg-lmpc-hero { margin-top: 130px; padding: 60px 0; }
    .pg-lmpc-main-title { font-size: 1.75rem; }
    .pg-lmpc-list-card { padding: 30px; }
    /* 1. INTRO SECTION: IMAGE FIRST, THEN HEADING */
    .pg-lmpc-intro-grid {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Move Image to the absolute Top */
    .pg-lmpc-intro-visual {
        order: -1 !important;
        width: 80% !important;
        margin-bottom: 2rem !important; /* Space between Image and Heading */
        display: flex !important;
        justify-content: center !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    /* Center the Heading & Line below the image */
    .pg-lmpc-intro-content h2,
    .pg-lmpc-main-title {
        text-align: center !important;
        margin-top: 0 !important;
    }

    .pg-lmpc-header-line {
        margin: 1rem auto 2rem auto !important; /* Centers the gold line */
    }

    /* Paragraphs remain standard (or justified if you prefer) */
    .pg-lmpc-intro-content p {
        text-align: justify !important; 
        hyphens: auto;
        text-justify: inter-word !important;
    }

    /* 2. CARDS: CENTERED LIST BLOCKS */
    /* Centers the content wrapper */
    .pg-lmpc-list-card {
        text-align: center !important;
        padding: 1rem 1rem !important;
    }

    /* Make the UL an inline-block so it sits in the center */
    /* But keep text-align LEFT so bullets align nicely */
    .pg-lmpc-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        padding-left: 3rem !important;
    }

    /* 3. WHY CHOOSE HEADING FIX */
    /* Forces it to match the standard main title size */
    #lmpc-blue-sec h2,
    .pg-lmpc-blue-section h2 {
        font-size: 1.75rem !important; /* Matches standard mobile headings */
        line-height: 1.3 !important;
    }
    /* 1. LMPC CARDS: Override 28rem -> 100% ONLY for Mobile */
    .pg-lmpc-list-card {
        flex: 1 1 100% !important;   /* Override desktop 28rem */
        max-width: 100% !important;  /* Override desktop 28rem */
        width: 100% !important;
        margin: 0 0 1.5rem 0 !important;
    }
    
    /* Ensure Container doesn't overflow */
    .pg-lmpc-split-grid {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }
    #benefits-head{
        margin-top: 1rem !important;
    }
}

/*****************LMPC SUB SERVICES CSS CODE ******************************/
/***************Importer Registration css code ****************************/
/* --- UNIVERSAL --- */
.pg-imp-reg-body {
    background-color: #f8faff;
    color: #333;
    line-height: 1.6;
    overflow-x: hidden;
}
.pg-imp-reg-section-margin { 
    width: 90%;
    max-width: 75rem; /* 1200px converted to REM */
    margin: 3.125rem auto; /* 50px converted */
    padding: 0;
} 

/* --- HERO (No Pink/Blue Links) --- */
.pg-imp-reg-hero {
    position: relative;
    height: 60vh;
    min-height: 28rem; /* 450px converted */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), url('../images/importer-reg-bg.jpg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 8.125rem; /* 130px (Clears Navbar) */
    padding-bottom: 3rem;
}
.pg-imp-reg-breadcrumb { font-size: 0.95rem; margin-bottom: 20px; color: #fff; }
.pg-imp-reg-breadcrumb a { color: #fff; text-decoration: none; transition: 0.3s; }
.pg-imp-reg-breadcrumb a:hover { color: #cfa36a; }
.pg-imp-reg-hero-title {
    font-size: 3rem; /* 48px converted */
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.pg-imp-reg-hero-title span { color: #cfa36a; }
.pg-imp-reg-hero-desc {
    font-size: 1.125rem; /* 18px converted */
    max-width: 50rem;
    margin: 1rem auto 0;
    
}

/* --- INTRO (Balanced Layout) --- */
.pg-imp-reg-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; }
.pg-imp-reg-main-heading {
    font-size: 2.375rem; /* 38px converted */
    color: #0b2c3d;
    font-weight: 800;
    margin-bottom: 1.25rem;
    line-height: 1.2;
}
.pg-imp-reg-main-heading span { color: #cfa36a; }
.pg-imp-reg-accent-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5rem;
}

.pg-imp-reg-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    text-align: justify; /* Justified as requested */
    text-justify: inter-word;
}
.pg-imp-reg-feature-box { display: flex; gap: 20px; background: #fff; padding: 25px; border-radius: 15px; border-left: 5px solid #cfa36a; box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-top: 30px; }
.pg-imp-reg-feature-box i { font-size: 35px; color: #cfa36a;  }
/* Image Frame matching LMPC */
.pg-imp-reg-img-frame {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    overflow: hidden;
    box-shadow: none;
}
.pg-imp-reg-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* --- DARK WRAP --- */
.pg-imp-reg-dark-wrap {
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
    background: #0b2c3d;
    padding: 4.375rem 2rem; /* 70px 32px converted */
    border-radius: 1.875rem; /* 30px */
    color: #fff;
    box-sizing: border-box;
}
.pg-imp-reg-center-title{ display:flex; align-items: center; justify-content: center;}
.pg-imp-reg-white { color: #fff !important; }
.pg-imp-reg-glass-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem; /* 30px converted */
    margin-top: 2.5rem;
}
.pg-imp-reg-glass-card {
    background: rgba(255,255,255,0.05);
    padding: 2.5rem; /* 40px converted */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
}
.pg-imp-reg-glass-card i { font-size: 40px; color: #cfa36a; margin-bottom: 20px; }
.pg-imp-reg-glass-card ul { list-style: none; margin-top: 15px; }
.pg-imp-reg-glass-card li { margin-bottom: 10px; font-size: 14px; position: relative; padding-left: 20px; }
.pg-imp-reg-glass-card li::before { content: '•'; color: #cfa36a; position: absolute; left: 0; font-weight: 800; }

/* --- DOCUMENTS GRID --- */
.pg-imp-reg-docs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.pg-imp-reg-doc-item { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); display: flex; align-items: center; gap: 15px; font-size: 14px; color: #444; }
.pg-imp-reg-doc-item span { width: 30px; height: 30px; background: #0b2c3d; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }

/* --- PROCESS FLEX --- */
.pg-imp-reg-step-bg { background: #ededed; padding: 70px 5%; border-radius: 30px; }
.pg-imp-reg-process-flex { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 20px; text-align: center; }
.pg-imp-reg-circle { width: 65px; height: 65px; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-weight: 800; font-size: 1.5rem; }

/* --- BENEFITS & PENALTIES (Modern Styling) --- */
.pg-imp-reg-split-flex { display: grid; grid-template-columns: repeat(2, minmax(320px, 1fr)); gap: 30px; }
.pg-imp-reg-list-box { padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); background: #fff; border-top: 6px solid #cfa36a; }
.pg-imp-reg-box-red { border-top-color: #e74c3c; }
.pg-imp-reg-list-box h4 { font-size: 1.5rem; color: #0b2c3d; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 12px; padding-right: 5rem;}
.pg-imp-reg-box-red h4 i { color: #e74c3c; }
.pg-imp-reg-box-gold h4 i { color: #cfa36a; }
.pg-imp-reg-check-list { list-style: none; }
.pg-imp-reg-check-list li { margin-bottom: 12px; font-size: 14px; display: flex; align-items: center; gap: 12px; color: #555; }
.pg-imp-reg-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }
.pg-imp-reg-box-red li::before { content: '✕'; color: #e74c3c; }

/* --- INVESTMENT --- */
.pg-imp-reg-invest-bg { background: #0b2c3d; padding: 60px 5%; border-radius: 30px; }
.pg-imp-reg-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center; color: #fff; margin-top: 2rem; }
.pg-imp-reg-invest-card i { font-size: 40px; color: #cfa36a; margin-bottom: 15px; }

/* --- WHY CHOOSE --- */
.pg-imp-reg-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.875rem; /* 30px */
    margin-top: 2.5rem;
}
.pg-imp-reg-why-card {
    background: #fff;
    padding: 2.2rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.3rem 1.25rem rgba(0,0,0,0.04);
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a;
}
.pg-imp-reg-why-card:hover { transform: translateY(-5px); }
.pg-imp-reg-why-card i { font-size: 45px; color: #cfa36a; margin-bottom: 15px; }

/* --- CTA --- */
.pg-imp-reg-cta-box { background: #0b2c3d; padding: 60px 5%; border-radius: 30px; text-align: center; color: #fff; }
.pg-imp-reg-cta-group { display: flex; justify-content: center; gap: 20px; margin-top: 30px; flex-wrap: wrap; }
.pg-imp-reg-btn-gold { background: #cfa36a; color: #fff; padding: 15px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; transition: 0.3s; }
.pg-imp-reg-btn-phone { border: 2px solid #fff; color: #fff; padding: 13px 35px; border-radius: 50px; text-decoration: none; display: flex; align-items: center; gap: 10px; }

/* Target Benefits Cards & Penalty/Document Boxes */
.pg-imp-reg-glass-card, 
.pg-imp-reg-list-box {
    text-align: center !important; /* Centers the Heading */
}

/* Target the List (ul) inside them */
.pg-imp-reg-glass-card ul, 
.pg-imp-reg-list-box ul {
    display: inline-block !important; /* Makes list only as wide as its text */
    text-align: left !important;      /* Keeps bullets aligned left relative to text */
    margin: 1.5rem auto 0 auto !important; /* Centers the list block horizontally */
    padding-left: 1.25rem !important; /* Space for bullets */
    width: auto !important;           /* Prevents full-width stretching */
}

/* Ensure List Items have clean spacing */
.pg-imp-reg-glass-card li, 
.pg-imp-reg-list-box li {
    margin-bottom: 0.75rem !important;
    list-style-position: outside !important; /* Keeps bullets clean */
}
/* ================= RESPONSIVE (768px) ================= */
@media (max-width: 768px) {
    .pg-imp-reg-hero { margin-top: 110px; height: 50vh; }
    .pg-imp-reg-breadcrumb { font-size: 0.95rem; margin-bottom: 1.25rem; color: #fff; }
    .pg-imp-reg-intro-grid {
        display: flex;
        flex-direction: column;
    }
    .pg-imp-reg-intro-text { order: 2; }
    .pg-imp-reg-intro-img {
        order: -1; /* Image on Top */
        width: 60%; /* Reference from LMPC */
        margin: 0 auto 2rem auto;
        display: flex;
        justify-content: center;
    }
    .pg-imp-reg-feature-box { flex-direction: column; text-align: center;}
    .pg-imp-reg-section-margin { margin: 40px 4%; }
    /* Headings Center */
    .pg-imp-reg-main-heading,
    .pg-imp-reg-hero-title {
        text-align: center;
    }
    #covered-list{
        margin-top: 3.3rem !important;
    }
    
    .pg-imp-reg-accent-line {
        margin-left: auto;
        margin-right: auto;
    }
   

    /* Cards Side-by-Side (Parallel) */
    .pg-imp-reg-glass-grid,
    .pg-imp-reg-why-grid {
        grid-template-columns: 1fr 1fr; /* 2 Columns */
        gap: 1.5rem;
    }
    .pg-imp-reg-list-box h4 {
      padding-right: 1.25rem;
    }
}

/* ================= RESPONSIVE (480px) ================= */
@media (max-width: 480px) {
    /* Hero Padding Fix */
    .pg-imp-reg-hero {
        padding-top: 8rem; /* Avoid Navbar overlap */
        min-height: auto;
        padding-bottom: 3rem;
    }
    .pg-imp-reg-breadcrumb { font-size: 0.75rem; margin-bottom: 1.25rem; color: #fff; }
    .pg-imp-reg-hero-title {
        font-size: 1.5rem;
    }
    /* Intro Section */
    .pg-imp-reg-intro-grid {
        display: flex;
        flex-direction: column;
    }
    .pg-imp-reg-main-heading { font-size: 1.6rem; }
    .pg-imp-reg-doc-item { padding: 15px; font-size: 13px; }
    .pg-imp-reg-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-imp-reg-intro-img {
        order: -1;
        width: 100%; /* Full width for Mobile */
        margin-bottom: 2rem;
    }
    
    .pg-imp-reg-intro-text p {
        text-align: justify;
        hyphens: auto;
    }

    /* Cards Stacked */
    .pg-imp-reg-glass-grid,
    .pg-imp-reg-why-grid {
        grid-template-columns: 1fr; /* 1 Column */
        gap: 1.5rem;
    }
    
    .pg-imp-reg-glass-card,
    .pg-imp-reg-why-card {
        padding: 2rem 1.5rem;
    }

    /* Section Margins */
    .pg-imp-reg-section-margin {
        margin: 2.5rem auto;
    }
    #covered-list {
        margin-top: 1.5rem !important;
    }
    .pg-imp-reg-hero-desc {
       font-size: 1rem;    
    }
    .pg-imp-reg-list-box h4 {
    font-size: 1.2rem;
   }
}

/* =========================================================
   IMPORTER REGISTRATION - RESPONSIVE FIXES (Tablet & Mobile)
   - Matches LMPC Spacing & Layouts
   - Process Steps: 2x2 Grid for Tablet & Mobile
   - Fixes Body Overflow & Container Widths
   ========================================================= */

/* --- 1. TABLET (768px) --- */
@media screen and (max-width: 768px) {
    
    /* Global Container Safety */
    .pg-imp-reg-section-margin,
    .pg-imp-reg-dark-wrap,
    .pg-imp-reg-invest-bg,
    .pg-imp-reg-step-bg,
    .pg-imp-reg-cta-box {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Process Steps: Force 2 Columns (2x2) */
    .pg-imp-reg-process-flex {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Cards: 2 Columns Side-by-Side */
    .pg-imp-reg-glass-grid,
    .pg-imp-reg-why-grid,
    .pg-imp-reg-docs-grid,
    .pg-imp-reg-invest-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Intro: Stack Image & Text */
    .pg-imp-reg-intro-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    .pg-imp-reg-intro-img {
        order: -1 !important; /* Image First */
        width: 80% !important;
        margin: 0 auto 30px auto !important;
    }

    /* Center Headings */
    .pg-imp-reg-main-heading, 
    .pg-imp-reg-hero-title {
        text-align: center !important;
        
    }
    .pg-imp-reg-accent-line {
        margin: 0 auto 20px auto !important;
    }
}

/* --- 2. MOBILE (480px) --- */
@media screen and (max-width: 480px) {

    /* Hero Spacing (Avoid Navbar Touch) */
    .pg-imp-reg-hero {
        padding-top: 8rem !important; /* Push down */
        padding-bottom: 3rem !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* Process Steps: Force 2 Columns (2x2) on Mobile */
    /* Reduced gap to ensure they fit side-by-side */
    .pg-imp-reg-process-flex {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important; 
        gap: 10px !important; 
    }
    
    /* Make Process Circle Smaller for Mobile to fit */
    .pg-imp-reg-circle {
        width: 50px !important;
        height: 50px !important;
        font-size: 1.2rem !important;
        margin-bottom: 10px !important;
    }

    /* Other Cards: Stack 1 Column (Better readability) */
    .pg-imp-reg-glass-grid,
    .pg-imp-reg-why-grid,
    .pg-imp-reg-docs-grid,
    .pg-imp-reg-invest-grid,
    .pg-imp-reg-split-flex {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    /* Intro Image: Full Width */
    .pg-imp-reg-intro-img {
        width: 100% !important;
    }

    /* Padding Adjustments */
    .pg-imp-reg-dark-wrap,
    .pg-imp-reg-step-bg,
    .pg-imp-reg-cta-box {
        padding: 30px 20px !important;
    }
    
    /* Center List Content inside Cards */
    .pg-imp-reg-glass-card ul,
    .pg-imp-reg-list-box ul {
        text-align: left !important; /* Keep list text readable */
    }
    .pg-imp-reg-glass-card, 
    .pg-imp-reg-why-card {
        text-align: center !important;
    }

}


/****************************Non standard weight measurement Css code *************************************/

/* --- UNIVERSAL & FLUID BASE --- */
/* 1. Global Page Settings */

/*
=============================================================================
NON-STANDARD WEIGHT & MEASUREMENT APPROVAL PAGE
COMPLETE RESPONSIVE CSS - FINAL CORRECTED VERSION
=============================================================================

ALL FIXES APPLIED:
✅ 90% width consistently
✅ Proper card padding on all breakpoints
✅ ALL grids have margin-bottom (cards don't touch section bottom)
✅ ALL headings in dark sections have margin-top AND margin-bottom
✅ Dark sections have proper padding-top for breathing room
✅ All values in REM (no px except borders)

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+)
============================================================================= */

.pg-nstd-w-body {
    background-color: #f8faff;
    color: #333;
    line-height: 1.6;
    overflow-x: hidden;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-nstd-w-hero {
    position: relative;
    height: 65vh;
    min-height: 30rem;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('../images/legal-metrology-bg.jpg') center/cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 9rem;
    padding-bottom: 4rem;
    margin-top: 0;
}

.pg-nstd-w-hero-container {
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
}

.pg-nstd-w-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-nstd-w-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-nstd-w-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-nstd-w-hero-title {
    font-size: clamp(2rem, 8vw, 3rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-nstd-w-hero-title span {
    color: #cfa36a;
}

.pg-nstd-w-hero-desc {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.9375rem;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    text-align: center;
}

/* =============================================================================
   SECTION CONTAINERS & SPACING
============================================================================= */

.pg-nstd-w-section-margin {
    width: 90% !important;
    max-width: 75rem !important;
    margin: 3.125rem auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   TYPOGRAPHY & HEADINGS
============================================================================= */

.pg-nstd-w-main-heading {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
}

.pg-nstd-w-main-heading span {
    color: #cfa36a;
}

.pg-nstd-w-accent-line {
    width: 3.75rem;
    height: 0.25rem;
    background: #cfa36a;
    margin-bottom: 1.5625rem;
}

/* ✅ FIX: Proper margin-top and margin-bottom for ALL headings */
.pg-nstd-w-center-title {
    text-align: center;
    margin-top: 2.5rem;        /* 40px - breathing room at top */
    padding: 2rem;
}

.pg-nstd-w-white {
    color: #fff !important;
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-nstd-w-intro-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3.125rem;
    align-items: center;
    margin: 3.125rem auto;
}

.pg-nstd-w-intro-text p {
    font-size: 1rem;
    color: #555;
    margin-bottom: 1.5rem;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-word;
}

.pg-nstd-w-feature-box {
    display: flex;
    gap: 1.25rem;
    background: #fff;
    padding: 1.5625rem;
    border-radius: 0.9375rem;
    border-left: 0.3125rem solid #cfa36a;
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    margin-top: 1.875rem;
}

.pg-nstd-w-feature-box i {
    font-size: 2.1875rem;
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-nstd-w-feature-info h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem;
    font-weight: 700;
}

.pg-nstd-w-feature-info p {
    font-size: 0.9375rem;
    color: #666;
    line-height: 1.6;
}

.pg-nstd-w-img-frame {
    width: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: none;
}

.pg-nstd-w-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pg-nstd-w-intro-img img {
    width: 100%;
    border-radius: 1.25rem;
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.1);
    display: block;
}

/* =============================================================================
   DARK SECTIONS & GLASS CARDS
============================================================================= */

/* ✅ FIX: Proper padding-top for heading breathing room */
.pg-nstd-w-dark-wrap {
    background: #0b2c3d;
    padding: 3rem 0 5rem;  /* 48px top, 0 sides, 80px bottom */
    border-radius: 1.875rem;
    width: 90% !important;
    max-width: 75rem !important;
    margin: 3.125rem auto !important;
    box-sizing: border-box !important;
}

/* ✅ FIX: margin-bottom prevents cards touching section bottom */
.pg-nstd-w-when-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1.875rem;
    padding: 0 2rem;           /* Horizontal padding */
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;     /* ✅ Prevents cards touching bottom */
}

.pg-nstd-w-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem;           /* ✅ Proper padding */
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    backdrop-filter: blur(0.625rem);
    transition: 0.3s ease;
}


.pg-nstd-w-glass-card:hover {
    transform: translateY(-0.3125rem);
    background: rgba(255, 255, 255, 0.1);
}

.pg-nstd-w-glass-card i {
    font-size: 2.5rem;
    color: #cfa36a;
    margin-bottom: 1.25rem;
    display: block;
}

.pg-nstd-w-glass-card h3 {
    font-size: 1.4rem;
    margin-bottom: 0.9375rem;
    font-weight: 700;
}

.pg-nstd-w-glass-card h5 {
    font-size: 1.25rem;
    margin-bottom: 0.9375rem;
    font-weight: 700;
    color: #cfa36a;
}

.pg-nstd-w-glass-card p {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    margin-bottom: 0.9375rem;
}

.pg-nstd-w-glass-card ul {
    list-style: none;
    margin-top: 0.9375rem;
    
}

.pg-nstd-w-glass-card li {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
    position: relative;
    padding-left: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
}

.pg-nstd-w-glass-card li::before {
    content: '•';
    color: #cfa36a;
    position: absolute;
    left: 0;
    font-weight: 800;
}

.pg-nstd-w-note-box {
    background: rgba(207, 163, 106, 0.1);
    border: 1px dashed #cfa36a;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    margin-top: 1.5625rem;
    font-size: 0.8125rem;
    color: #fff;
    line-height: 1.4;
}

/* =============================================================================
   PROCESS STEPS
============================================================================= */

/* ✅ FIX: Proper padding-top for heading */
.pg-nstd-w-step-bg {
    background: #f4f7f6;
    padding: 3rem 2rem 5rem;  /* 48px top, 32px sides, 80px bottom */
    border-radius: 1.875rem;
    width: 90% !important;
    max-width: 75rem !important;
    margin: 3.125rem auto !important;
    box-sizing: border-box !important;
}

/* ✅ FIX: margin-bottom prevents steps touching section bottom */
.pg-nstd-w-process-flex {
    display: grid;
    grid-template-columns: repeat(3, minmax(15.625rem, 1fr));
    gap: 1.875rem;
    text-align: center;
    margin-bottom: 2.5rem;     /* ✅ Prevents steps touching bottom */
    padding-bottom: 2rem;
}

.pg-nstd-w-circle {
    width: 4.0625rem;
    height: 4.0625rem;
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.9375rem;
    font-weight: 800;
    font-size: 1.5rem;
}

.pg-nstd-w-step-item h5 {
    color: #0b2c3d;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
}

.pg-nstd-w-step-item p {
    font-size: 0.8125rem;
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   SPLIT LISTS (REQUIREMENTS & DOCUMENTS)
============================================================================= */

/* ✅ FIX: margin-bottom prevents list cards touching section bottom */
.pg-nstd-w-split-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr));
    gap: 2.5rem;
    margin: 3.125rem auto 2.5rem;  /* 50px top, 40px bottom */
}

.pg-nstd-w-list-box {
    background: #DCE8F8;
    padding: 2.8125rem;        /* ✅ Proper padding */
    border-radius: 1.25rem;
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(11, 44, 61, 0.05);
    text-align: center;
}

.pg-nstd-w-list-box h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    margin: 0 auto 1.5625rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    justify-content: center;
}

.pg-nstd-w-list-box h4 i {
    color: #cfa36a;
    font-size: 1.5rem;
}

.pg-nstd-w-check-list {
    list-style: none;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    width: auto;
    padding-left: 3rem;
}

.pg-nstd-w-check-list li {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #555;
    border-bottom: 1px solid rgba(11, 44, 61, 0.08);
    padding-bottom: 0.5rem;
}

.pg-nstd-w-check-list li::before {
    content: '✓';
    color: #cfa36a;
    font-weight: bold;
    flex-shrink: 0;
}

.pg-nstd-w-check-list li:last-child {
    border-bottom: none;
}

/* =============================================================================
   TYPES GRID (INSIDE DARK SECTION)
============================================================================= */

/* ✅ FIX: margin-bottom prevents types touching section bottom */
.pg-nstd-w-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));
    gap: 1.5625rem;
    padding: 0 2rem;           /* Horizontal padding */
    margin-bottom: 2.5rem;     /* ✅ Prevents cards touching bottom */
    padding-bottom: 2rem;
}

.text-center {
    text-align: center;
}

.pg-nstd-w-types-grid h5 {
    color: #cfa36a;
    font-size: 1.2rem;
    margin: 0.9375rem 0;
    font-weight: 700;
}

.pg-nstd-w-types-grid p {
    font-size: 0.8125rem;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.9375rem;
}

.pg-nstd-w-types-grid ul {
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 0.9375rem;
}

/* =============================================================================
   INVESTMENT/TIMELINE SECTION
============================================================================= */

/* ✅ FIX: Proper padding-top for heading */
.pg-nstd-w-invest-bg {
    background: #0b2c3d;
    padding: 3rem 2rem 5rem;  /* 48px top, 32px sides, 80px bottom */
    border-radius: 1.875rem;
    width: 90% !important;
    max-width: 75rem !important;
    margin: 3.125rem auto !important;
    box-sizing: border-box !important;
}

/* ✅ FIX: margin-bottom prevents invest cards touching section bottom */
.pg-nstd-w-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1.875rem;
    text-align: center;
    color: #fff;
    padding-bottom: 2rem;
}

.pg-nstd-w-invest-card {
    padding: 1.5rem;           /* ✅ Proper padding */
}

.pg-nstd-w-invest-card i {
    font-size: 2.5rem;
    color: #cfa36a;
    margin-bottom: 1.25rem;
    display: block;
}

.pg-nstd-w-invest-card h5 {
    margin-bottom: 0.625rem;
    font-weight: 700;
    font-size: 1.125rem;
}

.pg-nstd-w-invest-card p {
    font-weight: 800;
    font-size: 1.125rem;
    color: #cfa36a;
    margin-bottom: 0.3125rem;
}

.pg-nstd-w-invest-card small {
    font-size: 0.75rem;
    opacity: 0.6;
    display: block;
}

/* =============================================================================
   WHY CHOOSE SECTION
============================================================================= */

/* ✅ FIX: margin-bottom prevents why cards touching section bottom */
.pg-nstd-w-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
    gap: 1.875rem;
   /* margin: 3.125rem auto 2.5rem;  /* 50px top, 40px bottom */
}

.pg-nstd-w-why-card {
    background: #fff;
    padding: 2.5rem 1.875rem;  /* ✅ Proper padding */
    border-radius: 1.25rem;
    box-shadow: 0 0.3125rem 1.5625rem rgba(0, 0, 0, 0.04);
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a;
    transition: 0.3s ease;
}

.pg-nstd-w-why-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-nstd-w-why-card i {
    font-size: 2.8125rem;
    color: #cfa36a;
    margin: 0 auto 1.25rem;
    display: block;
}

.pg-nstd-w-why-card h4 {
    color: #0b2c3d;
    margin: 0 auto 0.9375rem;
    font-weight: 700;
    font-size: 1.125rem;
}

.pg-nstd-w-why-card p {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.6;
    margin-top: 0;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-nstd-w-cta-box {
    background: #0b2c3d;
    padding: 5rem 3rem;        /* ✅ Proper padding */
    border-radius: 2.1875rem;
    text-align: center;
    color: #fff;
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem;
}

.pg-nstd-w-cta-box h2 {
    font-size: 2.375rem;
    font-weight: 800;
    margin-bottom: 1.25rem;
}

.pg-nstd-w-cta-box h2 span {
    color: #cfa36a;
}

.pg-nstd-w-cta-box p {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

.pg-nstd-w-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 2.1875rem;
    flex-wrap: wrap;
}

.pg-nstd-w-btn-gold {
    background: #cfa36a;
    color: #fff;
    padding: 0.9375rem 2.5rem;
    border-radius: 3.125rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
    display: inline-block;
}

.pg-nstd-w-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-nstd-w-btn-phone {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem;
    border-radius: 3.125rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
}

.pg-nstd-w-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}

/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    .pg-nstd-w-hero {
        height: 55vh;
        margin-top: 8.75rem;
        
    }
    .pg-nstd-w-hero-title {
    font-size: clamp(2rem, 6vw, 3.7rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}
    
    .pg-nstd-w-hero-desc {
        font-size: 0.875rem;
        text-align: center;
    }
    
    /* ✅ 90% width consistently */
    .pg-nstd-w-section-margin,
    .pg-nstd-w-dark-wrap,
    .pg-nstd-w-step-bg,
    .pg-nstd-w-invest-bg {
        width: 90% !important;
        margin: 2.5rem auto !important;
    }
    
    .pg-nstd-w-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .pg-nstd-w-intro-img {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-nstd-w-intro-text {
        order: 2 !important;
    }
    
    .pg-nstd-w-intro-text h2,
    .pg-nstd-w-main-heading {
        text-align: center !important;
    }
    
    .pg-nstd-w-accent-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pg-nstd-w-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
    }
    
    .pg-nstd-w-feature-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;         /* ✅ Proper padding */
    }
    
    .pg-nstd-w-feature-box i {
        margin: 0 auto 1rem;
    }
    
    /* ✅ FIX: All grids have margin-bottom on tablet */
    .pg-nstd-w-when-grid,
    .pg-nstd-w-types-grid {
        
        gap: 2rem;
        padding: 2 1.5rem;
        margin-bottom: 2.5rem;  /* ✅ Prevents touching bottom */
    }
    
    .pg-nstd-w-process-flex {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        margin-bottom: 2.5rem;  /* ✅ Prevents touching bottom */
    }
    
    .pg-nstd-w-split-flex {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 2.5rem;  /* ✅ Prevents touching bottom */
    }
    
    .pg-nstd-w-invest-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        margin-bottom: 2.5rem;  /* ✅ Prevents touching bottom */
    }
    
    .pg-nstd-w-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        margin-bottom: 2.5rem;  /* ✅ Prevents touching bottom */
    }
    
    /* ✅ Proper card padding maintained */
    .pg-nstd-w-glass-card {
        padding: 2rem;
    }

    .pg-nstd-w-glass-card ul {
        padding-left: 20%;
    }
    #weight-list,
    #volume-list,
    #dimesional-list,
    #unit-list {
      text-align: left !important;
      padding: 0rem;
    }
    
    .pg-nstd-w-glass-card i {
        display: flex;
        justify-content: center;

    }

    .pg-nstd-w-glass-card h3 {
    display: flex;
    justify-content: center;
    text-align: center;
    }
    
    .pg-nstd-w-list-box {
        text-align: center !important;
        padding: 2rem !important;
    }
    
    .pg-nstd-w-list-box h4 {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
    }
    
    .pg-nstd-w-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 0 auto !important;
        width: auto !important;
        max-width: 100% !important;
    }
    #approve-list{
        margin-left: 8% !important;
    }
    
    .pg-nstd-w-invest-card {
        padding: 1.5rem;
    }
    
    .pg-nstd-w-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* ✅ FIX: Proper padding with top breathing room */
    .pg-nstd-w-dark-wrap,
    .pg-nstd-w-step-bg,
    .pg-nstd-w-invest-bg {
        padding: 2.5rem 1.5rem 4rem;  /* 40px top, 24px sides, 64px bottom */
        border-radius: 1.5rem;
    }
    
    .pg-nstd-w-cta-box {
        padding: 4rem 2rem;    /* ✅ Proper padding */
    }
    
    .pg-nstd-w-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-nstd-w-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
    
    .pg-nstd-w-cta-box h2 {
        font-size: 2rem;
    }
    
    /* ✅ FIX: Heading margin maintained */
    .pg-nstd-w-center-title {
        margin-top: 2rem;
        
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    .pg-nstd-w-hero {
        height: 45vh;
        margin-top: 8.125rem;
        padding: 3.75rem 0;
    }
    
    .pg-nstd-w-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    .pg-nstd-w-hero-desc {
        font-size: 0.9375rem;
    }
    
    .pg-nstd-w-breadcrumb {
        font-size: 0.75rem;
        margin-bottom: 1rem;
    }
    
    /* ✅ 90% width consistently */
    .pg-nstd-w-section-margin,
    .pg-nstd-w-dark-wrap,
    .pg-nstd-w-step-bg,
    .pg-nstd-w-invest-bg {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    .pg-nstd-w-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem;
    }
    
    .pg-nstd-w-intro-img {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-nstd-w-intro-img img,
    .pg-nstd-w-img-frame img {
        width: 80% !important;
        max-width: 25rem !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    .pg-nstd-w-main-heading {
        font-size: 1.75rem !important;
        text-align: center !important;
        
    }
    
    .pg-nstd-w-accent-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    .pg-nstd-w-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
        hyphens:auto;
    }
    
    /* ✅ FIX: All grids have margin-bottom on mobile */
    .pg-nstd-w-when-grid,
    .pg-nstd-w-process-flex,
    .pg-nstd-w-split-flex,
    .pg-nstd-w-types-grid,
    .pg-nstd-w-invest-grid,
    .pg-nstd-w-why-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem;
        margin-bottom: 2.5rem !important;  /* ✅ Prevents touching bottom */
        padding-bottom: 2rem;
    }
    
    /* ✅ Proper card padding maintained */
    .pg-nstd-w-glass-card {
        padding: 1.875rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .pg-nstd-w-glass-card ul {
        padding: 0 5%;
    }
    #weight-list, #volume-list, #dimesional-list, #unit-list {
        padding-left: 15% !important;
    }

    
    
    .pg-nstd-w-list-box {
        padding: 1.875rem !important;
        text-align: center !important;
    }
    
    .pg-nstd-w-list-box h4 {
        font-size: 1rem;
        text-align: center !important;
        margin: 0 auto 1.25rem !important;
        justify-content: center !important;
    }
    
    .pg-nstd-w-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        padding: 1rem;
    }
    
    .pg-nstd-w-check-list li {
        font-size: 0.8125rem;
    }
    
    .pg-nstd-w-invest-card {
        padding: 1.5rem;
    }
    
    .pg-nstd-w-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* ✅ FIX: Proper padding with top breathing room */
    .pg-nstd-w-dark-wrap,
    .pg-nstd-w-step-bg,
    .pg-nstd-w-invest-bg {
        padding: 2rem 1.5rem 3rem;  /* 32px top, 24px sides, 48px bottom */
        border-radius: 1.25rem;
    }
    
    .pg-nstd-w-circle {
        width: 3.4375rem;
        height: 3.4375rem;
        font-size: 1.25rem;
    }
    
    .pg-nstd-w-feature-box {
        padding: 1.5rem;
        flex-direction: column;
        text-align: center;
    }
    
    .pg-nstd-w-cta-box {
        padding: 3rem 1.5rem;  /* ✅ Proper padding */
        border-radius: 1.5rem;
        margin: 2rem auto 3rem;
    }
    
    .pg-nstd-w-cta-box h2 {
        font-size: 1.75rem;
    }
    
    .pg-nstd-w-cta-box p {
        font-size: 1rem;
    }
    
    .pg-nstd-w-cta-group {
        flex-direction: column;
        gap: 1rem;
        margin-top: 2rem;
    }
    
    .pg-nstd-w-cta-group a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    
    /* ✅ FIX: Heading margin maintained */
    .pg-nstd-w-center-title {
        margin-top: 1.5rem;
        margin-bottom: 0.1rem;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */
/*************************************BUSINESS AND TRADE COMPLIANCE MAIN SERVICE PAGE **************/
/*=============================================================================
  BUSINESS & TRADE COMPLIANCE PAGE CSS (pg-biz-comp)
  - All values in rem units
  - Font sizes matched with drug-pharma reference page
  - Section containers use 90% width with auto margins
  - Responsive breakpoints: 1024px, 768px, 480px
=============================================================================*/

.pg-biz-comp-body { 
    background-color: #f8faff; 
    color: #333; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

/* ============= SECTION CONTAINER - 90% WIDTH ============= */
.pg-biz-comp-section-margin { 
    width: 90%;
    max-width: 75rem; /* 1200px */
    margin: 3.125rem auto !important; /* 50px - centered */
}

/* ============= HERO ============= */
.pg-biz-comp-hero {
    height: 65vh;
    min-height: 30rem; /* 480px - same as drug-pharma */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px - navbar clearance */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-biz-comp-breadcrumb { 
    color: #cfa36a; 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase; 
    letter-spacing: 1px;
}
.pg-biz-comp-breadcrumb a { 
    color: #fff; 
    text-decoration: none; 
}

/* Hero Title - MATCHED with drug-pharma */
.pg-biz-comp-hero-title { 
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px to 60px - same as drug-pharma */
    font-weight: 800; 
}
.pg-biz-comp-hero-title span { color: #cfa36a; }

.pg-biz-comp-hero-desc { 
    font-size: 1.125rem; /* 18px */
    color: rgba(255,255,255,0.7); 
    max-width: 50rem; /* 800px */
    margin: 1.25rem auto 0; /* 20px */
}

/* ============= HEADINGS - MATCHED with drug-pharma ============= */
.pg-biz-comp-main-title { 
    font-size: 2.375rem; /* 38px - MATCHED with drug-pharma */
    color: #0b2c3d; 
    font-weight: 800; 
    margin-bottom: 1.5625rem; /* 25px */
}
.pg-biz-comp-main-title span { color: #cfa36a; }
.pg-biz-comp-main-title.white-text { color: #fff; }
.pg-biz-comp-main-title.text-center { text-align: center; margin-bottom: 1.875rem; } /* 30px */

.pg-biz-comp-header-line { 
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-biz-comp-sub-title { 
    font-size: 1.5rem; /* 24px */
    color: #0b2c3d; 
    margin: 1.875rem 0 0.9375rem; /* 30px 0 15px */
    font-family: 'Playfair Display', serif; 
}

/* ============= CENTER HEADER ============= */
.pg-biz-comp-center-header { 
    text-align: center; 
    margin-bottom: 3.75rem; /* 60px - same as drug-pharma */
}

/* ============= INTRO GRID ============= */
.pg-biz-comp-intro-grid { 
    display: grid; 
    grid-template-columns: 1.1fr 0.9fr; 
    gap: 3.75rem; /* 60px */
    align-items: center;
}

.pg-biz-comp-intro-content { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}

.pg-biz-comp-intro-content p {
    font-size: 0.9375rem; /* 15px */
    color: #555;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-biz-comp-intro-visual img { 
    width: 100%; 
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); 
}

/* ============= HIGHLIGHT BOX ============= */
.pg-biz-comp-highlight-box { 
    display: flex; 
    gap: 1.25rem; /* 20px */
    background: #fff; 
    padding: 1.875rem; /* 30px - same as drug-pharma */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    margin-top: 1.875rem; /* 30px */
}
.pg-biz-comp-highlight-box i { 
    font-size: 1.875rem; /* 30px - same as drug-pharma */
    color: #cfa36a; 
}
.pg-biz-comp-highlight-box h4 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.3125rem;
}
.pg-biz-comp-highlight-box p {
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin: 0;
}

/* ============= DARK SECTION ============= */
.pg-biz-comp-dark-section { 
    background: #0b2c3d; 
    padding: 3.125rem 0; /* 50px - same as drug-pharma (reduced from 100px) */
}

/* ============= SERVICES GRID ============= */
.pg-biz-comp-services-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 1.875rem; /* 30px */
    margin-left: 10%;
    margin-right: 10%;
}
#bis-service {
    grid-template-columns: repeat(4, 1fr);
}

/* ============= GLASS CARDS ============= */
.pg-biz-comp-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); /* 10px */
    transition: 0.4s;
    text-align: center;
}
.pg-biz-comp-glass-card:hover { 
    border-color: #cfa36a; 
    transform: translateY(-0.625rem); /* -10px */
}
.pg-biz-comp-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}
.pg-biz-comp-glass-card h3 { 
    color: #fff; 
    font-size: 1.25rem; /* 20px */
    margin-bottom: 0.9375rem; /* 15px */
}
.pg-biz-comp-glass-card h5 { 
    color: #fff; 
    font-size: 1rem; /* 16px */
    margin-bottom: 0.9375rem; /* 15px */
}
.pg-biz-comp-glass-card p { 
    color: rgba(255,255,255,0.7); 
    font-size: 0.875rem; /* 14px */
    line-height: 1.6; 
}
.pg-biz-comp-glass-card.small {
    padding: 2rem; /* 32px */
}
.pg-biz-comp-glass-card.small i {
    font-size: 2rem; /* 32px */
    margin-bottom: 1rem;
}

/* ============= SPLIT GRID ============= */
.pg-biz-comp-split-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2.5rem; /* 40px */
}

/* ============= LIST CARDS ============= */
.pg-biz-comp-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px - same as drug-pharma */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    text-align: center;
}
#key-list{
    padding-left: 35%;
}
.pg-biz-comp-list-card h4 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
}
.pg-biz-comp-list-card h4 i {
    color: #cfa36a;
    margin-right: 0.5rem;
}
.pg-biz-comp-list-card h5 {
    font-size: 1rem; /* 16px */
    color: #0b2c3d;
    margin-top: 0.9375rem; /* 15px */
}
.pg-biz-comp-list-card p {
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin-top: 0.9375rem; /* 15px */
}

/* ============= FEATURE LIST ============= */
.pg-biz-comp-feature-list { 
    background: #f8f9fa; 
    padding: 1.5625rem; /* 25px */
    border-radius: 0.625rem; /* 10px */
    margin-top: 1.5625rem; /* 25px */
}
.pg-biz-comp-feature-list h5 {
    font-size: 1rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem;
}

/* ============= CHECK LIST ============= */
.pg-biz-comp-check-list { 
    list-style: none; 
    padding: 0;
    margin-top: 1.25rem; /* 20px */
    padding-left: 30%;
}
.pg-biz-comp-check-list li { 
    padding: 0.625rem 0; /* 10px */
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; /* 14px - same as drug-pharma */
    display: flex; 
    gap: 0.75rem; /* 12px */
    color: #666;
}
.pg-biz-comp-check-list li::before { 
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

/* ============= PROCESS BANNER ============= */
.pg-biz-comp-process-banner {
    background: linear-gradient(135deg, #0b2c3d 0%, #1a4a5e 100%);
    padding: 1.875rem 2.5rem; /* 30px 40px */
    border-radius: 1.25rem; /* 20px */
    margin-top: 2.5rem; /* 40px */
    text-align: center;
}
.pg-biz-comp-banner-inner h4 {
    color: #fff;
    font-size: 1.375rem; /* 22px */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem; /* 10px */
}
.pg-biz-comp-banner-inner h4 i {
    color: #cfa36a;
}
.pg-biz-comp-banner-inner p {
    color: rgba(255,255,255,0.7);
    font-size: 0.9375rem; /* 15px */
    margin-top: 0.5rem;
}

/* ============= INDUSTRY BOX ============= */
.pg-biz-comp-industry-box { 
    background: rgba(255,255,255,0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 0.9375rem; /* 15px */
    margin-top: 3.125rem; /* 50px */
    border: 1px dashed #cfa36a; 
    margin-left: 10%;
    margin-right: 10%;
}
.pg-biz-comp-industry-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.875rem; /* 30px */
    margin-top: 1.875rem; /* 30px */
    padding-left: 15%;
    padding-right: 10%;
}
.pg-biz-comp-industry-grid h6 { 
    color: #cfa36a; 
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1rem; /* 16px */
}
.pg-biz-comp-industry-grid ul { 
    list-style: square; 
    padding-left: 1.25rem; /* 20px */
    color: rgba(255,255,255,0.7); 
    font-size: 0.8125rem; /* 13px */
    line-height: 1.8; 
}

/* ============= PROCESS SECTION ============= */
.pg-biz-comp-process-bg { 
    background: #ededed; 
    padding: 3.125rem 0; /* 50px - reduced from 100px */
}
.pg-biz-comp-process-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 1.5625rem; /* 25px */
    margin-top: 2.5rem; /* 40px */
}
.pg-biz-comp-step { text-align: center; }
.pg-biz-comp-step h5 {
    font-size: 1rem; /* 16px */
    color: #0b2c3d;
    margin-bottom: 0.3125rem;
}
.pg-biz-comp-step p { 
    font-size: 0.9375rem; /* 15px */
    color: #cfa36a;
    font-weight: 600;
    margin-top: 0.625rem; /* 10px */
}
.pg-biz-comp-step small { 
    font-size: 0.75rem; /* 12px */
    color: #777; 
    display: block; 
    margin-top: 0.5rem; /* 8px */
}
.step-num { 
    width: 3.75rem; /* 60px - same as drug-pharma */
    height: 3.75rem; 
    background: #cfa36a; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.5rem; /* 24px - same as drug-pharma */
    font-weight: 800; 
    margin: 0 auto 1.25rem; /* 20px */
}

/* ============= WHY CHOOSE SECTION ============= */
.pg-biz-comp-why-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.875rem; /* 30px */
}
.pg-biz-comp-why-card { 
    text-align: center; 
    background: #fff; 
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); 
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: 0.3s; 
}
.pg-biz-comp-why-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.08);
}
.pg-biz-comp-why-card i { 
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}
.pg-biz-comp-why-card h5 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.625rem;
}
.pg-biz-comp-why-card p { 
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin-top: 0.625rem; /* 10px */
}

/* ============= CTA ============= */
.pg-biz-comp-cta-box { 
    background: #0b2c3d; 
    padding: 5rem 2.5rem; /* 80px 40px - same as drug-pharma */
    border-radius: 1.875rem; /* 30px */
    text-align: center; 
    color: #fff; 
}
.pg-biz-comp-cta-box h2 { 
    color: #fff; 
    font-size: 2rem; /* 32px */
    margin-bottom: 0.625rem;
}
.pg-biz-comp-cta-box h2 span { color: #cfa36a; }
.pg-biz-comp-cta-box p {
    font-size: 1rem; /* 16px */
    color: rgba(255,255,255,0.8);
    margin-top: 0.625rem; /* 10px */
}
.pg-biz-comp-cta-group { 
    display: flex; 
    justify-content: center; 
    gap: 1.875rem; /* 30px - same as drug-pharma */
    margin-top: 2.5rem; /* 40px */
    flex-wrap: wrap;
}
.pg-biz-comp-phone-btn { 
    color: #fff; 
    font-weight: 700; 
    text-decoration: none; 
    font-size: 1.125rem; /* 18px - same as drug-pharma */
    display: flex; 
    align-items: center; 
    gap: 0.625rem; /* 10px */
    transition: color 0.3s ease;
}
.pg-biz-comp-phone-btn:hover { color: #cfa36a; }

/* ============= RESPONSIVE 1024px ============= */
@media (max-width: 1024px) {
    .pg-biz-comp-services-grid { grid-template-columns: repeat(2, 1fr); }
    #bis-service { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-comp-why-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-comp-industry-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* Section Container */
    .pg-biz-comp-section-margin { 
        width: 90%;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Hero Section */
    .pg-biz-comp-hero { 
        height: 50vh;
        padding-top: 8.75rem; /* 140px */
        padding-bottom: 3.75rem;
        margin-top: 10rem;
    }
    
    /* Dark Section Padding */
    .pg-biz-comp-dark-section { padding: 3.75rem 5%; } /* 60px with side padding */
    .pg-biz-comp-process-bg { padding: 3.75rem 5%; }
    
    /* Intro Grid - Image on Top */
    .pg-biz-comp-intro-grid { 
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem; /* 40px */
    }
    
    .pg-biz-comp-intro-visual { 
        order: -1 !important; /* Forces Image to the Top */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .pg-biz-comp-intro-visual img {
        height: auto;
        max-height: 21.875rem; /* 350px */
        object-fit: cover;
    }
    
    /* Intro Content - Centered text */
    .pg-biz-comp-intro-content {
        text-align: center !important;
    }
    
    
    /* Header Line - Centered */
    .pg-biz-comp-header-line {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Highlight Box */
    .pg-biz-comp-highlight-box {
        display: grid;
        text-align: center;
        border-left: none;
        border-bottom: 0.3125rem solid #cfa36a;
        padding: 1.5rem;
    }
    
    .pg-biz-comp-highlight-box i {
        margin-bottom: 1rem;
    }
    
    .pg-biz-comp-highlight-box p {
        text-align: center;
    }
    
    /* Titles */
    .pg-biz-comp-main-title { font-size: 1.875rem; } /* 30px */
    .pg-biz-comp-sub-title { font-size: 1.25rem; } /* 20px */
    
    /* Grids */
    .pg-biz-comp-split-grid { grid-template-columns: 1fr; }
    .pg-biz-comp-services-grid { grid-template-columns: 1fr; }
    #bis-service { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-comp-process-grid { grid-template-columns: repeat(3, 1fr); }
    .pg-biz-comp-why-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-comp-industry-grid { grid-template-columns: repeat(2, 1fr); }
    
    /* Cards */
    .pg-biz-comp-glass-card { padding: 2rem; }
    .pg-biz-comp-list-card { padding: 2rem; }
    .pg-biz-comp-why-card { padding: 2rem 1.5rem; }
    
    /* Process Banner */
    .pg-biz-comp-process-banner {
        padding: 1.5625rem 0.9375rem; /* 25px 15px */
        margin-top: 1.875rem; /* 30px */
    }
    .pg-biz-comp-banner-inner h4 {
        font-size: 1.25rem; /* 20px */
    }
    .pg-biz-comp-banner-inner p {
        font-size: 0.875rem; /* 14px */
    }
    
    /* CTA Section */
    .pg-biz-comp-cta-box { 
        padding: 3.75rem 1.875rem; /* 60px 30px */
        border-radius: 1.25rem;
    }
    .pg-biz-comp-cta-group { 
        flex-direction: column; 
        align-items: center; 
        gap: 1rem;
    }
    #key-list {
    padding-left: 22%;
    }
    .pg-biz-comp-check-list {
        padding-left: 30%;
    }
    #key-list {
        padding-left: 38%;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    /* Section Container */
    .pg-biz-comp-section-margin { 
        width: 90% !important;
        margin: 1.875rem auto !important; /* 30px */
    }
    
    /* Hero Section */
    .pg-biz-comp-hero { 
        height: 45vh; 
        padding-top: 8.125rem; /* 130px */
        padding-bottom: 3.75rem;
    }
    .pg-biz-comp-hero-title { font-size: 2rem; } /* 32px - same as drug-pharma */
    .pg-biz-comp-hero-desc { font-size: 0.875rem; } /* 15px */
    .pg-biz-comp-breadcrumb { font-size: 0.75rem; } /* 12px */
    
    /* Dark Section Padding */
    .pg-biz-comp-dark-section { padding: 2.5rem 5%; } /* 40px */
    .pg-biz-comp-process-bg { padding: 2.5rem 5%; }
    
    /* Titles */
    .pg-biz-comp-main-title { font-size: 1.625rem; } /* 26px - same as drug-pharma */
    .pg-biz-comp-sub-title { font-size: 1.125rem; } /* 18px */
    
    /* Intro Content - Justified text with hyphenation */
    .pg-biz-comp-intro-content p {
        text-align: justify !important;
        hyphens: auto;
    }
    
    /* Highlight Box */
    .pg-biz-comp-highlight-box {
        padding: 1.25rem;
    }
    .pg-biz-comp-highlight-box p {
        text-align: left;
    }

    #equip-type{
        padding-left: 20%;
    }
    
    /* Grids - Single column on mobile */
    .pg-biz-comp-services-grid { grid-template-columns: 1fr; }
    #bis-service { grid-template-columns: 1fr; }
    .pg-biz-comp-process-grid { grid-template-columns: 1fr; }
    .pg-biz-comp-why-grid { grid-template-columns: 1fr; }
    .pg-biz-comp-industry-grid { grid-template-columns: 1fr; margin-left: 10%; }
    
    /* Cards */
    .pg-biz-comp-glass-card { padding: 1.875rem; } /* 30px */
    .pg-biz-comp-list-card { padding: 1.875rem; }
    .pg-biz-comp-why-card { padding: 1.5rem 1.25rem; }
    
    /* Process Banner */
    .pg-biz-comp-process-banner {
        padding: 1.25rem 0.9375rem; /* 20px 15px */
        border-radius: 0.9375rem; /* 15px */
    }
    .pg-biz-comp-banner-inner h4 {
        font-size: 1.125rem; /* 18px */
        flex-direction: column;
        gap: 0.5rem;
    }
    .pg-biz-comp-banner-inner p {
        font-size: 0.8125rem; /* 13px */
        line-height: 1.4;
    }
    
    /* Industry Box */
    .pg-biz-comp-industry-box {
        padding: 1.5rem;
    }
    
    /* CTA Section */
    .pg-biz-comp-cta-box { 
        padding: 3.125rem 1.25rem; /* 50px 20px */
        border-radius: 0.9375rem; /* 15px */
    }
    .pg-biz-comp-cta-box h2 {
        font-size: 1.5rem; /* 24px */
    }
    .pg-biz-comp-cta-group { 
        gap: 0.75rem;
    }
    
    /* Step Numbers */
    .step-num { 
        width: 2.8125rem; /* 45px */
        height: 2.8125rem; 
        font-size: 1rem; 
    }
     #key-list {
        padding-left: 20%;
        text-align: left;
    }
    .pg-biz-comp-check-list {
        padding-left: 10%;
        text-align: left;
    }
}


/************************************IEC Registration Service CSS Code ***************************/
/*
=============================================================================
IEC REGISTRATION SERVICE PAGE
COMPLETE RESPONSIVE CSS WITH REM UNITS - FOLLOWING BIS PERFECT PATTERN
=============================================================================

✅ Desktop: ONLY px → rem conversion (NO layout changes)
✅ Dark sections: padding: 6rem 0 (BIS pattern)
✅ Grid horizontal padding: 0 3.125rem (BIS pattern)
✅ Keep existing border-radius values
✅ Responsive: Centralize using inline-block + margin
✅ Navbar fix: overflow-x: hidden

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+) - ONLY PX TO REM CONVERSION
============================================================================= */

.pg-iec-reg-body {
    background-color: #f8faff;
    overflow-x: hidden !important; /* Navbar fix */
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-iec-reg-section-margin {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-iec-reg-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 0;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/7820689/pexels-photo-7820689.jpeg') center/cover;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 9rem; /* 144px - Navbar clearance */
    padding-bottom: 4rem; /* 64px */
}

.pg-iec-reg-breadcrumb {
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    color: #fff;
}

.pg-iec-reg-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-iec-reg-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-iec-reg-hero-title {
    font-size: clamp(2.2rem, 6vw, 3.7rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-iec-reg-hero-title span {
    color: #cfa36a;
}

.pg-iec-reg-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.9375rem; /* 15px */
    letter-spacing: 1px;
    text-align: center;
}

/* =============================================================================
   TYPOGRAPHY
============================================================================= */

.pg-iec-reg-main-heading {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 800;
    line-height: 1.2;
}

.pg-iec-reg-main-heading span {
    color: #cfa36a;
}

.pg-iec-reg-accent-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-iec-reg-center-title {
    text-align: center;
    margin-bottom: 3.125rem; /* 50px */
    padding-top: 2rem;
}

.pg-iec-reg-white {
    color: #fff !important;
}

/* =============================================================================
   INTRO GRID
============================================================================= */

.pg-iec-reg-intro-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3.125rem; /* 50px */
    align-items: center;
    margin: 3.125rem auto;
}

.pg-iec-reg-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    text-align: justify;
    text-justify: inter-word;
}

.pg-iec-reg-feature-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px - keep existing */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    margin-top: 1.875rem; /* 30px */
}

.pg-iec-reg-feature-box i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-iec-reg-img-frame {
    width: 100%;
    border-radius: 1.25rem; /* 20px - keep existing */
    overflow: hidden;
}

.pg-iec-reg-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =============================================================================
   DARK WRAP - BIS PATTERN
============================================================================= */

.pg-iec-reg-dark-wrap {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto;
    background: #0b2c3d;
    padding: 6rem 0; /* ✅ BIS PATTERN: 96px vertical, 0 horizontal */
    border-radius: 1.875rem; /* 30px - keep existing */
    box-sizing: border-box;
}

.pg-iec-reg-needs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); /* 320px */
    gap: 1.875rem; /* 30px */
    padding: 0 3.125rem; /* ✅ BIS PATTERN: Grid gets horizontal padding */
    margin-top: 3rem; /* 48px from heading */
    padding-bottom: 2rem;
}

.pg-iec-reg-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px - keep existing */
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    backdrop-filter: blur(0.625rem);
    /* NO margin - grid gap handles spacing */
}

.pg-iec-reg-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-iec-reg-glass-card h3 {
    font-size: 1.4rem;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-iec-reg-glass-card ul {
    list-style: none;
    margin-top: 0.9375rem; /* 15px */
}

.pg-iec-reg-glass-card li {
    margin-bottom: 0.625rem; /* 10px */
    font-size: 0.875rem; /* 14px */
    position: relative;
    padding-left: 1.25rem; /* 20px */
    color: rgba(255, 255, 255, 0.8);
}

.pg-iec-reg-glass-card li::before {
    content: '•';
    color: #cfa36a;
    position: absolute;
    left: 0;
    font-weight: 800;
}

.pg-iec-reg-note-box {
    background: rgba(232, 244, 253, 0.1);
    border: 1px dashed #3498db;
    padding: 0.9375rem; /* 15px */
    border-radius: 0.625rem; /* 10px */
    margin-top: 1.5625rem; /* 25px */
    font-size: 0.8125rem; /* 13px */
    color: #fff;
}

/* =============================================================================
   DOCUMENTS GRID
============================================================================= */

.pg-iec-reg-docs-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(17.5rem, 1fr)); /* 280px */
    gap: 1.875rem; /* 30px */
    margin: 3.125rem auto;
}

.pg-iec-reg-doc-card {
    background: #fff;
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px - keep existing */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.pg-iec-reg-doc-card:hover {
    transform: translateY(-0.625rem);
}

.pg-iec-reg-doc-icon {
    width: 3.75rem; /* 60px */
    height: 3.75rem; /* 60px */
    background: rgba(207, 163, 106, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cfa36a;
    font-size: 1.5rem; /* 24px */
    margin-bottom: 1.25rem; /* 20px */
    margin-left: 5%;
}

.pg-iec-reg-doc-card h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1.1rem;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 0.625rem; /* 10px */
    padding-left: 10%;
}

.pg-iec-reg-doc-card ul {
    list-style: none;
    padding-left: 10%;
}

.pg-iec-reg-doc-card li {
    font-size: 0.8125rem; /* 13px */
    color: #666;
    margin-bottom: 0.5rem; /* 8px */
    position: relative;
    padding-left: 1.125rem; /* 18px */
}

.pg-iec-reg-doc-card li::before {
    content: '→';
    color: #cfa36a;
    position: absolute;
    left: 0;
}

/* =============================================================================
   PROCESS STEPS - BIS PATTERN
============================================================================= */

.pg-iec-reg-step-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto;
    background: #ededed;
    padding: 4.375rem 3.125rem; /* 70px 50px - light section gets both */
    border-radius: 1.875rem; /* 30px - keep existing */
    box-sizing: border-box;
}

.pg-iec-reg-process-flex {
    display: grid;
    grid-template-columns: repeat(3, minmax(13.75rem, 1fr)); /* 220px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    margin-top: 3rem;
    padding-bottom: 2rem;
}

.pg-iec-reg-circle {
    width: 4.0625rem; /* 65px */
    height: 4.0625rem; /* 65px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.9375rem; /* 15px */
    font-weight: 800;
    font-size: 1.5rem;
}

.pg-iec-reg-step-item h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-iec-reg-step-item p {
    font-size: 0.8125rem; /* 13px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   SPLIT LISTS
============================================================================= */

.pg-iec-reg-split-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); /* 350px */
    gap: 2.5rem; /* 40px */
    margin: 3.125rem auto;
}

.pg-iec-reg-list-box {
    background: #fff;
    padding: 2.8125rem; /* 45px */
    border-radius: 1.25rem; /* 20px - keep existing */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    padding-left: 25%;
}

.pg-iec-reg-list-box h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    margin-bottom: 1.5625rem; /* 25px */
    display: flex;
    align-items: center;
    gap: 0.9375rem; /* 15px */
    font-weight: 700;
    
}

.pg-iec-reg-list-box h4 i {
    color: #cfa36a;
}

.pg-iec-reg-check-list {
    list-style: none;
}

.pg-iec-reg-check-list li {
    margin-bottom: 0.75rem; /* 12px */
    font-size: 0.875rem; /* 14px */
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; /* 12px */
    color: #555;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 0.5rem; /* 8px */
}

.pg-iec-reg-check-list li::before {
    content: '✓';
    color: #cfa36a;
    font-weight: bold;
    flex-shrink: 0;
}

/* =============================================================================
   MODIFICATIONS GRID
============================================================================= */

.pg-iec-reg-mods-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); /* 260px */
    gap: 1.5625rem; /* 25px */
    margin: 2rem;
    padding-bottom: 2rem;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.pg-iec-reg-mods-grid h5 {
    color: #cfa36a;
    font-size: 1.2rem;
    margin: 0.9375rem 0; /* 15px */
    font-weight: 700;
}

.pg-iec-reg-mods-grid p {
    font-size: 0.8125rem; /* 13px */
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.9375rem; /* 15px */
}

/* =============================================================================
   INVESTMENT - BIS PATTERN
============================================================================= */

.pg-iec-reg-invest-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto;
    background: #0b2c3d;
    padding: 6rem 0; /* BIS pattern */
    border-radius: 1.875rem; /* 30px - keep existing */
    box-sizing: border-box;
}

.pg-iec-reg-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    padding: 0 3.125rem; /* Grid gets horizontal padding */
    margin-top: 3rem;
    padding-bottom: 2rem;
}

.pg-iec-reg-invest-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-iec-reg-invest-card p {
    font-weight: 800;
    font-size: 1.1rem;
    color: #cfa36a;
    margin-top: 0.3125rem; /* 5px */
}

.pg-iec-reg-invest-card small {
    font-size: 0.75rem; /* 12px */
    opacity: 0.6;
}

/* =============================================================================
   WHY CHOOSE
============================================================================= */

.pg-iec-reg-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.875rem; /* 30px */
    margin: 3.125rem auto 2rem;
}

.pg-iec-reg-why-card {
    background: #fff;
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 1.25rem; /* 20px - keep existing */
    box-shadow: 0 0.3125rem 1.5625rem rgba(0, 0, 0, 0.04);
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: 0.3s;
}

.pg-iec-reg-why-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-iec-reg-why-card i {
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-iec-reg-why-card h4 {
    color: #0b2c3d;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-iec-reg-why-card p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-iec-reg-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem;
    background: #0b2c3d;
    padding: 4.375rem 3.125rem; /* 70px 50px */
    border-radius: 2.1875rem; /* 35px - keep existing */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-iec-reg-cta-box h2 {
    font-size: 2.375rem;
    font-weight: 800;
    margin-bottom: 1.25rem;
}

.pg-iec-reg-cta-box h2 span {
    color: #cfa36a;
}

.pg-iec-reg-cta-box p {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.85);
}

.pg-iec-reg-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 2.1875rem; /* 35px */
    flex-wrap: wrap;
}

.pg-iec-reg-btn-gold {
    background: #cfa36a;
    color: #fff;
    padding: 0.9375rem 2.5rem; /* 15px 40px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.pg-iec-reg-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-iec-reg-btn-phone {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    transition: 0.3s;
}

.pg-iec-reg-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}

/* =============================================================================
   TABLET RESPONSIVE (768px) - CENTRALIZE CARDS/LISTS
============================================================================= */

@media (max-width: 768px) {
    
    /* Hero */
    .pg-iec-reg-hero {
        height: 50vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 1.25rem;
    }
    
    /* Containers */
    .pg-iec-reg-section-margin {
        width: 90% !important;
        margin: 2.5rem auto !important;
    }
    
    /* Intro Grid */
    .pg-iec-reg-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
        text-align: center; /* ✅ Centralize on responsive */
    }
    
    .pg-iec-reg-intro-img {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .pg-iec-reg-intro-text {
        order: 2 !important;
    }
    
    .pg-iec-reg-main-heading {
        text-align: center !important;
    }
    
    .pg-iec-reg-accent-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .pg-iec-reg-intro-text p {
      text-align: center;
    }
    /* Feature Box */
    .pg-iec-reg-feature-box {
        flex-direction: column;
        text-align: center; /* ✅ Centralize */
        padding: 2rem;
    }
    
    .pg-iec-reg-feature-box i {
        margin: 0 auto 1rem;
    }
    
    /* Dark Section */
    .pg-iec-reg-dark-wrap {
        padding: 4rem 2rem; /* Reduce padding */
    }
    
    .pg-iec-reg-needs-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }  
    
    /* Cards - Centralize content */
    .pg-iec-reg-glass-card {
        padding: 2rem;
        text-align: center; /* ✅ Centralize */
    }
    
    /* ✅ Centralize lists using inline-block */
    .pg-iec-reg-glass-card ul {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
        padding-left: 3rem;
    }

    .text-left{
        padding-left:1rem !important;
    }
    

    .pg-iec-reg-docs-container {
        display: grid;
        grid-template-columns: repeat(2, minmax(17.5rem, 1fr));
        gap: 1.875rem;
        margin: 3.125rem auto;
    } 
    
    .pg-iec-reg-doc-card {
        padding: 2rem;
        text-align: center; /* ✅ Centralize */
    }
    .pg-iec-reg-list-box h4 {
    
     padding-left: 30%;
    }

    .pg-iec-reg-doc-icon {
    
        margin-left: 40%;
     }
     #llp-head{
        padding-right: 5rem;

     }
     #llp-icon{
      
      width: 3.75rem;
    height: 3.75rem;
    background: rgba(207, 163, 106, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cfa36a;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    margin-left: 25%;
     }
    
    
    .pg-iec-reg-doc-card ul {
        display: inline-block !important;
        text-align: left !important;
        margin: 0.5rem auto 0 !important;
        
    }
    
    /* Process */
    .pg-iec-reg-step-bg {
        padding: 4rem 2rem;
    }
    
    .pg-iec-reg-process-flex {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* List Boxes - Centralize */
    .pg-iec-reg-list-box {
        padding: 2rem;
        text-align: center; /* ✅ Centralize */
       
    }
    
    /* ✅ Centralize check lists using inline-block */
    .pg-iec-reg-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
    }
    
    /* Investment */
    .pg-iec-reg-invest-bg {
        padding: 4rem 2rem;
    }
    
    .pg-iec-reg-invest-grid {
        padding: 1 1rem;
        gap: 1.5rem;
    }
    
    /* Why Choose */
    .pg-iec-reg-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* CTA */
    .pg-iec-reg-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-iec-reg-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-iec-reg-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px) - ALL SINGLE COLUMN
============================================================================= */

@media (max-width: 480px) {
    
    /* Hero */
    .pg-iec-reg-hero {
        height: 45vh;
        margin-top: 8.125rem;
        padding: 3.75rem 1.25rem;
    }
    
    .pg-iec-reg-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    /* Containers */
    .pg-iec-reg-section-margin {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* Images */
    .pg-iec-reg-img-frame img,
    .pg-iec-reg-intro-img img {
        width: 80% !important;
        max-width: 25rem !important;
        margin: 0 auto !important;
    }
    
    /* Headings */
    .pg-iec-reg-main-heading {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    /* All Grids Single Column */
    .pg-iec-reg-needs-grid,
    .pg-iec-reg-docs-container,
    .pg-iec-reg-process-flex,
    .pg-iec-reg-split-flex,
    .pg-iec-reg-invest-grid,
    .pg-iec-reg-why-grid,
    .pg-iec-reg-mods-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem;
    }
    
    /* Cards */
    .pg-iec-reg-glass-card {
        padding: 1.875rem; /* 30px */
        text-align: center;
        margin-bottom: 1.5rem;
    }
    
    .pg-iec-reg-doc-card {
        padding: 1.875rem;
        text-align: center;
    }

    .pg-iec-reg-doc-icon {
    
        margin-left: 40%;
     }

     #llp-icon{
      margin-left: 30%;
     }
     #llp-head {
      padding-right: 2rem;
    }
     .pg-iec-reg-list-box h4 {
        padding-left: 10%;
    }
    
    .pg-iec-reg-list-box {
        padding: 1.5625rem; /* 25px */
        text-align: center;
    }
    
    .pg-iec-reg-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* ✅ Keep list centering */
    .pg-iec-reg-glass-card ul,
    .pg-iec-reg-doc-card ul,
    .pg-iec-reg-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
        padding-left: 12%;
    }
    .pg-iec-reg-glass-card ul{
        padding-left: 1rem;
    }
    #llp-list, #individual-list{
        padding-left: 3rem;
    }
    
    /* Dark Sections */
    .pg-iec-reg-dark-wrap,
    .pg-iec-reg-step-bg,
    .pg-iec-reg-invest-bg {
        padding: 3rem 1.5rem;
    }
    
    .pg-iec-reg-circle {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem;
        font-size: 1.2rem;
    }
    
    /* CTA */
    .pg-iec-reg-cta-box {
        padding: 3rem 1.5rem;
    }
    
    .pg-iec-reg-cta-box h2 {
        font-size: 1.75rem;
    }
    
    .pg-iec-reg-cta-group a {
        width: 100%;
        justify-content: center;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */


/************************BIS CSS CODE ****************************/

/*
=============================================================================
BIS CERTIFICATION SERVICE PAGE
COMPLETE RESPONSIVE CSS WITH REM UNITS
=============================================================================

Following LMPC Perfect Spacing Patterns:
✅ All px → rem (except borders)
✅ Container: 90% width, 75rem max-width
✅ Sections: padding 6rem 0
✅ Proper spacing for all elements
✅ 768px & 480px responsive breakpoints

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+)
============================================================================= */

.pg-bis-body {
    background-color: #f8faff;
    color: #333;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-bis-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.pexels.com/photos/321452/pexels-photo-321452.jpeg');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px - Navbar clearance */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-bis-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-bis-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-bis-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-bis-hero-title {
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px-60px */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-bis-hero-title span {
    color: #cfa36a;
}

.pg-bis-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.7);
    max-width: 50rem; /* 800px */
    margin: 1.25rem auto 0; /* 20px */
    text-align: center;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-bis-section-gap {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   TYPOGRAPHY
============================================================================= */

.pg-bis-main-title {
    font-size: 2.375rem; /* 38px */
    color: #0b2c3d;
    font-weight: 800;
    margin-bottom: 1.5625rem; /* 25px */
    line-height: 1.2;
}

.pg-bis-main-title span {
    color: #cfa36a;
}

.white-text {
    color: #fff !important;
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-bis-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.75rem; /* 60px */
    align-items: center;
    margin: 3.125rem auto; /* 50px */
}

.pg-bis-header-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-bis-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

.pg-bis-intro-visual img {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.1); /* 0 20px 40px */
    display: block;
}

.pg-bis-highlight-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    margin-top: 1.875rem; /* 30px */
}

.pg-bis-highlight-box i {
    font-size: 1.875rem; /* 30px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-bis-highlight-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-bis-highlight-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   DARK SECTION & GLASS CARDS
============================================================================= */

.pg-bis-dark-section {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 6rem 0; /* 96px vertical - LMPC pattern */
    box-sizing: border-box;
    border-radius: 3rem;
}

.pg-bis-center-header {
    text-align: center;
    margin-bottom: 3.125rem; /* 50px */
}

.pg-bis-services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.875rem; /* 30px */
    padding: 0 3.125rem; /* 50px horizontal */
    margin-top: 3rem; /* 48px from heading */
}

.pg-bis-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(0.625rem); /* 10px */
    transition: 0.4s ease;
    color: #fff;
}

.pg-bis-glass-card:hover {
    border-color: #cfa36a;
    transform: translateY(-0.625rem); /* -10px */
    background: rgba(207, 163, 106, 0.05);
}

.pg-bis-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
    display: block;
}

.pg-bis-glass-card h3 {
    color: #fff;
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1.35rem;
    font-weight: 700;
}

.pg-bis-glass-card p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem; /* 14px */
    line-height: 1.6;
}

/* =============================================================================
   LIST CARDS (SPLIT GRID)
============================================================================= */

.pg-bis-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem; /* 40px */
    margin: 3.125rem auto; /* 50px */
}

.pg-bis-list-card {
    background: #DCE8F8;
    padding: 3.125rem; /* 50px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    text-align: center;
}

.pg-bis-list-card h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    margin-bottom: 1.875rem; /* 30px */
    font-weight: 700;
}

.pg-bis-check-list {
    list-style: none;
    margin-top: 1.875rem; /* 30px */
    /* ✅ Center using inline-block */
    display: inline-block;
    text-align: left;
}

.pg-bis-check-list li {
    padding: 0.75rem 0; /* 12px */
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9375rem; /* 15px */
    display: flex;
    gap: 0.9375rem; /* 15px */
    color: #555;
}

.pg-bis-check-list li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #cfa36a;
    flex-shrink: 0;
}

/* =============================================================================
   PROCESS STEPS
============================================================================= */

.pg-bis-process-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #ededed;
    padding: 6rem 3.125rem; /* 96px 50px */
    box-sizing: border-box;
    border-radius: 3rem;
}

.pg-bis-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625rem; /* 25px */
    margin-top: 3rem; /* 48px */
}

.pg-bis-step {
    text-align: center;
}

.step-num {
    width: 3.75rem; /* 60px */
    height: 3.75rem; /* 60px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem; /* 24px */
    font-weight: 800;
    margin: 0 auto 1.25rem; /* 20px */
}

.pg-bis-step h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-bis-step p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

#connect-bis {
    padding-top: 3.125rem; /* 50px */
    margin-top: 3.125rem; /* 50px */
    margin-bottom: 3.125rem; /* 50px */
}

.pg-bis-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
    background: #0b2c3d;
    padding: 5rem 2.5rem; /* 80px 40px */
    border-radius: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-bis-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-bis-cta-box h2 span {
    color: #cfa36a;
}

.pg-bis-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
}

.pg-bis-cta-btns {
    display: flex;
    justify-content: center;
    gap: 1.875rem; /* 30px */
    margin-top: 2.5rem; /* 40px */
    flex-wrap: wrap;
}

.pg-bis-phone-btn {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.25rem; /* 20px */
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    padding: 0.9375rem 2.5rem; /* 15px 40px */
    border: 2px solid #fff;
    border-radius: 3.125rem; /* 50px */
    transition: 0.3s;
}

.pg-bis-phone-btn:hover {
    background: #fff;
    color: #0b2c3d;
}

/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    /* Hero */
    .pg-bis-hero {
        height: 55vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 1.25rem; /* 80px 20px */
    }
    
    .pg-bis-hero-desc {
        font-size: 1rem;
    }
    
    /* Containers */
    .pg-bis-section-gap {
        width: 90% !important;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Intro Grid */
    .pg-bis-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .pg-bis-intro-visual {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-bis-intro-content {
        order: 2 !important;
    }
    
    /* Text Centering */
    .pg-bis-main-title {
        text-align: center !important;
    }
    
    .pg-bis-header-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pg-bis-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
    }
    
    /* Feature Box */
    .pg-bis-highlight-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-bis-highlight-box i {
        margin: 0 auto 1rem;
    }
    
    /* Grids */
    .pg-bis-services-grid,
    .pg-bis-split-grid,
    .pg-bis-process-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding: 0 2rem;
    }
    
    /* Cards */
    .pg-bis-glass-card {
        padding: 2rem;
    }
    .pg-bis-glass-card h3 {
      text-align: center;
    }
    .pg-bis-glass-card i {
      text-align: center;
    }
    .pg-bis-glass-card p {
     text-align: center;
    }
    
    .pg-bis-list-card {
        padding: 2rem;
        text-align: center;
    }
    
    .pg-bis-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
    }
    
    /* Dark Sections */
    .pg-bis-dark-section,
    .pg-bis-process-bg {
        padding: 4rem 2rem;
        border-radius: 1.5rem;
    }
    
    /* CTA */
    .pg-bis-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-bis-cta-btns {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-bis-cta-btns a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
   
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    /* Hero */
    .pg-bis-hero {
        height: 50vh;
        margin-top: 8.125rem; /* 130px */
        padding: 3.75rem 1.25rem; /* 60px 20px */
    }
    
    .pg-bis-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    .pg-bis-hero-desc {
        font-size: 0.9375rem; /* 15px */
    }
    
    .pg-bis-breadcrumb {
        font-size: 0.75rem; /* 12px */
    }
    
    /* Containers */
    .pg-bis-section-gap {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* Images */
    .pg-bis-intro-visual img {
        width: 80% !important;
        max-width: 25rem !important;
        margin: 0 auto !important;
    }
    
    /* Headings */
    .pg-bis-main-title {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    .pg-bis-header-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    /* All Grids */
    .pg-bis-services-grid,
    .pg-bis-split-grid,
    .pg-bis-process-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem;
    }
    
    /* Cards */
    .pg-bis-glass-card {
        padding: 1.875rem; /* 30px */
    }
    .pg-bis-glass-card h3 {
      text-align: center;
    }
    .pg-bis-glass-card i {
      text-align: center;
    }
    .pg-bis-glass-card p {
     text-align: center;
    }
    
    .pg-bis-list-card {
        padding: 1.875rem; /* 30px */
    }
    
    /* Dark Sections */
    .pg-bis-dark-section,
    .pg-bis-process-bg {
        padding: 3rem 1.5rem;
        border-radius: 1.25rem;
    }
    
    .step-num {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem; /* 55px */
        font-size: 1.25rem; /* 20px */
    }
    
    /* Feature Box */
    .pg-bis-highlight-box {
        padding: 1.5rem;
    }
    
    /* CTA */
    .pg-bis-cta-box {
        padding: 3rem 1.5rem;
        border-radius: 1.5rem;
    }
    
    .pg-bis-cta-box h2 {
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-bis-phone-btn {
        font-size: 1rem;
        width: 100%;
        justify-content: center;
    }
    .pg-bis-check-list {
        padding-left: 10%;
    }
    .pg-bis-list-card h4 { 
      margin-bottom: 0.5rem;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */

/********************************** WPC-ETA- Approval CSS Code ************************************/
/*
=============================================================================
WPC/ETA APPROVAL - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: ONLY px → rem (exact same spacings)
✅ Lists: Centered collectively using width + margin: auto
✅ Icons & Headings: Already centered (keep same)
✅ Reference: Drug-Pharma page for spacings
=============================================================================
*/

.pg-wpc-body {
    background-color: #f8faff;
    color: #333;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

.pg-wpc-section-margin {
    margin: 3.125rem 5%; /* 50px 5% */
}

/* ============= HERO ============= */
.pg-wpc-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/209224/pexels-photo-209224.jpeg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.pg-wpc-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; } /* 14px 20px */
.pg-wpc-breadcrumb a { color: #fff; text-decoration: none; transition: 0.3s; }
.pg-wpc-breadcrumb a:hover { color: #cfa36a; }

.pg-wpc-hero-title { font-size: clamp(2.2rem, 6vw, 3.7rem); font-weight: 800; line-height: 1.1; }
.pg-wpc-hero-title span { color: #cfa36a; }
.pg-wpc-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); margin-top: 0.9375rem; letter-spacing: 1px; } /* 18px 15px */

/* ============= HEADINGS ============= */
.pg-wpc-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; } /* 20px */
.pg-wpc-main-heading span { color: #cfa36a; }
.pg-wpc-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; } /* 60px 4px 25px */
.pg-wpc-center-title { text-align: center; margin-bottom: 3.125rem; } /* 50px */
.pg-wpc-white { color: #fff !important; }
.pg-wpc-op-7 { opacity: 0.7; }

/* ============= INTRO GRID ============= */
.pg-wpc-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; } /* 50px */
.pg-wpc-feature-box { display: flex; gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; } /* 20px 25px 15px 5px 10px 30px 30px */
.pg-wpc-feature-box i { font-size: 2.1875rem; color: #cfa36a; } /* 35px */
.pg-wpc-img-frame { width: 100%; border-radius: 1.25rem; overflow: hidden; } /* 20px 20px 40px */
.pg-wpc-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-wpc-dark-wrap { background: #0b2c3d; padding: 5rem 5%; border-radius: 1.875rem; } /* 80px 5% 30px */
.pg-wpc-glass-grid { display: grid; grid-template-columns: repeat(2, minmax(17.5rem, 1fr)); gap: 1.875rem; } /* 280px 30px */

/* ✅ GLASS CARDS - Icons/Headings centered, Lists centered with width+margin */
.pg-wpc-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff; 
    backdrop-filter: blur(0.625rem); /* 10px */
    text-align: center; /* Icons & headings centered */
}

.pg-wpc-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-wpc-glass-card h3 { 
    font-size: 1.4rem; 
    margin-bottom: 0.9375rem; /* 15px */
}

.pg-wpc-glass-card h5 { 
    color: #cfa36a; 
    font-weight: 700; 
    margin-bottom: 0.9375rem; /* 15px */
}

/* ✅ List centered collectively - using width + margin auto */
.pg-wpc-glass-card ul { 
    list-style: none; 
    margin-top: 0.9375rem; /* 15px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content; /* Shrink to content width */
    text-align: left; /* Items stay left-aligned with bullets */
}

.pg-wpc-glass-card li { 
    margin-bottom: 0.625rem; /* 10px */
    font-size: 0.8125rem; /* 13px */
    position: relative; 
    padding-left: 1.25rem; /* 20px */
    color: rgba(255,255,255,0.8);
}

.pg-wpc-glass-card li::before { content: '•'; color: #cfa36a; position: absolute; left: 0; font-weight: 800; }

/* ============= PROCESS STEPS ============= */
.pg-wpc-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-wpc-process-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); gap: 1.875rem; text-align: center; } /* 220px 30px */
.pg-wpc-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.5rem; } /* 65px 65px 15px */
.pg-wpc-step-item h5 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.625rem; } /* 10px */
.pg-wpc-step-item p { font-size: 0.8125rem; color: #666; } /* 13px */

/* ============= BANDS GRID ============= */
.pg-wpc-bands-grid { display: grid; grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); gap: 1.25rem; } /* 200px 20px */
.pg-wpc-band-card { background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; text-align: center; box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.05); border: 1px solid #eee; transition: 0.3s; } /* 25px 15px 5px 15px */
.pg-wpc-band-card:hover { border-color: #cfa36a; transform: scale(1.02); }
.pg-wpc-band-card h6 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.625rem; } /* 10px */
.pg-wpc-band-card p { font-size: 0.8125rem; color: #cfa36a; font-weight: 600; } /* 13px */

/* ============= SPLIT LISTS ============= */
.pg-wpc-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); gap: 2.5rem; } /* 350px 40px */

/* ✅ LIST BOX - Heading centered, List centered with width+margin */
.pg-wpc-list-box { 
    background: #fff; 
    padding: 2.8125rem; /* 45px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); /* 10px 30px */
    text-align: center; /* Heading centered */
}

.pg-wpc-list-box h4 { 
    font-size: 1.5rem; 
    color: #0b2c3d; 
    margin-bottom: 1.5625rem; /* 25px */
    display: inline-flex;
    align-items: center; 
    gap: 0.9375rem; /* 15px */
}
.pg-wpc-list-box h4 i { color: #cfa36a; }

/* ✅ Check list centered collectively - width + margin auto */
.pg-wpc-check-list { 
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    width: fit-content; /* Shrink to content */
    text-align: left; /* Items stay left-aligned */
    margin-left: 30%;
}

.pg-wpc-check-list li { 
    margin-bottom: 0.75rem; /* 12px */
    font-size: 0.875rem; /* 14px */
    display: flex; 
    align-items: flex-start; 
    gap: 0.75rem; /* 12px */
    color: #555; 
    border-bottom: 1px solid #f9f9f9; 
    padding-bottom: 0.5rem; /* 8px */
}
.pg-wpc-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }

/* ============= INVESTMENT ============= */
.pg-wpc-invest-bg { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-wpc-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; } /* 200px 30px */
.pg-wpc-invest-card i { font-size: 2.5rem; color: #cfa36a; margin-bottom: 1.25rem; } /* 40px 20px */
.pg-wpc-invest-card p { font-weight: 800; font-size: 1.1rem; color: #cfa36a; margin-top: 0.3125rem; } /* 5px */
.pg-wpc-invest-card small { font-size: 0.75rem; opacity: 0.6; } /* 12px */

/* ============= WHY CHOOSE ============= */
.pg-wpc-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); gap: 1.875rem; } /* 250px 30px */
.pg-wpc-why-card { background: #fff; padding: 2.5rem 1.875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.5625rem rgba(0,0,0,0.04); text-align: center; border-bottom: 0.25rem solid #cfa36a; transition: 0.3s; } /* 40px 30px 20px 5px 25px 4px */
.pg-wpc-why-card:hover { transform: translateY(-0.3125rem); } /* -5px */
.pg-wpc-why-card i { font-size: 2.8125rem; color: #cfa36a; margin-bottom: 1.25rem; } /* 45px 20px */
.pg-wpc-why-card h4 { color: #0b2c3d; margin-bottom: 0.9375rem; font-weight: 700; } /* 15px */
.pg-wpc-why-card p { font-size: 0.875rem; color: #666; line-height: 1.6; } /* 14px */

/* ============= CTA ============= */
.pg-wpc-cta-box { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 2.1875rem; text-align: center; color: #fff; } /* 70px 5% 35px */
.pg-wpc-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 2.1875rem; flex-wrap: wrap; } /* 20px 35px */
.pg-wpc-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; transition: 0.3s; } /* 15px 40px 50px */
.pg-wpc-btn-gold:hover { background: #fff; color: #0b2c3d; }
.pg-wpc-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; font-weight: 700; } /* 13px 35px 50px 10px */

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-wpc-hero { height: 50vh; margin-top: 10rem; } /* 110px */
    .pg-wpc-intro-grid { grid-template-columns: 1fr; text-align: center; }
    .pg-wpc-intro-text { order: 2; }
    .pg-wpc-intro-img { order: 1; margin-bottom: 1.875rem; } /* 30px */
    .pg-wpc-section-margin { margin: 2.5rem 4%; } /* 40px 4% */
    .pg-wpc-feature-box { flex-direction: column; }
    
    .pg-wpc-glass-grid { grid-template-columns: 1fr; }
    .pg-wpc-bands-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-wpc-split-flex { grid-template-columns: 1fr; }
    .pg-wpc-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-wpc-accent-line {
      margin-left: 45%;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-wpc-hero { height: 45vh; }
    .pg-wpc-main-heading { font-size: 1.6rem; }
    .pg-wpc-list-box { padding: 1.5625rem; } /* 25px */
    .pg-wpc-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-wpc-circle { width: 3.4375rem; height: 3.4375rem; font-size: 1.2rem; } /* 55px 55px */
    
    .pg-wpc-glass-grid,
    .pg-wpc-bands-grid,
    .pg-wpc-process-flex,
    .pg-wpc-split-flex,
    .pg-wpc-invest-grid,
    .pg-wpc-why-grid {
        grid-template-columns: 1fr !important;
    }
    .pg-wpc-check-list {
      margin-left: 15%;
    }
    .pg-wpc-list-box h4 {
        font-size: 1.1rem;
    }
    .pg-wpc-glass-card ul {
      padding-left: 10%;
    } 
}

/****************************** Custom Clearance Main SERVICES CSS CODE***************************/

/*
=============================================================================
CUSTOM CLEARANCE SERVICES - CORRECTED CSS
✅ Class names match HTML: .pg-cust- (not .pg-cust-clr-)
✅ All rem units preserved
✅ Image FIRST, Text SECOND
✅ Paragraphs JUSTIFIED
✅ Lists CENTERED with proper pattern
=============================================================================
*/

.pg-cust-body {
    background-color: #f8faff;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* ============= SECTION GAPS ============= */
.pg-cust-section-gap {
    width: 90% !important;
    max-width: 75rem !important;
    margin: 3.125rem auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ============= HERO ============= */
.pg-cust-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    margin-top: 0;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/16396406/pexels-photo-16396406.jpeg') center/cover;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 9rem; /* 144px */
    padding-bottom: 4rem; /* 64px */
}

.pg-cust-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-cust-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-cust-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-cust-hero-title {
    font-size: clamp(2.2rem, 6vw, 3.8rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-cust-hero-title span {
    color: #cfa36a;
}

.pg-cust-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.9375rem; /* 15px */
    max-width: 50rem; /* 800px */
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    text-align: center;
}

/* ============= TYPOGRAPHY ============= */
.pg-cust-main-title {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 800;
    line-height: 1.2;
}

.pg-cust-main-title span {
    color: #cfa36a;
}

.pg-cust-header-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-cust-center-header {
    text-align: center;
    margin-bottom: 3.125rem; /* 50px */
}

.white-text {
    color: #fff !important;
}

/* ============= INTRO GRID - ✅ IMAGE FIRST ============= */
.pg-cust-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Image smaller, text larger */
    gap: 3.125rem; /* 50px */
    align-items: center;
}

/* ✅ Visual (image) comes FIRST */
.pg-cust-intro-visual {
    order: 1;
}

/* ✅ Content comes SECOND */
.pg-cust-intro-content {
    order: 1;
}

/* ✅ Paragraphs JUSTIFIED */
.pg-cust-intro-content p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

.pg-cust-intro-visual img {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1);
    display: block;
}

/* ✅ HIGHLIGHT BOX - Icon on LEFT */
.pg-cust-highlight-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    margin-top: 1.875rem; /* 30px */
}

.pg-cust-highlight-box i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-cust-highlight-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-cust-highlight-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* ============= DARK SECTION ============= */
.pg-cust-dark-section {
    background: #0b2c3d;
    padding: 5rem 0; /* 80px vertical */
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

.pg-cust-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem; /* 30px */
    padding: 0 2rem;
}

/* ✅ GLASS CARDS - CENTERED */
.pg-cust-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    backdrop-filter: blur(0.625rem); /* 10px */
    transition: 0.3s ease;
    text-align: center;
}

.pg-cust-glass-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
    background: rgba(255, 255, 255, 0.1);
}

.pg-cust-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-cust-glass-card h3 {
    font-size: 1.4rem;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-cust-glass-card p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9375rem;
}

/* ============= PORT GRID ============= */
.pg-cust-port-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem; /* 30px */
    margin-top: 2.5rem;
}

.pg-cust-port-card {
    background: #fff;
    padding: 2.5rem 2rem; /* 40px 32px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: 0.3s ease;
}

.pg-cust-port-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-cust-port-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-cust-port-card h5 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-cust-port-card p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* ============= LIGHT BACKGROUND ============= */
.pg-cust-light-bg {
    background: #f9f9f9;
    padding: 2rem 0; /* 64px */
}

/* ============= SPLIT GRID ============= */
.pg-cust-split-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem; /* 40px */
}

/* ✅ LIST CARDS - CENTERED */
.pg-cust-list-card {
    background: #fff;
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.05);
    text-align: center;
}

.pg-cust-list-card h4 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    margin-bottom: 1.5rem; /* 24px */
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem; /* 12px */
}

.pg-cust-list-card h4 i {
    color: #cfa36a;
    font-size: 1.5rem; /* 24px */
}

/* ✅ Check lists - centered with width+margin */
.pg-cust-check-list {
    list-style: none;
    margin-top: 1.25rem; /* 20px */
    display: inline-block !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 3rem !important;
    width: auto !important;
}

.pg-cust-check-list li {
    margin-bottom: 0.625rem; /* 10px */
    font-size: 0.9375rem; /* 15px */
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; /* 12px */
    color: #555;
}

.pg-cust-check-list li::before {
    content: '✓';
    color: #cfa36a;
    font-weight: bold;
    flex-shrink: 0;
}

/* ============= CTA BOX ============= */
.pg-cust-cta-box {
    background: #0b2c3d;
    padding: 4rem 3rem; /* 64px 48px */
    border-radius: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
}

.pg-cust-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-cust-cta-box h2 span {
    color: #cfa36a;
}

.pg-cust-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 1.5rem;
}

.pg-cust-cta-btns {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 2rem;
    flex-wrap: wrap;
}

.pg-cust-phone-btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
}

.pg-cust-phone-btn:hover {
    background: #fff;
    color: #0b2c3d;
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-cust-hero {
        height: 55vh;
        padding-top: 7.5rem; /* 120px */
        padding-bottom: 3rem; /* 48px */
        margin-top: 10rem;
    }
    
    /* ✅ Intro grid - Image first, text second (stack) */
    .pg-cust-intro-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-cust-intro-visual {
        order: 1;
        margin-bottom: 1.5rem;
    }
    
    .pg-cust-intro-content {
        order: 2;
        text-align: center;
    }
    
    /* ✅ Keep paragraphs justified */
    .pg-cust-intro-content p {
        text-align: justify;
    }
    .pg-cust-highlight-box p {
      margin-left: 20%;
    }
    .pg-cust-header-line {
        margin-left: auto;
        margin-right: auto;
    }
    
    .pg-cust-services-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .pg-cust-port-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .pg-cust-split-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-cust-highlight-box {
        flex-direction: column;
        text-align: center;
    }
    
    .pg-cust-highlight-box i {
        margin: 0 auto 1rem;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-cust-hero {
        height: 50vh;
        margin-top: 5rem;
        padding-bottom: 2rem;
    }
    .pg-cust-highlight-box p {
        margin-left: 15%;
    }
    
    .pg-cust-hero-title {
        font-size: 2rem;
    }
    
    .pg-cust-hero-desc {
        font-size: 0.85rem;
    }
    
    .pg-cust-main-title {
        font-size: 1.75rem;
    }
    
    .pg-cust-list-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-cust-cta-box {
        padding: 3rem 2rem;
    }
    
    .pg-cust-cta-box h2 {
        font-size: 1.875rem;
    }
    
    .pg-cust-cta-btns {
        flex-direction: column;
        align-items: center;
    }
    
    .pg-cust-cta-btns a {
        width: 100%;
        justify-content: center;
    }
}

/*******************************IMPORT EXPORT CLEARANCE CSS CODE **********************************/

/* =============================================================================
   DESKTOP STYLES (1200px+) - ALL VALUES IN REM
============================================================================= */

.pg-cust-clr-body {
    background-color: #f8faff;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-cust-clr-section-margin {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-cust-clr-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    margin-top: 0;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/16396406/pexels-photo-16396406.jpeg') center/cover;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 9rem; /* 144px - Navbar clearance */
    padding-bottom: 4rem; /* 64px */
}

.pg-cust-clr-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-cust-clr-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-cust-clr-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-cust-clr-hero-title {
    font-size: clamp(2.2rem, 6vw, 3.8rem); /* Fluid sizing */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-cust-clr-hero-title span {
    color: #cfa36a;
}

.pg-cust-clr-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.9375rem; /* 15px */
    max-width: 50rem; /* 800px */
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    /* ✅ Hero description stays centered */
    text-align: center;
}

/* =============================================================================
   TYPOGRAPHY & HEADINGS
============================================================================= */

.pg-cust-clr-main-title {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 800;
    line-height: 1.2;
    padding-top: 2rem;
}

.pg-cust-clr-main-title span {
    color: #cfa36a;
}

.pg-cust-clr-header-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-cust-clr-center-header {
    text-align: center;
    margin-bottom: 3.125rem; /* 50px */
}

.white-text {
    color: #fff !important;
}

.opacity-7 {
    opacity: 0.7;
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-cust-clr-intro-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr; /* Standard ratio */
    gap: 3.125rem; /* 50px */
    align-items: center;
    margin: 1.5rem auto; /* 24px top */
}

.pg-cust-clr-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

/* Feature/Highlight Box */
.pg-cust-clr-highlight-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    margin-top: 1.875rem; /* 30px */
}

.pg-cust-clr-highlight-box i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-cust-clr-highlight-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-cust-clr-highlight-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* Image Frame */
.pg-cust-clr-img-frame {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    overflow: hidden;
    
}

.pg-cust-clr-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =============================================================================
   DARK SECTIONS & GLASS CARDS
============================================================================= */

.pg-cust-clr-dark-section {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 5rem 0; /* ✅ PADDING - 80px vertical */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-cust-clr-split-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); /* 320px */
    gap: 1.875rem; /* 30px */
    padding: 2rem 3.125rem; /* Horizontal padding inside dark section */
    
}

.pg-cust-clr-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    backdrop-filter: blur(0.625rem); /* 10px */
    transition: 0.3s ease;
}

.pg-cust-clr-glass-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
    background: rgba(255, 255, 255, 0.1);
}

.pg-cust-clr-light-glass {
    background: #fff;
    color: #333;
    border: 1px solid #eee;
}

.pg-cust-clr-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-cust-clr-glass-card h3 {
    font-size: 1.4rem; /* ~22px */
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-cust-clr-glass-list {
    list-style: square;
    padding-left: 1.25rem; /* 20px */
    font-size: 0.875rem; /* 14px */
    color: rgba(255, 255, 255, 0.8);
}

.pg-cust-clr-glass-list li {
    margin-bottom: 0.5rem; /* 8px */
}

.pg-cust-clr-spec-box {
    margin-top: 1.5625rem; /* 25px */
    padding: 0.9375rem; /* 15px */
    background: rgba(207, 163, 106, 0.1);
    border-radius: 0.625rem; /* 10px */
    font-size: 0.8125rem; /* 13px */
    border: 1px dashed #cfa36a;
}

/* =============================================================================
   COVERAGE & LIST CARDS
============================================================================= */

.pg-cust-clr-coverage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.5625rem; /* 25px */
    margin-top: 3rem; /* 48px */
}

.pg-cust-clr-list-card {
    background: #fff;
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.05); /* 0 5px 20px */
    transition: 0.3s ease;
    text-align: center;
}

.pg-cust-clr-list-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}

.pg-cust-clr-list-card i {
    font-size: 1.875rem; /* 30px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-cust-clr-list-card h5 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-cust-clr-dot-list {
    list-style: none;
    margin-top: 0.9375rem; /* 15px */
    /* ✅ Center list using inline-block */
    display: inline-block;
    text-align: left;
}

.pg-cust-clr-dot-list li {
    font-size: 0.875rem; /* 14px */
    color: #555;
    padding: 0.3125rem 0; /* 5px */
    border-bottom: 1px solid #f9f9f9;
}

.pg-cust-clr-dot-list li::before {
    content: "•";
    color: #cfa36a;
    font-weight: bold;
    margin-right: 0.625rem; /* 10px */
}

/* =============================================================================
   PROCESS STEPS
============================================================================= */

.pg-cust-clr-process-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #ededed;
    padding: 5rem 3.125rem; /* 80px 50px - padding inside */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-cust-clr-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    margin-top: 3rem; /* 48px from heading */
    padding-bottom: 2rem;
}

.pg-cust-clr-circle {
    width: 4.0625rem; /* 65px */
    height: 4.0625rem; /* 65px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.9375rem; /* 15px bottom */
    font-weight: 800;
    font-size: 1.5rem; /* 24px */
}

.pg-cust-clr-step-item h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-cust-clr-step-item p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   CHECK LISTS
============================================================================= */

.pg-cust-clr-check-list {
    list-style: none;
    margin-top: 1.25rem; /* 20px */
    /* ✅ Center using inline-block */
    display: inline-block;
    text-align: left;
}

.pg-cust-clr-check-list li {
    margin-bottom: 0.625rem; /* 10px */
    font-size: 0.875rem; /* 14px */
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; /* 12px */
    color: #555;
}

.pg-cust-clr-check-list li::before {
    content: '✓';
    color: #cfa36a;
    font-weight: bold;
    flex-shrink: 0;
}

/* =============================================================================
   INVESTMENT/TIMELINE SECTION
============================================================================= */

.pg-cust-clr-invest-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-cust-clr-center-title {
    text-align: center;
    margin-bottom: 2.5rem; /* 40px */
}

.pg-cust-clr-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); /* 220px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    margin-top: 3rem; /* 48px */
}

.pg-cust-clr-invest-card {
    padding: 1.5rem; /* 24px */
}

.pg-cust-clr-invest-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-cust-clr-invest-card h5 {
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-cust-clr-invest-card p {
    font-weight: 800;
    color: #cfa36a;
    font-size: 1.125rem;
    margin-bottom: 0.3125rem; /* 5px */
}

.pg-cust-clr-invest-card small {
    font-size: 0.75rem; /* 12px */
    opacity: 0.7;
}


/* =========================================================
   FIX: TRUE COLLECTIVE CENTERING (The "Table" Method)
   - 1. Centers the whole list block in the middle of the card.
   - 2. Forces text to the left so it sticks to the bullet.
   - 3. Removes the "Huge Gap" between bullet and text.
   ========================================================= */

/* 1. Force Cards to Center Headings & Icons */
.pg-cust-clr-glass-card,
.pg-cust-clr-list-card,
.pg-cust-clr-industry-card,
.pg-cust-clr-why-card {
    text-align: center !important;
}

/* 2. THE FIX: Turn the UL into a centered table */
/* This forces the box to shrink to the text size and center itself */
.pg-cust-clr-card-list,
.pg-cust-clr-check-list,
.pg-cust-clr-glass-card ul,
.pg-cust-clr-list-card ul,
.pg-cust-clr-industry-card ul,
.pg-cust-clr-why-card ul {
    display: table !important;       /* Shrinks box to fit content */
    margin: 1rem auto !important;       /* Centers the box */
    text-align: left !important;     /* Aligns text left INSIDE the box */
    padding-left: 3rem !important; /* Space for bullets */
    width: auto !important;          /* Prevents full width */
}

/* 3. Force List Items to behave */
.pg-cust-clr-glass-card li,
.pg-cust-clr-list-card li,
.pg-cust-clr-industry-card li,
.pg-cust-clr-why-card li {
    text-align: left !important;      /* Text sticks to bullet */
    display: list-item !important;    /* Standard bullet item */
    list-style-position: outside !important; /* Bullet sits outside text */
    margin-bottom: 0.5rem !important;
    padding-left: 0 !important;       /* Remove extra gap */
}

/* =================================================
   FINAL FIX: LAND BORDERS LIST ALIGNMENT
   ================================================= */

/* 1. Container ko Table se hata kar Block banana zaroori hai */
#land-borders-list,#sea-ports-list, 
#air-cargo-list, 
#icd-list {
    display: inline-block !important;          /* Table hataya */
    list-style-type: disc !important;   /* Real Bullet on ki */
    list-style-position: outside !important; /* Bullet ko bahar pheka */
    padding-left: 3rem !important;      /* Bullet ke liye jagah banayi */
    margin: 10px 0 !important;
    text-align: left !important;
    width: 100% !important;
}

/* 2. List Item ko reset kiya */
#land-borders-list li,#sea-ports-list li, 
#air-cargo-list li, 
#icd-list li {
    display: list-item !important;      /* Standard item behavior */
    padding-left: 0 !important;         /* Double padding hatayi */
    margin-bottom: 8px !important;
    text-align: left !important;
    border: none !important;            /* Agar koi line aa rahi ho to hata de */
}

/* 3. AGAR THEME KE NAKLI BULLETS HAIN TO UNHE CHUPA DO */
/* Ye sabse main culprit ho sakta hai */
#land-borders-list li::before,#sea-ports-list li::before, 
#air-cargo-list li::before, 
#icd-list li::before {
    content: none !important;
    display: none !important;
}
/* Ye sirf "Bullet" (Dot) ka rang Gold karega */
#land-borders-list li::marker,#sea-ports-list li::marker, 
#air-cargo-list li::marker, 
#icd-list li::marker {
    color: #cfa36a !important;  /* Tumhara Gold Color */
    font-size: 0.8rem;           /* Optional: Bullet thodi badi dikhegi */
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-cust-clr-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem; /* 50px top, 80px bottom */
    background: #0b2c3d;
    padding: 5rem 3rem; /* 80px 48px */
    border-radius: 2.1875rem; /* 35px */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-cust-clr-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-cust-clr-cta-box h2 span {
    color: #cfa36a;
}

.pg-cust-clr-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
}

.pg-cust-clr-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 2.1875rem; /* 35px */
    flex-wrap: wrap;
}

.pg-cust-clr-btn-gold {
    background: #cfa36a;
    color: #fff;
    padding: 0.9375rem 2.5rem; /* 15px 40px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
    display: inline-block;
}

.pg-cust-clr-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-cust-clr-btn-phone {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
}

.pg-cust-clr-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}

/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    /* ========== HERO ADJUSTMENTS ========== */
    .pg-cust-clr-hero {
        height: 55vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 0; /* 80px */
    }
    
    .pg-cust-clr-hero-desc {
        font-size: 1rem;
        text-align: center;
    }
    
    /* ========== CONTAINER ADJUSTMENTS ========== */
    .pg-cust-clr-section-margin {
        width: 90% !important;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* ========== INTRO GRID ========== */
    .pg-cust-clr-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .pg-cust-clr-intro-visual {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-cust-clr-intro-content {
        order: 2 !important;
    }
    
    /* ========== TEXT CENTERING ========== */
    .pg-cust-clr-main-title {
        text-align: center !important;
    }
    
    .pg-cust-clr-header-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pg-cust-clr-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
    }
    
    /* ========== FEATURE BOX ========== */
    .pg-cust-clr-highlight-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-cust-clr-highlight-box i {
        margin: 0 auto 1rem;
    }
    
    /* ========== GRIDS ========== */
    .pg-cust-clr-split-grid,
    .pg-cust-clr-coverage-grid {
        
        gap: 2rem;
        padding: 0 2rem;
    }
    
    .pg-cust-clr-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* ========== CARDS ========== */
    .pg-cust-clr-glass-card {
        padding: 2rem;
        margin-bottom: 2rem;
    }
    
    .pg-cust-clr-list-card {
        padding: 2rem;
        text-align: center;
    }
    
    


    .pg-cust-clr-dot-list {
    
        padding-left: 20%;
    }
    
    /* ========== DARK SECTIONS ========== */
    .pg-cust-clr-dark-section,
    .pg-cust-clr-process-bg,
    .pg-cust-clr-invest-bg {
        padding: 4rem 2rem;
        border-radius: 1.5rem;
    }
    
    /* ========== CTA ========== */
    .pg-cust-clr-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-cust-clr-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-cust-clr-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
    
    .pg-cust-clr-center-header,
    .pg-cust-clr-center-title {
        margin-bottom: 2.5rem;
    }
    #land-borders-list {
    padding-left: 2.5rem !important;      /* Bullet ke liye jagah banayi */
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    /* ========== HERO ========== */
    .pg-cust-clr-hero {
        height: 50vh;
        margin-top: 8.125rem; /* 130px */
        padding: 3.75rem 0; /* 60px */
    }
    
    .pg-cust-clr-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    .pg-cust-clr-hero-desc {
        font-size: 0.9375rem; /* 15px */
    }
    
    .pg-cust-clr-breadcrumb {
        font-size: 0.75rem; /* 12px */
        margin: 1rem;
    }
    
    /* ========== CONTAINERS ========== */
    .pg-cust-clr-section-margin {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* ========== INTRO ========== */
    .pg-cust-clr-intro-grid {
        gap: 2rem;
    }
    
    .pg-cust-clr-img-frame img,
    .pg-cust-clr-intro-img img {
        width: 80% !important;
        max-width: 25rem !important;
        height: auto !important;
        margin: 0 auto !important;
    }
    
    /* ========== HEADINGS ========== */
    .pg-cust-clr-main-title {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    .pg-cust-clr-header-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    /* ========== ALL GRIDS SINGLE COLUMN ========== */
    .pg-cust-clr-split-grid,
    .pg-cust-clr-coverage-grid,
    .pg-cust-clr-process-grid,
    .pg-cust-clr-invest-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem;
    }
    
    /* ========== CARDS ========== */
    .pg-cust-clr-glass-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-cust-clr-list-card {
        padding: 1.875rem; /* 30px */
    }
    
    /* ========== DARK SECTIONS ========== */
    .pg-cust-clr-dark-section,
    .pg-cust-clr-process-bg,
    .pg-cust-clr-invest-bg {
        padding: 3rem 1.5rem;
        border-radius: 1.25rem;
    }
    
    .pg-cust-clr-circle {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem; /* 55px */
        font-size: 1.25rem; /* 20px */
    }
    
    /* ========== FEATURE BOX ========== */
    .pg-cust-clr-highlight-box {
        padding: 1.5rem;
    }
    
    /* ========== CTA ========== */
    .pg-cust-clr-cta-box {
        padding: 3rem 1.5rem;
        border-radius: 1.5rem;
        margin: 2rem auto 3rem;
    }
    
    .pg-cust-clr-cta-box h2 {
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-cust-clr-cta-box p {
        font-size: 1rem;
    }
    
    .pg-cust-clr-cta-group a {
        width: 100%;
        justify-content: center;
    }
    
    .pg-cust-clr-center-header,
    .pg-cust-clr-center-title {
        margin-bottom: 2rem;
    }
    #land-borders-list {
        padding-left: 4.5rem !important;
    }

    #export-list{
        padding-left: 2rem !important;
    }
    #sea-ports-list, 
    #air-cargo-list, 
    #icd-list {
        padding-left: 32% !important;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */

/****************************** Document Support for customs *************************************/
/*
=============================================================================
DOCUMENTATION SUPPORT FOR CUSTOMS - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
=============================================================================
*/

.pg-doc-customs-body { 
    background-color: #f8faff; 
    overflow-x: hidden; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    color: #333; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

.pg-doc-customs-section-margin { margin: 3.125rem 5%; } /* 50px 5% */

/* ============= HERO ============= */
.pg-doc-customs-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/891059/pexels-photo-891059.jpeg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.pg-doc-customs-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; }
.pg-doc-customs-breadcrumb a { color: #fff; text-decoration: none; }
.pg-doc-customs-breadcrumb a:hover { color: #cfa36a; }
.pg-doc-customs-hero-title { font-size: clamp(2rem, 6vw, 4rem); font-weight: 800; }
.pg-doc-customs-hero-title span { color: #cfa36a; }
.pg-doc-customs-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); margin-top: 0.9375rem; }

/* ============= INTRO ============= */
.pg-doc-customs-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; }
.pg-doc-customs-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; }
.pg-doc-customs-main-heading span { color: #cfa36a; }
.pg-doc-customs-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; }
.pg-doc-customs-feature-box { gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; }
.pg-doc-customs-feature-box i { font-size: 2.1875rem; color: #cfa36a; }
.pg-doc-customs-img-frame { width: 100%; border-radius: 1.25rem; overflow: hidden; }
.pg-doc-customs-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-doc-customs-dark-wrap { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-doc-customs-white { color: #fff !important; }
.pg-doc-customs-center-title { text-align: center; margin-bottom: 3.125rem; }
.pg-doc-customs-glass-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 1.5625rem; }

/* ✅ GLASS CARDS - Centered */
.pg-doc-customs-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.1875rem; 
    border-radius: 1.25rem; 
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff;
    text-align: center;
}
.pg-doc-customs-glass-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; }
.pg-doc-customs-glass-card h3 { font-size: 1.3rem; margin-bottom: 0.9375rem; font-weight: 700; }

/* ✅ Lists - centered */
.pg-doc-customs-glass-card ul { 
    list-style: none; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-doc-customs-glass-card li { font-size: 0.8125rem; margin-bottom: 0.5rem; position: relative; padding-left: 1.125rem; color: rgba(255,255,255,0.8); }
.pg-doc-customs-glass-card li::before { content: '•'; color: #cfa36a; position: absolute; left: 0; }

/* ============= SPECIALIZED SERVICES ============= */
.pg-doc-customs-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); gap: 1.5625rem; }
.pg-doc-customs-spec-card { background: #fff; padding: 2.1875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.05); text-align: center; }
.pg-doc-customs-spec-card i { font-size: 2.5rem; color: #cfa36a; margin-bottom: 0.9375rem; }
.pg-doc-customs-spec-card h5 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.625rem; }
.pg-doc-customs-spec-card p { font-size: 0.8125rem; color: #666; margin-bottom: 0.9375rem; }
.pg-doc-customs-spec-card ul { text-align: left; list-style: disc; padding-left: 1.25rem; font-size: 0.8125rem; color: #555; margin: 0 auto; display: inline-block; }

/* ============= PROCESS ============= */
.pg-doc-customs-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-doc-customs-process-flex { display: grid; grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); gap: 1.25rem; text-align: center; }
.pg-doc-customs-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.4rem; }

/* ============= CHALLENGES & SOLUTIONS ============= */
.pg-doc-customs-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1.875rem; }

/* ✅ LIST BOX - Centered */
.pg-doc-customs-list-box { 
    padding: 2.5rem; 
    border-radius: 1.25rem; 
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    background: #fff; 
    border-top: 0.375rem solid #cfa36a;
    text-align: center;
}
.pg-doc-customs-box-red { border-top-color: #e74c3c; }
.pg-doc-customs-list-box h4 { font-size: 1.4rem; color: #0b2c3d; margin-bottom: 1.25rem; display: inline-flex; align-items: center; gap: 0.75rem; }
.pg-doc-customs-box-red h4 i { color: #e74c3c; }
.pg-doc-customs-box-gold h4 i { color: #cfa36a; }

/* ✅ Check list - centered */
.pg-doc-customs-check-list { 
    list-style: none; 
    line-height: 2; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
    padding-left: 2rem;
}
.pg-doc-customs-check-list li { font-size: 0.875rem; color: #555; display: flex; align-items: center; gap: 0.625rem; }
.pg-doc-customs-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }
.pg-doc-customs-box-red li::before { content: '⚠'; color: #e74c3c; }

/* ============= BENEFITS ============= */
.pg-doc-customs-invest-bg { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; }
.pg-doc-customs-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; }
.pg-doc-customs-invest-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; }
.pg-doc-customs-invest-card p { font-weight: 700; color: #cfa36a; font-size: 1.1rem; }

/* ============= WHY CHOOSE ============= */
.pg-doc-customs-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));
    gap: 1.875rem;
    margin-top: 2.5rem;
}

.pg-doc-customs-why-card {
    background: #ffffff;
    padding: 2.5rem 1.875rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.3125rem 1.5625rem rgba(0,0,0,0.04);
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a;
    transition: transform 0.3s ease;
}

.pg-doc-customs-why-card:hover {
    transform: translateY(-0.625rem);
}

.pg-doc-customs-why-card i {
    font-size: 2.8125rem;
    color: #cfa36a;
    margin-bottom: 1.25rem;
}

.pg-doc-customs-why-card h4 {
    color: #0b2c3d;
    margin-bottom: 0.9375rem;
    font-weight: 700;
}

.pg-doc-customs-why-card p {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.6;
}

/* ============= CTA ============= */
.pg-doc-customs-cta-box { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; text-align: center; color: #fff; }
.pg-doc-customs-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 1.875rem; flex-wrap: wrap; }
.pg-doc-customs-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; }
.pg-doc-customs-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; }

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-doc-customs-hero { margin-top: 10rem; height: 50vh; }
    .pg-doc-customs-intro-grid { grid-template-columns: 1fr; text-align: center; }
    .pg-doc-customs-intro-img { order: 1; margin-bottom: 1.875rem; }
    .pg-doc-customs-intro-text { order: 2; }
    .pg-doc-customs-accent-line {
     margin-left: 45%;
    }
    .pg-doc-customs-section-margin { margin: 2.5rem 4%; }
    .pg-doc-customs-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-doc-customs-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    .pg-doc-customs-glass-grid { grid-template-columns: 1fr; }
    #red-con{
        margin-left:4rem;
    }
    .pg-doc-customs-list-box h4 {
    display: flex !important;           /* Enables Flexbox control */
    flex-direction: column !important;  /* Stacks Icon vertically on top */
    align-items: center !important;     /* Centers everything horizontally */
    justify-content: center !important; 
    gap: 5px !important;                /* Minimal gap between Icon and Text */
    text-align: center !important;      /* Centers the text itself */
    width: 100% !important;
    height: auto !important;            /* Allows it to grow if text wraps */
   }

  /* Remove default margins from the icon to close the gap */
  .pg-doc-customs-list-box h4 i {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 1 !important;
  }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-doc-customs-hero { height: 45vh; }
    .pg-doc-customs-main-heading { font-size: 1.6rem; }
    .pg-doc-customs-process-flex { grid-template-columns: 1fr; }
    .pg-doc-customs-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-doc-customs-why-grid {
        grid-template-columns: 1fr;
    }
    .pg-doc-customs-why-card {
        padding: 1.875rem 1.25rem;
    }
    #custom-list{
        padding-left: 2.5rem;
    }
    .pg-doc-customs-hero-desc {
      font-size: 0.95rem;
    }
}

/************************************** Port Clearance Assistance Service CSS Code ***************/
/*
=============================================================================
PORT CLEARANCE ASSISTANCE - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
=============================================================================
*/

.pg-port-ast-body { 
    background-color: #f8faff; 
    overflow-x: hidden; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    color: #333; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

.pg-port-ast-section-margin { margin: 3.125rem 5%; } /* 50px 5% */

/* ============= HERO ============= */
.pg-port-ast-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/33612/sailboat-water-stockholm-ship.jpg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.pg-port-ast-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; }
.pg-port-ast-breadcrumb a { color: #fff; text-decoration: none; }
.pg-port-ast-breadcrumb a:hover { color: #cfa36a; }
.pg-port-ast-hero-title { font-size: clamp(2rem, 6vw, 4rem); font-weight: 800; }
.pg-port-ast-hero-title span { color: #cfa36a; }
.pg-port-ast-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); margin-top: 0.9375rem; }

/* ============= INTRO ============= */
.pg-port-ast-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; }
.pg-port-ast-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; }
.pg-port-ast-main-heading span { color: #cfa36a; }
.pg-port-ast-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; }
.pg-port-ast-feature-box { gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; }
.pg-port-ast-feature-box i { font-size: 2.1875rem; color: #cfa36a; }
.pg-port-ast-img-frame { width: 100%; border-radius: 1.25rem; overflow: hidden; }
.pg-port-ast-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-port-ast-dark-wrap { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-port-ast-white { color: #fff !important; }
.pg-port-ast-center-title { text-align: center; margin-bottom: 3.125rem; }
.pg-port-ast-glass-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 1.5625rem; }

/* ✅ GLASS CARDS - Centered */
.pg-port-ast-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.1875rem; 
    border-radius: 1.25rem; 
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff; 
    backdrop-filter: blur(0.625rem);
    text-align: center;
}
.pg-port-ast-glass-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; }
.pg-port-ast-glass-card h3 { font-size: 1.3rem; margin-bottom: 0.9375rem; font-weight: 700; }

/* ✅ Lists - centered */
.pg-port-ast-glass-card ul { 
    list-style: none; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-port-ast-glass-card li { font-size: 0.8125rem; margin-bottom: 0.5rem; position: relative; padding-left: 1.125rem; color: rgba(255,255,255,0.8); }
.pg-port-ast-glass-card li::before { content: '•'; color: #cfa36a; position: absolute; left: 0; font-weight: 800; }

/* ============= COVERAGE GRID ============= */
.pg-port-ast-coverage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.5625rem; }
.pg-port-ast-coverage-card { background: #fff; padding: 1.875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.05); text-align: center; }
.pg-port-ast-coverage-card i { font-size: 1.875rem; color: #cfa36a; margin-bottom: 0.9375rem; }
.pg-port-ast-coverage-card h5 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.9375rem; border-bottom: 2px solid #f1f1f1; padding-bottom: 0.625rem; }

/* ✅ Coverage card lists - centered */
.pg-port-ast-coverage-card ul { 
    list-style: none; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-port-ast-coverage-card li { 
    font-size: 0.8125rem;
    color: #555;
    margin-bottom: 0.5rem;
    /* --- NEW ALIGNMENT CODE --- */
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;  
}
.pg-port-ast-coverage-card li::before { content: '📍';
    font-size: 0.625rem;
    /* --- NEW ALIGNMENT CODE --- */
    margin-top: 0.15rem; /* Aligns pin with the text baseline */
    flex-shrink: 0;      /* Stops the pin from shrinking when text wraps */
 }

/* ============= PROCESS ============= */
.pg-port-ast-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-port-ast-process-flex { display: grid; grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); gap: 1.25rem; text-align: center; }
.pg-port-ast-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.4rem; }

/* ============= SPLIT LISTS ============= */
.pg-port-ast-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1.875rem; }

/* ✅ LIST BOX - Centered */
.pg-port-ast-list-box { 
    padding: 2.5rem; 
    border-radius: 1.25rem; 
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    background: #fff; 
    border-top: 0.375rem solid #cfa36a;
    text-align: center;
}
.pg-port-ast-list-box h4 { font-size: 1.4rem; color: #0b2c3d; margin-bottom: 1.25rem; align-items: center; gap: 0.75rem; }

/* ✅ Check list - centered */
.pg-port-ast-check-list { 
    list-style: none; 
    line-height: 2; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-port-ast-check-list li { font-size: 0.875rem; color: #555; display: flex; align-items: center; gap: 0.625rem; }
.pg-port-ast-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }

/* ============= METRICS ============= */
.pg-port-ast-invest-bg { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; }
.pg-port-ast-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; }
.pg-port-ast-invest-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; }
.pg-port-ast-invest-card p { font-weight: 700; color: #cfa36a; font-size: 1.1rem; }

/* ============= TECH CARDS ============= */
.pg-port-ast-tech-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.5625rem; }
.pg-port-ast-tech-card { background: #fff; padding: 2.1875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); text-align: center; border-bottom: 0.25rem solid #cfa36a; }
.pg-port-ast-tech-card i { font-size: 2.5rem; color: #cfa36a; margin-bottom: 0.9375rem; }

/* ============= CTA ============= */
.pg-port-ast-cta-box { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; text-align: center; color: #fff; }
.pg-port-ast-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 1.875rem; flex-wrap: wrap; }
.pg-port-ast-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; }
.pg-port-ast-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; }

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-port-ast-hero { margin-top:10rem; height: 50vh; }
    .pg-port-ast-intro-grid { grid-template-columns: 1fr; text-align: center; }
    .pg-port-ast-intro-img { order: 1; margin-bottom: 1.875rem; }
    .pg-port-ast-intro-text { order: 2; }
    .pg-port-ast-section-margin { margin: 2.5rem 4%; }
    .pg-port-ast-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-port-ast-coverage-grid { grid-template-columns: 1fr 1fr; }
    .pg-port-ast-glass-grid { grid-template-columns: 1fr; }
    .pg-port-ast-accent-line {
      margin-left: 44%; 
    }
    .pg-port-ast-coverage-card ul {
      margin-left: 4rem;
    }
    #vessel-list, #support-list{
        padding-left: 2rem;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-port-ast-hero { height: 45vh; }
    .pg-port-ast-main-heading { font-size: 1.6rem; }
    .pg-port-ast-process-flex, .pg-port-ast-coverage-grid { grid-template-columns: 1fr; }
    .pg-port-ast-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-port-ast-coverage-card ul {
      margin-left: 3rem;
    }
}

/******************************************Consultancy Services***************************/

/*
=============================================================================
CONSULTANCY SERVICES - COMPLETE RESPONSIVE CSS WITH REM UNITS
✅ Based on Drug-Pharma spacing patterns
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
✅ Image FIRST, Text SECOND (order corrected)
✅ Paragraphs JUSTIFIED
✅ Highlight Box FIXED
=============================================================================
*/

.pg-consult-body { 
    background-color: #f8faff; 
    color: #333; 
    overflow-x: hidden; 
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

/* ============= SECTION MARGINS - MATCH DRUG-PHARMA ============= */
.pg-consult-section-margin { 
    margin-top: 3.125rem !important; /* 50px - Same as Drug-Pharma */
    margin-bottom: 3.125rem !important; 
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* ============= HERO - MATCH DRUG-PHARMA SPACING ============= */
.pg-consult-hero {
    height: 60vh;
    min-height: 30rem; /* 480px - Same as Drug-Pharma */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1454165833767-027eeed15c3e?auto=format&fit=crop&w=1500&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0; /* ✅ No margin-top */
    padding-top: 9rem; /* 144px - Same as Drug-Pharma for navbar clearance */
    padding-bottom: 4rem; /* 64px - Same as Drug-Pharma */
    color: #fff;
}

.pg-consult-breadcrumb { 
    color: #cfa36a; 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase; 
    letter-spacing: 1px; 
}
.pg-consult-breadcrumb a { color: #fff; text-decoration: none; }

.pg-consult-hero-title { 
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px to 60px */
    font-weight: 800; 
}
.pg-consult-hero-title span { color: #cfa36a; }

.pg-consult-hero-divider { 
    font-size: 1rem; /* 16px */
    color: #cfa36a; 
    margin-top: 0.625rem; /* 10px */
    letter-spacing: 3px; 
    border-top: 1px solid rgba(255,255,255,0.2); 
    border-bottom: 1px solid rgba(255,255,255,0.2); 
    padding: 0.3125rem 0; /* 5px */
}

/* ============= HEADINGS ============= */
.pg-consult-main-title { 
    font-size: 2.375rem; /* 38px - Same as Drug-Pharma */
    color: #0b2c3d; 
    font-weight: 800; 
    margin-bottom: 1.5625rem; /* 25px - Same as Drug-Pharma */
}
.pg-consult-main-title span { color: #cfa36a; }

.pg-consult-sub-title {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    font-weight: 700;
    margin-top: 1.5rem; /* 24px */
    margin-bottom: 0.75rem; /* 12px */
}

.white-text {
    color: #fff !important;
}

/* ============= INTRO GRID - ✅ IMAGE FIRST ============= */
.pg-consult-intro-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; /* Equal columns */
    gap: 3.75rem; /* 60px - Same as Drug-Pharma */
    align-items: center; 
}

/* ✅ Visual (image) comes FIRST (left side) */
.pg-consult-intro-visual { 
    order: 2; 
}

/* ✅ Content comes SECOND (right side) */
.pg-consult-intro-content { 
    order: 1; 
}

/* ✅ Paragraphs JUSTIFIED */
.pg-consult-intro-content p {
    text-align: justify;
    hyphens: auto;
    margin-bottom: 1rem;
    color: #555;
    line-height: 1.7;
}

.pg-consult-header-line { 
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-consult-intro-visual img { 
    width: 100%; 
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); /* 20px 40px */
}

/* ============= HIGHLIGHT BOX - ✅ FIXED ============= */
.pg-consult-highlight-box { 
    display: flex; 
    gap: 1.25rem; /* 20px */
    background: #fff; 
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    margin-top: 1.875rem; /* 30px */
}

.pg-consult-highlight-box i { 
    font-size: 1.875rem; /* 30px */
    color: #cfa36a; 
    flex-shrink: 0; /* ✅ Prevents icon from shrinking */
}

/* ✅ Added missing styles for the content div */
.pg-consult-highlight-box div {
    flex: 1; /* Takes remaining space */
}

.pg-consult-highlight-box h4 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.5rem; /* 8px */
    font-weight: 700;
}

.pg-consult-highlight-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
    margin: 0; /* Remove default margin */
}

/* ============= DARK SECTION - MATCH DRUG-PHARMA ============= */
.pg-consult-dark-section { 
    background: #0b2c3d; 
    padding: 3.125rem 0; /* 50px - Same as Drug-Pharma */
}

.pg-consult-center-header { 
    text-align: center; 
    margin-bottom: 3.75rem; /* 60px - Same as Drug-Pharma */
}

.pg-consult-types-grid, 
.pg-consult-compliance-grid, 
.pg-consult-additional-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px */
    gap: 1.875rem; /* 30px - Same as Drug-Pharma */
}

.pg-consult-compliance-grid{
    display: grid; 
    grid-template-columns: repeat(2, minmax(18.75rem, 1fr)); /* 300px */
}

/* ✅ GLASS CARDS - CENTERED like Drug-Pharma */
.pg-consult-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); /* 10px */
    color: #fff;
    text-align: center; /* ✅ CENTER everything */
}

.pg-consult-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}

.pg-consult-glass-card h5 {
    font-size: 1.2rem;
    margin-bottom: 0.9375rem;
    font-weight: 700;
}

.pg-consult-industry-box h4 {
  text-align: center;
}

.pg-consult-glass-card p {
    color: rgba(255,255,255,0.8);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.pg-consult-glass-card.dark-variant { 
    background: #fff; 
    color: #333; 
    border: 1px solid #eee; 
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); 
}

.pg-consult-glass-card.dark-variant h5 { 
    color: #0b2c3d; 
    margin-bottom: 1.25rem; 
}

/* ============= SPLIT GRID - MATCH DRUG-PHARMA ============= */
.pg-consult-split-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2.5rem; /* 40px - Same as Drug-Pharma */
}

/* ✅ LIST CARDS - CENTERED like Drug-Pharma */
.pg-consult-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px - Same as Drug-Pharma */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); /* 10px 30px */
    text-align: center; /* ✅ CENTER */
    padding-left: 1%;
}

/* ✅ Check list - centered */
.pg-consult-check-list { 
    list-style: none; 
    margin-top: 1.5625rem; /* 25px */
    display: inline-block !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    padding-left: 12%;
}

.pg-consult-check-list li { 
    padding: 0.625rem 0; /* 10px */
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; /* 14px */
    display: flex; 
    gap: 0.75rem; /* 12px */
    color: #666; 
}

.pg-consult-check-list li::before { 
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

/* ============= BANNER BADGE ============= */
.pg-consult-banner-badge { 
    background: linear-gradient(135deg, #3498db, #2980b9); 
    color: white; 
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    text-align: center; 
    margin-top: 2.5rem; /* 40px */
}

.pg-consult-banner-badge h4 { 
    color: white; 
    margin-bottom: 0.625rem; /* 10px */
}

/* ============= INDUSTRY BOX ============= */
.pg-consult-industry-box { 
    background: rgba(255,255,255,0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 0.9375rem; /* 15px */
    margin-top: 3.125rem; /* 50px */
    border: 1px dashed #cfa36a; 
}

.pg-consult-industry-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.875rem; /* 30px */
    margin-top: 1.875rem; /* 30px */
    padding-left: 8%;
}

.pg-consult-industry-grid h6 { 
    color: #cfa36a; 
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1rem; /* 16px */
}

.pg-consult-industry-grid ul { 
    list-style: square; 
    padding-left: 1.25rem; /* 20px */
    color: rgba(255,255,255,0.7); 
    font-size: 0.8125rem; /* 13px */
    line-height: 1.8; 
}

#risk-list{
    padding-left: 24%;
}
#market-heading{
    padding-left: 2rem;
}
#trade-list{
    padding-left: 18%;
}

#register-process{
    padding-left: 18%;
}
#compliance-list{
    padding-left: 15%;
}

#hr-list{
    padding-left: 20%;
}
/* ============= SPECIALIZATION BOX ============= */
.pg-consult-spec-box { 
    background: #f8f9fa; 
    padding: 2.5rem; /* 40px */
    border-radius: 0.9375rem; /* 15px */
    margin-top: 3.125rem; /* 50px */
}

.pg-consult-spec-box h4 { 
    text-align: center; 
    margin-bottom: 2.1875rem; /* 35px */
    color: #0b2c3d; 
}

.pg-consult-spec-grid { 
    display: grid; 
    grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); /* 180px */
    gap: 1.5625rem; /* 25px */
    text-align: center; 
}

.pg-consult-spec-grid i { 
    font-size: 1.5rem; /* 24px */
    color: #3498db; 
    margin-bottom: 0.625rem; /* 10px */
    display: block; 
}

.pg-consult-spec-grid h6 { 
    color: #0b2c3d; 
    margin-bottom: 0.3125rem; /* 5px */
    font-size: 1rem;
}

.pg-consult-spec-grid p { 
    font-size: 0.9375rem; /* 15px */
    color: #777; 
}

/* ============= PROCESS - MATCH DRUG-PHARMA ============= */
.pg-consult-process-bg { 
    background: #0b2c3d; 
    padding: 3.125rem 0; /* 50px - Same as Drug-Pharma */
}

.pg-consult-process-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px - Same as Drug-Pharma */
    gap: 1.5625rem; /* 25px - Same as Drug-Pharma */
}

.pg-consult-step { 
    text-align: center; 
    color: #fff; 
}

.step-num { 
    width: 3.75rem; /* 60px - Same as Drug-Pharma */
    height: 3.75rem; /* 60px */
    background: #cfa36a; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.5rem; /* 24px */
    font-weight: 800; 
    margin: 0 auto 1.25rem; /* 20px */
}

.pg-consult-step h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.625rem;
}

.pg-consult-step p { 
    font-size: 0.8125rem; /* 13px */
    color: rgba(255,255,255,0.7); 
    margin-top: 0.625rem; /* 10px */
}

/* ============= WHY CHOOSE ============= */
.pg-consult-why-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.875rem; /* 30px */
}

.pg-consult-why-card { 
    text-align: center; 
    background: #fff; 
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); /* 5px 20px */
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: 0.3s; 
}

.pg-consult-why-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}

.pg-consult-why-card i { 
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}

.pg-consult-why-card h4 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.pg-consult-why-card p {
    color: #666;
    font-size: 0.9375rem;
    line-height: 1.6;
}

/* ============= CTA ============= */
.pg-consult-cta-box { 
    background: #0b2c3d; 
    padding: 5rem 2.5rem; /* 80px 40px */
    border-radius: 1.875rem; /* 30px */
    text-align: center; 
    color: #fff; 
}

.pg-consult-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem;
}

.pg-consult-cta-box h2 span {
    color: #cfa36a;
}

.pg-consult-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255,255,255,0.85);
    margin-bottom: 1.5rem;
}

.pg-consult-cta-group { 
    display: flex; 
    justify-content: center; 
    gap: 1.25rem; /* 20px */
    margin-top: 1.875rem; /* 30px */
    flex-wrap: wrap; 
}

.pg-consult-phone-btn { 
    color: #fff; 
    font-weight: 700; 
    text-decoration: none; 
    font-size: 1.125rem; /* 18px */
    display: flex; 
    align-items: center; 
    gap: 0.625rem; /* 10px */
    border: 2px solid #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    transition: 0.3s ease;
}

.pg-consult-phone-btn:hover {
    background: #fff;
    color: #0b2c3d;
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* ✅ Hero spacing adjustments */
    .pg-consult-hero { 
        padding-top: 8.75rem; /* 140px */
        padding-bottom: 3rem; /* 48px */
        height: 50vh;
        margin-top: 10rem;
    }
    
    /* ✅ Intro grid - Stack vertically, image first */
    .pg-consult-intro-grid { 
        grid-template-columns: 1fr; 
        text-align: center;
    }
    
    .pg-consult-intro-visual { 
        order: 1; 
        margin-bottom: 1.875rem; /* 30px */
    }
    
    .pg-consult-intro-content { 
        order: 2; 
    }
    
    /* ✅ Keep paragraphs justified */
    .pg-consult-intro-content p {
        text-align: justify;
    }
    
    /* ✅ Center header line on mobile */
    .pg-consult-header-line {
        margin-left: auto;
        margin-right: auto;
    }
    
    .pg-consult-main-title { 
        text-align: center;
        font-size: 1.875rem; /* 30px */
    }
    
    .pg-consult-split-grid { 
        grid-template-columns: 1fr; 
    }
    
    .pg-consult-process-grid, 
    .pg-consult-why-grid { 
        grid-template-columns: 1fr 1fr; 
    }
    
    .pg-consult-cta-group { 
        flex-direction: column; 
        align-items: center; 
    }
    
    .pg-consult-types-grid {
        grid-template-columns: 1fr;
    }
    
    .pg-consult-highlight-box {
        flex-direction: column;
        text-align: center;
    }
    
    .pg-consult-highlight-box i {
        margin: 0 auto 1rem;
    }
    
    .pg-consult-spec-grid {
        grid-template-columns: 1fr;
    }
    #register-process {
    padding-left: 13%;
    }
    #compliance-list {
    padding-left: 11%;
    }
    .pg-consult-industry-grid {
      padding-left: 15%;
    }
    #trade-list {
    padding-left: 12%;
    }
    #risk-list {
    padding-left: 16%;
    }
    #market-heading {
    padding-left: 2.5rem;
   }
   #comp-audit{
    margin-top: 2.5rem !important;
   }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-consult-section-margin { 
        margin-top: 1.875rem !important; /* 30px */
        margin-bottom: 1.875rem !important; 
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    
    .pg-consult-hero { 
        height: 45vh;
        padding-top: 7.5rem; /* 120px */
        padding-bottom: 2rem; /* 32px */
    }
    
    .pg-consult-hero-title { 
        font-size: 2rem; /* 32px */
    }
    
    .pg-consult-main-title { 
        font-size: 1.625rem; /* 26px */
    }
    
    .pg-consult-list-card { 
        padding: 1.875rem; /* 30px */
    }
    
    .pg-consult-process-grid, 
    .pg-consult-why-grid { 
        grid-template-columns: 1fr; 
    }
    
    .pg-consult-cta-box {
        padding: 3rem 2rem;
    }
    
    .pg-consult-cta-box h2 {
        font-size: 1.875rem;
    }
    .pg-consult-compliance-grid {
     display: grid;
     grid-template-columns: repeat(1, minmax(18.75rem, 1fr));
    }
    .pg-consult-industry-grid {
        padding-left: 10%;
    }
    #market-heading {
        padding-left: 1rem;
    }
    #trade-list {
        padding-left: 15%;
    }
    #risk-list {
        padding-left: 10%;
    }
    #comp-audit {
        margin-top: 1rem !important;
    }
    .pg-consult-hero-divider {
        font-size: 0.75rem;
    }
     .pg-consult-hero-divider {
        font-size: 0.75rem;
   }
   .pg-consult-phone-btn {
        font-size: 0.75rem;
        gap: 0.1rem;
    }
   .pg-consult-cta-group i{
       display: none;
   }
}

/*************************** Business Setup Consultancy CSS code ****************************/
/*
=============================================================================
BUSINESS SETUP CONSULTANCY - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
=============================================================================
*/

.pg-biz-setup-body { 
    background-color: #f8faff; 
    overflow-x: hidden; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    color: #333; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

.pg-biz-setup-section-margin { margin: 3.125rem 5%; } /* 50px 5% */

/* ============= HERO ============= */
.pg-biz-setup-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/327533/pexels-photo-327533.jpeg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.pg-biz-setup-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; } /* 14px 20px */
.pg-biz-setup-breadcrumb a { color: #fff; text-decoration: none; }
.pg-biz-setup-breadcrumb a:hover { color: #cfa36a; }
.pg-biz-setup-hero-title { font-size: clamp(2rem, 6vw, 3.7rem); font-weight: 800; }
.pg-biz-setup-hero-title span { color: #cfa36a; }
.pg-biz-setup-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); margin-top: 0.9375rem; } /* 18px 15px */

/* ============= INTRO ============= */
.pg-biz-setup-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; } /* 50px */
.pg-biz-setup-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; } /* 20px */
.pg-biz-setup-main-heading span { color: #cfa36a; }
.pg-biz-setup-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; } /* 60px 4px 25px */
.pg-biz-setup-feature-box { display: flex; gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; } /* 20px 25px 15px 5px 10px 30px 30px */
.pg-biz-setup-feature-box i { font-size: 2.1875rem; color: #cfa36a; } /* 35px */
.pg-biz-setup-img-frame { width: 100%; border-radius: 1.25rem; overflow: hidden; } /* 20px 20px 40px */
.pg-biz-setup-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-biz-setup-dark-wrap { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-biz-setup-white { color: #fff !important; }
.pg-biz-setup-center-title { text-align: center; margin-bottom: 3.125rem; } /* 50px */
.pg-biz-setup-glass-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 1.5625rem; } /* 300px 25px */

/* ✅ GLASS CARDS - Centered */
.pg-biz-setup-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff;
    text-align: center;
}
.pg-biz-setup-glass-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; } /* 35px 15px */
.pg-biz-setup-glass-card h3 { font-size: 1.2rem; margin-bottom: 0.9375rem; font-weight: 700; } /* 15px */

/* ✅ Lists - centered with width+margin */
.pg-biz-setup-glass-card ul { 
    list-style: disc; 
    padding-left: 1.25rem; /* 20px */
    margin-bottom: 1.25rem; /* 20px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-biz-setup-glass-card li { font-size: 0.8125rem; margin-bottom: 0.3125rem; color: rgba(255,255,255,0.8); } /* 13px 5px */

/* ============= BADGES ============= */
.pg-biz-setup-badge-foundation { background: #e8f5e8; color: #27ae60; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; } /* 5px 15px 5px 12px */
.pg-biz-setup-badge-legal { background: #fff3cd; color: #856404; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; }
.pg-biz-setup-badge-risk { background: #f8d7da; color: #721c24; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; }
.pg-biz-setup-badge-fin { background: #d1ecf1; color: #0c5460; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; }
.pg-biz-setup-badge-alliance { background: #e2e3e5; color: #383d41; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; }
.pg-biz-setup-badge-entry { background: #ffeaa7; color: #6c5ce7; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight: 700; }

/* ============= ENTITY GUIDANCE ============= */
.pg-biz-setup-entity-grid { display: grid; grid-template-columns: repeat(3, minmax(16.25rem, 1fr)); gap: 1.25rem; } /* 260px 20px */
.pg-biz-setup-entity-card { background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.05); text-align: center; } /* 25px 15px 5px 15px */
.pg-biz-setup-entity-card h6 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.625rem; font-size: 1.25rem;} /* 10px 20px */
.pg-biz-setup-entity-card p { font-size: 0.8125rem; color: #666; margin-bottom: 0.9375rem; } /* 13px 15px */

/* ENTITY TAGS */
.pg-biz-setup-tag-green { background: #e8f5e8; color: #27ae60; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; } /* 13px 4px 3px */
.pg-biz-setup-tag-gold { background: #fff3cd; color: #856404; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-biz-setup-tag-blue { background: #d1ecf1; color: #0c5460; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-biz-setup-tag-red { background: #f8d7da; color: #721c24; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-biz-setup-tag-grey { background: #e2e3e5; color: #383d41; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-biz-setup-tag-purple { background: #ffeaa7; color: #6c5ce7; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }

/* ============= PROCESS ============= */
.pg-biz-setup-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-biz-setup-process-flex { display: grid; grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); gap: 1.25rem; text-align: center; } /* 180px 20px */
.pg-biz-setup-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.4rem; } /* 65px 65px 15px */

/* ============= INDUSTRY EXPERTISE ============= */
.pg-biz-setup-ind-grid { display: grid; grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); gap: 1.25rem; } /* 200px 20px */
.pg-biz-setup-ind-card { background: #fff; padding: 1.875rem 1.25rem; border-radius: 0.9375rem; text-align: center; transition: 0.3s; } /* 30px 20px 15px */
.pg-biz-setup-ind-card i { font-size: 1.5625rem; color: #cfa36a; margin-bottom: 0.625rem; } /* 25px 10px */

/* ============= LIST BOXES ============= */
.pg-biz-setup-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1.875rem; } /* 320px 30px */

/* ✅ LIST BOX - Centered */
.pg-biz-setup-list-box { 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    background: #fff; 
    border-top: 0.375rem solid #cfa36a; /* 6px */
    text-align: center;
}

/* ✅ Check list - centered with width+margin */
.pg-biz-setup-check-list { 
    list-style: none; 
    line-height: 2; 
    margin-top: 1.25rem; /* 20px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-biz-setup-check-list li { font-size: 0.875rem; color: #555; display: flex; align-items: center; gap: 0.625rem; } /* 14px 10px */
.pg-biz-setup-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }

/* ============= INVESTMENT ============= */
.pg-biz-setup-invest-bg { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; } /* 60px 5% 30px */
.pg-biz-setup-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; } /* 200px 30px */
.pg-biz-setup-invest-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; } /* 35px 15px */

/* ============= WHY CHOOSE ============= */
.pg-biz-setup-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); gap: 1.5625rem; } /* 250px 25px */
.pg-biz-setup-why-card { background: #fff; padding: 2.1875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); text-align: center; } /* 35px 20px 5px 20px */
.pg-biz-setup-why-card i {
    color: #cfa36a !important; /* Gold Color */
}

/* Optional: Ensure Heading and Text use correct standard colors */
.pg-biz-setup-why-card h4 {
    color: #0b2c3d !important; /* Dark Blue Heading */
}

.pg-biz-setup-why-card p {
    color: #555 !important;    /* Grey Text */
}
/* ============= CTA ============= */
.pg-biz-setup-cta-box { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; text-align: center; color: #fff; } /* 60px 5% 30px */
.pg-biz-setup-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 1.875rem; flex-wrap: wrap; } /* 20px 30px */
.pg-biz-setup-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; } /* 15px 40px 50px */
.pg-biz-setup-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; } /* 13px 35px 50px 10px */

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-biz-setup-hero { margin-top: 10rem; height: 50vh; } /* 110px */
    .pg-biz-setup-intro-grid { grid-template-columns: 1fr; text-align: center; }
    .pg-biz-setup-intro-img { order: 1; margin-bottom: 1.875rem; } /* 30px */
    .pg-biz-setup-section-margin { margin: 2.5rem 4%; } /* 40px 4% */
    .pg-biz-setup-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-setup-glass-grid { grid-template-columns: 1fr; }
    .pg-biz-setup-entity-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-biz-setup-feature-box { display: grid; gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; } 
    /* 1. ENABLE FLEXBOX ON PARENT 
       This fixes the "Block Problem" so 'order' works. */
    .pg-biz-setup-intro-grid {
        display: flex !important;
        flex-direction: column !important; /* Stacks items vertically */
    }

    /* 2. MOVE IMAGE TO TOP */
    .pg-biz-setup-intro-img {
        order: -1 !important;          /* Moves image to position 1 */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }

    /* 3. CENTER TEXT & ACCENT LINE */
    .pg-biz-setup-intro-text {
        text-align: center !important;
    }

    .pg-biz-setup-accent-line {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;        /* Prevents floating issues */
    }
    /* Target the Icon inside the Why Choose Card */
    .pg-biz-setup-why-card i {
        color: #cfa36a !important; /* Force Gold Color */
    }
    
    /* Optional: Ensure Heading stays dark (if needed) */
    .pg-biz-setup-why-card h4 {
        color: #0b2c3d !important; /* Dark Blue/Black */
    }
    
    /* Optional: Ensure Text stays grey (if needed) */
    .pg-biz-setup-why-card p {
        color: #555 !important;
    }
    #private-comp{
        margin-top: 2.5rem !important;
    }
    .pg-biz-setup-check-list {
      padding-left: 1.5rem;
    }
    
}


/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-biz-setup-hero { height: 45vh; }
    .pg-biz-setup-main-heading { font-size: 1.6rem; }
    .pg-biz-setup-process-flex, .pg-biz-setup-ind-grid, .pg-biz-setup-entity-grid { grid-template-columns: 1fr; }
    .pg-biz-setup-cta-group a { width: 100%; text-align: center; justify-content: center; }
    /* Target the Icon inside the Why Choose Card */
    .pg-biz-setup-why-card i {
        color: #cfa36a !important; /* Force Gold Color */
    }
    
    /* Optional: Ensure Heading stays dark (if needed) */
    .pg-biz-setup-why-card h4 {
        color: #0b2c3d !important; /* Dark Blue/Black */
    }
    
    /* Optional: Ensure Text stays grey (if needed) */
    .pg-biz-setup-why-card p {
        color: #555 !important;
    }
    .pg-biz-setup-check-list {
        padding-left: 1.5rem;
    }
    #compliance-manage-list{
        padding-left: 20%;
    }
        #private-comp {
        margin-top: 0rem !important;
    }
    .pg-biz-setup-breadcrumb {
       font-size: 0.84rem; 
    }
    
}

/****************************** Regulatory Compliance Advisory Css Code *****************************/
/*
=============================================================================
REGULATORY COMPLIANCE ADVISORY - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto  
✅ Font: Poppins with line-height 1.6 + color #333
=============================================================================
*/

.pg-reg-adv-body { 
    background-color: #f8faff; 
    overflow-x: hidden; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    color: #333; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

.pg-reg-adv-section-margin { margin: 3.125rem 5%; } /* 50px 5% */

/* ============= HERO ============= */
.pg-reg-adv-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/327533/pexels-photo-327533.jpeg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.pg-reg-adv-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; }
.pg-reg-adv-breadcrumb a { color: #fff; text-decoration: none; }
.pg-reg-adv-breadcrumb a:hover { color: #cfa36a; }
.pg-reg-adv-hero-title { font-size: clamp(2rem, 6vw, 3.7rem); font-weight: 800; }
.pg-reg-adv-hero-title span { color: #cfa36a; }
.pg-reg-adv-hero-desc { font-size: clamp(0.875rem, 2vw, 1.125rem); color: rgba(255,255,255,0.7); margin-top: 0.9375rem; }

/* ============= INTRO ============= */
.pg-reg-adv-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; }
.pg-reg-adv-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; }
.pg-reg-adv-main-heading span { color: #cfa36a; }
.pg-reg-adv-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; }
.pg-reg-adv-feature-box { display: flex; gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; }
.pg-reg-adv-feature-box i { font-size: 2.1875rem; color: #cfa36a; }
.pg-reg-adv-img-frame { width: 100%; border-radius: 1.25rem; overflow: hidden; }
.pg-reg-adv-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-reg-adv-dark-wrap { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-reg-adv-white { color: #fff !important; }
.pg-reg-adv-center-title { text-align: center; margin-bottom: 3.125rem; }
.pg-reg-adv-glass-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 1.5625rem; }

/* ✅ GLASS CARDS - Centered */
.pg-reg-adv-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.1875rem; 
    border-radius: 1.25rem; 
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff;
    text-align: center;
}
.pg-reg-adv-glass-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; }
.pg-reg-adv-glass-card h3 { font-size: 1.2rem; margin-bottom: 0.9375rem; font-weight: 700; }

/* ✅ Lists - centered */
.pg-reg-adv-glass-card ul { 
    list-style: disc; 
    padding-left: 1.25rem; 
    margin-bottom: 1.25rem; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
#operational-compliance-list,#sector-specific-list{
    margin-top: 3rem;
}
.pg-reg-adv-glass-card li { font-size: 0.8125rem; margin-bottom: 0.3125rem; color: rgba(255,255,255,0.8); }

/* ============= BADGES ============= */
.pg-reg-adv-badge-legal { background: #e8f5e8; color: #27ae60; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }
.pg-reg-adv-badge-ops { background: #fff3cd; color: #856404; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }
.pg-reg-adv-badge-sector { background: #d1ecf1; color: #0c5460; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }
.pg-reg-adv-badge-fin { background: #f8d7da; color: #721c24; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }
.pg-reg-adv-badge-digital { background: #e2e3e5; color: #383d41; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }
.pg-reg-adv-badge-risk { background: #ffeaa7; color: #6c5ce7; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight: 700; }

/* ============= INDUSTRY GRID ============= */
.pg-reg-adv-industry-grid { display: grid; grid-template-columns: repeat(3, minmax(16.25rem, 1fr)); gap: 1.25rem; }
.pg-reg-adv-industry-card { background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.05); text-align: center; font-size: 1.25rem;}
.pg-reg-adv-industry-card h6 { color: #0b2c3d; font-weight: 700; margin-bottom: 0.625rem; }
.pg-reg-adv-industry-card p { font-size: 0.8125rem; color: #666; margin-bottom: 0.9375rem; }

/* INDUSTRY TAGS */
.pg-reg-adv-tag-blue { background: #d1ecf1; color: #0c5460; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-reg-adv-tag-green { background: #e8f5e8; color: #27ae60; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-reg-adv-tag-gold { background: #fff3cd; color: #856404; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-reg-adv-tag-purple { background: #ffeaa7; color: #6c5ce7; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-reg-adv-tag-red { background: #f8d7da; color: #721c24; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }
.pg-reg-adv-tag-grey { background: #e2e3e5; color: #383d41; font-size: 0.8125rem; padding: 0.25rem; border-radius: 0.1875rem; }

/* ============= PROCESS ============= */
.pg-reg-adv-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; }
.pg-reg-adv-process-flex { display: grid; grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); gap: 1.25rem; text-align: center; }
.pg-reg-adv-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.4rem; }

/* ============= LIST BOXES ============= */
.pg-reg-adv-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1.875rem; }

/* ✅ LIST BOX - Centered */
.pg-reg-adv-list-box { 
    padding: 2.5rem; 
    border-radius: 1.25rem; 
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    background: #fff; 
    border-top: 0.375rem solid #cfa36a;
    text-align: center;
}

/* ✅ Check list - centered */
.pg-reg-adv-check-list { 
    list-style: none; 
    line-height: 2; 
    margin-top: 1.25rem; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
    margin-left: 34%;
}
.pg-reg-adv-check-list li { font-size: 0.875rem; color: #555; display: flex; align-items: center; gap: 0.625rem; }
.pg-reg-adv-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }

/* ============= INVESTMENT ============= */
.pg-reg-adv-invest-bg { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; }
.pg-reg-adv-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; }
.pg-reg-adv-invest-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; }

/* ============= WHY CHOOSE ============= */
.pg-reg-adv-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); gap: 1.5625rem; }
.pg-reg-adv-why-card { background: #fff; padding: 2.1875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); text-align: center; border-bottom: 0.25rem solid #cfa36a; }
.pg-reg-adv-why-card i {
    color: #cfa36a !important; /* GOLD */
}

/* 2. Force Dark Heading */
.pg-reg-adv-why-card h4 {
    color: #0b2c3d !important; /* DARK BLUE */
}

/* 3. Force Grey Text */
.pg-reg-adv-why-card p {
    color: #555 !important;    /* GREY */
}
/* ============= CTA ============= */
.pg-reg-adv-cta-box { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; text-align: center; color: #fff; }
.pg-reg-adv-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 1.875rem; flex-wrap: wrap; }
.pg-reg-adv-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; }
.pg-reg-adv-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; }

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-reg-adv-hero { margin-top: 10rem; height: 50vh; }
    .pg-reg-adv-intro-grid { text-align: center; }
    .pg-reg-adv-intro-img { order: 1; margin-bottom: 1.875rem; }
    .pg-reg-adv-section-margin { margin: 2.5rem 4%; }
    .pg-reg-adv-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-reg-adv-glass-grid { grid-template-columns: 1fr; }
    .pg-reg-adv-industry-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-reg-adv-check-list {
       margin-left: 15%;
    }
    /* 1. IMAGE ORDER FIX */
    .pg-reg-adv-intro-grid {
        display: flex !important;
        flex-direction: column !important;
    }

    .pg-reg-adv-intro-img {
        order: -1 !important;          /* Moves image to top */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }

    .pg-reg-adv-intro-text {
        text-align: center !important; /* Centers intro text */
    }

    /* 2. INTRO CARD ICON FIX (Stack Vertical) */
    .pg-reg-adv-feature-box {
        display: flex !important;
        flex-direction: column !important; /* Stacks Icon above Text */
        align-items: center !important;    /* Centers horizontally */
        text-align: center !important;     /* Centers text content */
        gap: 1rem !important;
        padding: 1.5rem !important;
    }

    /* Adjust Icon Spacing */
    .pg-reg-adv-feature-box i {
        margin-right: 0 !important;        /* Remove right margin */
        margin-bottom: 0.5rem !important;  /* Add bottom spacing */
        font-size: 2.5rem !important;      /* Optional: Make icon slightly larger */
    }
    .pg-reg-adv-accent-line {
     margin-left: 45%;
    }
    
    /* Center the Text Block inside the card */
    .pg-reg-adv-feature-info {
        text-align: center !important;
        width: 100% !important;
    }
     #operational-compliance-list, #sector-specific-list {
        margin-top: 0rem;
    }
    .pg-reg-adv-glass-card ul {
        padding-left: 2.5rem;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-reg-adv-hero { height: 45vh; }
    .pg-reg-adv-main-heading { font-size: 1.6rem; }
    .pg-reg-adv-process-flex, .pg-reg-adv-industry-grid { grid-template-columns: 1fr; }
    .pg-reg-adv-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-reg-adv-check-list {
        margin-left: 20%;
    }
    .pg-reg-adv-accent-line {
        margin-left: 40%;
    }
    .pg-reg-adv-glass-card ul {
        padding-left: 2.5rem;
    }
}

/******************************** IMPORT EXPORT TRADE ADVISORY CSS CODE *************************/
/*
=============================================================================
IMPORT-EXPORT TRADE ADVISORY SERVICE PAGE
COMPLETE RESPONSIVE CSS WITH REM UNITS
=============================================================================

Following LMPC Perfect Spacing Patterns:
- Desktop: All px converted to rem
- Tablet (768px): LMPC-pattern responsive layout  
- Mobile (480px): LMPC-pattern responsive layout

Key Rules Applied:
✅ Hero description: text-align center (NOT justify)
✅ List centering: Using padding/margin (NOT justify-content)
✅ All spacing: REM units only (no manual px except borders)
✅ Container: 90% width, 75rem max-width
✅ Sections: padding 6rem 0
✅ Grids: margin-top 3rem, proper gaps
✅ Cards: proper padding on all breakpoints

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+) - ALL VALUES IN REM
============================================================================= */

.pg-trd-adv-body {
    background-color: #f8faff;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-trd-adv-section-margin {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   HERO SECTION (WITH DIVIDER)
============================================================================= */

.pg-trd-adv-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    margin-top: 0;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/942542/pexels-photo-942542.jpeg') center/cover;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    flex-direction: column;
    padding-top: 9rem; /* 144px - Navbar clearance */
    padding-bottom: 4rem; /* 64px */
}

.pg-trd-adv-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-trd-adv-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-trd-adv-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-trd-adv-hero-title {
    font-size: clamp(2rem, 6vw, 3.7rem); /* Fluid sizing */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-trd-adv-hero-title span {
    color: #cfa36a;
}

/* Hero Divider (Lines + Text) */
.pg-trd-adv-hero-divider {
    display: flex;
    align-items: center;
    gap: 0.9375rem; /* 15px */
    margin: 1.25rem auto; /* 20px */
    width: 80%;
    max-width: 37.5rem; /* 600px */
    justify-content: center;
}

.pg-trd-adv-line {
    height: 2px;
    flex: 1;
    background: #cfa36a;
}

.pg-trd-adv-text {
    font-size: 1.2rem;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
}

.pg-trd-adv-hero-subtitle {
    font-size: 1.125rem; /* 18px */
    letter-spacing: 2px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    /* ✅ Hero stays centered */
    text-align: center;
}

/* =============================================================================
   TYPOGRAPHY & HEADINGS
============================================================================= */

.pg-trd-adv-main-heading {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 800;
    line-height: 1.2;
}

.pg-trd-adv-main-heading span {
    color: #cfa36a;
}

.pg-trd-adv-accent-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-trd-adv-center-title {
    text-align: center;
    margin-bottom: 3.125rem; /* 50px */
    padding-top: 2rem;
}

.pg-trd-adv-white {
    color: #fff !important;
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-trd-adv-intro-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr; /* Standard ratio */
    gap: 3.125rem; /* 50px */
    align-items: center;
    margin: 1.5rem auto; /* 24px top */
}

.pg-trd-adv-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

/* Feature Box */
.pg-trd-adv-feature-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    margin-top: 1.875rem; /* 30px */
}

.pg-trd-adv-feature-box i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-trd-adv-feature-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-trd-adv-feature-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* Image Frame */
.pg-trd-adv-img-frame {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    overflow: hidden;
    
}

.pg-trd-adv-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =============================================================================
   DARK WRAP & GLASS CARDS (6 ADVISORY SERVICES)
============================================================================= */

.pg-trd-adv-dark-wrap {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-trd-adv-glass-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px */
    gap: 1.5625rem; /* 25px */
    margin-top: 3rem; /* 48px from heading */
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 2rem;
}

.pg-trd-adv-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
}

.pg-trd-adv-glass-card:hover {
    transform: translateY(-0.3125rem);
    background: rgba(255, 255, 255, 0.1);
}

.pg-trd-adv-glass-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
    text-align: center;
}

.pg-trd-adv-glass-card h3 {
    font-size: 1.2rem;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
    text-align: center;
}

.pg-trd-adv-glass-card ul {
    list-style: disc;
    padding-left: 1.25rem; /* 20px */
    margin-bottom: 1.25rem; /* 20px */
    flex-grow: 1;
    margin-left: 15%;
}

.pg-trd-adv-glass-card li {
    font-size: 0.8125rem; /* 13px */
    margin-bottom: 0.3125rem; /* 5px */
    color: rgba(255, 255, 255, 0.8);
}

/* =============================================================================
   BADGES
============================================================================= */

.pg-trd-adv-badge {
    background: #e8f5e8;
    color: #27ae60;
    padding: 0.3125rem 0.9375rem; /* 5px 15px */
    border-radius: 0.3125rem; /* 5px */
    font-size: 0.8125rem; /* 13px */
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.pg-trd-adv-badge.gold {
    background: #fff3cd;
    color: #856404;
}

.pg-trd-adv-badge.red {
    background: #f8d7da;
    color: #721c24;
}

.pg-trd-adv-badge.blue {
    background: #d1ecf1;
    color: #0c5460;
}

.pg-trd-adv-badge.grey {
    background: #e2e3e5;
    color: #383d41;
}

.pg-trd-adv-badge.purple {
    background: #ffeaa7;
    color: #6c5ce7;
}

/* =============================================================================
   ENTRY STRATEGY GRID
============================================================================= */

.pg-trd-adv-entry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); /* 260px */
    gap: 1.25rem; /* 20px */
    margin-top: 3rem; /* 48px */
}

.pg-trd-adv-entry-card {
    background: #fff;
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.05); /* 0 5px 15px */
    transition: 0.3s ease;
}

.pg-trd-adv-entry-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-trd-adv-entry-card i {
    color: #3498db;
    font-size: 2.5rem;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
    text-align: center;
}

.pg-trd-adv-entry-card h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
    text-align: center;
}

.pg-trd-adv-entry-card p {
    font-size: 0.8125rem; /* 13px */
    color: #666;
    margin-bottom: 0.9375rem; /* 15px */
    line-height: 1.6;
    text-align: center;
}

.pg-trd-adv-entry-card ul {
    list-style: disc;
    padding-left: 1.25rem; /* 20px */
    font-size: 0.8125rem; /* 13px */
    color: #666;
    margin-left: 10%;
}

/* =============================================================================
   MARKETS GRID (4 COLUMNS)
============================================================================= */

.pg-trd-adv-markets-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.25rem; /* 20px */
    margin-top: 3rem; /* 48px */
    margin: auto 10%;
    padding-bottom: 2rem;
}

.pg-trd-adv-market-item {
    background: #f8f9fa;
    padding: 1.25rem; /* 20px */
    border-radius: 0.625rem; /* 10px */
    text-align: center;
    transition: 0.3s ease;
}

.pg-trd-adv-market-item:hover {
    transform: translateY(-0.3125rem);
    box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.05);
}

.pg-trd-adv-market-item i {
    color: #3498db;
    font-size: 1.5rem; /* 24px */
    margin-bottom: 0.625rem; /* 10px */
    display: block;
}

.pg-trd-adv-market-item h6 {
    color: #0b2c3d;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0.3125rem; /* 5px */
}

.pg-trd-adv-market-item p {
    font-size: 0.75rem; /* 12px */
    color: #666;
}

/* =============================================================================
   PROCESS STEPS
============================================================================= */

.pg-trd-adv-step-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #ededed;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-trd-adv-process-flex {
    display: grid;
    grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); /* 180px */
    gap: 1.25rem; /* 20px */
    text-align: center;
    margin-top: 3rem; /* 48px */
    padding-bottom: 2rem;
}

.pg-trd-adv-circle {
    width: 4.0625rem; /* 65px */
    height: 4.0625rem; /* 65px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.9375rem; /* 15px */
    font-weight: 800;
    font-size: 1.4rem; /* ~22px */
}

.pg-trd-adv-step-item h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-trd-adv-step-item p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   PRODUCT/INDUSTRY GRID (3 COLUMNS)
============================================================================= */

.pg-trd-adv-ind-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.25rem; /* 20px */
    margin-top: 3rem; /* 48px */
}

.pg-trd-adv-ind-card {
    background: #fff;
    padding: 1.875rem 1.25rem; /* 30px 20px */
    border-radius: 0.9375rem; /* 15px */
    text-align: center;
    box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.05); /* 0 5px 15px */
    transition: 0.3s ease;
}

.pg-trd-adv-ind-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-trd-adv-ind-card i {
    font-size: 1.5625rem; /* 25px */
    color: #cfa36a;
    margin-bottom: 0.625rem; /* 10px */
    display: block;
}

.pg-trd-adv-ind-card h6 {
    font-weight: 700;
    color: #0b2c3d;
    font-size: 1rem;
}

/* =============================================================================
   LIST BOXES (REQUIREMENTS, ETC)
============================================================================= */

.pg-trd-adv-split-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); /* 320px */
    gap: 1.875rem; /* 30px */
    margin: 1.5rem auto; /* 24px top */
}

.pg-trd-adv-list-box {
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    background: #fff;
    border-top: 0.375rem solid #cfa36a; /* 6px */
    text-align: center;
}

.pg-trd-adv-list-box h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    
    font-weight: 700;
}

.pg-trd-adv-check-list {
    list-style: none;
    line-height: 2;
    margin-top: 1rem; /* 20px */
    /* ✅ Center using inline-block */
    display: inline-block;
    text-align: left;
}

.pg-trd-adv-check-list li {
    font-size: 0.875rem; /* 14px */
    color: #555;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
}

.pg-trd-adv-check-list li::before {
    content: '✓';
    color: #cfa36a;
    font-weight: bold;
    flex-shrink: 0;
}

/* =============================================================================
   INVESTMENT/PRICING SECTION
============================================================================= */

.pg-trd-adv-invest-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-trd-adv-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    margin-top: 3rem; /* 48px */
}

.pg-trd-adv-invest-card {
    padding: 1.5rem; /* 24px */
}

.pg-trd-adv-invest-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-trd-adv-invest-card h5 {
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-trd-adv-invest-card p {
    font-weight: 800;
    color: #cfa36a;
    font-size: 1.125rem;
}

/* =============================================================================
   WHY CHOOSE CARDS
============================================================================= */

.pg-trd-adv-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.5625rem; /* 25px */
    margin: 3.125rem auto 2rem; /* 50px top, 32px bottom */
}

.pg-trd-adv-why-card {
    background: #fff;
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.04); /* 0 5px 20px */
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: 0.3s ease;
}

.pg-trd-adv-why-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}

.pg-trd-adv-why-card i {
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-trd-adv-why-card h4 {
    color: #0b2c3d;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-trd-adv-why-card p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-trd-adv-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem; /* 50px top, 80px bottom */
    background: #0b2c3d;
    padding: 5rem 3rem; /* 80px 48px */
    border-radius: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-trd-adv-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-trd-adv-cta-box h2 span {
    color: #cfa36a;
}

.pg-trd-adv-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
}

.pg-trd-adv-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 1.875rem; /* 30px */
    flex-wrap: wrap;
}

.pg-trd-adv-btn-gold {
    background: #cfa36a;
    color: #fff;
    padding: 0.9375rem 2.5rem; /* 15px 40px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
    display: inline-block;
}

.pg-trd-adv-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-trd-adv-btn-phone {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    font-size: 1rem;
    transition: 0.3s ease;
}

.pg-trd-adv-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}
/*
=============================================================================
IMPORT-EXPORT TRADE ADVISORY - PART 2: RESPONSIVE BREAKPOINTS
=============================================================================
*/

/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    /* ========== HERO ADJUSTMENTS ========== */
    .pg-trd-adv-hero {
        height: 55vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 0; /* 80px */
    }
    
    .pg-trd-adv-hero-subtitle {
        font-size: 1rem;
        text-align: center;
    }
    
    .pg-trd-adv-hero-divider {
        width: 90%;
    }
    
    /* ========== CONTAINER ADJUSTMENTS ========== */
    .pg-trd-adv-section-margin {
        width: 90% !important;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* ========== INTRO GRID ========== */
    .pg-trd-adv-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .pg-trd-adv-intro-img {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-trd-adv-intro-text {
        order: 2 !important;
    }
    
    /* ========== TEXT CENTERING ========== */
    .pg-trd-adv-main-heading {
        text-align: center !important;
        margin: auto 2rem;
    }
    
    .pg-trd-adv-accent-line {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 1rem;
    }
    
    .pg-trd-adv-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
        hyphens: auto;
    }
    
    /* ========== FEATURE BOX ========== */
    .pg-trd-adv-feature-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-trd-adv-feature-box i {
        margin: 0 auto 1rem;
    }
    p#imp-trd-box {
        text-align: center !important;
    }
    
    /* ========== GRIDS - 2 COLUMNS OR 1 COLUMN ========== */
    .pg-trd-adv-glass-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        padding: 0 2rem;
        margin-left: 2%;
        margin-right: 2%;
        padding-bottom: 2rem;
    }
    .pg-trd-adv-entry-card ul {
        margin-left: 35%;
    }
    
    
    .pg-trd-adv-entry-grid,
    .pg-trd-adv-split-flex {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-trd-adv-markets-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    
    .pg-trd-adv-process-flex {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .pg-trd-adv-ind-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    .pg-trd-adv-invest-grid {
       display: grid;
       grid-template-columns: repeat(2, minmax(12.5rem, 1fr));
    }
    
    .pg-trd-adv-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* ========== CARDS - PADDING ========== */
    .pg-trd-adv-glass-card {
        padding: 2rem;
    }
    
    .pg-trd-adv-entry-card {
        padding: 1.5rem;
    }
    
    .pg-trd-adv-list-box {
        padding: 2rem;
        text-align: center;
    }
    
    .pg-trd-adv-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* ========== LIST CENTERING ========== */
    .pg-trd-adv-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
    }
    
    /* ========== DARK SECTIONS ========== */
    .pg-trd-adv-dark-wrap,
    .pg-trd-adv-step-bg,
    .pg-trd-adv-invest-bg {
        padding: 4rem 2rem;
        border-radius: 1.5rem;
    }
    
    /* ========== CTA ========== */
    .pg-trd-adv-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-trd-adv-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-trd-adv-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
    
    .pg-trd-adv-center-title {
        margin-bottom: 2.5rem;
    }
    
    /* ========== HERO TEXT ========== */
    .pg-trd-adv-text {
        font-size: 1.1rem;
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    /* ========== HERO ========== */
    .pg-trd-adv-hero {
        height: 50vh;
        margin-top: 8.125rem; /* 130px */
        padding: 3.75rem 0; /* 60px */
    }
    
    .pg-trd-adv-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    .pg-trd-adv-hero-subtitle {
        font-size: 0.75rem; /* 15px */
    }
    
    .pg-trd-adv-breadcrumb {
        font-size: 0.75rem; /* 12px */
        margin-bottom: 1rem;
    }
    
    .pg-trd-adv-text {
        font-size: 1rem;
    }
    
    .pg-trd-adv-hero-divider {
        width: 95%;
    }
    
    /* ========== CONTAINERS ========== */
    .pg-trd-adv-section-margin {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* ========== INTRO ========== */
    .pg-trd-adv-intro-grid {
        gap: 2rem;
    }
    
    .pg-trd-adv-img-frame img,
    .pg-trd-adv-intro-img img {
        width: 80% !important;
        max-width: 25rem !important;
        height: auto !important;
        margin: 0 auto !important;
    }
    
    /* ========== HEADINGS ========== */
    .pg-trd-adv-main-heading {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    .pg-trd-adv-accent-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    /* ========== ALL GRIDS SINGLE COLUMN ========== */
    .pg-trd-adv-glass-grid,
    .pg-trd-adv-entry-grid,
    .pg-trd-adv-split-flex,
    .pg-trd-adv-markets-grid,
    .pg-trd-adv-process-flex,
    .pg-trd-adv-ind-grid,
    .pg-trd-adv-why-grid,
    .pg-trd-adv-invest-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 1rem;
    }
    
    /* ========== CARDS - REDUCED PADDING ========== */
    .pg-trd-adv-glass-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-trd-adv-entry-card {
        padding: 1.5rem;
    }
    .pg-trd-adv-entry-card ul {
        margin-left: 20%;
    }
    
    .pg-trd-adv-market-item {
        padding: 1rem;
    }
    
    .pg-trd-adv-ind-card {
        padding: 1.5rem 1rem;
    }
    
    .pg-trd-adv-list-box {
        padding: 1.875rem; /* 30px */
        text-align: center;
    }
    
    .pg-trd-adv-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* ========== LIST CENTERING ========== */
    .pg-trd-adv-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
        padding-left: 1.5rem;
    }
    
    .pg-trd-adv-check-list li {
        font-size: 0.8125rem; /* 13px */
    }
    
    /* ========== DARK SECTIONS ========== */
    .pg-trd-adv-dark-wrap,
    .pg-trd-adv-step-bg,
    .pg-trd-adv-invest-bg {
        padding: 3rem 1.5rem;
        border-radius: 1.25rem;
    }
    
    .pg-trd-adv-circle {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem; /* 55px */
        font-size: 1.25rem; /* 20px */
    }
    
    /* ========== FEATURE BOX ========== */
    .pg-trd-adv-feature-box {
        padding: 1.5rem;
    }
    
    /* ========== CTA ========== */
    .pg-trd-adv-cta-box {
        padding: 3rem 1.5rem;
        border-radius: 1.5rem;
        margin: 2rem auto 3rem;
    }
    
    .pg-trd-adv-cta-box h2 {
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-trd-adv-cta-box p {
        font-size: 1rem;
    }
    
    .pg-trd-adv-cta-group {
        margin-top: 2rem;
    }
    
    .pg-trd-adv-cta-group a {
        width: 100%;
        justify-content: center;
    }
    
    .pg-trd-adv-center-title {
        margin-bottom: 2rem;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */

/********************************* Company and Legal Docs Main CSS*****************************************/

/*=============================================================================
  COMPANY DOCUMENTATION PAGE CSS (pg-comp-doc)
  - All values in rem units
  - Font sizes matched with drug-pharma reference page
  - Section containers use 90% width with auto margins
  - Responsive breakpoints: 1024px, 768px, 480px
=============================================================================*/

.pg-comp-doc-body { 
    background-color: #f8faff; 
    color: #333; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

/* ============= SECTION CONTAINER - 90% WIDTH ============= */
.pg-comp-doc-section-margin { 
    width: 90%;
    max-width: 75rem; /* 1200px */
    margin: 3.125rem auto !important; /* 50px - centered */
}

/* ============= HERO ============= */
.pg-comp-doc-hero {
    height: 65vh;
    min-height: 30rem; /* 480px - same as drug-pharma */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px - navbar clearance */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-comp-doc-breadcrumb { 
    color: #cfa36a; 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase; 
    letter-spacing: 1px;
}
.pg-comp-doc-breadcrumb a { 
    color: #fff; 
    text-decoration: none; 
}

/* Hero Title - MATCHED with drug-pharma */
.pg-comp-doc-hero-title { 
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px to 60px - same as drug-pharma */
    font-weight: 800; 
}
.pg-comp-doc-hero-title span { color: #cfa36a; }

.pg-comp-doc-hero-desc { 
    font-size: 1rem; /* 16px */ 
    margin: 0.9375rem 0; /* 15px */
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* ============= HEADINGS - MATCHED with drug-pharma ============= */
.pg-comp-doc-main-title { 
    font-size: 2.375rem; /* 38px - MATCHED with drug-pharma */
    color: #0b2c3d; 
    font-weight: 800; 
    margin-bottom: 1.5625rem; /* 25px */
}
.pg-comp-doc-main-title span { color: #cfa36a; }
.pg-comp-doc-main-title.white-text { color: #fff; }

.pg-comp-doc-header-line { 
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
}

/* ============= CENTER HEADER ============= */
.pg-comp-doc-center-header { 
    text-align: center; 
    margin-bottom: 3.75rem; /* 60px - same as drug-pharma */
}

/* ============= INTRO GRID ============= */
.pg-comp-doc-intro-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 3.75rem; /* 60px */
    align-items: center;
}

.pg-comp-doc-parallel-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2.5rem; /* 40px */
}

.pg-comp-doc-intro-content { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}

.pg-comp-doc-intro-visual img { 
    width: 100%; 
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); 
}

/* ============= GRIDS ============= */
.pg-comp-doc-grid-4 { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.5625rem; /* 25px */
    margin-left: 10%;
    margin-right: 10%;
}
.pg-comp-doc-grid-3 { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 1.875rem; /* 30px - same as drug-pharma */
    margin-left: 10%;
    margin-right: 10%;
}

/* ============= DARK SECTION ============= */
.pg-comp-doc-dark-section { 
    background: #0b2c3d; 
    padding: 3.125rem 0; /* 50px - same as drug-pharma */
}

/* ============= GLASS CARDS ============= */
.pg-comp-doc-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem);
    color: #fff; 
    text-align: center; 
    transition: 0.4s; 
}
.pg-comp-doc-glass-card h3 {
    font-size: 1.25rem; /* 20px */
    margin-bottom: 0.625rem; /* 10px */
}
.pg-comp-doc-glass-card h5 {
    font-size: 1rem; /* 16px */
    margin-bottom: 0.625rem;
}
.pg-comp-doc-glass-card p {
    font-size: 0.875rem; /* 14px */
    color: rgba(255,255,255,0.8);
}
.pg-comp-doc-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px - same as drug-pharma */
    display: block; 
}
.pg-comp-doc-light { 
    background: #fff; 
    color: #333; 
    border: 1px solid #eee; 
}
.pg-comp-doc-light h5 {
    color: #0b2c3d;
}
.pg-comp-doc-light p {
    color: #555;
}
#company-list{
    padding-left: 2rem;
}

/* ============= LIST CARDS ============= */
.pg-comp-doc-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px - same as drug-pharma */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    text-align: center;
}
.pg-comp-doc-list-card h4 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    margin-bottom: 1rem;
}
.pg-comp-doc-list-card h5 {
    font-size: 1rem; /* 16px */
    color: #0b2c3d;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
}
.pg-comp-doc-list-card p {
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin-bottom: 1rem;
}

/* ============= CHECK LIST ============= */
.pg-comp-doc-check-list { 
    list-style: none; 
    padding: 0;
    padding-left: 3rem; /* 20px */
    margin-top: 1.5625rem; /* 25px */
    display: inline-block !important;
    text-align: left !important;
    margin: 1rem auto !important;
    width: auto !important;
}
.pg-comp-doc-check-list li { 
    padding: 0.625rem 0; /* 10px */
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; /* 14px - same as drug-pharma */
    display: flex; 
    gap: 0.75rem; /* 12px */
    align-items: center;
}
.pg-comp-doc-check-list li::before { 
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

/* ============= PROCESS ============= */
.pg-comp-doc-process-bg { 
    background: #0b2c3d; 
    padding: 3.125rem 0; /* 50px - same as drug-pharma */
}
.pg-comp-doc-process-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 1.5625rem; /* 25px */
}
.pg-comp-doc-step { text-align: center; }
.pg-comp-doc-step h4 {
    font-size: 1rem; /* 16px */
    margin-bottom: 0.3125rem;
}
.pg-comp-doc-step p {
    font-size: 0.875rem; /* 14px */
}
.step-num { 
    width: 3.75rem; /* 60px - same as drug-pharma */
    height: 3.75rem; 
    background: #cfa36a; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.5rem; /* 24px - same as drug-pharma */
    font-weight: 800; 
    margin: 0 auto 1.25rem; /* 20px */
}

/* ============= BENEFIT ITEMS ============= */
.pg-comp-doc-benefit-item { 
    text-align: center; 
    padding: 1.875rem; /* 30px */
    background: #fff; 
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.05);
}
.pg-comp-doc-benefit-item i { 
    font-size: 2.1875rem; /* 35px - same as drug-pharma metric */
    color: #cfa36a; 
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}
.pg-comp-doc-benefit-item h4 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.625rem;
}
.pg-comp-doc-benefit-item p {
    font-size: 0.875rem; /* 14px */
    color: #555;
}

/* ============= HIGHLIGHT BOX ============= */
.pg-comp-doc-highlight-box { 
    display: flex; 
    gap: 1.25rem; /* 20px */
    background: #fff; 
    padding: 1.875rem; /* 30px - same as drug-pharma */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    margin-top: 1.875rem; /* 30px */
}
.pg-comp-doc-highlight-box i { 
    font-size: 1.875rem; /* 30px - same as drug-pharma */
    color: #cfa36a; 
}
.pg-comp-doc-highlight-box h4 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.3125rem;
}
.pg-comp-doc-highlight-box p {
    font-size: 0.875rem; /* 14px */
    color: #555;
}

/* ============= CTA ============= */
.pg-comp-doc-cta-box { 
    background: #0b2c3d; 
    padding: 5rem 2.5rem; /* 80px 40px - same as drug-pharma */
    border-radius: 1.875rem; /* 30px */
    text-align: center; 
    color: #fff; 
}
.pg-comp-doc-cta-box h2 { 
    color: #fff; 
    font-size: 2rem; /* 32px */
    margin-bottom: 0.9375rem; /* 15px */
}
.pg-comp-doc-cta-box h2 span { color: #cfa36a; }
.pg-comp-doc-cta-box p {
    font-size: 1rem; /* 16px */
    color: rgba(255,255,255,0.8);
}
.pg-comp-doc-cta-btns { 
    display: flex; 
    justify-content: center; 
    gap: 1.875rem; /* 30px - same as drug-pharma */
    margin-top: 2.5rem; /* 40px */
    flex-wrap: wrap;
}
.pg-comp-doc-phone-btn { 
    color: #fff; 
    font-weight: 700; 
    text-decoration: none; 
    font-size: 1.125rem; /* 18px - same as drug-pharma */
    display: flex; 
    align-items: center; 
    gap: 0.625rem; /* 10px */
    transition: color 0.3s ease;
}
.pg-comp-doc-phone-btn:hover { color: #cfa36a; }

/* ============= RESPONSIVE 1024px ============= */
@media (max-width: 1024px) {
    .pg-comp-doc-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .pg-comp-doc-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .pg-comp-doc-process-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* Section Container */
    .pg-comp-doc-section-margin { 
        width: 90%;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Hero Section */
    .pg-comp-doc-hero { 
        height: 50vh;
        padding-top: 8.75rem; /* 140px */
        padding-bottom: 3.75rem;
        margin-top: 10rem;
    }
    
    /* Dark Section Padding */
    .pg-comp-doc-dark-section { padding: 3.75rem 5%; } /* 60px with side padding */
    .pg-comp-doc-process-bg { padding: 3.75rem 5%; }
    
    /* Intro Grid - Image on Top */
    .pg-comp-doc-intro-grid { 
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem; /* 40px */
    }
    
    .pg-comp-doc-parallel-grid { 
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-comp-doc-intro-visual { 
        order: -1 !important; /* Forces Image to the Top */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .pg-comp-doc-intro-visual img {
        height: auto;
        max-height: 21.875rem; /* 350px */
        object-fit: cover;
    }
    
    /* Intro Content - Centered text */
    .pg-comp-doc-intro-content {
        text-align: center !important;
    }
    
    /* Header Line - Centered */
    .pg-comp-doc-header-line {
        margin-left: auto;
        margin-right: auto;
        margin-left: 45%;
    }
    
    /* Highlight Box */
    .pg-comp-doc-highlight-box {
        display: grid;
        text-align: center;
        border-left: none;
        border-bottom: 0.3125rem solid #cfa36a;
        padding: 1.5rem;
    }
    
    .pg-comp-doc-highlight-box i {
        margin-bottom: 1rem;
    }
    
    .pg-comp-doc-highlight-box p {
        text-align: center;
    }
    
    /* Titles */
    .pg-comp-doc-main-title { font-size: 1.875rem; } /* 30px */
    
    /* Grids - 2 columns for tablet */
    .pg-comp-doc-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .pg-comp-doc-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .pg-comp-doc-process-grid { grid-template-columns: repeat(3, 1fr); }
    
    /* Cards */
    .pg-comp-doc-glass-card { padding: 2rem; }
    .pg-comp-doc-list-card { padding: 2rem; }
    .pg-comp-doc-benefit-item { padding: 1.5rem; }
    
    /* CTA Section */
    .pg-comp-doc-cta-box { 
        padding: 3.75rem 1.875rem; /* 60px 30px */
        border-radius: 1.25rem;
    }
    .pg-comp-doc-cta-btns { 
        flex-direction: column; 
        align-items: center; 
        gap: 1rem;
    }
    #company-incorp{
        padding-left: 3%;
    }
    #gst-register{
        padding-left: 3%;
    }
    #trademark-file{
        padding-left: 2%;
    }
    .pg-comp-inc-glass-card ul {
       padding-left: 3rem !important;
    }
    #gst-register-list{
        margin-top: 3rem !important;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    /* Section Container */
    .pg-comp-doc-section-margin { 
        width: 90% !important;
        margin: 1.875rem auto !important; /* 30px */
    }
    
    /* Hero Section */
    .pg-comp-doc-hero { 
        height: 45vh; 
        padding-top: 8.125rem; /* 130px */
        padding-bottom: 3.75rem;
    }
    .pg-comp-doc-hero-title { font-size: 2rem; } /* 32px - same as drug-pharma */
    .pg-comp-doc-hero-desc { font-size: 0.875rem; } /* 14px */
    .pg-comp-doc-breadcrumb { font-size: 0.75rem; } /* 12px */
    
    /* Dark Section Padding */
    .pg-comp-doc-dark-section { padding: 2.5rem 5%; } /* 40px */
    .pg-comp-doc-process-bg { padding: 2.5rem 5%; }
    
    /* Titles */
    .pg-comp-doc-main-title { font-size: 1.625rem; } /* 26px - same as drug-pharma */
    
    /* Intro Content - Justified text with hyphenation */
    .pg-comp-doc-intro-content p {
        text-align: justify !important;
        hyphens: auto;
    }
    
    /* Highlight Box */
    .pg-comp-doc-highlight-box {
        padding: 1.25rem;
    }
    
    .pg-comp-doc-highlight-box p {
        text-align: center;
    }
    #company-list{
        padding-left: 0rem !important;
    }
    
    /* Grids - Single column on mobile */
    .pg-comp-doc-grid-4 { grid-template-columns: 1fr; }
    .pg-comp-doc-grid-3 { grid-template-columns: 1fr; }
    .pg-comp-doc-process-grid { grid-template-columns: 1fr; }
    
    /* Cards */
    .pg-comp-doc-glass-card { padding: 1.875rem; } /* 30px */
    .pg-comp-doc-list-card { padding: 1.875rem; }
    .pg-comp-doc-benefit-item { padding: 1.25rem; } /* 20px */
    
    /* CTA Section */
    .pg-comp-doc-cta-box { 
        padding: 3.125rem 1.25rem; /* 50px 20px */
        border-radius: 0.9375rem; /* 15px */
    }
    
    .pg-comp-doc-cta-box h2 {
        font-size: 1.5rem; /* 24px */
    }
    
    .pg-comp-doc-cta-btns { 
        gap: 0.75rem;
    }
    
    /* Step Numbers */
    .step-num { 
        width: 2.8125rem; /* 45px */
        height: 2.8125rem; 
        font-size: 1rem; 
    }
}

/*********************************Comnpany Incorporation CSS CODE ********************************/
/*
/*
/*
=============================================================================
COMPANY INCORPORATION - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
✅ Following WPC/Drug-Pharma Standard Pattern
=============================================================================
*/

.pg-comp-inc-body { 
    background-color: #f8faff; 
    overflow-x: hidden; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    color: #333; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

.pg-comp-inc-section-margin { margin: 3.125rem 5%; } /* 50px 5% */

/* ============= HERO ============= */
.pg-comp-inc-hero {
    height: 60vh;
    min-height: 28.125rem; /* 450px */
    margin-top: 8.125rem; /* 130px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(11, 44, 61, 0.9)), 
                url('https://images.pexels.com/photos/3183186/pexels-photo-3183186.jpeg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    flex-direction: column;
}

.pg-comp-inc-breadcrumb { font-size: 0.875rem; margin-bottom: 1.25rem; color: #fff; } /* 14px 20px */
.pg-comp-inc-breadcrumb a { color: #fff; text-decoration: none; transition: 0.3s; }
.pg-comp-inc-breadcrumb a:hover { color: #cfa36a; }

.pg-comp-inc-hero-title { font-size: clamp(2rem, 6vw, 3.8rem); font-weight: 800; }
.pg-comp-inc-hero-title span { color: #cfa36a; }

.pg-comp-inc-hero-divider { display: flex; align-items: center; gap: 0.9375rem; margin: 1.25rem auto; width: 80%; max-width: 37.5rem; justify-content: center;} /* 15px 20px 600px */
.pg-comp-inc-line { height: 2px; flex: 1; background: #cfa36a; }
.pg-comp-inc-text { font-size: 1.2rem; letter-spacing: 2px; font-weight: 600; color: #fff; }
.pg-comp-inc-hero-subtitle { font-size: 1.125rem; letter-spacing: 2px; font-weight: 500; color: rgba(255,255,255,0.8); } /* 18px */

/* ============= INTRO ============= */
.pg-comp-inc-intro-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.125rem; align-items: center; } /* 50px */

.pg-comp-inc-main-heading { font-size: clamp(1.8rem, 5vw, 2.5rem); color: #0b2c3d; margin-bottom: 1.25rem; font-weight: 800; } /* 20px */
.pg-comp-inc-main-heading span { color: #cfa36a; }
.pg-comp-inc-accent-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; } /* 60px 4px 25px */

.pg-comp-inc-feature-box { gap: 1.25rem; background: #fff; padding: 1.5625rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; } /* 20px 25px 15px 5px 10px 30px 30px */
.pg-comp-inc-feature-box i { font-size: 2.1875rem; color: #cfa36a; } /* 35px */

.pg-comp-inc-img-frame {  order:-1; width: 100%; border-radius: 1.25rem; overflow: hidden; } /* 20px 20px 40px */
.pg-comp-inc-img-frame img { width: 100%; height: 100%; object-fit: cover; }

/* ============= DARK WRAP ============= */
.pg-comp-inc-dark-wrap { background: #0b2c3d; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-comp-inc-white { color: #fff !important; }
.pg-comp-inc-center-title { text-align: center; margin-bottom: 3.125rem; } /* 50px */

.pg-comp-inc-glass-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 1.5625rem; } /* 300px 25px */

/* ✅ GLASS CARDS - Icons/Headings centered, Lists centered with width+margin */
.pg-comp-inc-glass-card { 
    background: rgba(255,255,255,0.05); 
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255,255,255,0.1); 
    color: #fff; 
    display: flex; 
    flex-direction: column;
    text-align: center;
}

.pg-comp-inc-glass-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; } /* 35px 15px */
.pg-comp-inc-glass-card h3 { font-size: 1.2rem; margin-bottom: 0.9375rem; font-weight: 700; } /* 15px */

/* ✅ Lists centered with width+margin */
.pg-comp-inc-glass-card ul { 
    list-style: disc; 
    padding-left: 1.25rem; /* 20px */
    margin-bottom: 1.25rem; /* 20px */
    flex-grow: 1; 
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}
.pg-comp-inc-glass-card li { font-size: 0.8125rem; margin-bottom: 0.3125rem; color: rgba(255,255,255,0.8); } /* 13px 5px */

/* ============= BADGES ============= */
.pg-comp-inc-badge { background: #e8f5e8; color: #27ae60; padding: 0.3125rem 0.9375rem; border-radius: 0.3125rem; font-size: 0.8125rem; font-weight: 700; display: inline-block; text-align: center;} /* 5px 15px 5px 13px */
.pg-comp-inc-badge.gold { background: #fff3cd; color: #856404; }
.pg-comp-inc-badge.red { background: #f8d7da; color: #721c24; }
.pg-comp-inc-badge.blue { background: #d1ecf1; color: #0c5460; }
.pg-comp-inc-badge.grey { background: #e2e3e5; color: #383d41; }
.pg-comp-inc-badge.purple { background: #ffeaa7; color: #6c5ce7; }

/* ============= PROCESS ============= */
.pg-comp-inc-step-bg { background: #ededed; padding: 4.375rem 5%; border-radius: 1.875rem; } /* 70px 5% 30px */
.pg-comp-inc-process-flex { display: grid; grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); gap: 1.25rem; text-align: center; } /* 180px 20px */
.pg-comp-inc-circle { width: 4.0625rem; height: 4.0625rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.9375rem; font-weight: 800; font-size: 1.4rem; } /* 65px 65px 15px */

/* ============= LIST BOXES ============= */
.pg-comp-inc-split-flex { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1.875rem; } /* 320px 30px */

/* ✅ LIST BOX - Centered */
.pg-comp-inc-list-box { 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    background: #fff; 
    border-top: 0.375rem solid #cfa36a; /* 6px */
    text-align: center;
}

/* ✅ Check list - centered with width+margin */
.pg-comp-inc-check-list { 
    list-style: none; 
    line-height: 2; 
    margin-top: 1.25rem; /* 20px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
    margin-left: 30%;
}
.pg-comp-inc-check-list li { font-size: 0.875rem; color: #555; display: flex; align-items: center; gap: 0.625rem; } /* 14px 10px */
.pg-comp-inc-check-list li::before { content: '✓'; color: #cfa36a; font-weight: bold; }

/* ============= POST-INCORPORATION COMPLIANCE GRID ============= */
.pg-comp-inc-compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); /* 260px */
    gap: 1.5625rem; /* 25px */
    margin-top: 2.5rem; /* 40px */
}

/* ✅ COMPLIANCE CARDS - Centered */
.pg-comp-inc-comp-card {
    background: #ffffff;
    padding: 2.1875rem 1.5625rem; /* 35px 25px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); /* 10px 30px */
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: transform 0.3s ease;
}

.pg-comp-inc-comp-card:hover {
    transform: translateY(-0.625rem); /* -10px */
}

.pg-comp-inc-comp-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-comp-inc-comp-card h5 {
    color: #0b2c3d;
    font-size: 1.2rem;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 700;
}

/* ✅ Compliance card lists - centered */
.pg-comp-inc-comp-card ul {
    list-style: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
}

.pg-comp-inc-comp-card li {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.8;
    margin-bottom: 0.5rem; /* 8px */
    position: relative;
    padding-left: 1.25rem; /* 20px */
}

.pg-comp-inc-comp-card li::before {
    content: '•';
    color: #cfa36a;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* ============= INVESTMENT ============= */
.pg-comp-inc-invest-bg { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; } /* 60px 5% 30px */
.pg-comp-inc-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.875rem; text-align: center; color: #fff; } /* 200px 30px */
.pg-comp-inc-invest-card i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; } /* 35px 15px */

/* ============= WHY CHOOSE ============= */
.pg-comp-inc-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); gap: 1.5625rem; } /* 250px 25px */
.pg-comp-inc-why-card { background: #fff; padding: 2.1875rem; border-radius: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); text-align: center; border-bottom: 0.25rem solid #cfa36a; } /* 35px 20px 5px 20px 4px */

/* ============= CTA ============= */
.pg-comp-inc-cta-box { background: #0b2c3d; padding: 3.75rem 5%; border-radius: 1.875rem; text-align: center; color: #fff; } /* 60px 5% 30px */
.pg-comp-inc-cta-group { display: flex; justify-content: center; gap: 1.25rem; margin-top: 1.875rem; flex-wrap: wrap; } /* 20px 30px */
.pg-comp-inc-btn-gold { background: #cfa36a; color: #fff; padding: 0.9375rem 2.5rem; border-radius: 3.125rem; text-decoration: none; font-weight: 700; } /* 15px 40px 50px */
.pg-comp-inc-btn-phone { border: 2px solid #fff; color: #fff; padding: 0.8125rem 2.1875rem; border-radius: 3.125rem; text-decoration: none; display: flex; align-items: center; gap: 0.625rem; } /* 13px 35px 50px 10px */

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-comp-inc-hero { margin-top: 10rem; height: 50vh; } /* 110px */
    .pg-comp-inc-intro-grid { 
        display: flex !important;      /* Enables Flexbox */
        flex-direction: column !important; /* Stacks items vertically */
        text-align: center; 
    }
    
    .pg-comp-inc-intro-img { order: -1; margin-bottom: 1.875rem; } /* 30px */
    .pg-comp-inc-section-margin { margin: 2.5rem 4%; } /* 40px 4% */
    .pg-comp-inc-process-flex { grid-template-columns: repeat(2, 1fr); }
    .pg-comp-inc-hero-subtitle { font-size: 1rem; } /* 16px */
    .pg-comp-inc-compliance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem; /* 20px */
    }
    .pg-comp-inc-glass-grid { grid-template-columns: 1fr; }
    .pg-comp-inc-split-flex {
      display: grid;
      grid-template-columns: repeat(1, minmax(20rem, 1fr));
    
    }
    .pg-comp-inc-check-list {
      margin-left: 33%;
    }
    .pg-comp-inc-accent-line {
      margin-left: 45%;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-comp-inc-hero { height: 45vh; }
    .pg-comp-inc-main-heading { font-size: 1.6rem; }
    .pg-comp-inc-process-flex { grid-template-columns: 1fr; }
    .pg-comp-inc-cta-group a { width: 100%; text-align: center; justify-content: center; }
    .pg-comp-inc-text { font-size: 1rem; }
    .pg-comp-inc-compliance-grid {
        grid-template-columns: 1fr;
    }
    .pg-comp-inc-comp-card {
        padding: 1.875rem 1.25rem; /* 30px 20px */
    }
        .pg-comp-inc-check-list {
        margin-left: 10%;
    }
        .pg-comp-inc-accent-line {
        margin-left: 40%;
    }
}

/********************************* GST REGISTRATION RETURNS CSS CODE ********************************/
/*
=============================================================================
GST REGISTRATION & RETURNS - RESPONSIVE CSS WITH REM UNITS
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 (like Drug-Pharma)
=============================================================================
*/

.pg-gst-compliance-body { 
    background-color: #f8faff; 
    color: #333; 
    overflow-x: hidden; 
    font-family: 'Poppins', sans-serif; /* ✅ Added */
    line-height: 1.6; /* ✅ Added */
}

/* ============= HERO ============= */
.pg-gst-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.pexels.com/photos/209224/pexels-photo-209224.jpeg');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px - Navbar clearance */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-gst-breadcrumb { color: #cfa36a; font-size: 0.875rem; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: 1px; } /* 14px 20px */
.pg-gst-breadcrumb a { color: #fff; text-decoration: none; }
.pg-gst-hero-title { font-size: clamp(2.1875rem, 6vw, 3.75rem); font-weight: 800; } /* 35px-60px */
.pg-gst-hero-title span { color: #cfa36a; }
.pg-gst-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); max-width: 50rem; margin: 1.25rem auto 0; } /* 18px 800px 20px */

.pg-gst-section-gap { 
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto;
    padding: 0; } /* 50px */

.pg-gst-main-title { font-size: 2.375rem; color: #0b2c3d; font-weight: 800; margin-bottom: 1.5625rem; } /* 38px 25px */
.pg-gst-main-title span { color: #cfa36a; }

/* ============= INTRO ============= */
.pg-gst-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.75rem; align-items: center; } /* 60px */
.pg-gst-header-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; } /* 60px 4px 25px */
.pg-gst-intro-visual img { width: 100%; border-radius: 1.25rem; box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); } /* 20px 20px 40px */
.pg-gst-highlight-box { display: flex; gap: 1.25rem; background: #fff; padding: 1.875rem; border-radius: 0.9375rem; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); border-left: 0.3125rem solid #cfa36a; margin-top: 1.875rem; } /* 20px 30px 15px 10px 30px 5px 30px */
.pg-gst-highlight-box i { font-size: 1.875rem; color: #cfa36a; } /* 30px */

/* ============= DARK SECTION ============= */
.pg-gst-dark-section { background: #0b2c3d; padding: 2rem 0; } /* 100px */
.pg-gst-center-header { text-align: center; margin-bottom: 3.75rem; } /* 60px */
.pg-gst-types-grid { display: grid; grid-template-columns: repeat(2, minmax(17.5rem, 1fr)); gap: 1.875rem; margin:3.125rem; } /* 280px 30px 50px */

/* ✅ GLASS CARDS - Icons/Headings centered, Lists centered with width+margin */
.pg-gst-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); /* 10px */
    color: #fff;
    text-align: center;
}
.pg-gst-glass-card:hover { border-color: #cfa36a; transform: translateY(-0.625rem); } /* -10px */
.pg-gst-glass-card i { font-size: 2.5rem; color: #cfa36a; margin-bottom: 1.5625rem; display: block; } /* 40px 25px */

/* ✅ Lists centered with width+margin */
.pg-gst-glass-list { 
    list-style: none; 
    padding: 0; 
    margin-top: 0.9375rem; /* 15px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
    
}
.pg-gst-glass-list li { font-size: 0.8125rem; margin-bottom: 0.5rem; color: rgba(255,255,255,0.7); position: relative; padding-left: 0.9375rem; } /* 13px 8px 15px */
.pg-gst-glass-list li::before { content: "•"; color: #cfa36a; position: absolute; left: 0; }

/* ============= PROCESS ============= */
.pg-gst-process-bg { background: #ededed; padding: 2rem 0; } /* 100px */
.pg-gst-process-grid { display: grid; grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); gap: 1.5625rem; margin: 3.125rem; } /* 200px 25px 50px */
.pg-gst-step { text-align: center; }
.step-num { width: 3.75rem; height: 3.75rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; margin: 0 auto 1.25rem; } /* 60px 60px 24px 20px */

/* ============= RETURNS ============= */
.pg-gst-returns-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); gap: 0.9375rem; } /* 300px 15px */
.pg-gst-return-item { background: #fff; padding: 1.25rem; border-radius: 0.625rem; border-left: 0.1875rem solid #cfa36a; font-size: 0.875rem; box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.03); text-align: center; } /* 20px 10px 3px 14px 5px 15px */

/* ============= SPLIT GRID ============= */
.pg-gst-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; } /* 40px */

/* ✅ LIST CARDS - Centered */
.pg-gst-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    text-align: center;
}

/* ✅ Check list - centered with width+margin */
.pg-gst-check-list { 
    list-style: none; 
    margin-top: 1.5625rem; /* 25px */
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: left;
    margin-left: 30%;
}
.pg-gst-check-list li { padding: 0.625rem 0; border-bottom: 1px solid #f0f0f0; font-size: 0.875rem; display: flex; gap: 0.75rem; } /* 10px 14px 12px */
.pg-gst-check-list li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #cfa36a; }

/* ============= METRICS ============= */
.pg-gst-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); gap: 1.875rem; text-align: center; } /* 220px 30px */
.pg-gst-metric i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; } /* 35px 15px */
.pg-gst-metric h5 { color: #fff; margin-bottom: 0.3125rem; } /* 5px */
.pg-gst-metric p { color: #cfa36a; font-weight: 700; font-size: 1.25rem; } /* 20px */
.pg-gst-metric small { color: rgba(255,255,255,0.6); }

/* ============= WHY CHOOSE ============= */
.pg-gst-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr)); gap: 1.875rem; } /* 250px 30px */
.pg-gst-why-card { text-align: center; background: #fff; padding: 2.5rem 1.875rem; border-radius: 0.9375rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); border-bottom: 0.25rem solid #cfa36a; } /* 40px 30px 15px 5px 20px 4px */
.pg-gst-why-card i { font-size: 2.5rem; color: #cfa36a; margin-bottom: 1.25rem; } /* 40px 20px */

/* ============= CTA ============= */
.pg-gst-cta-box { background: #0b2c3d; padding: 5rem 2.5rem; border-radius: 1.875rem; text-align: center; color: #fff; } /* 80px 40px 30px */
.pg-gst-cta-btns { display: flex; justify-content: center; gap: 1.875rem; margin-top: 2.5rem; flex-wrap: wrap; } /* 30px 40px */
.pg-gst-phone-btn { color: #fff; font-weight: 700; text-decoration: none; font-size: 1.25rem; display: flex; align-items: center; gap: 0.625rem; } /* 20px 10px */

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    .pg-gst-intro-grid, .pg-gst-split-grid, .pg-gst-process-grid { display: flex !important;
        flex-direction: column !important; 
        gap: 2rem !important; }
    .pg-gst-section-gap { margin: 0 1.25rem; } /* 20px */
    .pg-gst-hero { margin-top: 8.75rem; height: 50vh; padding: 5rem 1.25rem; } /* 140px 80px 20px */
    .pg-gst-cta-btns { flex-direction: column; align-items: center; }
    .pg-gst-types-grid { grid-template-columns: 1fr; }
    .pg-gst-glass-list {
      margin-left: 32%;
    }
    .pg-gst-main-title {
      text-align: center;
    }
    .pg-gst-header-line {
     margin-left: 45%;
    }
    .pg-gst-section-gap { padding: 2rem 0; } /* 50px */
/* 1. FORCE PARENT TO FLEX & REVERSE COLUMN
       - 'column-reverse' flips the order: 
         The 2nd item (Image) goes to TOP.
         The 1st item (Text) goes to BOTTOM. */
    .pg-gst-reg-intro-grid {
        display: flex !important;
        flex-direction: column-reverse !important; 
        gap: 2rem !important;
    }

    /* 2. IMAGE STYLING */
    .pg-gst-reg-intro-img {
        order:-1;
        width: 100% !important;
        margin-bottom: 0 !important; /* Gap handled by parent */
    }
    .pg-gst-check-list {
       margin-left: 35%;
    }
     .pg-gst-intro-grid {
        display: flex;
        flex-direction: column;
    }
    
    .pg-gst-intro-content {
        order: 2;
    }
    
    .pg-gst-intro-visual {
        order: 1;
        margin-bottom: 2rem;
    }
    .pg-gst-highlight-box {
       display: grid;
       text-align: center;
    }
    .pg-gst-invest-grid {
       display: grid;
       grid-template-columns: repeat(2, minmax(13.75rem, 1fr));
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-gst-hero { height: 45vh; margin-top: 10rem; padding: 3.75rem 1.25rem; } /* 130px 60px 20px */
    .pg-gst-main-title { font-size: 1.75rem; } /* 28px */
    .pg-gst-list-card { padding: 1.875rem; } /* 30px */
    .pg-gst-glass-list {
        margin-left: 10%;
    }
    .pg-gst-check-list {
        margin-left: 18%;
    }
    .pg-gst-intro-grid {
        display: flex;
        flex-direction: column;
    }
    
    .pg-gst-intro-content {
        order: 2;
    }
    
    .pg-gst-intro-visual {
        order: 1;
        margin-bottom: 1.5rem;
    }
    .pg-gst-invest-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(13.75rem, 1fr));
    }
}

/***************************************** Trademark IPR Services CSS Code *************************/
/*
=============================================================================
TRADEMARK & IPR SERVICES - RESPONSIVE CSS WITH REM UNITS
✅ Based on Drug-Pharma spacing patterns
✅ Desktop: px → rem (exact spacing preserved)
✅ Lists: Centered with width + margin: auto
✅ Font: Poppins with line-height 1.6 + color #333
✅ Image FIRST, Text SECOND (order corrected)
✅ Paragraphs JUSTIFIED
=============================================================================
*/

.pg-trademark-ipr-body { 
    background-color: #f8faff; 
    color: #333; 
    overflow-x: hidden; 
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

/* ============= SECTION MARGINS - MATCH DRUG-PHARMA ============= */
.pg-trademark-ipr-section-margin { 
    margin-top: 3.125rem !important; /* 50px - Same as Drug-Pharma */
    margin-bottom: 3.125rem !important; 
    width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    
}

/* ============= HERO - MATCH DRUG-PHARMA SPACING ============= */
.pg-trademark-ipr-hero {
    height: 65vh;
    min-height: 30rem; /* 480px - Same as Drug-Pharma */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.pexels.com/photos/7661590/pexels-photo-7661590.jpeg');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0; /* ✅ No margin-top */
    padding-top: 9rem; /* 144px - Same as Drug-Pharma for navbar clearance */
    padding-bottom: 4rem; /* 64px - Same as Drug-Pharma */
    color: #fff;
}

.pg-trademark-ipr-breadcrumb { 
    color: #cfa36a; 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase; 
    letter-spacing: 1px; 
}
.pg-trademark-ipr-breadcrumb a { color: #fff; text-decoration: none; }

.pg-trademark-ipr-hero-title { 
    font-size: clamp(2.1875rem, 6vw, 3.7rem); /* 35px to 59.2px */
    font-weight: 800; 
}
.pg-trademark-ipr-hero-title span { color: #cfa36a; }

.pg-trademark-ipr-hero-desc { 
    font-size: 1.125rem; /* 18px */
    color: rgba(255,255,255,0.7); 
    max-width: 50rem; /* 800px */
    margin: 1.25rem auto 0; /* 20px */
    text-transform: uppercase; 
}

/* ============= HEADINGS ============= */
.pg-trademark-ipr-main-title { 
    font-size: 2.375rem; /* 38px - Same as Drug-Pharma */
    color: #0b2c3d; 
    font-weight: 800; 
    margin-bottom: 1.5625rem; /* 25px - Same as Drug-Pharma */
}
.pg-trademark-ipr-main-title span { color: #cfa36a; }

/* ============= INTRO GRID - ✅ IMAGE FIRST ============= */
.pg-trademark-ipr-intro-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 3.75rem; /* 60px - Same as Drug-Pharma */
    align-items: center; 
}

/* ✅ Image comes FIRST (left side) */
.pg-trademark-ipr-intro-visual { 
    order: 1; 
}

/* ✅ Content comes SECOND (right side) */
.pg-trademark-ipr-intro-content { 
    order: 1; 
}

/* ✅ Paragraphs JUSTIFIED */
.pg-trademark-ipr-intro-content p {
    text-align: justify;
    hyphens: auto;
    margin-bottom: 1rem;
}

.pg-trademark-ipr-header-line { 
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-trademark-ipr-intro-visual img { 
    width: 100%; 
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); /* 20px 40px */
}

/* ✅ HIGHLIGHT BOX - Icon on LEFT (as in original) */
.pg-trademark-ipr-highlight-box { 
    display: flex; 
    gap: 1.25rem; /* 20px */
    background: #fff; 
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); /* 10px 30px */
    margin-top: 1.875rem; /* 30px */
}

.pg-trademark-ipr-highlight-box i { 
    font-size: 1.875rem; /* 30px */
    color: #cfa36a; 
}

.pg-trademark-ipr-highlight-box h4 {
    margin-bottom: 0.5rem;
    color: #0b2c3d;
    font-weight: 700;
}

.pg-trademark-ipr-highlight-box p {
    color: #666;
    font-size: 0.875rem;
}

/* ============= DARK SECTION - MATCH DRUG-PHARMA ============= */
.pg-trademark-ipr-dark-section { 
    background: #0b2c3d; 
    padding: 2rem 0; /* 50px - Same as Drug-Pharma */
}

.pg-trademark-ipr-center-header { 
    text-align: center; 
    margin-bottom: 3.75rem; /* 60px - Same as Drug-Pharma */
}

.pg-trademark-ipr-types-grid { 
    display: grid; 
    grid-template-columns: repeat(3, minmax(17.5rem, 1fr)); /* 280px - Same as Drug-Pharma */
    gap: 1.875rem; /* 30px - Same as Drug-Pharma */
}

/* ✅ GLASS CARDS - CENTERED like Drug-Pharma */
.pg-trademark-ipr-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); /* 10px */
    color: #fff;
    text-align: center; /* ✅ CENTER everything */
    transition: transform 0.3s ease;
}

.pg-trademark-ipr-glass-card:hover { 
    border-color: #cfa36a; 
    transform: translateY(-0.625rem); /* -10px */
}

.pg-trademark-ipr-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}

.pg-trademark-ipr-glass-card h3 {
    font-size: 1.2rem;
    margin-bottom: 0.625rem;
    font-weight: 700;
}

.pg-trademark-ipr-glass-card p {
    margin-top: 0.3125rem; /* 5px */
    margin-bottom: 0.9375rem; /* 15px */
    color: rgba(255,255,255,0.8);
}

/* ✅ Lists - centered with width+margin like Drug-Pharma */
.pg-trademark-ipr-glass-list { 
    list-style: none; 
    padding: 0; 
    margin-top: 0.9375rem; /* 15px */
    display: inline-block !important; /* Shrink to fit */
    text-align: left !important; /* Keep bullets/text left aligned */
    margin-left: auto !important; /* Center the block */
    margin-right: auto !important;
    padding-left: 1.25rem !important; /* 20px - Bullet spacing */
    width: auto !important;
}
#plant-list{
    margin-top: 2.5rem !important;
}
#patent-list{
    padding-left: 3.5rem !important;
}

.pg-trademark-ipr-glass-list li { 
    font-size: 0.8125rem; /* 13px */
    margin-bottom: 0.5rem; /* 8px */
    color: rgba(255,255,255,0.7); 
    position: relative; 
    padding-left: 0.9375rem; /* 15px */
}

.pg-trademark-ipr-glass-list li::before { 
    content: "•"; 
    color: #cfa36a; 
    position: absolute; 
    left: 0; 
}

/* ============= PROCESS - MATCH DRUG-PHARMA ============= */
.pg-trademark-ipr-process-bg { 
    background: #ededed; 
    padding: 2rem 0; /* 50px - Same as Drug-Pharma */
}

.pg-trademark-ipr-process-grid { 
    display: grid; 
    grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); /* 200px - Same as Drug-Pharma */
    gap: 1.5625rem; /* 25px - Same as Drug-Pharma */
}

.pg-trademark-ipr-step { text-align: center; }

.step-num { 
    width: 3.75rem; /* 60px - Same as Drug-Pharma */
    height: 3.75rem; /* 60px */
    background: #cfa36a; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.5rem; /* 24px */
    font-weight: 800; 
    margin: 0 auto 1.25rem; /* 20px */
}

/* ============= SPLIT GRID - MATCH DRUG-PHARMA ============= */
.pg-trademark-ipr-split-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2.5rem; /* 40px - Same as Drug-Pharma */
}

/* ✅ LIST CARDS - CENTERED like Drug-Pharma */
.pg-trademark-ipr-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px - Same as Drug-Pharma */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); /* 10px 30px */
    text-align: center; /* ✅ CENTER */
}

/* ✅ Check/Class lists - centered */
.pg-trademark-ipr-check-list, 
.pg-trademark-ipr-class-list { 
    list-style: none; 
    margin-top: 1.5625rem; /* 25px */
    display: inline-block !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    padding-left: 1.5rem;
}

.pg-trademark-ipr-check-list li, 
.pg-trademark-ipr-class-list li { 
    padding: 0.625rem 0; /* 10px */
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; /* 14px */
    display: flex; 
    gap: 0.75rem; /* 12px */
    margin-left: 12%;
}

.pg-trademark-ipr-check-list li::before { 
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

.pg-trademark-ipr-class-list li::before { 
    content: "\f12e"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

/* ============= METRICS ============= */
.pg-trademark-ipr-invest-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); /* 220px */
    gap: 1.875rem; /* 30px */
    text-align: center; 
}

.pg-trademark-ipr-metric i { 
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a; 
    margin-bottom: 0.9375rem; /* 15px */
    display: block; 
}

.pg-trademark-ipr-metric h5 { 
    color: #fff; 
    margin-bottom: 0.3125rem; /* 5px */
}

.pg-trademark-ipr-metric p { 
    color: #cfa36a; 
    font-weight: 700; 
    font-size: 1.25rem; /* 20px */
}

.pg-trademark-ipr-metric small { 
    color: rgba(255,255,255,0.6); 
}

/* ============= WHY CHOOSE ============= */
.pg-trademark-ipr-why-grid { 
    display: grid; 
    grid-template-columns: repeat(4, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.875rem; /* 30px */
}

.pg-trademark-ipr-why-card { 
    text-align: center; 
    background: #fff; 
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); /* 5px 20px */
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
}

.pg-trademark-ipr-why-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.25rem; /* 20px */
}

/* ============= CTA ============= */
.pg-trademark-ipr-cta-box { 
    background: #0b2c3d; 
    padding: 5rem 2.5rem; /* 80px 40px */
    border-radius: 1.875rem; /* 30px */
    text-align: center; 
    color: #fff; 
}

.pg-trademark-ipr-cta-btns { 
    display: flex; 
    justify-content: center; 
    gap: 1.875rem; /* 30px */
    margin-top: 2.5rem; /* 40px */
    flex-wrap: wrap; 
}

.pg-trademark-ipr-phone-btn { 
    color: #fff; 
    font-weight: 700; 
    text-decoration: none; 
    font-size: 1.25rem; /* 20px */
    display: flex; 
    align-items: center; 
    gap: 0.625rem; /* 10px */
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* ✅ Hero spacing adjustments */
    .pg-trademark-ipr-hero { 
        margin-top: 10rem;
        padding-top: 8.75rem; /* 140px */
        padding-bottom: 3rem; /* 48px */
        height: 50vh;
    }
    
    /* ✅ Intro grid - Stack vertically, image first */
    .pg-trademark-ipr-intro-grid { 
        grid-template-columns: 1fr; 
        text-align: center;
    }
    
    .pg-trademark-ipr-intro-visual { 
        order: 1; 
        margin-bottom: 1.875rem; /* 30px */
    }
    
    .pg-trademark-ipr-intro-content { 
        order: 2; 
    }
    
    /* ✅ Keep paragraphs justified */
    .pg-trademark-ipr-intro-content p {
        text-align: justify;
    }
    
    /* ✅ Center header line on mobile */
    .pg-trademark-ipr-header-line {
        margin-left: auto;
        margin-right: auto;
    }
    
    .pg-trademark-ipr-main-title { 
        text-align: center; 
    }
    .pg-trademark-ipr-highlight-box {
      display: grid;    
    }
    .pg-trademark-ipr-highlight-box p {
      margin-left: 10%;
    }
    
    .pg-trademark-ipr-split-grid, 
    .pg-trademark-ipr-process-grid { 
        grid-template-columns: 1fr; 
    }
    
    .pg-trademark-ipr-cta-btns { 
        flex-direction: column; 
        align-items: center; 
    }
    
    .pg-trademark-ipr-types-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .pg-trademark-ipr-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    #copyright-list{
        margin-top: 2.5rem;
    }
    #patent-list{
        margin-top: 2.5rem;
    }
    #plant-list {
        margin-top: 1rem !important;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    .pg-trademark-ipr-hero { 
        height: 45vh;
        padding-top: 10rem;
        padding-bottom: 2rem;
        margin-top: 5rem;
    }
    
    .pg-trademark-ipr-main-title { 
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-trademark-ipr-list-card { 
        padding: 1.875rem; /* 30px */
    }
    
    
    .pg-trademark-ipr-types-grid {
        grid-template-columns: 1fr;
    }
    
    .pg-trademark-ipr-why-grid {
        grid-template-columns: 1fr;
    }
    #copyright-list {
        margin-top: 1rem;
    }
    #patent-list {
        margin-top: 1rem;
        padding-left: 1rem !important;
    }
    .pg-trademark-ipr-check-list, .pg-trademark-ipr-class-list {
        padding-left: 0rem !important;
    }
    .pg-trademark-ipr-breadcrumb {
        font-size: 0.75rem;
    }
}



/****************************** Licensing & Approvals Main Page Code************************************/
/*=============================================================================
  LICENSING & APPROVALS PAGE CSS (pg-licensing)
  - All values in rem units
  - Font sizes matched with drug-pharma reference page
  - Card contents centered (icons, headings, lists)
  - Section containers use 90% width with auto margins
  - Responsive breakpoints: 1024px, 768px, 480px
=============================================================================*/

.pg-licensing-body { 
    background-color: #f8faff; 
    color: #333; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

/* ============= SECTION CONTAINER - 90% WIDTH ============= */
.pg-licensing-section-margin { 
    width: 90%;
    max-width: 75rem; /* 1200px */
    margin: 3.125rem auto !important; /* 50px - centered */
}

/* ============= HERO ============= */
.pg-licensing-hero {
    height: 65vh;
    min-height: 30rem; /* 480px - same as drug-pharma */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px - navbar clearance */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-licensing-breadcrumb { 
    color: #cfa36a; 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase; 
    letter-spacing: 1px;
}
.pg-licensing-breadcrumb a { 
    color: #fff; 
    text-decoration: none; 
}

/* Hero Title - MATCHED with drug-pharma */
.pg-licensing-hero-title { 
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px to 60px - same as drug-pharma */
    font-weight: 800; 
    line-height: 1;
}

.pg-licensing-hero-divider { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    font-weight: 800; 
    letter-spacing: 0.25rem; /* 4px */
    margin-bottom: 0.625rem; /* 10px */
}

.pg-licensing-hero-subtitle { 
    font-size: 1rem; /* 16px */
    color: rgba(255,255,255,0.7); 
    max-width: 50rem; /* 800px */
    margin: 0 auto; 
    text-transform: uppercase; 
    letter-spacing: 0.125rem; /* 2px */
}

/* ============= HEADINGS - MATCHED with drug-pharma ============= */
.pg-licensing-main-title { 
    font-size: 2.375rem; /* 38px - MATCHED with drug-pharma */
    color: #0b2c3d; 
    font-weight: 800; 
    margin-bottom: 1.5625rem; /* 25px */
}
.pg-licensing-main-title span { color: #cfa36a; }
.pg-licensing-main-title.white-text { color: #fff; }

.pg-licensing-header-line { 
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
}

.pg-licensing-sub-title { 
    font-size: 1.5rem; /* 24px */
    color: #0b2c3d; 
    margin: 1.875rem 0 0.9375rem; /* 30px 0 15px */
    font-family: 'Playfair Display', serif; 
}

/* ============= CENTER HEADER ============= */
.pg-licensing-center-header { 
    text-align: center; 
    margin-bottom: 3.75rem; /* 60px - same as drug-pharma */
}

/* ============= INTRO GRID ============= */
.pg-licensing-intro-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 3.75rem; /* 60px */
    align-items: center;
}

.pg-licensing-intro-content { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}

.pg-licensing-intro-content p {
    font-size: 0.9375rem; /* 15px */
    color: #555;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-licensing-intro-visual img { 
    width: 100%; 
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); 
}

/* ============= HIGHLIGHT BOX ============= */
.pg-licensing-highlight-box { 
    display: flex; 
    gap: 1.25rem; /* 20px */
    background: #fff; 
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); 
    margin-top: 1.5625rem; /* 25px */
}
.pg-licensing-highlight-box i { 
    font-size: 1.75rem; /* 28px */
    color: #cfa36a; 
}
.pg-licensing-highlight-box h4 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.3125rem;
}
.pg-licensing-highlight-box p {
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin: 0;
}

/* ============= DARK SECTION ============= */
.pg-licensing-dark-section { 
    background: #0b2c3d; 
    padding: 3.125rem 5%; /* 50px - same as drug-pharma */
}

/* ============= GRIDS ============= */
.pg-licensing-types-grid, 
.pg-licensing-compliance-grid, 
.pg-licensing-additional-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 1.875rem; /* 30px */
}

.pg-licensing-compliance-grid {
    grid-template-columns: repeat(3, 1fr);
}

#drug-license-grid{
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
}
#regular-auth{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ============= GLASS CARDS - CENTERED ============= */
.pg-licensing-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); /* 10px */
    color: #fff; 
    text-align: center; /* ✅ CENTERED */
    transition: 0.3s;
}
.pg-licensing-glass-card:hover { 
    transform: translateY(-0.3125rem); /* -5px */
    border-color: #cfa36a; 
}
.pg-licensing-glass-card i { 
    font-size: 2.5rem; /* 40px */
    color: #cfa36a; 
    margin-bottom: 1.25rem; /* 20px */
    display: block; 
}
.pg-licensing-glass-card h3 { 
    color: #fff; 
    font-size: 1.25rem; /* 20px */
    margin-bottom: 0.625rem;
}
.pg-licensing-glass-card h5 { 
    color: #fff; 
    font-size: 1rem; /* 16px */
    margin-bottom: 0.625rem;
}
.pg-licensing-glass-card h5 i {
    font-size: 1.25rem;
    margin-right: 0.5rem;
    margin-bottom: 0;
    display: inline;
}
.pg-licensing-glass-card p { 
    color: rgba(255,255,255,0.7); 
    font-size: 0.875rem; /* 14px */
    line-height: 1.6;
}

/* Light Card Variant */
.pg-licensing-glass-card.pg-light-card { 
    background: #fff; 
    color: #333; 
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); 
    border-color: #eee; 
}
.pg-licensing-glass-card.pg-light-card h5 { 
    color: #0b2c3d; 
}
.pg-licensing-glass-card.pg-light-card p { 
    color: #555; 
}

/* ============= GLASS LIST - CENTERED ============= */
.pg-licensing-glass-list { 
    list-style: none; 
    padding: 0; 
    margin-top: 0.9375rem; /* 15px */
    display: inline-block !important; /* ✅ Shrink to fit */
    text-align: left !important; /* ✅ Keep text left */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20%;
}
.pg-licensing-glass-list li { 
    font-size: 0.875rem; /* 14px */
    margin-bottom: 0.5rem; /* 8px */
    color: rgba(255,255,255,0.7); 
    position: relative; 
    padding-left: 0.9375rem; /* 15px */
}
.pg-licensing-glass-list li::before { 
    content: "•"; 
    color: #cfa36a; 
    position: absolute; 
    left: 0; 
}

/* ============= SPLIT GRID ============= */
.pg-licensing-split-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 2.5rem; /* 40px */
}

/* ============= LIST CARDS - CENTERED ============= */
.pg-licensing-list-card { 
    background: #fff; 
    padding: 3.125rem; /* 50px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05);
    text-align: center; /* ✅ CENTERED */
}
.pg-licensing-list-card h4 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    margin-bottom: 0.625rem;
}
.pg-licensing-list-card h4 i {
    color: #cfa36a;
    margin-right: 0.5rem;
}
.pg-licensing-list-card h5 {
    font-size: 1rem; /* 16px */
    color: #0b2c3d;
    margin-top: 1.25rem; /* 20px */
}
.pg-licensing-list-card p {
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin-top: 0.3125rem;
}

/* ============= CHECK LIST - CENTERED ============= */
.pg-licensing-check-list { 
    list-style: none; 
    padding: 0;
    margin-top: 1.5625rem; /* 25px */
    display: inline-block !important; /* ✅ Shrink to fit */
    text-align: left !important; /* ✅ Keep text left */
    padding-left: 15%;
}
.pg-licensing-check-list li { 
    padding: 0.625rem 0; /* 10px */
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; /* 14px */
    display: flex; 
    gap: 0.75rem; /* 12px */
    color: #666;
}
.pg-licensing-check-list li::before { 
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    color: #cfa36a; 
}

/* ============= BADGE ============= */
.pg-licensing-badge { 
    background: #3498db; 
    color: #fff; 
    padding: 0.625rem; /* 10px */
    border-radius: 0.3125rem; /* 5px */
    margin-top: 0.9375rem; /* 15px */
    font-weight: 700; 
    display: inline-block; 
    font-size: 0.875rem; /* 14px */
}

/* ============= BLUE BANNER ============= */
.pg-licensing-blue-banner { 
    background: linear-gradient(135deg, #3498db, #2980b9); 
    color: white; 
    padding: 2.1875rem; /* 35px */
    border-radius: 1.25rem; /* 20px */
    text-align: center; 
    margin-top: 2.5rem; /* 40px */
}
.pg-licensing-blue-banner h4 { 
    color: #fff; 
    font-size: 1.25rem; /* 20px */
    margin-bottom: 0.625rem; /* 10px */
}
.pg-licensing-blue-banner p {
    font-size: 0.9375rem; /* 15px */
    color: rgba(255,255,255,0.9);
}

/* ============= CATEGORY BOX ============= */
.pg-licensing-category-box { 
    background: #f8f9fa; 
    padding: 2.8125rem; /* 45px */
    border-radius: 1.25rem; /* 20px */
    margin-top: 3.125rem; /* 50px */
    border: 1px solid #eee; 
}
.pg-licensing-category-box h4 {
    font-size: 1.25rem; /* 20px */
    color: #0b2c3d;
    text-align: center;
    margin-bottom: 1rem;
}
.pg-licensing-category-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.875rem; /* 30px */
    margin-top: 2.1875rem; /* 35px */
    margin-left: 15%;
    margin-right: 10%;
    
}
.pg-licensing-category-grid h6 { 
    color: #0b2c3d; 
    font-size: 1.125rem; /* 18px */
    margin-bottom: 0.9375rem; /* 15px */
    border-bottom: 0.125rem solid #cfa36a; /* 2px */
    display: inline-block; 
}
.pg-licensing-category-grid p {
    font-size: 0.8125rem; /* 13px */
    color: #666;
    margin-top: 0.5rem;
}
.pg-licensing-category-grid ul { 
    list-style: square; 
    padding-left: 1.125rem; /* 18px */
    color: #555; 
    font-size: 0.8125rem; /* 13px */
    line-height: 1.8; 
}

/* ============= PROCESS SECTION ============= */
.pg-licensing-process-bg { 
    background: #fdfdfd; 
    padding: 3.125rem 5%; /* 50px */
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
}
.pg-licensing-process-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 1.5625rem; /* 25px */
}
.pg-licensing-step { 
    text-align: center; 
    color: #333; 
}
.pg-licensing-step h5 {
    font-size: 1rem; /* 16px */
    color: #0b2c3d;
    margin-bottom: 0.3125rem;
}
.pg-licensing-step p { 
    font-size: 0.9375rem; /* 15px */
    color: #cfa36a;
    font-weight: 600;
    margin-top: 0.625rem;
}
.pg-licensing-step small { 
    font-size: 0.75rem; /* 12px */
    color: #777; 
    display: block; 
    margin-top: 0.5rem; /* 8px */
}
.step-num { 
    width: 3.75rem; /* 60px - same as drug-pharma */
    height: 3.75rem; 
    background: #cfa36a; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.5rem; /* 24px */
    font-weight: 800; 
    margin: 0 auto 1.25rem; /* 20px */
}

/* ============= WHY CHOOSE SECTION ============= */
.pg-licensing-why-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.875rem; /* 30px */
}
.pg-licensing-why-card { 
    text-align: center; 
    background: #fff; 
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 0.9375rem; /* 15px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04); 
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    transition: 0.3s; 
}
.pg-licensing-why-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}
.pg-licensing-why-card i { 
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a; 
    margin-bottom: 1.5625rem; /* 25px */
    display: block; 
}
.pg-licensing-why-card h5 {
    font-size: 1.125rem; /* 18px */
    color: #0b2c3d;
    margin-bottom: 0.625rem;
}
.pg-licensing-why-card p { 
    font-size: 0.875rem; /* 14px */
    color: #555;
    margin-top: 0.3125rem;
}

/* ============= CTA ============= */
.pg-licensing-cta-box { 
    background: #0b2c3d; 
    padding: 5rem 2.5rem; /* 80px 40px - same as drug-pharma */
    border-radius: 1.875rem; /* 30px */
    text-align: center; 
    color: #fff; 
}
.pg-licensing-cta-box h2 { 
    color: #fff; 
    font-size: 2rem; /* 32px */
    margin-bottom: 0.625rem;
}
.pg-licensing-cta-box h2 span { color: #cfa36a; }
.pg-licensing-cta-box p {
    font-size: 1rem; /* 16px */
    color: rgba(255,255,255,0.8);
    margin-top: 0.3125rem;
}
.pg-licensing-cta-group { 
    display: flex; 
    justify-content: center; 
    gap: 1.875rem; /* 30px */
    margin-top: 2.5rem; /* 40px */
    flex-wrap: wrap;
}
.pg-licensing-phone-btn { 
    color: #fff; 
    font-weight: 700; 
    text-decoration: none; 
    font-size: 1.125rem; /* 18px */
    display: flex; 
    align-items: center; 
    gap: 0.625rem; /* 10px */
    transition: color 0.3s ease;
}
.pg-licensing-phone-btn:hover { color: #cfa36a; }

/* ============= RESPONSIVE 1024px ============= */
@media (max-width: 1024px) {
    .pg-licensing-types-grid, 
    .pg-licensing-compliance-grid, 
    .pg-licensing-additional-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-licensing-why-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-licensing-category-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* Section Container */
    .pg-licensing-section-margin { 
        width: 90%;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Hero Section */
    .pg-licensing-hero { 
        height: 50vh;
        padding-top: 8.75rem; /* 140px */
        padding-bottom: 3.75rem;
        margin-top: 10rem;
    }
    .pg-licensing-hero-divider { font-size: 2rem; } /* 32px */
    
    /* Dark Section Padding */
    .pg-licensing-dark-section { padding: 3.75rem 5%; } /* 60px */
    .pg-licensing-process-bg { padding: 3.75rem 5%; }
    
    /* Intro Grid - Image on Top */
    .pg-licensing-intro-grid { 
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem; /* 40px */
    }
    
    .pg-licensing-intro-visual { 
        order: -1 !important; /* Forces Image to the Top */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .pg-licensing-intro-visual img {
        height: auto;
        max-height: 21.875rem; /* 350px */
        object-fit: cover;
    }
    
    /* Intro Content - Centered text */
    .pg-licensing-intro-content {
        text-align: center !important;
    }
    
    
    
    /* Header Line - Centered */
    .pg-licensing-header-line {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Highlight Box */
    .pg-licensing-highlight-box {
        display: grid;
        text-align: center;
        border-left: none;
        border-bottom: 0.3125rem solid #cfa36a;
        padding: 1.5rem;
    }
    
    .pg-licensing-highlight-box i {
        margin-bottom: 1rem;
    }
    
    .pg-licensing-highlight-box p {
        text-align: center;
    }
    
    /* Titles */
    .pg-licensing-main-title { font-size: 1.875rem; } /* 30px */
    .pg-licensing-sub-title { font-size: 1.25rem; } /* 20px */
    
    /* Grids */
    .pg-licensing-split-grid { grid-template-columns: 1fr; }
    .pg-licensing-types-grid, 
    .pg-licensing-compliance-grid, 
    .pg-licensing-additional-grid { grid-template-columns: 1fr; }
    .pg-licensing-process-grid { grid-template-columns: repeat(3, 1fr); }
    .pg-licensing-why-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-licensing-category-grid { grid-template-columns: repeat(2, 1fr); margin-left: 25%;}
    
    /* Cards */
    .pg-licensing-glass-card { padding: 2rem; }
    .pg-licensing-list-card { padding: 2rem; }
    .pg-licensing-why-card { padding: 2rem 1.5rem; }
    .pg-licensing-category-box { padding: 2rem; }

    .pg-licensing-check-list {
      padding-left: 10%;
    }
    .pg-licensing-glass-list {
      padding-left: 11%;
    }
    
    /* CTA Section */
    .pg-licensing-cta-box { 
        padding: 3.75rem 1.875rem; /* 60px 30px */
        border-radius: 1.25rem;
    }
    .pg-licensing-cta-group { 
        flex-direction: column; 
        align-items: center; 
        gap: 1rem;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    /* Section Container */
    .pg-licensing-section-margin { 
        width: 90% !important;
        margin: 1.875rem auto !important; /* 30px */
    }
    
    /* Hero Section */
    .pg-licensing-hero { 
        height: 45vh; 
        padding-top: 8.125rem; /* 130px */
        padding-bottom: 3.75rem;
    }
    .pg-licensing-hero-title { font-size: 2rem; } /* 32px */
    .pg-licensing-hero-divider { font-size: 1.5rem; } /* 24px */
    .pg-licensing-hero-subtitle { font-size: 0.875rem; } /* 14px */
    .pg-licensing-breadcrumb { font-size: 0.75rem; } /* 12px */
    
    /* Dark Section Padding */
    .pg-licensing-dark-section { padding: 2.5rem 5%; } /* 40px */
    .pg-licensing-process-bg { padding: 2.5rem 5%; }
    
    /* Titles */
    .pg-licensing-main-title { font-size: 1.625rem; } /* 26px */
    .pg-licensing-sub-title { font-size: 1.125rem; } /* 18px */
    
    /* Intro Content */
    .pg-licensing-intro-content p {
        text-align: justify !important;
        hyphens: auto;
    }
    
    /* Highlight Box */
    .pg-licensing-highlight-box {
        padding: 1.25rem;
    }
    .pg-licensing-highlight-box p {
        text-align: left;
    }
    
    /* Grids - Single column */
    .pg-licensing-process-grid { grid-template-columns: 1fr; }
    .pg-licensing-why-grid { grid-template-columns: 1fr; }
    .pg-licensing-category-grid { grid-template-columns: 1fr; }
    
    /* Cards */
    .pg-licensing-glass-card { padding: 1.875rem; }
    .pg-licensing-list-card { padding: 1.875rem; }
    .pg-licensing-why-card { padding: 1.5rem 1.25rem; }
    .pg-licensing-category-box { padding: 1.5rem; }
    
    /* Blue Banner */
    .pg-licensing-blue-banner {
        padding: 1.5rem;
    }
    .pg-licensing-blue-banner h4 {
        font-size: 1.125rem;
    }
    
    /* CTA Section */
    .pg-licensing-cta-box { 
        padding: 3.125rem 1.25rem; /* 50px 20px */
        border-radius: 0.9375rem; /* 15px */
    }
    .pg-licensing-cta-box h2 {
        font-size: 1.5rem; /* 24px */
    }
    .pg-licensing-cta-group { 
        gap: 0.75rem;
    }
    
    /* Step Numbers */
    .step-num { 
        width: 2.8125rem; /* 45px */
        height: 2.8125rem; 
        font-size: 1rem; 
    }
    #drug-license-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    .pg-licensing-glass-list {
        padding-left: 20%;
    }
}

/******************************* FSSAI LICENSE CSS CODE *********************************************/
/* ================= FSSAI LICENSE NAMESPACED STYLES ================= */
/*
=============================================================================
FSSAI LICENSE SERVICE PAGE
COMPLETE RESPONSIVE CSS WITH REM UNITS
=============================================================================

Following LMPC Perfect Spacing Patterns:
✅ All px → rem (except borders)
✅ Container: 90% width, 75rem max-width
✅ Sections: padding 6rem 0
✅ Proper spacing for all elements
✅ 768px & 480px responsive breakpoints

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+)
============================================================================= */

.pg-fssai-lic-body {
    background-color: #f8faff;
    color: #333;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    line-height: 1.6;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-fssai-lic-section-margin {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-fssai-lic-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.pexels.com/photos/262978/pexels-photo-262978.jpeg');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding-top: 9rem; /* 144px */
    padding-bottom: 4rem; /* 64px */
    color: #fff;
}

.pg-fssai-lic-breadcrumb {
    color: #cfa36a;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 1.25rem; /* 20px */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pg-fssai-lic-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-fssai-lic-breadcrumb a:hover {
    color: #cfa36a;
}

.pg-fssai-lic-hero-title {
    font-size: clamp(2.1875rem, 6vw, 3.75rem); /* 35px-60px */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-fssai-lic-hero-title span {
    color: #cfa36a;
}

.pg-fssai-lic-hero-desc {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.7);
    max-width: 50rem; /* 800px */
    margin: 1.25rem auto 0; /* 20px */
    letter-spacing: 2px;
    text-align: center;
}

/* =============================================================================
   TYPOGRAPHY
============================================================================= */

.pg-fssai-lic-main-title {
    font-size: 2.375rem; /* 38px */
    color: #0b2c3d;
    font-weight: 800;
    margin-bottom: 1.5625rem; /* 25px */
    line-height: 1.2;
}

.pg-fssai-lic-main-title span {
    color: #cfa36a;
}

.pg-fssai-lic-header-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-fssai-lic-intro-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3.75rem; /* 60px */
    align-items: center;
    margin: 3.125rem auto; /* 50px */
}

.pg-fssai-lic-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

.pg-fssai-lic-intro-visual img {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.1); /* 0 20px 40px */
    display: block;
}

.pg-fssai-lic-highlight-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.875rem; /* 30px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    margin-top: 1.875rem; /* 30px */
}

.pg-fssai-lic-highlight-box i {
    font-size: 1.875rem; /* 30px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-fssai-lic-highlight-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-fssai-lic-highlight-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   DARK SECTION & LICENSE TYPES
============================================================================= */

.pg-fssai-lic-dark-section {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 2rem 3.125rem; /* 100px 50px */
    box-sizing: border-box;
    border-radius: 50px;
}

.pg-fssai-lic-center-header {
    text-align: center;
    margin-bottom: 3.75rem; /* 60px */
}

.pg-fssai-lic-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px */
    gap: 1.875rem; /* 30px */
    margin-top: 3rem; /* 48px */
}

.pg-fssai-lic-glass-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(0.625rem); /* 10px */
    color: rgba(255, 255, 255, 0.7);
    transition: 0.3s ease;
    font-size: 0.8125rem;
    
}

.pg-fssai-lic-glass-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
    background: rgba(255, 255, 255, 0.1);
}

.pg-fssai-lic-glass-card i {
    font-size: 2.5rem; /* 40px */
    color: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
    display: block;
    text-align:center;
}

.pg-fssai-lic-glass-card h3 {
    color: #fff;
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1.35rem;
    font-weight: 700;
    text-align:center;
}

.pg-fssai-lic-glass-list {
    list-style: none;
    margin-top: 0.9375rem; /* 15px */
    margin-left: 10%;
}

.pg-fssai-lic-glass-list li {
    font-size: 0.8125rem; /* 13px */
    margin-bottom: 0.5rem; /* 8px */
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding-left: 1.25rem; /* 20px */
}

.pg-fssai-lic-glass-list li::before {
    content: "•";
    color: #cfa36a;
    position: absolute;
    left: 0;
    font-weight: 800;
}

.pg-fssai-lic-type-badge {
    background: rgba(207, 163, 106, 0.2);
    color: #cfa36a;
    padding: 0.625rem; /* 10px */
    border-radius: 0.3125rem; /* 5px */
    margin-top: 1.25rem; /* 20px */
    font-weight: 600;
    text-align: center;
    font-size: 0.8125rem; /* 13px */
    display: block;
}
#basic-fssai-list{
    margin-bottom:3rem;
}
#central-fssai-list{
    margin-bottom:2.5rem;
}
#state-fssai-para{
    margin-top: 3rem;
} 

/* =============================================================================
   PROCESS STEPS
============================================================================= */

.pg-fssai-lic-process-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #ededed;
    padding: 2rem 3.125rem; /* 100px 50px */
    box-sizing: border-box;
    border-radius: 50px;
}

.pg-fssai-lic-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.5625rem; /* 25px */
    margin-top: 3rem; /* 48px */
}

.pg-fssai-lic-step {
    text-align: center;
}

.step-num {
    width: 3.75rem; /* 60px */
    height: 3.75rem; /* 60px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem; /* 24px */
    font-weight: 800;
    margin: 0 auto 1.25rem; /* 20px */
}

.pg-fssai-lic-step h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-fssai-lic-step p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   CATEGORY GRID
============================================================================= */

.pg-fssai-lic-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(17.5rem, 1fr)); /* 280px */
    gap: 1.5625rem; /* 25px */
    margin: 3.125rem auto; /* 50px */
}

.pg-fssai-lic-cat-card {
    background: #fff;
    padding: 1.875rem; /* 30px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.05); /* 0 5px 20px */
    text-align: center;
    transition: 0.3s ease;
}

.pg-fssai-lic-cat-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}

.pg-fssai-lic-cat-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-fssai-lic-cat-card h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.9375rem; /* 15px */
}

.pg-fssai-lic-cat-card p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   COMPLIANCE GRID (IN DARK SECTION)
============================================================================= */

.pg-fssai-lic-compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); /* 260px */
    gap: 1.5625rem; /* 25px */
    margin-top: 3rem; /* 48px */
}

.pg-fssai-lic-comp-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 1.875rem; /* 30px */
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: 0.3s ease;
}

.pg-fssai-lic-comp-card:hover {
    transform: translateY(-0.3125rem);
    background: rgba(255, 255, 255, 0.1);
}

.pg-fssai-lic-comp-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
    text-align: center;
}

.pg-fssai-lic-comp-card h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.9375rem; /* 15px */
    text-align: center;
}

.pg-fssai-lic-comp-card p {
    font-size: 0.875rem; /* 14px */
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

/* =============================================================================
   INVESTMENT METRICS
============================================================================= */

.pg-fssai-lic-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); /* 220px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    margin-top: 3rem; /* 48px */
}

.pg-fssai-lic-invest-card {
    padding: 1.5rem; /* 24px */
}

.pg-fssai-lic-invest-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-fssai-lic-invest-card h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.3125rem; /* 5px */
}

.pg-fssai-lic-invest-card p {
    color: #cfa36a;
    font-weight: 800;
    font-size: 1.1rem;
}

/* =============================================================================
   WHY CHOOSE CARDS
============================================================================= */

.pg-fssai-lic-why-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(15.625rem, 1fr)); /* 250px */
    gap: 1.875rem; /* 30px */
    margin: 3.125rem auto 2rem; /* 50px top, 32px bottom */
}

.pg-fssai-lic-why-card {
    background: #fff;
    padding: 2.5rem 1.875rem; /* 40px 30px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.5625rem rgba(0, 0, 0, 0.04); /* 0 5px 25px */
    text-align: center;
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
    color: #333;
    transition: 0.3s ease;
}

.pg-fssai-lic-why-card:hover {
    transform: translateY(-0.3125rem); /* -5px */
}

.pg-fssai-lic-why-card i {
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-fssai-lic-why-card h4 {
    color: #0b2c3d;
    margin-bottom: 0.9375rem; /* 15px */
    font-weight: 700;
}

.pg-fssai-lic-why-card p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   LIST CARDS (SPLIT GRID)
============================================================================= */

.pg-fssai-lic-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem; /* 40px */
    margin: 3.125rem auto; /* 50px */
}

.pg-fssai-lic-list-card {
    background: #DCE8F8;
    padding: 3.125rem; /* 50px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    text-align: center;
}

.pg-fssai-lic-list-card h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 700;
}

.pg-fssai-lic-check-list {
    list-style: none;
    margin-top: 1.25rem; /* 20px */
    /* ✅ Center using inline-block */
    display: inline-block;
    text-align: left;
    margin-left: 10%;
}

.pg-fssai-lic-check-list li {
    margin-bottom: 0.625rem; /* 10px */
    font-size: 0.875rem; /* 14px */
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; /* 12px */
    color: #555;
}

.pg-fssai-lic-check-list li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #cfa36a;
    flex-shrink: 0;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-fssai-lic-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem; /* 50px top, 80px bottom */
    background: #0b2c3d;
    padding: 5rem 2.5rem; /* 80px 40px */
    border-radius: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-fssai-lic-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-fssai-lic-cta-box h2 span {
    color: #cfa36a;
}

.pg-fssai-lic-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
}

.pg-fssai-lic-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 1.875rem; /* 30px */
    flex-wrap: wrap;
}

.pg-fssai-lic-btn-gold {
    background: #cfa36a;
    color: #fff;
    padding: 0.9375rem 2.5rem; /* 15px 40px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
}

.pg-fssai-lic-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-fssai-lic-btn-phone {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8125rem 2.1875rem; /* 13px 35px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    transition: 0.3s;
}

.pg-fssai-lic-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}
/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    /* Hero */
    .pg-fssai-lic-hero {
        height: 55vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 1.25rem; /* 80px 20px */
    }
    
    .pg-fssai-lic-hero-desc {
        font-size: 1rem;
    }
    
    /* Containers */
    .pg-fssai-lic-section-margin {
        width: 90% !important;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Intro Grid */
    .pg-fssai-lic-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .pg-fssai-lic-intro-visual {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-fssai-lic-intro-content {
        order: 2 !important;
    }
    
    /* Text Centering */
    .pg-fssai-lic-main-title {
        text-align: center !important;
    }
    
    .pg-fssai-lic-header-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pg-fssai-lic-intro-text p {
        text-align: justify !important;
        text-justify: inter-word !important;
    }
    
    /* Feature Box */
    .pg-fssai-lic-highlight-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-fssai-lic-highlight-box i {
        margin: 0 auto 1rem;
    }
    
    /* Grids - 2 columns or 1 column */
    .pg-fssai-lic-types-grid,
    .pg-fssai-lic-compliance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        
    }
    
    .pg-fssai-lic-split-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-fssai-lic-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .pg-fssai-lic-cat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .pg-fssai-lic-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* Cards */
    .pg-fssai-lic-glass-card {
        padding: 2rem;
    }
    .pg-fssai-lic-glass-card p{
        text-align: center;
    }
    
    .pg-fssai-lic-list-card {
        padding: 2rem;
        text-align: center;
    }
    
    .pg-fssai-lic-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
    }
    #manufacturing-list,#retail-list,#food-serv-list,#import-exp-list,#storage-list,#testing-list{
        padding-left: 10%;
    }
    
    .pg-fssai-lic-cat-card,
    .pg-fssai-lic-comp-card {
        padding: 1.5rem;
    }
    
    .pg-fssai-lic-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* Dark Sections */
    .pg-fssai-lic-dark-section,
    .pg-fssai-lic-process-bg {
        padding: 2rem 2rem; 
        border-radius: 1.5rem;
    }
    
    /* CTA */
    .pg-fssai-lic-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-fssai-lic-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-fssai-lic-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
    #basic-fssai-list{
        margin-top: 2.5rem;
        margin-bottom: 4rem;
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    /* Hero */
    .pg-fssai-lic-hero {
        height: 50vh;
        margin-top: 8.125rem; /* 130px */
        padding: 3.75rem 1.25rem; /* 60px 20px */
    }
    
    .pg-fssai-lic-hero-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
    }
    
    .pg-fssai-lic-hero-desc {
        font-size: 0.9375rem; /* 15px */
    }
    
    .pg-fssai-lic-breadcrumb {
        font-size: 0.75rem; /* 12px */
    }
    
    /* Containers */
    .pg-fssai-lic-section-margin {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* Images */
    .pg-fssai-lic-intro-visual img {
        width: 80% !important;
        max-width: 25rem !important;
        margin: 0 auto !important;
    }
    
    /* Headings */
    .pg-fssai-lic-main-title {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    .pg-fssai-lic-header-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    /* All Grids Single Column */
    .pg-fssai-lic-types-grid,
    .pg-fssai-lic-split-grid,
    .pg-fssai-lic-process-grid,
    .pg-fssai-lic-cat-grid,
    .pg-fssai-lic-compliance-grid,
    .pg-fssai-lic-invest-grid,
    .pg-fssai-lic-why-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        
    }
    
    /* Cards */
    .pg-fssai-lic-glass-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-fssai-lic-list-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-fssai-lic-cat-card,
    .pg-fssai-lic-comp-card {
        padding: 1.5rem;
    }
    
    .pg-fssai-lic-why-card {
        padding: 2rem 1.5rem;
    }
    
    /* Dark Sections */
    .pg-fssai-lic-dark-section,
    .pg-fssai-lic-process-bg {
        padding: 4rem 1.5rem; /* 64px 24px */
        border-radius: 1.25rem;
    }
    
    .step-num {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem; /* 55px */
        font-size: 1.25rem; /* 20px */
    }
    
    /* Feature Box */
    .pg-fssai-lic-highlight-box {
        padding: 1.5rem;
    }
    
    /* CTA */
    .pg-fssai-lic-cta-box {
        padding: 3rem 1.5rem;
        border-radius: 1.5rem;
    }
    
    .pg-fssai-lic-cta-box h2 {
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-fssai-lic-cta-group a {
        width: 100%;
        justify-content: center;
    }
    .pg-fssai-lic-check-list {
        padding-left: 10%;
    }
    #post-license-compliance-list {
        margin-left: 10%;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */
/****************************** APEDA SERVICES CSS CODE ********************************************/

/*
=============================================================================
APEDA/RCMC REGISTRATION SERVICE PAGE
COMPLETE RESPONSIVE CSS WITH REM UNITS
=============================================================================

Following LMPC Perfect Spacing Patterns:
✅ All px → rem (except borders)
✅ Container: 90% width, 75rem max-width
✅ Sections: padding 6rem 0
✅ Proper spacing for all elements
✅ 768px & 480px responsive breakpoints

=============================================================================
*/

/* =============================================================================
   DESKTOP STYLES (1200px+)
============================================================================= */

.pg-apeda-body {
    background-color: #f8faff;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* =============================================================================
   SECTION CONTAINERS
============================================================================= */

.pg-apeda-section-margin {
    width: 90% !important;
    max-width: 75rem !important; /* 1200px */
    margin: 3.125rem auto !important; /* 50px */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* =============================================================================
   HERO SECTION
============================================================================= */

.pg-apeda-hero {
    height: 65vh;
    min-height: 30rem; /* 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.8), rgba(11, 44, 61, 0.8)), 
                url('https://images.unsplash.com/photo-1574323347407-f5e1ad6d020b?auto=format&fit=crop&w=1500&q=80') center/cover;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-top: 0;
    padding-top: 9rem; /* 144px */
    padding-bottom: 4rem; /* 64px */
}

.pg-apeda-hero-title {
    font-size: clamp(2rem, 8vw, 3.8rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.pg-apeda-hero-title span {
    color: #cfa36a;
}

.pg-apeda-breadcrumb {
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pg-apeda-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.pg-apeda-breadcrumb a:hover {
    color: #cfa36a;
}

/* =============================================================================
   TYPOGRAPHY
============================================================================= */

.pg-apeda-main-heading {
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    text-align: center;
    font-weight: 800;
    line-height: 1.2;
    padding-top: 2rem;
}

.pg-apeda-main-heading span {
    color: #cfa36a;
}

.pg-apeda-accent-line {
    width: 3.75rem; /* 60px */
    height: 0.25rem; /* 4px */
    background: #cfa36a;
    margin-bottom: 1.5625rem; /* 25px */
    margin-left: 45%;
}

/* =============================================================================
   INTRO SECTION
============================================================================= */

.pg-apeda-intro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); /* 320px */
    gap: 3.125rem; /* 50px */
    align-items: center;
    margin: 3.125rem auto;
}

.pg-apeda-intro-text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem; /* 24px */
    text-align: justify;
    text-justify: inter-word;
}

.pg-apeda-feature-box {
    display: flex;
    gap: 1.25rem; /* 20px */
    background: #fff;
    padding: 1.5625rem; /* 25px */
    border-radius: 0.9375rem; /* 15px */
    border-left: 0.3125rem solid #cfa36a; /* 5px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    margin-top: 2.5rem; /* 40px */
}

.pg-apeda-feature-box i {
    font-size: 1.875rem; /* 30px */
    color: #cfa36a;
    flex-shrink: 0;
}

.pg-apeda-feature-box h4 {
    font-size: 1.125rem;
    color: #0b2c3d;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: 700;
}

.pg-apeda-feature-box p {
    font-size: 0.9375rem; /* 15px */
    color: #666;
    line-height: 1.6;
    hyphens:auto
}

.pg-apeda-intro-img img {
    width: 100%;
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.1); /* 0 15px 40px */
    display: block;
}

/* =============================================================================
   DARK WRAP & GLASS CARDS
============================================================================= */

.pg-apeda-dark-wrap {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #0b2c3d;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-apeda-white {
    color: #fff !important;
}

.pg-apeda-glass-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr)); /* 280px */
    margin-top: 3rem; /* 48px */
    gap:2rem;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 2rem;
}

.pg-apeda-glass-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    backdrop-filter: blur(0.625rem); /* 10px */
    color: #fff;
    text-align: center;
    transition: 0.3s ease;
}

/* Fix for APEDA vs RCMC Registration lists only */
.pg-apeda-glass-card ul {
    list-style: disc;
    text-align: left;
    padding-left: 1.25rem; /* 20px - controls gap between bullet and text */
    margin: 0 auto;
    max-width: fit-content; /* Centers the list block as a whole */
    padding-left: 20%;
}

.pg-apeda-glass-card li {
    text-align: left;
    padding-left: 0.5rem; /* 8px - additional spacing from bullet */
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
}

.pg-apeda-glass-card:hover {
    transform: translateY(-0.3125rem);
    background: rgba(255, 255, 255, 0.1);
}

.pg-apeda-glass-card i {
    font-size: 2.8125rem; /* 45px */
    color: #cfa36a;
    margin-bottom: 1.25rem; /* 20px */
    display: block;
}

.pg-apeda-glass-card h3 {
    color: #fff;
    margin-bottom: 0.9375rem; /* 15px */
    font-size: 1.35rem;
    font-weight: 700;
}

.pg-apeda-glass-card p {
    font-size: 0.875rem; /* 14px */
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

/* Badges */
.pg-apeda-badge-green {
    background: #e8f5e8;
    color: #27ae60;
    padding: 0.5rem 0.9375rem; /* 8px 15px */
    border-radius: 0.3125rem; /* 5px */
    display: inline-block;
    margin-top: 0.9375rem; /* 15px */
    font-size: 0.8rem;
    font-weight: 600;
}

.pg-apeda-badge-gold {
    background: #fff3cd;
    color: #856404;
    padding: 0.5rem 0.9375rem; /* 8px 15px */
    border-radius: 0.3125rem; /* 5px */
    display: inline-block;
    margin-top: 0.9375rem; /* 15px */
    font-size: 0.8rem;
    font-weight: 600;
}



/* =============================================================================
   CATEGORY GRID
============================================================================= */

.pg-apeda-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(17.5rem, 1fr)); /* 280px */
    gap: 1.5625rem; /* 25px */
    margin: 3.125rem auto;
}

.pg-apeda-cat-card {
    background: #fff;
    padding: 1.875rem; /* 30px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.05); /* 0 5px 20px */
    text-align: center;
    transition: 0.3s ease;
}

.pg-apeda-cat-card:hover {
    transform: translateY(-0.3125rem);
}

.pg-apeda-cat-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-apeda-cat-card h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.9375rem; /* 15px */
}

.pg-apeda-cat-card ul {
    list-style: none;
    padding: 0;
    margin-top: 0.9375rem; /* 15px */
    text-align: left;
}

.pg-apeda-cat-card li {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5rem; /* 8px */
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.3125rem; /* 5px */
}

/* =============================================================================
   PROCESS STEPS
============================================================================= */

.pg-apeda-step-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: #ededed;
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-apeda-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(11.25rem, 1fr)); /* 180px */
    gap: 1.25rem; /* 20px */
    text-align: center;
    margin-top: 3rem; /* 48px */
    padding-bottom: 2rem;
}

.pg-apeda-circle {
    width: 4.0625rem; /* 65px */
    height: 4.0625rem; /* 65px */
    background: #cfa36a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.9375rem; /* 15px */
    font-weight: 800;
    font-size: 1.4rem;
}

.pg-apeda-step h5 {
    color: #0b2c3d;
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-apeda-step p {
    font-size: 0.875rem; /* 14px */
    color: #666;
    line-height: 1.6;
}

/* =============================================================================
   COUNCIL GRID
============================================================================= */

.pg-apeda-council-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)); /* 150px */
    gap: 0.9375rem; /* 15px */
    margin-top: 3rem;
}

.pg-apeda-council-item {
    background: #fff;
    padding: 1.25rem; /* 20px */
    border-radius: 0.75rem; /* 12px */
    text-align: center;
    border: 1px solid #eee;
    font-size: 0.85rem;
    transition: 0.3s;
}

.pg-apeda-council-item:hover {
    border-color: #cfa36a;
    background: #fdfaf5;
}

/* =============================================================================
   SPLIT LISTS
============================================================================= */

.pg-apeda-split-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px */
    gap: 1.875rem; /* 30px */
    margin: 3.125rem auto;
}

.pg-apeda-list-box {
    background: #DCE8F8;
    padding: 2.5rem; /* 40px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    text-align: center;
}

.pg-apeda-list-box h4 {
    font-size: 1.5rem;
    color: #0b2c3d;
    margin-bottom: 1.25rem; /* 20px */
    font-weight: 700;
}

.pg-apeda-check-list {
    list-style: none;
    padding: 0;
    margin-top: 1.25rem; /* 20px */
    display: inline-block;
    text-align: left;
}

.pg-apeda-check-list li {
    margin-bottom: 0.9375rem; /* 15px */
    position: relative;
    padding-left: 1.875rem; /* 30px */
    color: #555;
    font-size: 0.875rem; /* 14px */
}

.pg-apeda-check-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #cfa36a;
    font-weight: 800;
}

/* =============================================================================
   INVESTMENT SECTION
============================================================================= */

.pg-apeda-invest-bg {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto; /* 50px */
    background: linear-gradient(135deg, #0b2c3d, #16435c);
    padding: 5rem 3.125rem; /* 80px 50px */
    border-radius: 1.875rem; /* 30px */
    box-sizing: border-box;
}

.pg-apeda-invest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px */
    gap: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    margin-top: 3rem;
}

.pg-apeda-invest-card {
    padding: 1.5rem; /* 24px */
}

.pg-apeda-invest-card i {
    font-size: 2.1875rem; /* 35px */
    color: #cfa36a;
    margin-bottom: 0.9375rem; /* 15px */
    display: block;
}

.pg-apeda-invest-card h5 {
    font-weight: 700;
    margin-bottom: 0.625rem; /* 10px */
}

.pg-apeda-invest-card p {
    font-weight: 800;
    color: #cfa36a;
    font-size: 1.125rem;
}

/* =============================================================================
   DETAILED SERVICES SECTION
============================================================================= */

.pg-apeda-srv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); /* 350px */
    gap: 1.875rem; /* 30px */
    margin: 2.5rem auto; /* 40px */
}

.pg-apeda-srv-card {
    background: #ffffff;
    border-radius: 1.25rem; /* 20px */
    overflow: hidden;
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.06); /* 0 10px 30px */
    transition: all 0.4s ease;
}

.pg-apeda-srv-card:hover {
    transform: translateY(-0.625rem); /* -10px */
    box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.1); /* 0 15px 40px */
}

.pg-apeda-srv-img-box {
    width: 100%;
    height: 13.75rem; /* 220px */
    overflow: hidden;
}

.pg-apeda-srv-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pg-apeda-srv-card:hover .pg-apeda-srv-img-box img {
    transform: scale(1.1);
}

.pg-apeda-srv-content {
    padding: 1.875rem; /* 30px */
    padding-left: 3rem;
}

.pg-apeda-srv-title {
    color: #0b2c3d;
    font-size: 1.35rem;
    margin-bottom: 1.25rem; /* 20px */
    display: flex;
    align-items: center;
    gap: 0.75rem; /* 12px */
    font-weight: 700;
}

.pg-apeda-srv-title i {
    color: #cfa36a;
}

.pg-apeda-srv-list {
    list-style: none;
    padding: 0;
}

.pg-apeda-srv-list li {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 0.75rem; /* 12px */
    display: flex;
    align-items: flex-start;
    gap: 0.625rem; /* 10px */
    line-height: 1.5;
}

.pg-apeda-srv-list li::before {
    content: "•";
    color: #cfa36a;
    font-weight: bold;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* =============================================================================
   WHY CHOOSE CARDS
============================================================================= */

.pg-apeda-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr)); /* 260px */
    gap: 1.875rem; /* 30px */
    margin: 2.5rem auto; /* 40px */
}

.pg-apeda-why-card {
    background: #ffffff;
    padding: 2.1875rem 1.5625rem; /* 35px 25px */
    border-radius: 1.25rem; /* 20px */
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05); /* 0 10px 30px */
    text-align: center;
    border-bottom: 0.25rem solid transparent; /* 4px */
    transition: all 0.3s ease;
}

.pg-apeda-why-card:hover {
    transform: translateY(-0.625rem); /* -10px */
    border-bottom: 0.25rem solid #cfa36a; /* 4px */
}

.pg-apeda-why-icon {
    width: 4.375rem; /* 70px */
    height: 4.375rem; /* 70px */
    background: rgba(207, 163, 106, 0.1);
    color: #cfa36a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem; /* 20px */
    font-size: 1.75rem; /* 28px */
    transition: 0.3s;
}

.pg-apeda-why-card:hover .pg-apeda-why-icon {
    background: #cfa36a;
    color: #ffffff;
}

.pg-apeda-why-info h4 {
    color: #0b2c3d;
    font-size: 1.25rem;
    margin-bottom: 0.75rem; /* 12px */
    font-weight: 700;
}

.pg-apeda-why-info p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* =============================================================================
   CTA SECTION
============================================================================= */

.pg-apeda-cta-box {
    width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto 5rem; /* 50px top, 80px bottom */
    background: #0b2c3d;
    padding: 5rem 3rem; /* 80px 48px */
    border-radius: 1.875rem; /* 30px */
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.pg-apeda-cta-box h2 {
    font-size: 2.375rem; /* 38px */
    font-weight: 800;
    margin-bottom: 1.25rem; /* 20px */
}

.pg-apeda-cta-box h2 span {
    color: #cfa36a;
}

.pg-apeda-cta-box p {
    font-size: 1.125rem; /* 18px */
    color: rgba(255, 255, 255, 0.85);
}

.pg-apeda-cta-group {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px */
    margin-top: 1.875rem; /* 30px */
    flex-wrap: wrap;
}

.pg-apeda-btn-gold {
    background: #cfa36a;
    padding: 0.875rem 2.5rem; /* 14px 40px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    transition: 0.3s;
}

.pg-apeda-btn-gold:hover {
    background: #fff;
    color: #0b2c3d;
}

.pg-apeda-btn-phone {
    border: 2px solid #fff;
    padding: 0.75rem 1.875rem; /* 12px 30px */
    border-radius: 3.125rem; /* 50px */
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
    font-weight: 700;
    transition: 0.3s;
}

.pg-apeda-btn-phone:hover {
    background: #fff;
    color: #0b2c3d;
}

/* =========================================================
   FIX: APEDA vs RCMC LIST (The "Reset" Method)
   1. Force UL to be an inline-block (so it can be centered).
   2. Force LI to strict left alignment (No gaps).
   ========================================================= */

/* 1. Target the specific List Box */
.pg-apeda-rcmc-list-box {
    text-align: center !important; /* Keep Heading Centered */
}

/* 2. Target the UL: Make it shrink-wrap and center */
.pg-apeda-rcmc-check-list {
    display: inline-block !important; /* Shrink to fit text */
    text-align: left !important;      /* Reset text alignment inside */
    margin: 0 auto !important;        /* Center the block */
    padding-left: 20px !important;    /* Standard bullet space */
    width: auto !important;           /* Stop full width */
}

/* 3. Target the LI: Force text to stick to bullet */
.pg-apeda-rcmc-check-list li {
    display: list-item !important;       /* Standard bullet behavior */
    text-align: left !important;         /* Force text Left */
    list-style-position: outside !important; /* Bullet outside text */
    margin-bottom: 8px !important;
    width: 100% !important;
    padding: 0 !important;               /* Kill any padding causing gaps */
    text-indent: 0 !important;           /* Kill any indent causing gaps */
}

/* =============================================================================
   TABLET RESPONSIVE (768px)
============================================================================= */

@media (max-width: 768px) {
    
    /* Hero */
    .pg-apeda-hero {
        height: 55vh;
        margin-top: 8.75rem; /* 140px */
        padding: 5rem 1.25rem; /* 80px 20px */
    }
    
    /* Containers */
    .pg-apeda-section-margin {
        width: 90% !important;
        margin: 2.5rem auto !important; /* 40px */
    }
    
    /* Intro Grid */
    .pg-apeda-intro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem;
        text-align: center;
    }
    
    .pg-apeda-intro-img {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 2rem !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .pg-apeda-intro-content {
        order: 2 !important;
    }
    
    /* Text Centering */
    .pg-apeda-main-heading {
        text-align: center !important;
    }
    
    .pg-apeda-accent-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    
    /* Feature Box */
    .pg-apeda-feature-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-apeda-feature-box i {
        margin: 0 auto 1rem;
    }
    
    /* Grids */
    .pg-apeda-glass-grid,
    .pg-apeda-cat-grid,
    .pg-apeda-council-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
    }
    
    .pg-apeda-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    .pg-apeda-invest-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(12.5rem, 1fr));
      gap: 1rem !important;
      text-align: center;
      color: #fff;
      margin-top: 3rem;
    }
    
    .pg-apeda-split-flex {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .pg-apeda-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    
    .pg-apeda-srv-grid {
        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px */
        gap: 1.25rem;
    }
    
    .pg-apeda-srv-img-box {
        height: 12.5rem; /* 200px */
    }
    
    /* Cards */
    .pg-apeda-glass-card {
        padding: 2rem;
    }
    
    .pg-apeda-list-box {
        padding: 2rem;
        text-align: center;
    }
    
    .pg-apeda-check-list {
        display: inline-block !important;
        text-align: left !important;
        margin: 1rem auto 0 !important;
    }
    .pg-apeda-srv-content {
      padding-left: 2rem;
    }
    
    .pg-apeda-cat-card {
        padding: 1.5rem;
    }
    
    /* Dark Sections */
    .pg-apeda-dark-wrap,
    .pg-apeda-step-bg,
    .pg-apeda-invest-bg {
        padding: 4rem 2rem;
        border-radius: 1.5rem;
    }
    
    /* CTA */
    .pg-apeda-cta-box {
        padding: 4rem 2rem;
    }
    
    .pg-apeda-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .pg-apeda-cta-group a {
        width: 100%;
        max-width: 20rem;
        justify-content: center;
    }
}

/* =============================================================================
   MOBILE RESPONSIVE (480px)
============================================================================= */

@media (max-width: 480px) {
    
    /* Hero */
    .pg-apeda-hero {
        height: 50vh;
        margin-top: 8.125rem; /* 130px */
        padding: 3.75rem 1.25rem; /* 60px 20px */
    }
    
    .pg-apeda-hero-title {
        font-size: 1.8rem;
    }
    
    .pg-apeda-breadcrumb {
        font-size: 0.75rem; /* 12px */
    }
    
    /* Containers */
    .pg-apeda-section-margin {
        width: 90% !important;
        margin: 2rem auto !important;
    }
    
    /* Images */
    .pg-apeda-intro-img img {
        width: 80% !important;
        max-width: 25rem !important;
        margin: 0 auto !important;
    }
    
    /* Headings */
    .pg-apeda-main-heading {
        font-size: 1.75rem !important; /* 28px */
        text-align: center !important;
    }
    
    .pg-apeda-accent-line {
        margin: 1rem auto 2rem auto !important;
    }
    
    /* All Grids Single Column */
    
    .pg-apeda-cat-grid,
    .pg-apeda-council-grid,
    .pg-apeda-process-grid,
    .pg-apeda-split-flex,
    .pg-apeda-invest-grid,
    .pg-apeda-why-grid,
    .pg-apeda-srv-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem;
        padding-bottom: 2rem;
    }
    .pg-apeda-glass-grid{
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 0rem;
        padding-bottom: 2rem;
    }
    
    /* Cards */
    .pg-apeda-glass-card {
        padding: 1.875rem; /* 30px */
    }
    
    .pg-apeda-list-box {
        padding: 1.875rem; /* 30px */
    }
    .pg-apeda-srv-content {
      padding-left: 5rem;
    }
    
    .pg-apeda-cat-card {
        padding: 1.5rem;
    }
    
    .pg-apeda-why-card {
        padding: 1.5625rem 1.25rem; /* 25px 20px */
    }
    
    .pg-apeda-srv-content {
        padding: 1.25rem; /* 20px */
    }
    
    .pg-apeda-srv-title {
        font-size: 1.2rem;
        text-align: center;
        display: grid;
    }
    .pg-apeda-srv-list {
        display: grid;
        padding-left: 2.5rem;
    }
    
    /* Dark Sections */
    .pg-apeda-dark-wrap,
    .pg-apeda-step-bg,
    .pg-apeda-invest-bg {
        padding: 3rem 1.5rem;
        border-radius: 1.25rem;
    }
    
    .pg-apeda-circle {
        width: 3.4375rem; /* 55px */
        height: 3.4375rem; /* 55px */
        font-size: 1.25rem; /* 20px */
    }
    
    /* Feature Box */
    .pg-apeda-feature-box {
        padding: 1.5rem;
    }
    
    /* CTA */
    .pg-apeda-cta-box {
        padding: 3rem 1.5rem;
        border-radius: 1.5rem;
    }
    
    .pg-apeda-cta-box h2 {
        font-size: 1.75rem; /* 28px */
    }
    
    .pg-apeda-cta-group a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .pg-apeda-check-list {
        padding-left: 2rem;
    }
}

/* =============================================================================
   END OF RESPONSIVE STYLES
============================================================================= */

/******************** DRUG PHARMA LICENSING CSS CODE *******************************/
/*
/*
=============================================================================
DRUG & PHARMA LICENSING - RESPONSIVE CSS WITH REM UNITS
Desktop: px → rem ONLY (no layout changes)
All Breakpoints: Cards centered (icon, heading, paragraph, lists)
Reference: BIS & LMPC pages for hero spacing
=============================================================================
*/

.pg-drug-pharma-body { background-color: #f8faff; color: #333; overflow-x: hidden; font-family: 'Poppins', sans-serif; line-height: 1.6; }

.pg-drug-pharma-section-margin {width: 90%;
    max-width: 75rem;
    margin: 3.125rem auto;
    padding: 0; }

/* ============= HERO - SAME SPACING AS BIS ============= */
.pg-drug-pharma-hero {
    height: 65vh;
    min-height: 30rem; /* Same as BIS - 480px */
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 0.9)), 
                url('https://images.pexels.com/photos/4210551/pexels-photo-4210551.jpeg');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0; /* Will add padding-top instead */
    padding-top: 9rem; /* 144px - Same as BIS for navbar clearance */
    padding-bottom: 4rem; /* 64px - Same as BIS */
    color: #fff;
}

.pg-drug-pharma-breadcrumb { color: #cfa36a; font-size: 0.875rem; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: 1px; }
.pg-drug-pharma-breadcrumb a { color: #fff; text-decoration: none; }
.pg-drug-pharma-hero-title { font-size: clamp(2.1875rem, 6vw, 3.75rem); font-weight: 800; }
.pg-drug-pharma-hero-title span { color: #cfa36a; }
.pg-drug-pharma-hero-divider { font-size: 1rem; color: #cfa36a; margin: 0.9375rem 0; letter-spacing: 3px; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0.3125rem 0; }
.pg-drug-pharma-hero-subtitle { font-size: 1.125rem; color: rgba(255,255,255,0.7); max-width: 50rem; margin: 0.625rem auto 0; text-transform: uppercase; }

/* ============= HEADINGS ============= */
.pg-drug-pharma-main-title { font-size: 2.375rem; color: #0b2c3d; font-weight: 800; margin-bottom: 1.5625rem; }
.pg-drug-pharma-main-title span { color: #cfa36a; }

/* ============= INTRO ============= */
.pg-drug-pharma-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.75rem; align-items: center; }
.pg-drug-pharma-header-line { width: 3.75rem; height: 0.25rem; background: #cfa36a; margin-bottom: 1.5625rem; margin-left: 45%; }
.pg-drug-pharma-intro-visual img { width: 100%; border-radius: 1.25rem; box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.1); }
.pg-drug-pharma-highlight-box { display: flex; gap: 1.25rem; background: #fff; padding: 1.875rem; border-radius: 0.9375rem; border-left: 0.3125rem solid #cfa36a; box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05); margin-top: 1.875rem; }
.pg-drug-pharma-highlight-box i { font-size: 1.875rem; color: #cfa36a; }

/* ============= DARK SECTION ============= */
.pg-drug-pharma-dark-section { background: #0b2c3d; padding: 3.125rem 0; }
.pg-drug-pharma-center-header { text-align: center; margin-bottom: 3.75rem; }
.pg-drug-pharma-types-grid { display: grid; grid-template-columns: repeat(3, minmax(17.5rem, 1fr)); gap: 1.875rem; }
.pg-drug-pharma-key-compliance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(17.5rem, 1fr));
    gap: 1.875rem;
}

/* ✅ GLASS CARDS - CENTERED ON ALL BREAKPOINTS */
.pg-drug-pharma-glass-card { 
    background: rgba(255, 255, 255, 0.05); 
    padding: 2.5rem; 
    border-radius: 1.25rem; 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(0.625rem); 
    color: #fff;
    text-align: center; /* ✅ CENTER everything */
}

.pg-drug-pharma-glass-card i { 
    font-size: 2.5rem; 
    color: #cfa36a; 
    margin-bottom: 1.5625rem; 
    display: block;
}

.pg-drug-pharma-glass-list { 
    list-style: none; 
    padding: 0; 
    margin-top: 0.9375rem;
    display: inline-block;
    text-align: center;
}

.pg-drug-pharma-glass-list li { 
    font-size: 0.8125rem; 
    margin-bottom: 0.5rem; 
    color: rgba(255,255,255,0.7); 
    position: relative; 
    padding-left: 0.9375rem;
    
}

.pg-drug-pharma-glass-list li::before { content: "•"; color: #cfa36a; position: absolute; left: 0; }

.pg-drug-pharma-glass-list,
.pg-drug-pharma-check-list {
    display: inline-block !important; /* Shrink to fit text width */
    text-align: left !important;      /* Keep bullets/text left aligned */
    margin: 2rem auto !important;        /* Center the whole UL block in the card */
    padding-left: 1.25rem !important; /* Bullet spacing */
    width: auto !important; 
           
}

.pg-drug-pharma-badge { 
    padding: 0.625rem; 
    border-radius: 0.3125rem; 
    margin-top: 1.25rem; 
    font-weight: 600; 
    text-align: center; 
    background: #e8f5e8; 
    color: #27ae60; 
    font-size: 0.8125rem;
}
.badge-warning { background: #fff3cd; color: #856404; }
.badge-danger { background: #f8d7da; color: #721c24; }
.badge-info { background: #d1ecf1; color: #0c5460; }

/* ============= AUTHORITIES ============= */
.pg-drug-pharma-authorities-grid { display: grid; grid-template-columns: repeat(3, minmax(18.75rem, 1fr)); gap: 0.9375rem; }

/* ✅ AUTH ITEMS - CENTERED */
.pg-drug-pharma-auth-item { 
    background: #fff; 
    padding: 1.25rem; 
    border-radius: 0.625rem; 
    border-left: 0.1875rem solid #cfa36a; 
    font-size: 0.875rem; 
    box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,0.03);
    text-align: center;
}

/* ============= PROCESS ============= */
.pg-drug-pharma-process-bg { background: #ededed; padding: 3.125rem 0; }
.pg-drug-pharma-process-grid { display: grid; grid-template-columns: repeat(3, minmax(12.5rem, 1fr)); gap: 1.5625rem; }
.pg-drug-pharma-step { text-align: center; }
.step-num { width: 3.75rem; height: 3.75rem; background: #cfa36a; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; margin: 0 auto 1.25rem; }

/* ============= SPLIT GRID ============= */
.pg-drug-pharma-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; }

/* ✅ LIST CARDS - CENTERED */
.pg-drug-pharma-list-card { 
    background: #fff; 
    padding: 3.125rem; 
    border-radius: 1.25rem; 
    box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.05);
    text-align: center;
}

.pg-drug-pharma-check-list { 
    list-style: none; 
    margin-top: 1.5625rem;
    display: inline-block;
    text-align: center;
}

.pg-drug-pharma-check-list li { 
    padding: 0.625rem 0; 
    border-bottom: 1px solid #f0f0f0; 
    font-size: 0.875rem; 
    display: flex; 
    gap: 0.75rem;
}

.pg-drug-pharma-check-list li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #cfa36a; }

/* ============= METRICS ============= */
.pg-drug-pharma-invest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); gap: 1.875rem; text-align: center; }

/* ✅ METRICS - CENTERED */
.pg-drug-pharma-metric { text-align: center; }
.pg-drug-pharma-metric i { font-size: 2.1875rem; color: #cfa36a; margin-bottom: 0.9375rem; display: block; opacity: 0.9; }
.pg-drug-pharma-metric h5 { color: #fff; margin-bottom: 0.3125rem; }
.pg-drug-pharma-metric p { color: #fff; font-weight: 700; font-size: 1.25rem; }
.pg-drug-pharma-metric small { color: rgba(255,255,255,0.6); }

/* ============= WHY CHOOSE ============= */
.pg-drug-pharma-why-section { background: #fdfdfd; padding: 3.75rem 0; }
.pg-drug-pharma-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
    gap: 1.875rem;
}

/* ✅ WHY CARDS - CENTERED */
.pg-drug-pharma-why-card {
    text-align: center;
    background: #fff;
    padding: 2.5rem 1.875rem;
    border-radius: 0.9375rem;
    box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.04);
    border-bottom: 0.25rem solid #cfa36a;
    transition: 0.3s;
}
.pg-drug-pharma-why-card:hover { transform: translateY(-0.3125rem); box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,0.08); }
.pg-drug-pharma-why-card i { font-size: 2.8125rem; color: #cfa36a; margin-bottom: 1.5625rem; display: block; }
.pg-drug-pharma-why-card h5 { color: #0b2c3d; font-size: 1.2rem; margin-bottom: 0.9375rem; }

/* ============= CTA ============= */
.pg-drug-pharma-cta-box {
    background: #0b2c3d;
    padding: 5rem 2.5rem;
    border-radius: 1.875rem;
    text-align: center;
    color: #fff;
}
.pg-drug-pharma-cta-group { display: flex; justify-content: center; gap: 1.875rem; margin-top: 2.5rem; flex-wrap: wrap; }
.pg-drug-pharma-phone-btn { color: #fff; font-weight: 700; text-decoration: none; font-size: 1.125rem; display: flex; align-items: center; gap: 0.625rem; }

/* ============= RESPONSIVE 768px ============= */
@media (max-width: 768px) {
    /* Hero - Same as BIS */
    .pg-drug-pharma-hero { 
        margin-top: 8.75rem; /* 140px */
        height: 50vh;
       
    }
    
    .pg-drug-pharma-intro-grid, .pg-drug-pharma-split-grid { grid-template-columns: 1fr; }
    .pg-drug-pharma-process-grid { grid-template-columns: 1fr 1fr; }
    .pg-drug-pharma-main-title { font-size: 1.875rem; }
    .pg-drug-pharma-why-grid { grid-template-columns: 1fr 1fr; }
    .pg-drug-pharma-cta-group { flex-direction: column; align-items: center; }
    .pg-drug-pharma-types-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-drug-pharma-key-compliance-grid { grid-template-columns: repeat(2, 1fr); }
    .pg-drug-pharma-authorities-grid { grid-template-columns: repeat(2, 1fr); }


    .pg-drug-pharma-intro-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    .pg-drug-pharma-highlight-box p{
        text-align: center;
    }

    .pg-drug-pharma-intro-visual {
        order: -1 !important; /* Forces Image to the Top */
        width: 100% !important;
        margin-bottom: 2rem !important;
    }

    .pg-drug-pharma-highlight-box {
      display: grid;
    }
    
    /* Ensure Intro Text is centered nicely below image */
    .pg-drug-pharma-intro-content {
        text-align: center !important;
    }
    
    /* Keep paragraphs justified for clean look */
    .pg-drug-pharma-intro-content p {
        text-align: justify !important;
        
    }
    p#drug-pharm-box{
        margin-left: 10%;
    }
    
    /* Cards */
    .pg-drug-pharma-glass-card { padding: 2rem; }
    .pg-drug-pharma-list-card { padding: 2rem; }
    .pg-drug-pharma-why-card { padding: 2rem 1.5rem; }
    #drug-list{
        padding-top: 0rem;
    }
    p#drug-dist {
        margin-top: 2rem;
    }
    p#clinical-trial {
        margin-top: 2rem;
    }
    ul#infrastructure-list {
        margin-left: 15% !important;
    }
}

/* ============= RESPONSIVE 480px ============= */
@media (max-width: 480px) {
    /* Hero - Same as BIS */
    .pg-drug-pharma-hero { 
        height: 45vh; 
        margin-top: 10rem; /* 130px */
        padding: 3.75rem 1.25rem; /* 60px 20px - Same as BIS */
    }
    
    .pg-drug-pharma-section-margin { margin-top: 1.875rem !important; margin-bottom: 1.875rem !important; width: 90% !important;
        margin: 2rem auto !important; }
    .pg-drug-pharma-process-grid { grid-template-columns: 1fr; }
    .pg-drug-pharma-main-title { font-size: 1.625rem; }
    .pg-drug-pharma-list-card { padding: 1.875rem; }
    .pg-drug-pharma-hero-title { font-size: 2rem; }
    .pg-drug-pharma-why-grid { grid-template-columns: 1fr; }
    .pg-drug-pharma-cta-box { padding: 3.125rem 1.25rem; }
    .pg-drug-pharma-types-grid { grid-template-columns: 1fr; }
    .pg-drug-pharma-key-compliance-grid { grid-template-columns: 1fr; }
    .pg-drug-pharma-authorities-grid { grid-template-columns: 1fr; }
    
    /* Cards */
    .pg-drug-pharma-glass-card { padding: 1.875rem; }
        .pg-drug-pharma-intro-content p {
        text-align: justify !important;
        hyphens: auto;
    }
    .pg-drug-pharma-highlight-box p{
        text-align: left;
    }
    .pg-drug-pharma-intro-visual img {
        width: 70%;
        margin-left: 15%;
    }
    #infrastructure-list {
    padding-left: 5% !important;
    }

}

/*******************OUR SERVICES Page CSS Code **********************************/
/* ================= SERVICES PAGE UNIQUE CLASSES ================= */
.pg-srv-body { background-color: #05161e; color: #ffffff; }

.pg-srv-hero {
    height: 65vh;
    background: linear-gradient(rgba(11, 44, 61, 0.9), rgba(5, 22, 30, 1)), 
                url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 8rem;
}

.pg-srv-breadcrumb { color: #cfa36a; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
.pg-srv-breadcrumb a { color: #fff; text-decoration: none; }

.pg-srv-hero-title { font-size: clamp(35px, 6vw, 3.7rem); font-weight: 800; line-height: 1.2; }
.pg-srv-hero-title span { color: #cfa36a; }
.pg-srv-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,0.7); max-width: 800px; margin: 20px auto 0; }

.pg-srv-section-gap { padding: 30px 0; }


.pg-srv-intro-box { text-align: center; max-width: 900px; margin: 0 auto; }
.pg-srv-sub-title { font-size: 32px; color: #cfa36a; margin-bottom: 20px; font-weight: 700; }
.pg-srv-para { font-size: 16px; line-height: 1.8; color: rgba(255,255,255,0.8); }

.pg-srv-cat-header { margin-bottom: 50px; justify-content: center; align-items: center; text-align: center; }
.pg-srv-cat-header h2 { font-size: 36px; color: #fff; display: flex; align-items: center; gap: 15px; justify-content: center; }
.pg-srv-cat-header h2 i { color: #cfa36a; font-size: 30px; }
.pg-srv-cat-header p { color: rgba(255,255,255,0.6); margin-top: 10px; font-size: 16px; }

.pg-srv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-left: 10%;
    margin-right: 10%;
}

.pg-srv-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(207, 163, 106, 0.2);
    padding: 50px 40px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    transition: 0.4s ease;
    display: flex;
    flex-direction: column;
}

.pg-srv-card:hover { border-color: #cfa36a; transform: translateY(-10px); background: rgba(207, 163, 106, 0.05); }

.pg-srv-card-icon { width: 70px; height: 70px; background: rgba(207, 163, 106, 0.1); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #cfa36a; font-size: 32px; margin-bottom: 25px; }

.pg-srv-card h3 { font-size: 24px; color: #fff; margin-bottom: 15px; font-weight: 700; }
.pg-srv-card p { color: rgba(255,255,255,0.6); font-size: 14px; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; }

.pg-srv-list { list-style: none; margin-bottom: 30px; text-align: left; }
.pg-srv-list li { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 10px; }
.pg-srv-list li i { color: #cfa36a; font-size: 12px; }

.pg-srv-card-btn { width: 100%; padding: 15px; background: #cfa36a; color: #fff; text-decoration: none; text-align: center; font-weight: 700; border-radius: 8px; transition: 0.3s; }
.pg-srv-card-btn:hover { background: #fff; color: #0b2c3d; }



/* =========================================================
   FIX: SERVICES PAGE (Corrected Class Names)
   - Targets .pg-srv-grid (Matches your HTML)
   - Targets .pg-srv-intro-box (Matches your HTML)
   ========================================================= */

/* -----------------------------------------------------------
   1. TABLET & MOBILE SHARED FIXES (Max-width: 768px)
----------------------------------------------------------- */
@media screen and (max-width: 768px) {

    /* 1. MASTER CONTAINER WIDTH (Solves 100% width issue) */
    /* We target the specific containers in your HTML */
    .pg-srv-intro-box, 
    .pg-srv-grid, 
    .ix-container.pg-srv-section-gap {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pg-srv-hero { height: 55vh; padding-top: 6rem; }

    /* 2. INTRO SECTION TEXT */
    .pg-srv-intro-box {
        margin-top: 3rem !important; /* Adds space below banner */
        text-align: center !important;
    }

    /* 3. PARAGRAPH ALIGNMENT (Justified) */
    .pg-srv-para {
        text-align: justify !important;
        text-justify: inter-word !important;
        width: 100% !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        hyphens: auto;
    }

    .pg-srv-cat-header {
        margin-bottom: 3.125rem; /* Converted from 50px */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center; /* Ensures the text itself is centered */
    }

    /* 4. SERVICES GRID (2 Columns on Tablet) */
    .pg-srv-grid {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 1.5rem !important;
        margin-bottom: 3rem !important;
    }
    
    /* 5. CARD STYLING (Ensure they don't touch edges) */
    /* Center all card content - icons, headings, paragraphs, and lists */
.pg-srv-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.pg-srv-card-icon {
    margin: 0 auto 25px auto !important;
}

.pg-srv-card h3 {
    text-align: center !important;
}

.pg-srv-card p {
    text-align: center !important;
}

/* Center the list collectively using padding/margin, not justify-content */
.pg-srv-list {
    list-style: none !important;
    padding: 0 !important;
    max-width: fit-content !important; /* This centers the list block collectively */
    text-align: left !important; /* List items align left within the centered block */
    margin-left: 8%;
}

.pg-srv-list li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
}

.pg-srv-card-btn {
    margin: 0 auto !important;
}
}

/* -----------------------------------------------------------
   2. MOBILE SPECIFIC OVERRIDES (Max-width: 480px)
   - Stacks the Grid to 1 Column
----------------------------------------------------------- */
@media screen and (max-width: 480px) {

    /* 1. STACK GRIDS (1 Column) */
    .pg-srv-grid {
        grid-template-columns: 1fr !important; /* One card per row */
        gap: 2rem !important;
    }
    /* 1. CONTAINER WIDTH MATCHING */
    .pg-srv-cat-header {
        width: 90% !important;       /* Matches the width of the section above */
        margin-left: auto !important; /* Auto margins center the 90% block */
        margin-right: auto !important;
        margin-bottom: 3rem !important;
        
        /* 2. INTERNAL ALIGNMENT */
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important; /* Force Icon to start Left */
        text-align: left !important;        /* Force Text to start Left */
        padding: 0 !important;              /* Remove padding to ensure flush alignment */
    }
    /* 1. Reduce Font Size of the Category Heading */
    .pg-srv-cat-header h2,
    .pg-srv-cat-header h3, 
    .pg-srv-cat-header h4 {
        font-size: 1.2rem !important;  /* Small enough to stay on 1 line */
        line-height: 1.4 !important;   /* Clean spacing */
        width: auto !important;
        margin-bottom: 0.5rem !important;
    }

    /* 2. Ensure Icon Size matches the new smaller text */
    .pg-srv-cat-header i,
    .pg-srv-cat-header .fa-solid, 
    .pg-srv-cat-header .fa-brands {
        margin-left: 0 !important;   /* Zero margin ensures it hits the start line */
        padding-left: 0 !important;
        font-size: 1.5rem !important;  /* Match the text size */
        margin-top: 2px !important;    /* Micro-adjustment for perfect alignment */
    }
    /* 3. PARAGRAPH WIDTH MATCHING */
    .pg-srv-cat-header p {
        width: 100% !important;      /* Fill the 90% container */
        max-width: none !important;  
        margin: 0 !important;        /* No extra margins needed */
        text-align: center !important;
    }


    /* 2. CARD ALIGNMENT */
    .pg-srv-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px !important;
    }

    /* 3. TEXT IN CARDS */
    .pg-srv-card p {
        text-align: center !important;
        hyphens: auto;
    }
    .pg-srv-list {
      margin-left: 0%;
    }

    .pg-srv-hero-title {
    font-size: clamp(25px, 6vw, 3.7rem);
    font-weight: 800;
    line-height: 1.2;
}
/*.pg-srv-hero {
        padding-top: 1rem !important;
    } */
} 

/***************************Privacy Policy and Terms and Conditions *********************************/
/* ================= PG-LEGAL MODERN THEME (Prefix: pg-legal-) ================= */
.pg-legal-body { background-color: #f8faff; color: #333; font-family: 'Poppins', sans-serif; line-height: 1.7; }

/* Hero Section */
.pg-legal-hero {
    background: linear-gradient(rgba(11, 44, 61, 0.95), rgba(11, 44, 61, 0.9)), 
                url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    padding: 100px 0 60px;
    margin-top: 130px;
    color: #fff;
    text-align: center;
}

.pg-legal-title { font-size: 3.5rem; font-weight: 800; margin-bottom: 10px; }
.pg-legal-subtitle { color: #cfa36a; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }

/* Layout */
.pg-legal-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    padding: 80px 20px;
}

.pg-legal-main-content h2 {
    color: #0b2c3d;
    font-size: 24px;
    margin: 40px 0 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.pg-legal-main-content h3 { color: #cfa36a; font-size: 18px; margin: 20px 0 10px; }
.pg-legal-main-content p, .pg-legal-main-content li { color: #555; font-size: 15px; margin-bottom: 15px; }
.pg-legal-main-content ul { padding-left: 20px; list-style: square; }

/* Components */
.pg-legal-contact-card { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); border-left: 5px solid #cfa36a; }
.pg-legal-sidebar { display: flex; flex-direction: column; gap: 30px; }
.pg-legal-widget { background: #fff; padding: 30px; border-radius: 12px; border: 1px solid #eee; }
.pg-legal-widget h4 { color: #0b2c3d; margin-bottom: 20px; }
.pg-legal-widget ul { list-style: none; padding: 0; }
.pg-legal-widget li { margin-bottom: 12px; border-bottom: 1px solid #f9f9f9; padding-bottom: 8px; }
.pg-legal-widget a { text-decoration: none; color: #666; font-size: 14px; transition: 0.3s; }
.pg-legal-widget a:hover { color: #cfa36a; }

/* ================= RESPONSIVE ADJUSTMENTS ================= */

/* TABLET (768px) */
@media (max-width: 768px) {
    .pg-legal-hero { margin-top: 140px; padding: 80px 0 40px; }
    .pg-legal-title { font-size: 2.5rem; }
    .pg-legal-layout { grid-template-columns: 1fr; gap: 40px; padding: 40px 20px; }
    .pg-legal-sidebar { order: 2; }
}

/* MOBILE (480px) */
@media (max-width: 480px) {
    .pg-legal-hero { margin-top: 130px; padding: 60px 0 30px; }
    .pg-legal-title { font-size: 1.8rem; }
    .pg-legal-main-content h2 { font-size: 1.3rem; }
    .pg-legal-main-content p, .pg-legal-main-content li { font-size: 14px; }
}

/************************** CORPORATE SERVICE PAGE **********************************/
/*=============================================================================
  CORPORATE SERVICES PAGE CSS (pg-corp)
  - Premium Modern UI/UX Design
  - All values in rem units
  - Animations and transitions
  - Responsive breakpoints: 768px, 480px
  - Color scheme: #0b2c3d (dark blue), #cfa36a (gold), #f8faff (light bg)
=============================================================================*/

/* ============= BASE STYLES ============= */
.pg-corp-body { 
    background-color: #f8faff; 
    color: #333; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    line-height: 1.7;
}

/* ============= CONTAINER ============= */
.pg-corp-container {
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
}

/* ============= COMMON ELEMENTS ============= */
.pg-corp-label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1875rem;
    color: #cfa36a;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 3rem;
}
.pg-corp-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 0.125rem;
    background: #cfa36a;
}
.pg-corp-label.light {
    color: rgba(255,255,255,0.8);
}
.pg-corp-label.light::before {
    background: rgba(255,255,255,0.5);
}

.pg-corp-section-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #0b2c3d;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}
.pg-corp-section-title span {
    color: #cfa36a;
}
.pg-corp-section-title.white {
    color: #fff;
}

.pg-corp-section-header {
    text-align: center;
    margin-bottom: 4rem;
}

/* ============= HERO SECTION ============= */
.pg-corp-hero {
    min-height: 100vh;
    background: linear-gradient(135deg, #0b2c3d 0%, #0a1f2d 50%, #05161e 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 6rem 1.25rem;
}

.pg-corp-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    opacity: 0.1;
}

.pg-corp-hero-particles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(207, 163, 106, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(207, 163, 106, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.03) 0%, transparent 30%);
    animation: particleFloat 20s ease-in-out infinite;
}

@keyframes particleFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-1.25rem) rotate(1deg); }
}

.pg-corp-hero-content {
    position: relative;
    z-index: 2;
    max-width: 56.25rem;
}

.pg-corp-breadcrumb {
    color: rgba(255,255,255,0.6);
    font-size: 0.875rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}
.pg-corp-breadcrumb a {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}
.pg-corp-breadcrumb a:hover {
    color: #cfa36a;
}
.pg-corp-breadcrumb span {
    margin: 0 0.5rem;
    color: #cfa36a;
}

.pg-corp-hero-title {
    margin-bottom: 1.5rem;
}

.pg-corp-hero-line {
    display: block;
    font-size: clamp(2.5rem, 8vw, 5rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.3125rem;
    line-height: 1.1;
}

.pg-corp-hero-accent {
    display: block;
    font-size: clamp(2.5rem, 8vw, 5rem);
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 0.125rem #cfa36a;
    letter-spacing: 0.3125rem;
    line-height: 1.1;
    animation: glowPulse 3s ease-in-out infinite;
}

@keyframes glowPulse {
    0%, 100% { 
        filter: drop-shadow(0 0 0.625rem rgba(207, 163, 106, 0.3));
    }
    50% { 
        filter: drop-shadow(0 0 1.25rem rgba(207, 163, 106, 0.6));
    }
}

.pg-corp-hero-subtitle {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.7);
    letter-spacing: 0.25rem;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}

.pg-corp-hero-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.pg-corp-scroll-btn {
    width: 3.5rem;
    height: 3.5rem;
    border: 0.125rem solid rgba(255,255,255,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.25rem;
    transition: all 0.3s ease;
    animation: bounceDown 2s infinite;
}
.pg-corp-scroll-btn:hover {
    border-color: #cfa36a;
    color: #cfa36a;
    transform: scale(1.1);
}

@keyframes bounceDown {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(0.625rem); }
    60% { transform: translateY(0.3125rem); }
}

/* ============= INTRO SECTION ============= */
.pg-corp-intro-section {
    padding: 6.25rem 0;
    background: #fff;
}

.pg-corp-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
}

.pg-corp-intro-text p {
    font-size: 1rem;
    color: #555;
    margin-bottom: 1.25rem;
}

.pg-corp-stats-row {
    display: flex;
    gap: 2.5rem;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 0.0625rem solid #eee;
}

.pg-corp-stat-item {
    text-align: center;
}

.pg-corp-stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    color: #cfa36a;
    line-height: 1;
}

.pg-corp-stat-label {
    font-size: 0.8125rem;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}

.pg-corp-image-card {
    position: relative;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 1.5625rem 3.125rem rgba(0,0,0,0.15);
}

.pg-corp-image-card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.pg-corp-image-card:hover img {
    transform: scale(1.05);
}

.pg-corp-image-badge {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    background: rgba(11, 44, 61, 0.95);
    padding: 1rem 1.5rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #fff;
    backdrop-filter: blur(0.625rem);
}

.pg-corp-image-badge i {
    color: #cfa36a;
    font-size: 1.5rem;
}

.pg-corp-image-badge span {
    font-weight: 600;
    font-size: 0.9375rem;
}

/* ============= SERVICES SECTION ============= */
.pg-corp-services-section {
    padding: 6.25rem 0;
    background: linear-gradient(180deg, #0b2c3d 0%, #0a1f2d 100%);
}

.pg-corp-service-block {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3rem;
    background: rgba(255,255,255,0.03);
    border: 0.0625rem solid rgba(255,255,255,0.08);
    border-radius: 1.25rem;
    padding: 3rem;
    margin-bottom: 2rem;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.pg-corp-service-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background: linear-gradient(180deg, #cfa36a 0%, transparent 100%);
}

.pg-corp-service-block:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(207, 163, 106, 0.3);
    transform: translateX(0.5rem);
}

.pg-corp-service-block.reverse {
    direction: rtl;
}
.pg-corp-service-block.reverse > * {
    direction: ltr;
}
.pg-corp-service-block.reverse::before {
    left: auto;
    right: 0;
}

.pg-corp-service-icon {
    position: relative;
    width: 6rem;
    height: 6rem;
    background: linear-gradient(135deg, #cfa36a 0%, #b8894d 100%);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pg-corp-service-icon i {
    font-size: 2rem;
    color: #fff;
}

.pg-corp-service-num {
    position: absolute;
    top: -0.625rem;
    right: -0.625rem;
    width: 2rem;
    height: 2rem;
    background: #0b2c3d;
    border: 0.125rem solid #cfa36a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #cfa36a;
}

.pg-corp-service-content h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 700;
}

.pg-corp-service-content p {
    color: rgba(255,255,255,0.7);
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.pg-corp-service-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pg-corp-service-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: 0.875rem;
    color: rgba(255,255,255,0.8);
}

.pg-corp-service-list li i {
    color: #cfa36a;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    flex-shrink: 0;
}

/* ============= FEATURES SECTION ============= */
.pg-corp-features-section {
    padding: 6.25rem 0;
    background: #f8faff;
}

.pg-corp-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.pg-corp-feature-card {
    background: #fff;
    border-radius: 1.25rem;
    padding: 2.5rem;
    box-shadow: 0 0.625rem 2.5rem rgba(0,0,0,0.05);
    border: 0.0625rem solid #eee;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.pg-corp-feature-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.25rem;
    background: linear-gradient(90deg, #cfa36a, #0b2c3d);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.pg-corp-feature-card:hover {
    transform: translateY(-0.625rem);
    box-shadow: 0 1.25rem 3.75rem rgba(0,0,0,0.1);
}

.pg-corp-feature-card:hover::after {
    transform: scaleX(1);
}

.pg-corp-feature-card.featured {
    background: linear-gradient(135deg, #0b2c3d 0%, #0a1f2d 100%);
    border-color: transparent;
}

.pg-corp-feature-card.featured h4,
.pg-corp-feature-card.featured p,
.pg-corp-feature-card.featured li {
    color: #fff;
}

.pg-corp-feature-card.featured p,
.pg-corp-feature-card.featured li {
    color: rgba(255,255,255,0.8);
}

.pg-corp-featured-badge {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    background: #cfa36a;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.375rem 0.75rem;
    border-radius: 1.25rem;
    letter-spacing: 0.0625rem;
}

.pg-corp-feature-icon {
    width: 4.5rem;
    height: 4.5rem;
    background: linear-gradient(135deg, rgba(207, 163, 106, 0.15) 0%, rgba(207, 163, 106, 0.05) 100%);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-left: 40%;
}

.pg-corp-feature-icon i {
    font-size: 1.75rem;
    color: #cfa36a;
}

.pg-corp-feature-card.featured .pg-corp-feature-icon {
    background: rgba(207, 163, 106, 0.2);
}

.pg-corp-feature-card h4 {
    font-size: 1.25rem;
    color: #0b2c3d;
    margin-bottom: 1rem;
    font-weight: 700;
    text-align: center;
}

.pg-corp-feature-card p {
    font-size: 0.9375rem;
    color: #666;
    margin-bottom: 1.25rem;
    line-height: 1.6;
}

.pg-corp-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    padding-left: 30%;
}

.pg-corp-feature-list li {
    font-size: 0.875rem;
    color: #555;
    padding: 0.5rem 0;
    padding-left: 1.25rem;
    position: relative;
}

.pg-corp-feature-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.375rem;
    height: 0.375rem;
    background: #cfa36a;
    border-radius: 50%;
}

.pg-corp-feature-footer {
    padding-top: 1.25rem;
    border-top: 0.0625rem solid #eee;
    text-align: center;
}

.pg-corp-feature-card.featured .pg-corp-feature-footer {
    border-color: rgba(255,255,255,0.1);
}

.pg-corp-feature-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #cfa36a;
    letter-spacing: 0.0625rem;
}

/* ============= PROCESS SECTION ============= */
.pg-corp-process-section {
    padding: 6.25rem 0;
    background: linear-gradient(135deg, #0b2c3d 0%, #05161e 100%);
    position: relative;
    overflow: hidden;
}

.pg-corp-process-section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 37.5rem;
    height: 37.5rem;
    background: radial-gradient(circle, rgba(207, 163, 106, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.pg-corp-timeline {
    position: relative;
    max-width: 50rem;
    margin: 0 auto;
}

.pg-corp-timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.125rem;
    height: 100%;
    background: linear-gradient(180deg, #cfa36a 0%, rgba(207, 163, 106, 0.2) 100%);
}

.pg-corp-timeline-item {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
}

.pg-corp-timeline-item:nth-child(odd) {
    justify-content: flex-start;
    padding-right: 52%;
}

.pg-corp-timeline-item:nth-child(even) {
    justify-content: flex-end;
    padding-left: 52%;
}

.pg-corp-timeline-marker {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background: linear-gradient(135deg, #cfa36a 0%, #b8894d 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 0 0 0.375rem rgba(207, 163, 106, 0.2);
}

.pg-corp-timeline-marker span {
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
}

.pg-corp-timeline-content {
    background: rgba(255,255,255,0.05);
    border: 0.0625rem solid rgba(255,255,255,0.1);
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    backdrop-filter: blur(0.625rem);
    transition: all 0.3s ease;
}

.pg-corp-timeline-content:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(207, 163, 106, 0.3);
}

.pg-corp-timeline-content h4 {
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.pg-corp-timeline-content p {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.7);
    margin: 0;
    line-height: 1.5;
}

/* ============= CTA SECTION ============= */
.pg-corp-cta-section {
    padding: 6.25rem 0;
    background: #f8faff;
}

.pg-corp-cta-box {
    background: linear-gradient(135deg, #0b2c3d 0%, #0a1f2d 100%);
    border-radius: 1.875rem;
    padding: 4rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3rem;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.pg-corp-cta-box::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 25rem;
    height: 25rem;
    background: radial-gradient(circle, rgba(207, 163, 106, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pg-corp-cta-content {
    position: relative;
    z-index: 2;
}

.pg-corp-cta-content h2 {
    font-size: 2.25rem;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 800;
}

.pg-corp-cta-content h2 span {
    color: #cfa36a;
}

.pg-corp-cta-content p {
    font-size: 1rem;
    color: rgba(255,255,255,0.7);
    margin-bottom: 2rem;
}

.pg-corp-cta-buttons {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.pg-corp-phone-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.125rem;
    transition: color 0.3s ease;
}

.pg-corp-phone-link:hover {
    color: #cfa36a;
}

.pg-corp-phone-link i {
    width: 2.75rem;
    height: 2.75rem;
    background: rgba(207, 163, 106, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #cfa36a;
}

.pg-corp-cta-visual {
    position: relative;
    z-index: 2;
}

.pg-corp-cta-icon {
    width: 7.5rem;
    height: 7.5rem;
    background: linear-gradient(135deg, rgba(207, 163, 106, 0.2) 0%, rgba(207, 163, 106, 0.1) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: float 3s ease-in-out infinite;
}

.pg-corp-cta-icon i {
    font-size: 3rem;
    color: #cfa36a;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.625rem); }
}

/* =============================================================================
   RESPONSIVE 768px (TABLET)
============================================================================= */
@media (max-width: 768px) {
    /* Hero */
    .pg-corp-hero {
        min-height: auto;
        padding: 10rem 1.25rem 5rem;
        margin-top: 10rem;
    }
    
    .pg-corp-hero-line,
    .pg-corp-hero-accent {
        font-size: 2.5rem;
        letter-spacing: 0.125rem;
    }
    
    .pg-corp-hero-subtitle {
        font-size: 0.875rem;
        letter-spacing: 0.125rem;
    }
    
    /* Intro */
    .pg-corp-intro-section {
        padding: 4rem 0;
    }
    
    .pg-corp-intro-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .pg-corp-intro-visual {
        order: -1;
    }
    
    .pg-corp-section-title {
        font-size: 2rem;
        text-align: center;
    }
    
    .pg-corp-stats-row {
        justify-content: center;
        gap: 2rem;
    }
    
    .pg-corp-stat-number {
        font-size: 2rem;
    }
    
    /* Services */
    .pg-corp-services-section {
        padding: 4rem 0;
    }
    
    .pg-corp-service-block {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 2rem;
    }
    
    .pg-corp-service-block.reverse {
        direction: ltr;
    }
    .pg-corp-label {
      margin-left: 35%;
    }
    .pg-corp-label.light {
      margin-left: 0%;
    }
    .pg-corp-service-icon {
        margin: 0 auto 1.5rem;
    }
    #additional-service{
        margin-left: 0;
    }
    
    .pg-corp-service-list {
        grid-template-columns: 1fr;
        text-align: left;
        max-width: 25rem;
        margin: 0 auto;
        padding-left: 10%;
    }
    
    /* Features */
    .pg-corp-features-section {
        padding: 4rem 0;
    }
    
    .pg-corp-features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .pg-corp-feature-card {
        padding: 2rem;
    }
    
    /* Process */
    .pg-corp-process-section {
        padding: 4rem 0;
    }
    
    .pg-corp-timeline::before {
        left: 1.75rem;
    }
    
    .pg-corp-timeline-item {
        padding-left: 5rem !important;
        padding-right: 0 !important;
        justify-content: flex-start !important;
    }
    
    .pg-corp-timeline-marker {
        left: 1.75rem;
        width: 3rem;
        height: 3rem;
    }
    
    .pg-corp-timeline-marker span {
        font-size: 1rem;
    }
    
    .pg-corp-timeline-content {
        padding: 1.25rem 1.5rem;
    }
    
    /* CTA */
    .pg-corp-cta-section {
        padding: 4rem 0;
    }
    
    .pg-corp-cta-box {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 3rem 2rem;
    }
    
    .pg-corp-cta-content h2 {
        font-size: 1.75rem;
    }
    
    .pg-corp-cta-buttons {
        justify-content: center;
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .pg-corp-cta-visual {
        display: none;
    }
}

/* =============================================================================
   RESPONSIVE 480px (MOBILE)
============================================================================= */
@media (max-width: 480px) {
    /* Hero */
    .pg-corp-hero {
        padding: 9rem 1rem 4rem;
    }
    
    .pg-corp-hero-line,
    .pg-corp-hero-accent {
        font-size: 2rem;
        letter-spacing: 0.0625rem;
    }
    
    .pg-corp-hero-subtitle {
        font-size: 0.75rem;
        letter-spacing: 0.0625rem;
    }
    
    .pg-corp-breadcrumb {
        font-size: 0.75rem;
    }
    
    .pg-corp-scroll-btn {
        width: 3rem;
        height: 3rem;
        font-size: 1rem;
    }
    
    /* Common */
    .pg-corp-container {
        width: 92%;
    }
    
    .pg-corp-section-title {
        font-size: 1.625rem;
    }
    
    .pg-corp-label {
        font-size: 0.75rem;
        padding-left: 2.5rem;
    }
    .pg-corp-label {
        margin-left: 25%;
    }
    
    .pg-corp-label::before {
        width: 1.5rem;
    }
    
    .pg-corp-section-header {
        margin-bottom: 2.5rem;
    }
    
    /* Intro */
    .pg-corp-intro-section {
        padding: 3rem 0;
    }
    
    .pg-corp-intro-text p {
        font-size: 0.9375rem;
        text-align: justify;
    }
    
    .pg-corp-stats-row {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .pg-corp-stat-number {
        font-size: 1.75rem;
    }
    
    .pg-corp-stat-label {
        font-size: 0.75rem;
    }
    
    .pg-corp-image-badge {
        bottom: 1rem;
        left: 1rem;
        padding: 0.75rem 1rem;
    }
    
    .pg-corp-image-badge i {
        font-size: 1.25rem;
    }
    
    .pg-corp-image-badge span {
        font-size: 0.8125rem;
    }
    
    /* Services */
    .pg-corp-services-section {
        padding: 3rem 0;
    }
    
    .pg-corp-service-block {
        padding: 1.5rem;
    }
    
    .pg-corp-service-icon {
        width: 5rem;
        height: 5rem;
    }
    
    .pg-corp-service-icon i {
        font-size: 1.5rem;
    }
    
    .pg-corp-service-content h3 {
        font-size: 1.25rem;
    }
    
    .pg-corp-service-content p {
        font-size: 0.875rem;
    }
    
    .pg-corp-service-list li {
        font-size: 0.8125rem;
    }
    
    /* Features */
    .pg-corp-features-section {
        padding: 3rem 0;
    }
    
    .pg-corp-feature-card {
        padding: 1.5rem;
    }
    
    .pg-corp-feature-icon {
        width: 4rem;
        height: 4rem;
    }
    
    .pg-corp-feature-icon i {
        font-size: 1.5rem;
    }
    
    .pg-corp-feature-card h4 {
        font-size: 1.125rem;
    }
    
    .pg-corp-feature-card p {
        font-size: 0.875rem;
    }
    
    .pg-corp-feature-list li {
        font-size: 0.8125rem;
    }
    
    /* Process */
    .pg-corp-process-section {
        padding: 3rem 0;
    }
    
    .pg-corp-timeline::before {
        left: 1.25rem;
    }
    
    .pg-corp-timeline-item {
        padding-left: 4rem !important;
        margin-bottom: 2rem;
    }
    
    .pg-corp-timeline-marker {
        left: 1.25rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .pg-corp-timeline-marker span {
        font-size: 0.875rem;
    }
    
    .pg-corp-timeline-content {
        padding: 1rem 1.25rem;
    }
    
    .pg-corp-timeline-content h4 {
        font-size: 1rem;
    }
    
    .pg-corp-timeline-content p {
        font-size: 0.8125rem;
    }
    
    /* CTA */
    .pg-corp-cta-section {
        padding: 3rem 0;
    }
    
    .pg-corp-cta-box {
        padding: 2.5rem 1.5rem;
        border-radius: 1.25rem;
    }
    
    .pg-corp-cta-content h2 {
        font-size: 1.5rem;
    }
    
    .pg-corp-cta-content p {
        font-size: 0.9375rem;
    }
    
    .pg-corp-phone-link {
        font-size: 1rem;
    }
    
    .pg-corp-phone-link i {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0.875rem;
    }
    .pg-corp-feature-list {
      padding-left: 15%;
    }

}