/**
 * HighMarket Academy LLP - Global Theme & Layout Stylesheet
 * Brand Accent Colors: Gold (#b6755f, #b6755f), Emerald Green (#628e84, #4e746b), Navy (#243047, #182232)
 */

:root {
   --hma-primary: #243047;
   --hma-secondary: #182232;
   --hma-accent: #b6755f;
   --hma-gold: #b6755f;
   --hma-beige: #f5ede4;
   --hma-beige-light: #faf5ef;
   --hma-beige-dark: #ebd9c8;
   --hma-gold-light: #fbf4ee;
   --hma-gold-badge: #f7ebe1;
   --hma-gold-text: #8c4e3d;
   --hma-green: #628e84;
   --hma-green-dark: #4e746b;
   --hma-green-light: #eff5f3;
   --hma-green-border: #c9ded9;
   --hma-green-text: #3a5851;
   --hma-dark: #1c2638;
   --hma-light: #fbf6f0;
}

html {
   scroll-behavior: smooth;
}

body {
   font-family: 'Poppins', sans-serif;
   color: #334155;
   background-color: #f7f2eb;
   background-image: 
      radial-gradient(at 0% 0%, rgba(245, 237, 228, 0.95) 0px, transparent 55%),
      radial-gradient(at 100% 0%, rgba(235, 217, 200, 0.60) 0px, transparent 50%),
      radial-gradient(at 50% 50%, rgba(232, 240, 246, 0.35) 0px, transparent 65%),
      radial-gradient(at 0% 100%, rgba(248, 242, 234, 0.90) 0px, transparent 50%),
      radial-gradient(at 100% 100%, rgba(235, 222, 208, 0.70) 0px, transparent 55%);
   background-attachment: fixed;
}

/* Texture & Section Background Utilities */
.bg-creamy-texture {
   background-color: #f8f3ec !important;
   background-image: 
      radial-gradient(#b6755f 0.5px, transparent 0.5px), 
      radial-gradient(#243047 0.4px, #f8f3ec 0.4px) !important;
   background-size: 16px 16px !important;
   background-position: 0 0, 8px 8px !important;
}

.bg-soft-blue-cream {
   background: linear-gradient(135deg, #f8f2ea 0%, #f3eee6 50%, #eff4f8 100%) !important;
}

.bg-light-blue-texture {
   background-color: #f5ede4 !important;
   background-image: radial-gradient(rgba(182, 117, 95, 0.08) 1px, transparent 1px) !important;
   background-size: 16px 16px !important;
}

/* ==========================================================================
   Page Banners (Shared across sub-pages)
   ========================================================================== */
.page-banner {
   background: linear-gradient(135deg, rgba(28, 38, 56, 0.95), rgba(36, 48, 71, 0.9)), url('../img/banner1.jpeg') center/cover no-repeat;
   padding: 80px 0 70px;
   color: #fff;
   text-align: center;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}
.page-banner-tag {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: rgba(182, 117, 95, 0.18);
   color: #e6bcae;
   border: 1px solid rgba(182, 117, 95, 0.45);
   border-radius: 0;
   padding: 6px 18px;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-bottom: 16px;
}
.page-banner h1 {
   font-size: 40px;
   font-weight: 800;
   color: #fff;
   margin: 0 auto 14px auto;
   line-height: 1.25;
   max-width: 900px;
   letter-spacing: -0.5px;
}
.page-banner p {
   color: #e2e8f0;
   font-size: 17px;
   max-width: 740px;
   margin: 0 auto;
   font-weight: 400;
   line-height: 1.6;
}

@media (max-width: 767.98px) {
   .page-banner {
      padding: 50px 16px 45px;
   }
   .page-banner-tag {
      font-size: 11.5px;
      padding: 4px 14px;
      margin-bottom: 12px;
   }
   .page-banner h1 {
      font-size: 28px;
      margin-bottom: 10px;
   }
   .page-banner p {
      font-size: 14.5px;
   }
}

/* ==========================================================================
   Buttons - Professional Square with Sliding Color Hover Effect
   ========================================================================== */
.btn-hma-primary,
.btn-hma-green,
.btn-hma-outline,
.btn-hma-navy,
.contact-btn-submit,
.submit_btn {
   position: relative !important;
   overflow: hidden !important;
   z-index: 1 !important;
   border-radius: 0px !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   font-weight: 700 !important;
   letter-spacing: 0.5px !important;
   text-transform: uppercase !important;
   font-size: 13.5px !important;
   transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
               border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
               box-shadow 0.35s ease,
               transform 0.2s ease !important;
   text-decoration: none !important;
}

/* Sliding Background Pseudo Element */
.btn-hma-primary::before,
.btn-hma-green::before,
.btn-hma-outline::before,
.btn-hma-navy::before,
.contact-btn-submit::before,
.submit_btn::before {
   content: '' !important;
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
   z-index: -1 !important;
   transform: translateX(-101%) !important;
   transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-hma-primary:hover::before,
.btn-hma-green:hover::before,
.btn-hma-outline:hover::before,
.btn-hma-navy:hover::before,
.contact-btn-submit:hover::before,
.submit_btn:hover::before {
   transform: translateX(0) !important;
}

/* 1. Primary Gold Button: Gold -> Slides Deep Navy */
.btn-hma-primary {
   background: #b6755f !important;
   color: #182232 !important;
   border: 2px solid #b6755f !important;
   padding: 13px 28px !important;
   box-shadow: 0 4px 14px rgba(182, 117, 95, 0.2) !important;
}
.btn-hma-primary::before {
   background: #182232 !important;
}
.btn-hma-primary:hover {
   color: #e6bcae !important;
   border-color: #182232 !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 8px 22px rgba(24, 34, 50, 0.25) !important;
}

/* 2. Green Growth / WhatsApp Button: Emerald Green -> Slides Deep Navy */
.btn-hma-green {
   background: #628e84 !important;
   color: #ffffff !important;
   border: 2px solid #628e84 !important;
   padding: 13px 26px !important;
   box-shadow: 0 4px 14px rgba(98, 142, 132, 0.2) !important;
}
.btn-hma-green::before {
   background: #182232 !important;
}
.btn-hma-green:hover {
   color: #80aca2 !important;
   border-color: #182232 !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 8px 22px rgba(24, 34, 50, 0.25) !important;
}

/* 3. Outline Button: Transparent -> Slides Warm Gold */
.btn-hma-outline {
   background: transparent !important;
   color: #ffffff !important;
   border: 2px solid rgba(230, 188, 174, 0.85) !important;
   padding: 13px 28px !important;
}
.btn-hma-outline::before {
   background: #b6755f !important;
}
.btn-hma-outline:hover {
   color: #182232 !important;
   border-color: #b6755f !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 8px 22px rgba(182, 117, 95, 0.25) !important;
}

/* 4. Navy Button: Deep Navy -> Slides Warm Gold */
.btn-hma-navy {
   background: #243047 !important;
   color: #ffffff !important;
   border: 2px solid #243047 !important;
   padding: 12px 20px !important;
   width: 100% !important;
   text-align: center !important;
}
.btn-hma-navy::before {
   background: #b6755f !important;
}
.btn-hma-navy:hover {
   color: #182232 !important;
   border-color: #b6755f !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 6px 18px rgba(182, 117, 95, 0.25) !important;
}

/* 5. Contact Submit Button */
.contact-btn-submit,
.submit_btn {
   background: #b6755f !important;
   color: #182232 !important;
   border: 2px solid #b6755f !important;
   padding: 14px 34px !important;
   cursor: pointer !important;
   box-shadow: 0 4px 14px rgba(182, 117, 95, 0.2) !important;
}
.contact-btn-submit::before,
.submit_btn::before {
   background: #182232 !important;
}
.contact-btn-submit:hover,
.submit_btn:hover {
   color: #e6bcae !important;
   border-color: #182232 !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 8px 22px rgba(24, 34, 50, 0.25) !important;
}

/* ==========================================================================
   Badges & Headings
   ========================================================================== */
.section-badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   background: #f5ede4;
   color: #8c4e3d;
   border: 1px solid #ebd9c8;
   font-weight: 700;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
   padding: 6px 16px;
   border-radius: 0;
}
.section-heading {
   font-size: 34px;
   font-weight: 800;
   color: #243047;
   margin-bottom: 15px;
   line-height: 1.3;
}
.section-subtext {
   font-size: 16px;
   color: #64748b;
   line-height: 1.7;
   max-width: 800px;
   margin: 0 auto 40px;
}

.badge-growth-green {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   background: #f0f6f4;
   color: #3a5851;
   border: 1px solid #c9ded9;
   font-weight: 700;
   font-size: 12px;
   padding: 5px 14px;
   border-radius: 0;
   letter-spacing: 0.5px;
   text-transform: uppercase;
}

.badge-growth-green i {
   color: #628e84;
}

.badge-green-pill {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   background: #f0f6f4;
   color: #3a5851;
   border: 1px solid #c9ded9;
   border-radius: 0;
   font-size: 11.5px;
   font-weight: 700;
   padding: 4px 12px;
   margin-bottom: 8px;
}

.badge-green-pill i {
   color: #628e84;
}

/* Green Accents & Utilities */
.text-green-accent {
   color: #628e84 !important;
}

.text-emerald-dark {
   color: #3a5851 !important;
}

.bg-green-soft {
   background: #f0f6f4 !important;
   border: 1px solid #c9ded9 !important;
   color: #3a5851 !important;
}

.icon-box-green {
   width: 44px;
   height: 44px;
   background: #f0f6f4;
   color: #628e84;
   border: 1px solid #c9ded9;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   flex-shrink: 0;
   transition: all 0.3s ease;
}

.icon-box-green:hover {
   background: #628e84;
   color: #ffffff;
   border-color: #4e746b;
   transform: scale(1.05);
}

.check-item-green {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   margin-bottom: 10px;
   font-size: 14px;
   color: #334155;
}

.check-item-green i {
   color: #628e84;
   font-size: 15px;
   margin-top: 3px;
   flex-shrink: 0;
}

.green-status-dot {
   width: 8px;
   height: 8px;
   background-color: #628e84;
   border-radius: 50%;
   display: inline-block;
   box-shadow: 0 0 0 3px rgba(98, 142, 132, 0.25);
   margin-right: 6px;
}

/* ==========================================================================
   Header Navigation Styles
   ========================================================================== */
.header_area {
   position: relative !important;
   width: 100% !important;
   z-index: 1000 !important;
   margin-bottom: 0 !important;
}
.header_area + row,
.header_area + div,
.header_area + section,
.header_area + main {
   margin-top: 0 !important;
}
.header_area.navbar_fixed .header_menu {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   width: 100% !important;
   z-index: 10000 !important;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
   animation: slideDownNav 0.35s ease forwards;
}
@keyframes slideDownNav {
   from { transform: translateY(-100%); }
   to { transform: translateY(0); }
}

/* Top bar */
.header_top {
   background: linear-gradient(90deg, #182232 0%, #243047 100%) !important;
   padding: 9px 0 !important;
   border-bottom: 2px solid #628e84 !important;
}
.header_top a {
   transition: color 0.2s ease;
}
.header_top a:hover {
   color: #e6bcae !important;
}
.header_top_content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 6px 20px;
   width: 100%;
}
.header_top_content .left_side,
.header_top_content .right_side {
   display: flex;
   align-items: center;
}
.header_top_content h6 {
   display: inline-flex;
   align-items: center;
   margin: 0 !important;
   line-height: 1.4 !important;
}

/* Header Menu Bar */
.header_menu {
   background: #faf6f0 !important;
   border-bottom: 1px solid #ebd9c8 !important;
   box-shadow: 0 4px 20px rgba(36, 48, 71, 0.08) !important;
   position: relative;
   width: 100% !important;
}
.header_menu .navbar {
   padding: 10px 0 !important;
   margin: 0 !important;
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   justify-content: space-between !important;
   flex-wrap: wrap !important;
   background: transparent !important;
   width: 100% !important;
   min-height: 68px;
}
.header_menu .navbar-brand {
   padding: 0 !important;
   margin: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   align-self: center !important;
   line-height: 1 !important;
}
.header-logo-img {
   height: 48px !important;
   max-height: 48px !important;
   width: auto !important;
   max-width: 250px !important;
   object-fit: contain !important;
   display: block !important;
   transition: height 0.25s ease;
}

/* Modern Hamburger Button */
.hma-hamburger-btn {
   width: 42px !important;
   height: 42px !important;
   padding: 0 !important;
   margin: 0 !important;
   background: #f8fafc !important;
   border: 1.5px solid #e2e8f0 !important;
   border-radius: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   align-self: center !important;
   cursor: pointer !important;
   outline: none !important;
   box-shadow: 0 1px 4px rgba(24, 34, 50, 0.06) !important;
   transition: all 0.25s ease !important;
   position: relative;
   flex-shrink: 0;
}
.hma-hamburger-btn:hover {
   background: #f1f5f9 !important;
   border-color: #cbd5e1 !important;
   box-shadow: 0 2px 8px rgba(24, 34, 50, 0.1) !important;
}
.hma-hamburger-btn:focus {
   box-shadow: 0 0 0 3px rgba(36, 48, 71, 0.15) !important;
   border-color: #243047 !important;
}

/* SVG Animated Hamburger Icon */
.hma-hamburger-svg {
   width: 22px !important;
   height: 22px !important;
   display: block !important;
   overflow: visible !important;
   pointer-events: none !important;
}
.hma-hamburger-svg .bar {
   stroke: #243047 !important;
   transform-box: view-box !important;
   transform-origin: center !important;
   transition: stroke 0.3s ease, opacity 0.25s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hamburger expanded */
.hma-hamburger-btn[aria-expanded="true"] {
   background: #243047 !important;
   border-color: #243047 !important;
}
.hma-hamburger-btn[aria-expanded="true"] .hma-hamburger-svg .bar {
   stroke: #ffffff !important;
}
.hma-hamburger-btn[aria-expanded="true"] .hma-hamburger-svg .bar-top {
   transform: translateY(6px) rotate(45deg) !important;
}
.hma-hamburger-btn[aria-expanded="true"] .hma-hamburger-svg .bar-middle {
   opacity: 0 !important;
   transform: scale(0.2) !important;
}
.hma-hamburger-btn[aria-expanded="true"] .hma-hamburger-svg .bar-bottom {
   transform: translateY(-6px) rotate(-45deg) !important;
}

.header_area .header_menu .navbar .nav.navbar-nav li a::before,
.header_area .header_menu .navbar .nav.navbar-nav li a::after {
   display: none !important;
   content: none !important;
}

/* Mobile Header View */
@media (max-width: 991.98px) {
   .header_top {
      padding: 6px 0 !important;
   }
   .header_top_content {
      justify-content: center !important;
      text-align: center;
      gap: 4px 14px;
   }
   .header_top h6 {
      font-size: 12px !important;
   }
   .header-logo-img {
      height: 40px !important;
      max-height: 40px !important;
      max-width: 200px !important;
   }
   .header_menu .navbar {
      padding: 8px 0 !important;
      min-height: 58px;
   }
   .header_menu #navbarSupportedContent {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      min-height: 100vh !important;
      max-height: 100vh !important;
      z-index: 99999 !important;
      background: #f7f2eb !important;
      background-image: 
         radial-gradient(at 0% 0%, rgba(245, 237, 228, 0.98) 0px, transparent 55%),
         radial-gradient(at 100% 0%, rgba(235, 217, 200, 0.70) 0px, transparent 50%),
         radial-gradient(at 50% 50%, rgba(232, 240, 246, 0.40) 0px, transparent 65%),
         radial-gradient(at 100% 100%, rgba(235, 222, 208, 0.80) 0px, transparent 55%) !important;
      border: none !important;
      border-radius: 0 !important;
      margin: 0 !important;
      padding: 16px 20px 24px 20px !important;
      box-shadow: none !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
      animation: fullScreenFadeIn 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
   }
   .header_menu #navbarSupportedContent:not(.show) {
      display: none !important;
   }
   @keyframes fullScreenFadeIn {
      from {
         opacity: 0;
         transform: translateY(-8px);
      }
      to {
         opacity: 1;
         transform: translateY(0);
      }
   }

   /* Full-Screen Mobile Menu Top Header Bar */
   .mobile-menu-header {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding-bottom: 16px !important;
      margin-bottom: 14px !important;
      border-bottom: 1.5px solid #ebd9c8 !important;
      width: 100% !important;
      flex-shrink: 0 !important;
   }
   .mobile-menu-logo {
      height: 38px !important;
      max-height: 38px !important;
      width: auto !important;
      max-width: 200px !important;
      object-fit: contain !important;
   }
   .mobile-menu-close-btn {
      width: 42px !important;
      height: 42px !important;
      border-radius: 0 !important;
      background: #faf6f0 !important;
      border: 1.5px solid #ebd9c8 !important;
      color: #243047 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
      outline: none !important;
      padding: 0 !important;
      transition: all 0.25s ease !important;
      box-shadow: 0 2px 6px rgba(36, 48, 71, 0.08) !important;
   }
   .mobile-menu-close-btn svg {
      display: block !important;
      pointer-events: none !important;
      transition: transform 0.25s ease !important;
   }
   .mobile-menu-close-btn:hover {
      background: #243047 !important;
      color: #ffffff !important;
      border-color: #243047 !important;
      transform: rotate(90deg) !important;
      box-shadow: 0 4px 12px rgba(36, 48, 71, 0.2) !important;
   }

   /* Ensure Hamburger Button stays on top of full-screen menu */
   .hma-hamburger-btn {
      z-index: 100001 !important;
      position: relative !important;
   }

   .header_area .header_menu .navbar .nav.navbar-nav {
      padding: 10px 0 !important;
      margin: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      gap: 10px;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      list-style: none !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link {
      display: flex !important;
      align-items: center !important;
      padding: 15px 18px !important;
      color: #243047 !important;
      font-size: 17px !important;
      font-weight: 700 !important;
      line-height: normal !important;
      height: auto !important;
      border-radius: 0 !important;
      background: #faf6f0 !important;
      border: 1px solid #ebd9c8 !important;
      text-decoration: none !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      box-shadow: 0 3px 10px rgba(36, 48, 71, 0.04) !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link .nav-icon {
      width: 38px;
      height: 38px;
      border-radius: 0;
      background: #f5ede4;
      color: #628e84;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      font-size: 15px;
      transition: all 0.2s ease;
      flex-shrink: 0;
      border: 1px solid rgba(98, 142, 132, 0.2);
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link .nav-chevron {
      margin-left: auto;
      color: #b6755f;
      font-size: 15px;
      transition: transform 0.2s ease, color 0.2s ease;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link:hover {
      background: #ffffff !important;
      color: #b6755f !important;
      border-color: #b6755f !important;
      transform: translateX(6px);
      box-shadow: 0 6px 18px rgba(182, 117, 95, 0.15) !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link:hover .nav-icon {
      background: #628e84;
      color: #ffffff;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link:hover .nav-chevron {
      color: #628e84;
      transform: translateX(3px);
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link {
      background: #ffffff !important;
      color: #243047 !important;
      font-weight: 800 !important;
      border: 1.5px solid #628e84 !important;
      border-left: 5px solid #628e84 !important;
      box-shadow: 0 6px 20px rgba(98, 142, 132, 0.15) !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link .nav-icon {
      background: #628e84;
      color: #ffffff;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link .nav-chevron {
      color: #628e84;
   }

   .mobile-menu-footer {
      margin-top: 24px;
      padding-top: 18px;
      border-top: 1.5px solid #ebd9c8;
      display: flex;
      flex-direction: column;
      gap: 12px;
   }
   .mobile-menu-cta-btn {
      background: #628e84;
      color: #ffffff !important;
      border: 1.5px solid #4e746b;
      border-radius: 0;
      padding: 13px 20px;
      font-size: 14.5px;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none !important;
      transition: all 0.25s ease;
      box-shadow: 0 4px 14px rgba(98, 142, 132, 0.25);
   }
   .mobile-menu-cta-btn:hover {
      background: #243047;
      border-color: #243047;
      color: #faf6f0 !important;
      transform: translateY(-2px);
   }
   .mobile-menu-call-btn {
      background: #faf6f0;
      color: #243047 !important;
      border: 1.5px solid #ebd9c8;
      border-radius: 0;
      padding: 12px 20px;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none !important;
      transition: all 0.25s ease;
   }
   .mobile-menu-call-btn:hover {
      background: #ffffff;
      border-color: #b6755f;
      color: #b6755f !important;
   }
}

/* Desktop Header View */
@media (min-width: 992px) {
   .hma-hamburger-btn {
      display: none !important;
   }
   .mobile-menu-footer {
      display: none !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link .nav-icon,
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link .nav-chevron {
      display: none !important;
   }
   .header_menu #navbarSupportedContent {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex-basis: auto !important;
      width: auto !important;
      box-shadow: none !important;
      background: transparent !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item {
      display: inline-flex !important;
      align-items: center !important;
      margin: 0 4px !important;
      padding: 0 !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item:last-child {
      margin-right: 0 !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link,
   .header_area.navbar_fixed .header_menu .navbar .nav.navbar-nav .nav-item .nav-link {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      line-height: 1 !important;
      height: 42px !important;
      padding: 0 16px !important;
      font-size: 14.5px !important;
      font-weight: 600 !important;
      color: #1e293b !important;
      border-radius: 0 !important;
      border: none !important;
      background: transparent !important;
      text-decoration: none !important;
      transition: all 0.25s ease !important;
      position: relative !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item .nav-link:hover,
   .header_area.navbar_fixed .header_menu .navbar .nav.navbar-nav .nav-item .nav-link:hover {
      color: #b6755f !important;
      background: #faf5ee !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link,
   .header_area.navbar_fixed .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link {
      color: #243047 !important;
      background: #f5ede4 !important;
      font-weight: 700 !important;
   }
   .header_area .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link::after,
   .header_area.navbar_fixed .header_menu .navbar .nav.navbar-nav .nav-item.active .nav-link::after {
      content: '' !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 12px !important;
      right: 12px !important;
      height: 3px !important;
      background: linear-gradient(90deg, #b6755f 0%, #628e84 100%) !important;
      border-radius: 0 !important;
      display: block !important;
   }

   /* Header Action Button (Enquire Now) */
   .btn-header-enquire {
      background: #628e84 !important;
      color: #ffffff !important;
      border: 1.5px solid #4e746b !important;
      padding: 9px 20px !important;
      font-size: 13.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-decoration: none !important;
      transition: all 0.3s ease !important;
      box-shadow: 0 4px 12px rgba(98, 142, 132, 0.25) !important;
   }
   .btn-header-enquire:hover {
      background: #243047 !important;
      border-color: #243047 !important;
      color: #faf5ee !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 18px rgba(36, 48, 71, 0.25) !important;
   }
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */
.footer-hma-title {
   color: #ffffff;
   font-size: 17px;
   font-weight: 700;
   margin-bottom: 18px;
   position: relative;
   padding-bottom: 10px;
   display: block;
}
.footer-hma-title::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 36px;
   height: 2px;
   background: #b6755f;
}
.footer-hma-links {
   list-style: none !important;
   padding: 0 !important;
   margin: 0 !important;
   display: flex !important;
   flex-direction: column !important;
   float: none !important;
   width: 100% !important;
}
.footer-hma-links li {
   margin-bottom: 10px !important;
   width: 100% !important;
   float: none !important;
   display: block !important;
}
.footer-hma-links li a {
   color: #94a3b8 !important;
   font-size: 14px !important;
   transition: all 0.25s ease !important;
   display: inline-flex !important;
   align-items: center !important;
   text-decoration: none !important;
}
.footer-hma-links li a:hover {
   color: #ffffff !important;
   transform: translateX(4px);
   text-decoration: none !important;
}
.footer-hma-links li a::before {
   content: '\f105';
   font-family: 'FontAwesome';
   margin-right: 8px;
   color: #b6755f;
   font-weight: 900;
   font-size: 13px;
   line-height: 1;
}
.footer-contact-item {
   display: flex;
   align-items: center;
   margin-bottom: 12px;
   color: #cbd5e1;
   font-size: 14px;
}
.footer-contact-item i {
   width: 28px;
   height: 28px;
   border-radius: 0;
   background: rgba(255,255,255,0.08);
   color: #b6755f;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-right: 12px;
   font-size: 13px;
   flex-shrink: 0;
}

/* ==========================================================================
   Modals & Popups
   ========================================================================== */
.promo-overlay {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, .55);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 9999;
}
.promo-overlay.show {
   display: flex;
}
.studies_item:hover {
   box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
   transform: translate(0, -5px);
}