/* Container Rules */
    .faq-section {
      padding-top: 80px;
      padding-bottom: 90px;
      width: 100%;
    }

    .faq-section .container {
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }

    /* Header & Navigation Styles */
    .site-header {
      background-color: rgba(12, 21, 39, 0.92);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s ease;
      z-index: 1030;
    }

    .brand-logo {
      max-height: 40px;
      width: auto;
    }

    .site-header .navbar {
      padding: 18px 0;
    }

    .site-header .nav-link {
      color: var(--text-muted) !important;
      font-weight: 500;
      font-size: 0.95rem;
      padding: 8px 16px !important;
      transition: color 0.3s ease;
    }

    .site-header .nav-link:hover,
    .site-header .nav-link.active {
      color: var(--accent-gold) !important;
    }

    /* Page Title Header */
    .page-title-header {
      padding: 80px 0 60px 0;
      background: radial-gradient(circle at center, rgba(0, 168, 204, 0.08) 0%, rgba(12, 21, 39, 1) 70%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      text-center: center;
    }

    .tag-line {
      color: var(--accent-gold);
      font-weight: 700;
      letter-spacing: 1.5px;
      font-size: 0.85rem;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 12px;
    }

    .page-title {
      color: var(--text-main);
      font-size: clamp(2.2rem, 5vw, 3.2rem);
      font-weight: 800;
      margin-bottom: 12px;
      line-height: 1.2;
    }

    .page-subtitle {
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.6;
      max-width: 650px;
      margin: 0 auto;
    }

    .breadcrumb {
      background: transparent;
      padding: 0;
      font-size: 0.9rem;
    }

    .breadcrumb-item a {
      color: var(--accent-gold);
      text-decoration: none;
    }

    .breadcrumb-item a:hover {
      color: var(--accent-teal);
    }

    .breadcrumb-item.active {
      color: var(--text-muted);
    }

    .breadcrumb-item + .breadcrumb-item::before {
      color: var(--text-muted);
      content: "›";
      font-size: 1.1rem;
    }

    /* Category Navigation Nav-Pills */
    .faq-nav .nav-link {
      background-color: var(--bg-card);
      color: var(--text-muted);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 30px;
      padding: 10px 24px;
      font-weight: 600;
      font-size: 0.9rem;
      margin: 4px;
      transition: all 0.3s ease;
    }

    .faq-nav .nav-link:hover {
      color: var(--text-main);
      border-color: rgba(255, 255, 255, 0.2);
    }

    .faq-nav .nav-link.active {
      background-color: var(--accent-gold);
      color: #ffffff;
      border-color: var(--accent-gold);
    }

    /* Accordion Styling */
    .accordion-item {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 10px !important;
      margin-bottom: 16px;
      overflow: hidden;
      transition: border-color 0.3s ease;
    }

    .accordion-item:hover {
      border-color: rgba(230, 126, 34, 0.4);
    }

    .accordion-button {
      background-color: var(--bg-card);
      color: var(--text-main);
      font-weight: 600;
      font-size: 1.05rem;
      padding: 20px 24px;
      box-shadow: none !important;
    }

    .accordion-button:not(.collapsed) {
      background-color: rgba(230, 126, 34, 0.08);
      color: var(--accent-gold);
    }

    .accordion-button::after {
      filter: invert(1);
    }

    .accordion-body {
      color: var(--text-muted);
      font-size: 0.98rem;
      line-height: 1.75;
      padding: 0 24px 22px 24px;
      background-color: var(--bg-card);
    }

    /* Help Box Card */
    .support-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(0, 168, 204, 0.3);
      border-radius: 12px;
      padding: 35px;
      margin-top: 60px;
      position: relative;
    }

    /* Buttons */
    .btn-gold {
      background-color: var(--accent-gold);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 10px 22px;
      text-decoration: none;
      display: inline-block;
      transition: background 0.3s ease;
    }
/* Section Container Rules */
    .contact-section {
      padding-top: 80px;
      padding-bottom: 90px;
      width: 100%;
    }

    .contact-section .container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }

    /* Site Header & Navigation */
    .site-header {
      background-color: rgba(12, 21, 39, 0.92);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s ease;
      z-index: 1030;
    }

    .brand-logo {
      max-height: 40px;
      width: auto;
    }

    .site-header .navbar {
      padding: 18px 0;
    }

    .site-header .nav-link {
      color: var(--text-muted) !important;
      font-weight: 500;
      font-size: 0.95rem;
      padding: 8px 16px !important;
      transition: color 0.3s ease;
    }

    .site-header .nav-link:hover,
    .site-header .nav-link.active {
      color: var(--accent-gold) !important;
    }

    /* Page Header Banner */
    .page-title-header {
      padding: 80px 0 60px 0;
      background: radial-gradient(circle at center, rgba(0, 168, 204, 0.08) 0%, rgba(12, 21, 39, 1) 70%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .tag-line {
      color: var(--accent-gold);
      font-weight: 700;
      letter-spacing: 1.5px;
      font-size: 0.85rem;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 12px;
    }

    .page-title {
      color: var(--text-main);
      font-size: clamp(2.2rem, 5vw, 3.2rem);
      font-weight: 800;
      margin-bottom: 12px;
      line-height: 1.2;
    }

    .page-subtitle {
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.6;
      max-width: 650px;
      margin: 0 auto;
    }

    .breadcrumb {
      background: transparent;
      padding: 0;
      font-size: 0.9rem;
    }

    .breadcrumb-item a {
      color: var(--accent-gold);
      text-decoration: none;
    }

    .breadcrumb-item a:hover {
      color: var(--accent-teal);
    }

    .breadcrumb-item.active {
      color: var(--text-muted);
    }

    .breadcrumb-item + .breadcrumb-item::before {
      color: var(--text-muted);
      content: "›";
      font-size: 1.1rem;
    }

    /* Info Cards */
    .contact-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 12px;
      padding: 28px 24px;
      height: 100%;
      transition: all 0.3s ease;
    }

    .contact-card:hover {
      border-color: var(--accent-gold);
      transform: translateY(-4px);
    }

    .contact-icon {
      width: 54px;
      height: 54px;
      background-color: rgba(0, 168, 204, 0.12);
      color: var(--accent-teal);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
    }

    .contact-card h5 {
      color: var(--text-main);
      font-weight: 700;
      font-size: 1.1rem;
      margin-bottom: 10px;
    }

    .contact-card p, 
    .contact-card a {
      color: var(--text-muted);
      font-size: 0.95rem;
      line-height: 1.6;
      text-decoration: none;
      margin-bottom: 0;
    }

    .contact-card a:hover {
      color: var(--accent-teal);
    }

    /* Contact Form Wrapper */
    .form-wrapper {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 14px;
      padding: 40px;
    }

    .form-control, 
    .form-select {
      background-color: rgba(12, 21, 39, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: var(--text-main) !important;
      padding: 12px 16px;
      border-radius: 8px;
      font-size: 0.95rem;
    }

    .form-control:focus, 
    .form-select:focus {
      background-color: rgba(12, 21, 39, 0.9);
      border-color: var(--accent-gold);
      box-shadow: 0 0 0 0.25rem rgba(230, 126, 34, 0.2);
    }

    .form-control::placeholder {
      color: #6c7a92;
    }

    .form-label {
      color: var(--text-main);
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 8px;
    }

    /* Map Frame */
    .map-frame {
      width: 100%;
      height: 100%;
      min-height: 400px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      filter: grayscale(85%) invert(92%) contrast(83%);
    }

    /* Custom Buttons */
    .btn-gold {
      background-color: var(--accent-gold);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 12px 28px;
      border: none;
      text-decoration: none;
      display: inline-block;
      transition: background 0.3s ease;
    }

    .btn-gold:hover {
      background-color: #d36f18;
      color: #fff;
    }

    .btn-outline-light-custom {
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 10px 22px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
    }

    .btn-outline-light-custom:hover {
      border-color: var(--accent-gold);
      color: var(--accent-gold);
    }
/* Container Spacing Rules */
    .about.mega-section {
      padding-top: 90px;
      padding-bottom: 90px;
      width: 100%;
    }

    .about .container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }

    /* Block Margins */
    .content-block {
      margin-bottom: 80px;
    }

    .content-block:last-child {
      margin-bottom: 0;
    }

    /* Typography Styling */
    .tag-line {
      color: var(--accent-gold);
      font-weight: 700;
      letter-spacing: 1.5px;
      font-size: 0.85rem;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 12px;
    }

    .section-title {
      color: var(--text-main);
      font-weight: 700;
      font-size: clamp(1.8rem, 4vw, 2.5rem);
      line-height: 1.25;
      margin-bottom: 20px;
    }

    .featured-text {
      color: var(--accent-gold);
    }

    .init-text {
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.75;
      margin-bottom: 18px;
    }

    /* Image Wrapper Spacing & Hover Effect */
    .img-area {
      position: relative;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .img-area img {
      width: 100%;
      height: 100%;
      max-height: 420px;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
    }

    .img-area:hover img {
      transform: scale(1.03);
    }

    /* Pillar Cards */
    .info-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 12px;
      padding: 36px 28px;
      height: 100%;
      transition: all 0.3s ease;
    }

    .info-card:hover {
      transform: translateY(-6px);
      border-color: var(--accent-gold);
    }

    .info-card i {
      color: var(--accent-teal);
    }

    .info-card h4 {
      color: var(--text-main);
      margin-top: 18px;
      margin-bottom: 12px;
      font-weight: 600;
    }

    .info-card p {
      color: var(--text-muted);
      font-size: 0.95rem;
      margin-bottom: 0;
      line-height: 1.6;
    }

    /* Buttons */
    .btn-gold {
      background-color: var(--accent-gold);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 10px 22px;
      text-decoration: none;
      display: inline-block;
      transition: background 0.3s ease;
    }

    .btn-gold:hover {
      background-color: #d36f18;
      color: #fff;
    }

    .btn-outline-light-custom {
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 10px 22px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
    }

    .btn-outline-light-custom:hover {
      border-color: var(--accent-gold);
      color: var(--accent-gold);
    }


    /* Mobile Responsive Tweaks */
    @media (max-width: 991.98px) {
      .about.mega-section {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .about .container {
        padding-left: 15px;
        padding-right: 15px;
      }
      .content-block {
        margin-bottom: 50px;
      }
    }
  /* Section Container Rules */
    .services-section {
      padding-top: 80px;
      padding-bottom: 90px;
      width: 100%;
    }

    .services-section .container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }

    /* Site Header & Navigation */
    .site-header {
      background-color: rgba(12, 21, 39, 0.92);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s ease;
      z-index: 1030;
    }

    .brand-logo {
      max-height: 40px;
      width: auto;
    }

    .site-header .navbar {
      padding: 18px 0;
    }

    .site-header .nav-link {
      color: var(--text-muted) !important;
      font-weight: 500;
      font-size: 0.95rem;
      padding: 8px 16px !important;
      transition: color 0.3s ease;
    }

    .site-header .nav-link:hover,
    .site-header .nav-link.active {
      color: var(--accent-gold) !important;
    }

    /* Page Header Banner */
    .page-title-header {
      padding: 80px 0 60px 0;
      background: radial-gradient(circle at center, rgba(0, 168, 204, 0.08) 0%, rgba(12, 21, 39, 1) 70%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      text-align: center;
    }

    .tag-line {
      color: var(--accent-gold);
      font-weight: 700;
      letter-spacing: 1.5px;
      font-size: 0.85rem;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 12px;
    }

    .page-title {
      color: var(--text-main);
      font-size: clamp(2.2rem, 5vw, 3.2rem);
      font-weight: 800;
      margin-bottom: 12px;
      line-height: 1.2;
    }

    .page-subtitle {
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.6;
      max-width: 650px;
      margin: 0 auto;
    }

    .breadcrumb {
      background: transparent;
      padding: 0;
      font-size: 0.9rem;
    }

    .breadcrumb-item a {
      color: var(--accent-gold);
      text-decoration: none;
    }

    .breadcrumb-item a:hover {
      color: var(--accent-teal);
    }

    .breadcrumb-item.active {
      color: var(--text-muted);
    }

    .breadcrumb-item + .breadcrumb-item::before {
      color: var(--text-muted);
      content: "›";
      font-size: 1.1rem;
    }

    /* Strategy Service Cards */
    .service-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 14px;
      padding: 35px 30px;
      height: 100%;
      transition: all 0.3s ease;
      position: relative;
    }

    .service-card:hover {
      border-color: rgba(230, 126, 34, 0.5);
      transform: translateY(-5px);
    }

    .service-icon {
      width: 64px;
      height: 64px;
      background-color: rgba(230, 126, 34, 0.12);
      color: var(--accent-gold);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px;
    }

    .service-card:hover .service-icon {
      background-color: rgba(0, 168, 204, 0.15);
      color: var(--accent-teal);
    }

    .service-card h4 {
      color: var(--text-main);
      font-weight: 700;
      font-size: 1.3rem;
      margin-bottom: 14px;
    }

    .service-card p {
      color: var(--text-muted);
      font-size: 0.96rem;
      line-height: 1.7;
      margin-bottom: 20px;
    }

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

    .feature-list li {
      color: var(--text-muted);
      font-size: 0.9rem;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }

    .feature-list li i {
      color: var(--accent-teal);
      margin-right: 10px;
    }

    /* Process Cards */
    .process-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 12px;
      padding: 30px 24px;
      text-align: center;
      position: relative;
      height: 100%;
    }

    .process-number {
      width: 45px;
      height: 45px;
      background-color: var(--accent-gold);
      color: #fff;
      font-weight: 800;
      font-size: 1.1rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px auto;
    }

    /* Call-to-Action Banner */
    .cta-card {
      background-color: var(--bg-card);
      border: 1px solid rgba(0, 168, 204, 0.3);
      border-radius: 14px;
      padding: 45px 35px;
      margin-top: 60px;
    }

    /* Custom Buttons */
    .btn-gold {
      background-color: var(--accent-gold);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 12px 26px;
      text-decoration: none;
      display: inline-block;
      transition: background 0.3s ease;
    }

    .btn-gold:hover {
      background-color: #d36f18;
      color: #fff;
    }

    .btn-outline-light-custom {
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff;
      font-weight: 600;
      border-radius: 6px;
      padding: 10px 22px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
    }

    .btn-outline-light-custom:hover {
      border-color: var(--accent-gold);
      color: var(--accent-gold);
    }