/* Smooth Scroll Behavior */
   html {
       scroll-behavior: smooth;
   }

   /* Custom Scrollbar*/
   ::-webkit-scrollbar {
       width: 14px;
   }

   ::-webkit-scrollbar-track {
       background: #f1f1f1;
       border-radius: 10px;
   }

   ::-webkit-scrollbar-thumb {
       background: #2EB474;
       border-radius: 10px;
       transition: all 0.3s ease;
   }

   ::-webkit-scrollbar-thumb:hover {
       background: #105A7D;
   }

   /* Firefox Scrollbar */
   * {
       scrollbar-width: thin;
       scrollbar-color: #2EB474 #f1f1f1;
   }



   /* header start */
   * {
       font-family: 'Montserrat', sans-serif;
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }



   /*TOP BAR*/
   .top-bar {
       background-color: #105A7D;
       padding: 8px 0;
       color: #ffffff;
       font-size: 0.85rem;
   }

   .top-bar .social-icons {
       display: flex;
       gap: 20px;
   }

   .top-bar .social-icons a {
       color: #ffffff;
       transition: all 0.3s ease;
       font-size: 0.9rem;
       text-decoration: none;
   }

   .top-bar .social-icons a:hover {
       color: #2EB474;
       transform: translateY(-2px);
   }

   .top-bar .contact-info {
       display: flex;
       gap: 25px;
       justify-content: flex-end;
   }

   .top-bar .contact-info span {
       color: #ffffff;
       font-weight: 500;
   }

   .top-bar .contact-info i {
       margin-right: 8px;
       color: #2EB474;
   }

   /*MAIN NAVBAR  */
   .navbar {
       background-color: #ffffff !important;
       box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
       /* padding: 15px 0; */
       transition: transform 0.3s ease-in-out;
   }

   .navbar.hide {
       transform: translateY(-100%);
   }

   .navbar-brand img {
       max-height: 50px;
       width: auto;
   }

   /* Desktop Navigation */
   .navbar-nav {
       gap: 5px;
   }

   .nav-link {
       font-weight: 600;
       color: #1f2e3a !important;
       padding: 8px 16px !important;
       transition: all 0.3s ease;
       font-size: 0.95rem;
       position: relative;
   }

   .nav-link:hover {
       color: #2EB474 !important;
   }

   .nav-link.active-page {
       color: #2EB474 !important;
   }

   /* Dropdown Menu */
   .dropdown-menu {
       border: none;
       border-radius: 12px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
       padding: 10px 0;
       margin-top: 10px;
       animation: fadeInUp 0.3s ease;
   }

   @keyframes fadeInUp {
       from {
           opacity: 0;
           transform: translateY(20px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   .dropdown-item {
       font-weight: 500;
       font-size: 0.9rem;
       padding: 10px 24px;
       color: #2c3e50;
       transition: all 0.3s ease;
   }

   .dropdown-item:hover {
       background-color: rgba(46, 180, 116, 0.1);
       color: #2EB474;
       padding-left: 30px;
   }

   /* Search Button */
   .search-icon-btn {
       background: transparent;
       border: none;
       font-size: 1.2rem;
       color: #1f2e3a;
       padding: 8px;
       transition: all 0.3s ease;
       border-radius: 50%;
       width: 40px;
       height: 40px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .search-icon-btn:hover {
       color: #2EB474;
       background: rgba(46, 180, 116, 0.1);
       transform: rotate(15deg);
   }

   /* Get Started Button */
   .btn-get-started {
       background: linear-gradient(135deg, #2EB474 0%, #259c62 100%);
       color: white;
       border-radius: 50px;
       padding: 10px 28px;
       margin-left: 10px;
       font-weight: 600;
       font-size: 0.9rem;
       transition: all 0.3s ease;
       border: none;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       box-shadow: 0 4px 48px rgb(0 0 0 / 25%) !important;
   }

   .btn-get-started:hover {
       background: linear-gradient(135deg, #105A7D 0%, #0d4a68 100%);
       color: white;
       transform: translateY(-2px);
       box-shadow: 0 6px 40px rgba(46, 180, 116, 0.35);
       text-decoration: none;
   }

   /* ==================== MODERN HAMBURGER MENU ==================== */
   .hamburger-wrapper {
       display: none;
       align-items: center;
       margin-left: 15px;
   }

   .modern-hamburger {
       background: linear-gradient(135deg, #2EB474 0%, #259c62 100%);
       border: none;
       cursor: pointer;
       width: 48px;
       height: 48px;
       border-radius: 12px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 6px;
       transition: all 0.3s ease;
       box-shadow: 0 4px 10px rgba(46, 180, 116, 0.3);
   }

   .modern-hamburger:hover {
       transform: scale(1.05);
       box-shadow: 0 6px 15px rgba(46, 180, 116, 0.4);
   }

   .modern-hamburger span {
       display: block;
       width: 24px;
       height: 2.5px;
       background: white;
       border-radius: 3px;
       transition: all 0.3s ease;
   }

   .modern-hamburger.active span:nth-child(1) {
       transform: rotate(45deg) translate(6px, 6px);
   }

   .modern-hamburger.active span:nth-child(2) {
       opacity: 0;
   }

   .modern-hamburger.active span:nth-child(3) {
       transform: rotate(-45deg) translate(6px, -6px);
   }

   /* Side Menu Overlay */
   .side-menu-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.6);
       backdrop-filter: blur(5px);
       z-index: 9998;
       visibility: hidden;
       opacity: 0;
       transition: all 0.3s ease;
   }

   .side-menu-overlay.active {
       visibility: visible;
       opacity: 1;
   }

   /* Side Menu */
   .side-menu {
       position: fixed;
       top: 0;
       right: -100%;
       width: 85%;
       max-width: 380px;
       height: 100%;
       background: linear-gradient(135deg, #105A7D 0%, #0d4a68 100%);
       z-index: 9999;
       box-shadow: -5px 0 30px rgba(0, 0, 0, 0.3);
       transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
       overflow-y: auto;
       padding: 25px 0;
   }

   .side-menu.active {
       right: 0;
   }

   /* Side Menu Header */
   .side-menu-header {
       padding: 0 25px 20px 25px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.15);
       margin-bottom: 20px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .side-menu-header img {
       max-height: 45px;
       filter: brightness(0) invert(1);
   }

   .close-side-menu {
       background: rgba(255, 255, 255, 0.15);
       border: none;
       color: white;
       width: 40px;
       height: 40px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       transition: all 0.3s ease;
       font-size: 1.2rem;
   }

   .close-side-menu:hover {
       background: rgba(255, 255, 255, 0.25);
       transform: rotate(90deg);
   }

   /* Side Menu Navigation */
   .side-menu-nav {
       padding: 0 20px;
   }

   .nav-item-side {
       margin-bottom: 5px;
   }

   .nav-link-side {
       color: white !important;
       font-weight: 600;
       font-size: 1rem;
       padding: 12px 15px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       text-decoration: none;
       border-radius: 12px;
       transition: all 0.3s ease;
   }

   .nav-link-side:hover {
       background: rgba(255, 255, 255, 0.12);
       padding-left: 20px;
   }

   .nav-link-side i {
       font-size: 1.1rem;
       opacity: 0.9;
   }

   /* Side Dropdown */
   .side-dropdown-toggle {
       cursor: pointer;
   }

   .side-dropdown-toggle i {
       transition: transform 0.3s ease;
   }

   .side-dropdown-menu {
       padding-left: 15px;
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.4s ease;
       list-style: none;
   }

   .side-dropdown-menu.active {
       max-height: 600px;
   }

   .side-dropdown-menu li {
       margin: 5px 0;
   }

   .side-dropdown-menu a {
       color: rgba(255, 255, 255, 0.85);
       text-decoration: none;
       padding: 8px 15px;
       display: block;
       font-size: 0.9rem;
       border-radius: 8px;
       transition: all 0.3s ease;
   }

   .side-dropdown-menu a:hover {
       background: rgba(255, 255, 255, 0.1);
       padding-left: 20px;
       color: white;
   }

   /* Side Sub-Dropdown (nested inside side-dropdown-menu) */
   .side-sub-dropdown {
       margin: 2px 0;
   }

   .side-sub-toggle {
       color: rgba(255, 255, 255, 0.9);
       padding: 8px 15px;
       font-size: 0.9rem;
       font-weight: 500;
       cursor: pointer;
       border-radius: 8px;
       transition: all 0.3s ease;
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .side-sub-toggle:hover {
       background: rgba(255, 255, 255, 0.1);
       color: white;
   }

   .side-sub-toggle i {
       font-size: 0.65rem;
       transition: transform 0.3s ease;
   }

   .side-sub-menu {
       padding-left: 12px;
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.4s ease;
       list-style: none;
   }

   .side-sub-menu.active {
       max-height: 400px;
   }

   .side-sub-menu li {
       margin: 3px 0;
   }

   .side-sub-menu a {
       color: rgba(255, 255, 255, 0.75);
       text-decoration: none;
       padding: 6px 15px;
       display: block;
       font-size: 0.82rem;
       border-radius: 6px;
       transition: all 0.3s ease;
   }

   .side-sub-menu a:hover {
       background: rgba(255, 255, 255, 0.08);
       padding-left: 20px;
       color: white;
   }

   /* Side Menu Contact */
   .side-menu-contact {
       margin-top: 30px;
       padding: 20px;
       border-top: 1px solid rgba(255, 255, 255, 0.15);
   }

   .contact-item {
       color: white;
       padding: 10px 0;
       display: flex;
       align-items: center;
       gap: 12px;
       text-decoration: none;
       font-size: 0.9rem;
       justify-content: center;
   }

   .contact-item i {
       width: 30px;
       font-size: 1rem;
       color: #2EB474;
   }

   .social-icons-side {
       display: flex;
       gap: 20px;
       margin-top: 20px;
       justify-content: center;
   }

   .social-icons-side a {
       color: white;
       font-size: 1.2rem;
       transition: all 0.3s ease;
       text-decoration: none;
   }

   .social-icons-side a:hover {
       color: #2EB474;
       transform: translateY(-3px);
   }

   /* Search Overlay */
   .search-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.96);
       backdrop-filter: blur(10px);
       z-index: 10000;
       display: flex;
       align-items: center;
       justify-content: center;
       visibility: hidden;
       opacity: 0;
       transition: all 0.3s ease;
   }

   .search-overlay.active {
       visibility: visible;
       opacity: 1;
   }

   .search-container {
       width: 80%;
       max-width: 650px;
       position: relative;
   }

   .search-container input {
       width: 100%;
       background: rgba(255, 255, 255, 0.08);
       border: none;
       border-bottom: 2px solid #2EB474;
       padding: 18px 20px;
       font-size: 1.6rem;
       color: white;
       font-weight: 500;
       outline: none;
   }

   .search-container input::placeholder {
       color: rgba(255, 255, 255, 0.5);
       font-size: 1.1rem;
   }

   .close-search {
       position: absolute;
       top: -70px;
       right: 0;
       background: none;
       border: none;
       color: white;
       font-size: 2rem;
       cursor: pointer;
       transition: all 0.3s ease;
   }

   .close-search:hover {
       color: #2EB474;
       transform: scale(1.1);
   }

   .search-btn-overlay {
       position: absolute;
       right: 10px;
       bottom: 12px;
       background: none;
       border: none;
       color: #2EB474;
       font-size: 1.5rem;
       cursor: pointer;
   }

   /* ==================== RESPONSIVE DESIGN ==================== */

   /* Desktop Large (1200px - 1399px) */
   @media (min-width: 1200px) and (max-width: 1399px) {
       .nav-link {
           font-size: 0.85rem;
           padding: 8px 12px !important;
       }

       .btn-get-started {
           padding: 8px 22px;
           font-size: 0.85rem;
       }
   }

   /* Desktop Medium (992px - 1199px) */
   @media (min-width: 992px) and (max-width: 1199px) {
       .nav-link {
           font-size: 0.8rem;
           padding: 8px 10px !important;
       }

       .btn-get-started {
           padding: 7px 18px;
           font-size: 0.8rem;
       }

       .search-icon-btn {
           width: 35px;
           height: 35px;
           font-size: 1rem;
       }

       .top-bar .contact-info span {
           font-size: 0.75rem;
       }

       .top-bar .social-icons a {
           font-size: 0.8rem;
       }
   }

   @media (min-width: 992px) {

       .container,
       .container-lg,
       .container-md,
       .container-sm {
           max-width: 1200px;
       }
   }


   /* Tablet & Mobile (below 992px) */
   @media (max-width: 991.98px) {
       .desktop-only {
           display: none !important;
       }

       .hamburger-wrapper {
           display: flex;
       }

       .navbar-collapse {
           display: none !important;
       }

       .navbar-brand img {
           max-height: 42px;
       }

       .navbar {
           padding: 10px 0;
       }
   }

   /* Mobile Small (below 480px) */
   @media (max-width: 480px) {
       .side-menu {
           width: 100%;
           max-width: 100%;
       }

       .nav-link-side {
           font-size: 0.95rem;
           padding: 10px 12px;
       }

       .side-dropdown-menu a {
           font-size: 0.85rem;
       }

       .search-container input {
           font-size: 1.2rem;
       }
   }

   /* Scrollbar */
   .side-menu::-webkit-scrollbar {
       width: 4px;
   }

   .side-menu::-webkit-scrollbar-track {
       background: rgba(255, 255, 255, 0.1);
   }

   .side-menu::-webkit-scrollbar-thumb {
       background: rgba(255, 255, 255, 0.3);
       border-radius: 4px;
   }



   /* header end */


   /* home section start */

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

   /* ==================== HERO SECTION ==================== */
   .hero {
       min-height: 85vh;
       position: relative;
       display: flex;
       align-items: center;
       padding: 60px 0;
       overflow: hidden;
   }

   #canvas-container {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 0;
   }

   .overlay-dark {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(135deg, rgba(0, 0, 0, 0.707) 0%, rgba(0, 0, 0, 0.888) 100%);
       z-index: 1;
   }

   /* Hero Grid */
   .hero-grid {
       display: grid;
       grid-template-columns: 1fr 480px;
       gap: 50px;
       position: relative;
       z-index: 2;
       align-items: center;
   }

   /* Left Content */
   .hero-content {
       color: white;
   }

   .welcome-badge {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       background: rgba(46, 180, 116, 0.15);
       padding: 6px 18px;
       border-radius: 50px;
       margin-bottom: 20px;
       backdrop-filter: blur(10px);
   }

   .welcome-badge i {
       color: #2EB474;
       font-size: 12px;
   }

   .welcome-badge span {
       font-size: 0.8rem;
       font-weight: 500;
   }

   .hero-content h1 {
       font-size: 2rem;
       font-weight: 800;
       line-height: 1.2;
       margin-bottom: 18px;
   }

   .hero-content h1 .highlight {
       color: #2EB474;
   }

   .hero-content p {
       font-size: 0.95rem;
       line-height: 1.6;
       opacity: 0.9;
       margin-bottom: 30px;
       max-width: 500px;
   }

   /* Stats */
   .stats-row {
       display: flex;
       gap: 35px;
       margin-bottom: 35px;
       flex-wrap: wrap;
   }

   .stat-box h3 {
       font-size: 1.8rem;
       font-weight: 800;
       color: #2EB474;
       margin-bottom: 4px;
   }

   .stat-box p {
       font-size: 0.75rem;
       opacity: 0.7;
   }

   /* Buttons */
   .cta-buttons {
       display: flex;
       gap: 15px;
       flex-wrap: wrap;
   }

   .btn-primary {
       background: linear-gradient(135deg, #2EB474, #259c62);
       color: white;
       padding: 12px 28px;
       border-radius: 50px;
       font-weight: 600;
       font-size: 0.9rem;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: all 0.3s;
       box-shadow: 0 4px 15px rgba(46, 180, 116, 0.3);
   }

   .btn-primary:hover {
       transform: translateY(-2px);
       box-shadow: 0 6px 20px rgba(46, 180, 116, 0.4);
   }

   .btn-outline {
       background: rgba(255, 255, 255, 0.1);
       backdrop-filter: blur(10px);
       color: white;
       padding: 12px 28px;
       border-radius: 50px;
       font-weight: 600;
       font-size: 0.9rem;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       border: 1px solid rgba(255, 255, 255, 0.3);
   }

   .btn-outline:hover {
       background: rgba(255, 255, 255, 0.2);
       transform: translateY(-2px);
   }

   /* ==================== MULTI-STEP FORM ==================== */
   .form-wrapper {
       position: relative;
       z-index: 2;
   }

   .multi-step-card {
       background: white;
       border-radius: 14px;
       box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
       overflow: hidden;
   }

   .card-head {
       background: linear-gradient(135deg, #105A7D, #0d4a68);
       padding: 15px 0px 1px 0px;
       text-align: center;
   }

   .head-icon {
       width: 50px;
       height: 50px;
       background: rgba(255, 255, 255, 0.15);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 10px;
   }

   .head-icon i {
       font-size: 1.5rem;
       color: white;
   }

   .card-head h3 {
       font-size: 1.2rem;
       font-weight: 700;
       color: white;
       margin-bottom: 4px;
   }

   .card-head p {
       font-size: 0.75rem;
       color: rgba(255, 255, 255, 0.85);
   }

   /* Progress Bar */
   .progress-container {
       padding: 15px 20px 0;
   }

   .progress-steps {
       display: flex;
       justify-content: space-between;
       margin-bottom: 12px;
   }

   .step {
       text-align: center;
       flex: 1;
   }

   .step-number {
       width: 30px;
       height: 30px;
       background: #e0e6ed;
       color: #5a6e7c;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 5px;
       font-weight: 700;
       font-size: 0.8rem;
       transition: all 0.3s;
   }

   .step.active .step-number {
       background: #2EB474;
       color: white;
       box-shadow: 0 0 0 3px rgba(46, 180, 116, 0.2);
   }

   .step.completed .step-number {
       background: #2EB474;
       color: white;
   }

   .step-label {
       font-size: 0.65rem;
       color: #5a6e7c;
   }

   .step.active .step-label {
       color: #2EB474;
       font-weight: 600;
   }

   .progress-bar {
       height: 3px;
       background: #e0e6ed;
       border-radius: 2px;
       overflow: hidden;
   }

   .progress-fill {
       width: 0%;
       height: 100%;
       background: linear-gradient(90deg, #2EB474, #105A7D);
       transition: width 0.3s ease;
   }

   /* Form Steps */
   .multi-step-form {
       padding: 20px;
   }

   .form-step {
       display: none;
   }

   .form-step.active {
       display: block;
       animation: fadeIn 0.3s ease;
   }

   @keyframes fadeIn {
       from {
           opacity: 0;
           transform: translateX(10px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   .form-field {
       margin-bottom: 15px;
   }

   .form-field label {
       display: block;
       margin-bottom: 5px;
       font-weight: 600;
       font-size: 0.75rem;
       color: #1a2c3e;
   }

   .form-field label i {
       color: #2EB474;
       margin-right: 4px;
       width: 16px;
   }

   .form-field label span {
       color: #dc3545;
   }

   .form-field input,
   .form-field select {
       width: 100%;
       padding: 10px 12px;
       border: 1px solid #e0e6ed;
       border-radius: 10px;
       font-size: 0.85rem;
       font-family: 'Montserrat', sans-serif;
       transition: all 0.3s;
       background: #f8fafc;
   }

   .form-field input:focus,
   .form-field select:focus {
       outline: none;
       border-color: #2EB474;
       box-shadow: 0 0 0 3px rgba(46, 180, 116, 0.1);
       background: white;
   }

   .form-field input.error,
   .form-field select.error {
       border-color: #dc3545;
   }

   .error-msg {
       color: #dc3545;
       font-size: 0.65rem;
       margin-top: 4px;
       display: none;
   }

   .error-msg.show {
       display: block;
   }

   .form-row {
       display: flex;
       gap: 12px;
   }

   .form-field.half {
       flex: 1;
   }

   /* Navigation Buttons - FIXED */
   .form-navigation {
       display: flex;
       gap: 12px;
       margin-top: 20px;
       justify-content: flex-end;
   }

   .prev-btn,
   .next-btn,
   .submit-btn {
       padding: 10px 22px;
       border-radius: 50px;
       font-weight: 600;
       font-size: 0.8rem;
       cursor: pointer;
       transition: all 0.3s;
       border: none;
       font-family: 'Montserrat', sans-serif;
       display: inline-flex;
       align-items: center;
       gap: 8px;
   }

   .prev-btn {
       background: #e0e6ed;
       color: #1a2c3e;
   }

   .prev-btn:hover {
       background: #cbd5e1;
   }

   .next-btn,
   .submit-btn {
       background: linear-gradient(135deg, #2EB474, #259c62);
       color: white;
   }

   .next-btn:hover,
   .submit-btn:hover {
       transform: translateX(2px);
       box-shadow: 0 4px 12px rgba(46, 180, 116, 0.3);
   }

   .form-footer {
       text-align: center;
       font-size: 0.65rem;
       color: #8a9aae;
       margin-top: 15px;
   }

   .form-footer i {
       color: #2EB474;
       margin-right: 4px;
   }

   /* Form Message */
   .form-message {
       padding: 10px 15px;
       margin: 0 20px 20px;
       border-radius: 10px;
       font-size: 0.8rem;
       display: none;
       animation: slideIn 0.3s ease;
   }

   .form-message.success {
       display: block;
       background: rgba(46, 180, 116, 0.1);
       border: 1px solid #2EB474;
       color: #2EB474;
   }

   .form-message.error {
       display: block;
       background: rgba(220, 53, 69, 0.1);
       border: 1px solid #dc3545;
       color: #dc3545;
   }

   @keyframes slideIn {
       from {
           opacity: 0;
           transform: translateY(-8px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   /* Features Section */
   .features {
       padding: 60px 0;
       background: #ffffff;
   }

   .features-header {
       text-align: center;
       margin-bottom: 50px;
   }

   .features-header .tag {
       display: inline-block;
       background: rgba(46, 180, 116, 0.1);
       color: #2EB474;
       padding: 5px 15px;
       border-radius: 50px;
       font-size: 0.75rem;
       font-weight: 600;
       margin-bottom: 12px;
   }

   .features-header h2 {
       font-size: 2rem;
       font-weight: 800;
       color: #1a2c3e;
       margin-bottom: 12px;
   }

   .features-header h2 span {
       color: #2EB474;
   }

   .features-header p {
       color: #5a6e7c;
       font-size: 0.9rem;
       max-width: 550px;
       margin: 0 auto;
   }

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

   .feature-card {
       text-align: center;
       padding: 30px 20px;
       background: white;
       border-radius: 20px;
       transition: all 0.3s;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
       border: 1px solid #adadad;
   }

   .feature-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 15px 35px rgba(46, 180, 116, 0.1);
   }

   .card-icon {
       width: 60px;
       height: 60px;
       background: linear-gradient(135deg, rgba(46, 180, 116, 0.1), rgba(16, 90, 125, 0.05));
       border-radius: 18px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 15px;
   }

   .card-icon i {
       font-size: 1.8rem;
       color: #2EB474;
   }

   .feature-card h4 {
       font-size: 1rem;
       font-weight: 700;
       margin-bottom: 8px;
   }

   .feature-card p {
       font-size: 0.8rem;
       color: #5a6e7c;
   }

   /* Responsive */
   @media (max-width: 1100px) {
       .hero-grid {
           grid-template-columns: 1fr 420px;
           gap: 40px;
       }

       .hero-content h1 {
           font-size: 2.5rem;
       }
   }

   @media (max-width: 992px) {
       .hero-grid {
           grid-template-columns: 1fr;
       }

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

       .hero-content p {
           margin-left: auto;
           margin-right: auto;
       }

       .stats-row,
       .cta-buttons {
           justify-content: center;
       }

       .features-grid {
           grid-template-columns: repeat(3, 1fr);
           gap: 15px;
       }

       .form-wrapper {
           max-width: 500px;
           /* margin: 0 auto; */
       }
   }

   @media (max-width: 768px) {
       .hero-content h1 {
           font-size: 2rem;
       }

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

       .form-row {
           flex-direction: column;
           gap: 0;
       }

       .progress-steps {
           display: none;
       }

       .form-navigation {
           justify-content: center;
       }

       .stats-row {
           gap: 20px;
       }

       .stat-box h3 {
           font-size: 1.4rem;
       }
   }


   /* home section end */


   /* about banner section start */


   .about-section {
       background: #105A7D;
   }


   /* Full Width About Hero Section */
   .about-hero-full {
       position: relative;
       width: 100%;
       min-height: 280px;
       overflow: hidden;
   }

   /* Background Image with Ken Burns Zoom Effect - Full Width */
   .about-bg-full {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-image: url('../img/bannerimg.jpg');
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       animation: slowZoom 20s ease-in-out infinite;
       z-index: 0;
   }

   /* Ken Burns Zoom Animation */
   @keyframes slowZoom {
       0% {
           transform: scale(1);
       }

       50% {
           transform: scale(1.08);
       }

       100% {
           transform: scale(1);
       }
   }

   /* Dark Overlay for Text Readability */
   .about-overlay-full {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(16, 90, 125, 0.85);
       z-index: 1;
   }

   /* Content Styling */
   .about-content-full {
       position: relative;
       z-index: 2;
       padding: 60px 0;
   }

   /* Min Height Utility */
   .min-vh-25 {
       min-height: 25vh;
   }

   /* Responsive */
   @media (max-width: 768px) {
       .about-hero-full {
           min-height: 220px;
       }

       .about-bg-full {
           animation: slowZoomMobile 15s ease-in-out infinite;
       }

       @keyframes slowZoomMobile {
           0% {
               transform: scale(1);
           }

           50% {
               transform: scale(1.05);
           }

           100% {
               transform: scale(1);
           }
       }

       .about-content-full {
           padding: 40px 0;
       }

       .about-content-full h2 {
           font-size: 1.8rem;
       }
   }


   .about-img {
       width: 100%;
       height: 400px;
       object-fit: cover;
       border-radius: 20px;
       transition: all 0.3s ease;
   }

   .about-img:hover {
       transform: scale(1.02);
       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
   }

   .btn-about {
       background: white;
       color: #2EB474;
       padding: 12px 32px;
       border-radius: 50px;
       font-weight: 600;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       transition: all 0.3s ease;
       border: none;
   }

   .btn-about:hover {
       background: #2EB474;
       color: white;
       transform: translateY(-3px);
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
   }

   /* Responsive */
   @media (max-width: 992px) {
       .about-content {
           text-align: center;
       }

       .about-img {
           height: 350px;
       }
   }

   @media (max-width: 768px) {
       .display-5 {
           font-size: 1.8rem;
       }

       .about-img {
           height: 280px;
       }
   }

   /* about banner section end */



   /* About us  home page Section start  */
   .about-section {
       background: #105A7D;
       position: relative;
       overflow: hidden;
   }

   /* Container for full width */
   .about-section .container-fluid {
       max-width: 1400px;
       margin: 0 auto;
   }

   /* Card hover effect */
   .about-section .card {
       transition: transform 0.2s ease;
   }

   .about-section .card:hover {
       background: rgba(255, 255, 255, 0.15) !important;
       transform: translateX(5px);
   }

   /* Button hover effect */
   .btn-light {
       transition: all 0.2s ease;
   }

   .btn-light:hover {
       background: #2EB474 !important;
       border-color: #2EB474 !important;
       color: white !important;
       transform: translateY(-2px);
   }

   /* Image container */
   .image-card {
       position: relative;
       overflow: hidden;
       border-radius: 1rem;
   }

   .image-card img {
       transition: transform 0.3s ease;
   }

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

   /* Responsive */
   @media (max-width: 1200px) {
       .col-lg-6 .col-6 img {
           height: 320px !important;
       }
   }

   @media (max-width: 992px) {
       .col-lg-6 .col-6 img {
           height: 280px !important;
       }
   }

   @media (max-width: 768px) {
       .display-6 {
           font-size: 1.5rem;
       }

       .about-section .card-body {
           padding: 1rem !important;
       }

       .col-lg-6 .row {
           gap: 1rem !important;
       }

       .col-lg-6 .col-6 img {
           height: 240px !important;
       }
   }

   @media (max-width: 576px) {
       .col-lg-6 .row {
           flex-direction: column;
       }

       .col-lg-6 .col-6 {
           width: 100%;
       }

       .col-lg-6 .col-6 img {
           height: 280px !important;
       }
   }

   /* about us  home page section end */


   /* partner section start */

   /* Partners Section */
   .partners-section {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
       position: relative;
       overflow: hidden;
   }

   /* Slick Slider Container */
   .partners-slider {
       margin: 0 -15px;
   }

   .partner-slide {
       padding: 0 15px;
   }

   /* Partner Card */
   .partner-card {
       background: white;
       border-radius: 20px;
       padding: 20px;
       text-align: center;
       transition: all 0.3s ease;
       cursor: pointer;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
       border: 1px solid rgba(46, 180, 116, 0.1);
       min-height: 140px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .partner-card:hover {
       transform: translateY(-8px);

   }

   /* Partner Logo */
   .partner-logo {
       max-width: 100%;
       height: 80px;
       width: auto;
       object-fit: cover;
       transition: all 0.3s ease;

   }



   /* Slick Slider Navigation */
   .slick-prev,
   .slick-next {
       width: 40px;
       height: 40px;
       background: white;
       border-radius: 50%;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
       z-index: 1;
   }

   .slick-prev:hover,
   .slick-next:hover {
       background: #2EB474;
   }

   .slick-prev:before,
   .slick-next:before {
       font-size: 16px;
       color: #2EB474;
       transition: all 0.3s ease;
   }

   .slick-prev:hover:before,
   .slick-next:hover:before {
       color: white;
   }

   .slick-prev {
       left: -20px;
   }

   .slick-next {
       right: -20px;
   }

   /* Slick Dots */
   .slick-dots {
       bottom: -40px;
   }

   .slick-dots li button:before {
       font-size: 10px;
       color: #2EB474;
   }

   .slick-dots li.slick-active button:before {
       color: #2EB474;
       opacity: 1;
   }

   /* Responsive */
   @media (max-width: 992px) {
       .partner-card {
           padding: 15px;
           min-height: 120px;
       }

       .partner-logo {
           height: 65px;
       }
   }

   @media (max-width: 768px) {
       .display-5 {
           font-size: 1.8rem;
       }

       .partner-card {
           padding: 15px 10px;
           min-height: 110px;
       }

       .partner-logo {
           height: 55px;
       }

       .slick-prev,
       .slick-next {
           width: 30px;
           height: 30px;
       }

       .slick-prev {
           left: -10px;
       }

       .slick-next {
           right: -10px;
       }
   }

   @media (max-width: 576px) {

       .slick-prev,
       .slick-next {
           display: none !important;
       }

       .partner-card {
           min-height: 100px;
           padding: 12px 8px;
       }

       .partner-logo {
           height: 45px;
       }
   }

   /* partner section end */


   /*  counter section start */
   /* .feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 1.5rem 2.5rem rgba(46, 180, 116, 0.12) !important;
}

.icon-box {
    width: 80px;
    height: 80px;
    transition: all 0.3s ease;
}

.feature-card:hover .icon-box {
    background-color: #2EB474 !important;
    transform: scale(1.05);
}

.feature-card:hover .icon-box i {
    color: white !important;
}

.icon-box i {
    transition: all 0.3s ease;
}

.counter-num {
    background: linear-gradient(135deg, #1a2c3e 0%, #105A7D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

@media (max-width: 768px) {
    .display-5 {
        font-size: 1.8rem;
    }
    
    .icon-box {
        width: 65px;
        height: 65px;
    }
    
    .icon-box i {
        font-size: 1.8rem;
    }
} */


   /*  counter section end*/


   /* Services Section */
   .services {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
       position: relative;
       overflow: hidden;
   }

   /* Slick Slider Container */
   .services-slider {
       margin: 0 -15px;
   }

   .service-slide {
       padding: 0 15px;
   }

   /* Service Card - Fixed Height & Width */
   .service-card {
       background: #ffffff;
       border-radius: 7px;
       /* padding: 35px 25px; */
       text-align: center;
       transition: all 0.3s ease;
       cursor: pointer;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
       border: 1px solid rgba(104, 104, 104, 0);
       min-height: 320px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
   }

   /* Hover Effect - Card */
   .service-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 20px 35px rgba(46, 180, 116, 0.12);
       border-color: rgba(46, 180, 116, 0.2);
   }

   /* Service Icon - Default */
   .service-icon {
       width: 75px;
       height: 75px;
       background: #2EB474;
       border-radius: 18px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
       transition: all 0.3s ease;
   }

   .service-icon i {
       font-size: 2rem;
       color: white;
       transition: all 0.3s ease;
   }

   /* Hover Effect - Icon changes to #105A7D */
   .service-card:hover .service-icon {
       background: #105A7D;
       transform: scale(1.05);
   }

   .service-card:hover .service-icon i {
       color: white;
   }

   /* Card Heading */
   .service-card h5 {
       font-size: 1.2rem;
       font-weight: 700;
       color: #1a2c3e;
       margin: 15px 0 12px;
       transition: color 0.3s ease;
   }

   /* Hover Effect - Heading */
   .service-card:hover h5 {
       color: #2EB474;
   }

   /* Card Description */
   .service-card p {
       font-size: 0.85rem;
       color: #5a6e7c;
       line-height: 1.6;
       margin: 0;
   }

   /* Slick Slider Navigation Arrows */
   .slick-prev,
   .slick-next {
       width: 45px;
       height: 45px;
       background: white;
       border-radius: 50%;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
       z-index: 1;
   }

   .slick-prev:hover,
   .slick-next:hover {
       background: #2EB474;
   }

   .slick-prev:before,
   .slick-next:before {
       font-size: 18px;
       color: #2EB474;
       transition: all 0.3s ease;
   }

   .slick-prev:hover:before,
   .slick-next:hover:before {
       color: white;
   }

   .slick-prev {
       left: -25px;
   }

   .slick-next {
       right: -25px;
   }

   /* Slick Slider Dots */
   .slick-dots {
       bottom: -45px;
   }

   .slick-dots li button:before {
       font-size: 10px;
       color: #2EB474;
       transition: all 0.3s ease;
   }

   .slick-dots li button:hover:before {
       color: #105A7D;
   }

   .slick-dots li.slick-active button:before {
       color: #2EB474;
       opacity: 1;
   }

   /* Responsive */
   @media (max-width: 1200px) {
       .service-card {
           min-height: 310px;
           padding: 30px 20px;
       }
   }

   @media (max-width: 992px) {
       .service-card {
           min-height: 300px;
           padding: 25px 20px;
       }

       .service-icon {
           width: 65px;
           height: 65px;
       }

       .service-icon i {
           font-size: 1.6rem;
       }

       .service-card h5 {
           font-size: 1.1rem;
       }

       .service-card p {
           font-size: 0.8rem;
       }
   }

   @media (max-width: 768px) {
       .service-card {
           min-height: 280px;
           padding: 25px 15px;
       }

       .service-icon {
           width: 60px;
           height: 60px;
       }

       .slick-prev,
       .slick-next {
           width: 35px;
           height: 35px;
       }

       .slick-prev {
           left: -10px;
       }

       .slick-next {
           right: -10px;
       }
   }

   @media (max-width: 576px) {
       .service-card {
           min-height: 260px;
           padding: 20px 15px;
       }

       .slick-prev,
       .slick-next {
           display: none !important;
       }

       .display-5 {
           font-size: 1.8rem;
       }
   }


   /* Services Section end */

   /* Success Stories Section */
   /* Success Stories Section - Modern Design */
   .success-stories {
       /* background: #f5f7fa; */
       position: relative;
       overflow: hidden;
   }

   /* Modern Story Card - Secondary Color Background */
   .story-card {
       background: #105A7D;
       border-radius: 28px;
       padding: 30px 25px;
       position: relative;
       transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       height: 100%;
       display: flex;
       flex-direction: column;
       backdrop-filter: blur(10px);
       border: 1px solid rgba(255, 255, 255, 0.1);
   }

   .story-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
       background: #0d4a68;
   }

   /* Quote Icon */
   .quote-icon {
       position: absolute;
       top: 25px;
       right: 25px;
       opacity: 0.12;
   }

   .quote-icon i {
       font-size: 3.5rem;
       color: white;
   }

   /* Rating Stars */
   .rating {
       display: flex;
       gap: 5px;
       margin-bottom: 20px;
   }

   .rating i {
       font-size: 0.9rem;
       color: #ffc107;
   }

   /* Story Text */
   .story-content {
       flex: 1;
       margin-bottom: 25px;
   }

   .story-text {
       font-size: 0.95rem;
       line-height: 1.7;
       color: rgba(255, 255, 255, 0.9);
       font-style: normal;
       margin: 0;
   }

   /* Story Footer */
   .story-footer {
       display: flex;
       align-items: center;
       gap: 15px;
       margin-top: auto;
       padding-top: 20px;
       border-top: 1px solid rgba(255, 255, 255, 0.15);
   }

   /* Avatar */
   .avatar-wrapper {
       position: relative;
   }

   .avatar {
       width: 55px;
       height: 55px;
       border-radius: 50%;
       overflow: hidden;
       background: #2EB474;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
       border: 2px solid rgba(255, 255, 255, 0.3);
   }

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

   .story-card:hover .avatar {
       transform: scale(1.05);
       border-color: #2EB474;
   }

   /* Student Info */
   .student-info {
       flex: 1;
   }

   .student-name {
       font-size: 1rem;
       font-weight: 700;
       color: white;
       margin: 0 0 5px 0;
   }

   .student-detail {
       display: flex;
       align-items: center;
       gap: 5px;
       font-size: 0.75rem;
       color: #2EB474;
   }

   .student-detail i {
       font-size: 0.7rem;
       color: rgba(255, 255, 255, 0.7);
   }

   /* View More Button */
   .btn-view-more {
       background: transparent;
       color: #105A7D;
       padding: 12px 32px;
       border-radius: 50px;
       font-weight: 600;
       font-size: 0.9rem;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 10px;
       transition: all 0.3s ease;
       border: 2px solid #105A7D;
   }

   .btn-view-more:hover {
       background: #105A7D;
       color: white;
       transform: translateY(-3px);
       box-shadow: 0 8px 25px rgba(16, 90, 125, 0.2);
   }

   /* Responsive */
   @media (max-width: 768px) {
       .story-card {
           padding: 25px 20px;
       }

       .quote-icon i {
           font-size: 2.5rem;
       }

       .story-text {
           font-size: 0.85rem;
       }

       .avatar {
           width: 45px;
           height: 45px;
       }

       .student-name {
           font-size: 0.9rem;
       }

       .display-5 {
           font-size: 1.8rem;
       }

       .rating i {
           font-size: 0.8rem;
       }
   }

   @media (max-width: 576px) {
       .story-card {
           padding: 20px 18px;
       }

       .story-text {
           font-size: 0.8rem;
       }

       .quote-icon {
           top: 15px;
           right: 15px;
       }

       .quote-icon i {
           font-size: 2rem;
       }
   }

   /* Story Card end */


   /* Modern FAQ Section - Smooth Animations */
   .faq-item {
       background: white;
       border-radius: 16px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
       transition: all 0.3s ease;
       border: 1px solid rgba(46, 180, 116, 0.08);
   }

   .faq-item:hover {
       box-shadow: 0 8px 25px rgba(46, 180, 116, 0.08);
       border-color: rgba(46, 180, 116, 0.15);
   }

   .faq-question {
       padding: 18px 20px;
       cursor: pointer;
       transition: all 0.3s ease;
       border-radius: 16px;
   }

   .faq-question:hover {
       background-color: rgba(46, 180, 116, 0.03);
   }

   .faq-icon {
       width: 40px;
       height: 40px;
       background: rgba(46, 180, 116, 0.1);
       border-radius: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
   }

   .faq-icon i {
       font-size: 1.1rem;
       color: #2EB474;
   }

   .faq-item.active .faq-icon {
       background: #2EB474;
   }

   .faq-item.active .faq-icon i {
       color: white;
   }


   .dropdown-menu {
       display: none;
       margin-top: 0px;
   }

   .faq-arrow {
       width: 32px;
       height: 32px;
       background: #f8fafc;
       border-radius: 20%;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
   }

   .faq-arrow i {
       font-size: 0.8rem;
       color: #5a6e7c;
       transition: all 0.3s ease;
   }

   .faq-item.active .faq-arrow {
       background: #2EB474;
   }

   .faq-item.active .faq-arrow i {
       color: white;
       transform: rotate(180deg);
   }

   .faq-answer {
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   }

   .faq-answer.active {
       max-height: 500px;
   }

   .faq-answer-content {
       padding: 0 20px 20px 20px;
       border-top: 1px solid rgba(46, 180, 116, 0.1);
       margin-top: 0;
   }

   /* Smooth table styling */
   .table-sm td,
   .table-sm th {
       padding: 8px;
       font-size: 0.85rem;
   }

   /* Responsive */
   @media (max-width: 768px) {
       .faq-question {
           padding: 15px;
       }

       .faq-icon {
           width: 35px;
           height: 35px;
       }

       .faq-icon i {
           font-size: 0.9rem;
       }

       .faq-question h5 {
           font-size: 0.9rem;
       }

       .faq-answer-content {
           padding: 0 15px 15px 15px;
       }
   }


   /* Services Page - Modern Professional Cards */
   .services-page {
       /* background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%); */
       padding: 60px 0;
   }

   /* Service Card */
   .service-card {
       background: white;
       border-radius: 10px;
       overflow: hidden;
       transition: all 0.3s ease;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
       height: 100%;
       display: flex;
       flex-direction: column;
   }

   .service-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 35px rgba(16, 90, 125, 0.12);
   }

   /* Service Image */
   .service-img {
       height: 250px;
       width: 100%;
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       transition: transform 0.4s ease;
       object-fit: cover;
   }

   .service-card:hover .service-img {
       transform: scale(1.05);
   }

   /* Service Info */
   .service-info {
       padding: 20px;
       text-align: left;
       flex: 1;
       display: flex;
       flex-direction: column;
   }

   .service-info h4 {
       font-size: 1.2rem;
       font-weight: 700;
       color: #1a2c3e;
       margin-bottom: 10px;
       transition: color 0.3s ease;
   }

   .service-card:hover .service-info h4 {
       color: #2EB474;
   }

   .service-info p {
       font-size: 0.85rem;
       color: #5a6e7c;
       line-height: 1.5;
       margin-bottom: 15px;
       flex: 1;
   }

   /* Service Link */
   .service-link {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #2EB474;
       text-decoration: none;
       font-size: 0.85rem;
       font-weight: 600;
       transition: all 0.3s ease;
   }

   .service-link i {
       transition: transform 0.3s ease;
   }

   .service-link:hover {
       color: #105A7D;
       gap: 12px;
   }

   .service-link:hover i {
       transform: translateX(4px);
   }

   /* Responsive */
   @media (max-width: 992px) {
       .service-img {
           height: 180px;
       }

       .service-info {
           padding: 18px;
       }

       .service-info h4 {
           font-size: 1.1rem;
       }
   }

   @media (max-width: 768px) {
       .service-img {
           height: 160px;
       }

       .service-info {
           padding: 15px;
       }

       .service-info h4 {
           font-size: 1rem;
       }

       .service-info p {
           font-size: 0.8rem;
       }
   }




   /* Contact Page - Immigration Website Style */
   .contact-page {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
       position: relative;
   }

   /* Contact Cards - New Color #2EB474 */
   .contact-card {
       background: #2EB474;
       border-radius: 24px;
       padding: 40px 25px;
       text-align: center;
       transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       height: 100%;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       position: relative;
       overflow: hidden;
   }

   .contact-card::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
       transition: left 0.5s ease;
   }

   .contact-card:hover::before {
       left: 100%;
   }

   .contact-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(46, 180, 116, 0.25);
   }

   .contact-icon {
       width: 75px;
       height: 75px;
       background: rgba(255, 255, 255, 0.2);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
       transition: all 0.3s ease;
   }

   .contact-icon i {
       font-size: 2rem;
       color: white;
   }

   .contact-card:hover .contact-icon {
       background: white;
       transform: scale(1.05);
   }

   .contact-card:hover .contact-icon i {
       color: #2EB474;
   }

   .contact-card h4 {
       font-size: 1.3rem;
       font-weight: 700;
       color: white;
       margin-bottom: 10px;
   }

   .contact-card p {
       font-size: 0.85rem;
       color: rgba(255, 255, 255, 0.85);
       margin-bottom: 15px;
   }

   .contact-link {
       display: block;
       color: white;
       text-decoration: none;
       font-size: 0.9rem;
       margin: 5px 0;
       transition: all 0.3s ease;
       font-weight: 500;
   }

   .contact-link:hover {
       color: rgba(255, 255, 255, 0.85);
       transform: translateX(5px);
   }

   /* Contact Form Card */
   .contact-form-card {
       background: white;
       border-radius: 28px;
       padding: 35px;
       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
       height: 100%;
       border: 1px solid rgba(46, 180, 116, 0.1);
       transition: all 0.3s ease;
   }

   .contact-form-card:hover {
       box-shadow: 0 20px 40px rgba(46, 180, 116, 0.08);
   }

   .form-header {
       margin-bottom: 25px;
       padding-bottom: 15px;
       border-bottom: 2px solid rgba(46, 180, 116, 0.15);
   }

   .form-header h3 {
       font-size: 1.6rem;
       font-weight: 700;
       color: #1a2c3e;
       margin-bottom: 5px;
   }

   .form-header p {
       color: #5a6e7c;
       font-size: 0.85rem;
       margin: 0;
   }

   /* Form Groups */
   .form-group {
       margin-bottom: 20px;
   }

   .form-group label {
       display: block;
       margin-bottom: 8px;
       font-weight: 600;
       font-size: 0.85rem;
       color: #1a2c3e;
   }

   .form-group label i {
       color: #2EB474;
       margin-right: 6px;
       width: 18px;
   }

   .form-group label span {
       color: #dc3545;
   }

   .form-control-modern {
       width: 100%;
       padding: 12px 16px;
       border: 1px solid #e0e6ed;
       border-radius: 12px;
       font-size: 0.9rem;
       font-family: 'Montserrat', sans-serif;
       transition: all 0.3s ease;
       background: #f8fafc;
   }

   .form-control-modern:focus {
       outline: none;
       border-color: #2EB474;
       box-shadow: 0 0 0 3px rgba(46, 180, 116, 0.1);
       background: white;
   }

   .form-control-modern.error {
       border-color: #dc3545;
   }

   textarea.form-control-modern {
       resize: vertical;
   }

   /* Submit Button */
   .btn-submit {
       width: 100%;
       background: linear-gradient(135deg, #2EB474, #259c62);
       color: white;
       border: none;
       padding: 14px 20px;
       border-radius: 50px;
       font-weight: 700;
       font-size: 1rem;
       cursor: pointer;
       transition: all 0.3s ease;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       position: relative;
       overflow: hidden;
   }

   .btn-submit::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
       transition: left 0.5s ease;
   }

   .btn-submit:hover::before {
       left: 100%;
   }

   .btn-submit:hover {
       transform: translateY(-3px);
       box-shadow: 0 10px 25px rgba(46, 180, 116, 0.35);
   }

   /* Map Card */
   .map-card {
       background: white;
       border-radius: 28px;
       padding: 35px;
       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
       height: 100%;
       border: 1px solid rgba(46, 180, 116, 0.1);
       transition: all 0.3s ease;
   }

   .map-card:hover {
       box-shadow: 0 20px 40px rgba(46, 180, 116, 0.08);
   }

   .map-header {
       margin-bottom: 20px;
       padding-bottom: 15px;
       border-bottom: 2px solid rgba(46, 180, 116, 0.15);
   }

   .map-header h3 {
       font-size: 1.6rem;
       font-weight: 700;
       color: #1a2c3e;
       margin-bottom: 5px;
   }

   .map-header p {
       color: #5a6e7c;
       font-size: 0.85rem;
       margin: 0;
   }

   .map-container {
       height: 320px;
       border-radius: 20px;
       overflow: hidden;
   }

   .map-container iframe {
       width: 100%;
       height: 100%;
       border: none;
   }

   .map-footer {
       margin-top: 20px;
       padding-top: 15px;
       border-top: 1px solid rgba(0, 0, 0, 0.05);
   }

   .address-box {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 15px;
   }

   .address-box i {
       font-size: 1.2rem;
       color: #2EB474;
       margin-top: 3px;
   }

   .address-box div {
       flex: 1;
   }

   .address-box strong {
       display: block;
       font-size: 0.9rem;
       color: #1a2c3e;
       margin-bottom: 3px;
   }

   .address-box span {
       font-size: 0.85rem;
       color: #5a6e7c;
   }

   .map-link {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       background: #f8fafc;
       color: #2EB474;
       text-decoration: none;
       font-size: 0.85rem;
       font-weight: 600;
       padding: 10px 20px;
       border-radius: 50px;
       transition: all 0.3s ease;
   }

   .map-link:hover {
       background: #2EB474;
       color: white;
       gap: 12px;
   }

   /* Form Message */
   .form-message {
       padding: 12px 18px;
       border-radius: 12px;
       font-size: 0.85rem;
       display: none;
       margin-top: 20px;
       animation: slideIn 0.3s ease;
   }

   .form-message.success {
       display: block;
       background: rgba(46, 180, 116, 0.1);
       border: 1px solid #2EB474;
       color: #2EB474;
   }

   .form-message.error {
       display: block;
       background: rgba(220, 53, 69, 0.1);
       border: 1px solid #dc3545;
       color: #dc3545;
   }

   @keyframes slideIn {
       from {
           opacity: 0;
           transform: translateY(-10px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   /* Responsive */
   @media (max-width: 992px) {
       .contact-card {
           padding: 30px 20px;
       }

       .contact-icon {
           width: 65px;
           height: 65px;
       }

       .contact-icon i {
           font-size: 1.6rem;
       }

       .contact-card h4 {
           font-size: 1.2rem;
       }

       .contact-form-card,
       .map-card {
           padding: 25px;
       }

       .map-container {
           height: 280px;
       }
   }

   @media (max-width: 768px) {
       .contact-card {
           padding: 25px 20px;
       }



       /* .contact-icon {
           width: 55px;
           height: 55px;
       } */

       .contact-icon i {
           font-size: 1.4rem;
       }

       .form-header h3,
       .map-header h3 {
           font-size: 1.3rem;
       }

       .btn-submit {
           padding: 12px 20px;
       }
   }


   /* What We Offer Section - Premium Modern */
   .what-we-offer {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
       position: relative;
       overflow: hidden;
   }

   /* Decorative Background Elements */
   .what-we-offer::before {
       content: '';
       position: absolute;
       top: -100px;
       right: -100px;
       width: 300px;
       height: 300px;
       background: radial-gradient(circle, rgba(46, 180, 116, 0.03), transparent);
       border-radius: 50%;
   }

   .what-we-offer::after {
       content: '';
       position: absolute;
       bottom: -100px;
       left: -100px;
       width: 300px;
       height: 300px;
       background: radial-gradient(circle, rgba(16, 90, 125, 0.03), transparent);
       border-radius: 50%;
   }

   /* Section Badge */
   .section-badge {
       display: inline-block;
       background: rgba(46, 180, 116, 0.12);
       color: #2EB474;
       padding: 8px 20px;
       border-radius: 50px;
       font-size: 0.85rem;
       font-weight: 600;
       letter-spacing: 0.5px;
   }

   /* Section Heading */
   .section-heading {
       font-size: 2.2rem;
       font-weight: 800;
       color: #1a2c3e;
   }

   .text-gradient {
       background: linear-gradient(135deg, #2EB474, #105A7D);
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
   }

   /* Section Description */
   .section-description {
       color: #5a6e7c;
       font-size: 0.95rem;
       line-height: 1.7;
       max-width: 750px;
       margin: 0 auto;
   }

   /* Offer Highlight */
   .offer-highlight {
       display: inline-flex;
       align-items: center;
       background: linear-gradient(135deg, #2EB474 0%, #105A7D 100%);
       color: white;
       padding: 12px 25px;
       border-radius: 50px;
       font-size: 0.9rem;
       font-weight: 600;
       box-shadow: 0 5px 15px rgba(46, 180, 116, 0.2);
   }

   /* Premium Card */
   .premium-card {
       background: white;
       border-radius: 24px;
       padding: 30px 25px;
       position: relative;
       transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
       border: 1px solid rgba(46, 180, 116, 0.08);
       overflow: hidden;
       height: 100%;
   }

   .premium-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(46, 180, 116, 0.12);
       border-color: rgba(46, 180, 116, 0.2);
   }

   /* Card Background Pattern */
   .card-bg-pattern {
       position: absolute;
       top: 0;
       right: 0;
       width: 100px;
       height: 100px;
       background: linear-gradient(135deg, rgba(46, 180, 116, 0.03), transparent);
       border-radius: 0 24px 0 100%;
       pointer-events: none;
   }

   .premium-card:hover .card-bg-pattern {
       background: linear-gradient(135deg, rgba(46, 180, 116, 0.08), transparent);
   }

   /* Card Flags */
   .card-flags {
       margin-bottom: 20px;
   }

   .flag-icon {
       width: 40px;
       height: 30px;
       object-fit: cover;
       border-radius: 6px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }

   .card-flags i {
       font-size: 2rem;
       color: #2EB474;
   }

   /* Card Icon */
   .card-icon {
       width: 55px;
       height: 55px;
       background: rgba(46, 180, 116, 0.1);
       border-radius: 16px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 20px;
       transition: all 0.3s ease;
   }

   .card-icon i {
       font-size: 1.6rem;
       color: #2EB474;
       transition: all 0.3s ease;
   }

   .premium-card:hover .card-icon {
       background: #2EB474;
       transform: scale(1.05);
   }

   .premium-card:hover .card-icon i {
       color: white;
   }

   /* Card Title */
   .card-title {
       font-size: 1.2rem;
       font-weight: 700;
       color: #1a2c3e;
       margin-bottom: 12px;
       transition: color 0.3s ease;
   }

   .premium-card:hover .card-title {
       color: #2EB474;
   }

   /* Card Description */
   .card-description {
       font-size: 0.85rem;
       color: #5a6e7c;
       line-height: 1.6;
       margin-bottom: 20px;
   }

   /* Card Link */
   .card-link {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #2EB474;
       text-decoration: none;
       font-size: 0.85rem;
       font-weight: 600;
       transition: all 0.3s ease;
   }

   .card-link i {
       transition: transform 0.3s ease;
   }

   .card-link:hover {
       color: #105A7D;
       gap: 12px;
   }

   .card-link:hover i {
       transform: translateX(5px);
   }

   /* Info Banner */
   .info-banner {
       background: linear-gradient(135deg, #105A7D 0%, #0d4a68 100%);
       border-radius: 20px;
       padding: 20px 30px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 15px;
       box-shadow: 0 10px 30px rgba(16, 90, 125, 0.2);
   }

   .info-content {
       display: flex;
       align-items: center;
       color: white;
   }

   .info-content i {
       font-size: 2rem;
       opacity: 0.9;
   }

   .info-content h5 {
       font-weight: 700;
   }

   .btn-banner {
       background: white;
       color: #105A7D;
       padding: 12px 28px;
       border-radius: 50px;
       font-weight: 600;
       text-decoration: none;
       transition: all 0.3s ease;
       display: inline-flex;
       align-items: center;
   }

   .btn-banner:hover {
       background: #2EB474;
       color: white;
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(46, 180, 116, 0.3);
   }

   /* Responsive */
   @media (max-width: 992px) {
       .section-heading {
           font-size: 1.8rem;
       }

       .offer-highlight {
           font-size: 0.8rem;
           padding: 10px 20px;
       }

       .info-banner {
           flex-direction: column;
           text-align: center;
       }

       .info-content {
           justify-content: center;
       }
   }

   @media (max-width: 768px) {
       .section-heading {
           font-size: 1.5rem;
       }

       .section-description {
           font-size: 0.85rem;
       }

       .premium-card {
           padding: 25px 20px;
       }

       .card-icon {
           width: 50px;
           height: 50px;
       }

       .card-icon i {
           font-size: 1.4rem;
       }

       .card-title {
           font-size: 1.1rem;
       }
   }

   /* Video Gallery css start */
   .video-gallery {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
       padding: 60px 0;
   }

   /* Video Card */
   .video-card {
       cursor: pointer;
       transition: all 0.3s ease;
   }

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

   /* Video Thumbnail - Perfect 4:3 Aspect Ratio */
   .video-thumbnail {
       position: relative;
       border-radius: 16px;
       overflow: hidden;
       width: 100%;
       padding-bottom: 167%;
       /* 4:3 Aspect Ratio */
       background: #0d1b2a;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   }

   .thumbnail-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s ease;
       background: #0d1b2a;
   }

   .video-card:hover .thumbnail-img {
       transform: scale(1.05);
   }

   /* Play Overlay - Perfect Center */
   .play-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.35);
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       transition: all 0.3s ease;
       border-radius: 16px;
   }

   .video-card:hover .play-overlay {
       opacity: 1;
   }

   .play-icon {
       width: 70px;
       height: 70px;
       background: rgba(46, 180, 116, 0.95);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
       box-shadow: 0 4px 25px rgba(46, 180, 116, 0.3);
       position: relative;
   }

   .play-icon i {
       font-size: 30px;
       color: white;
       /*margin-left: 4px;*/
       display: flex;
       align-items: center;
       justify-content: center;
       line-height: 1;
   }

   .video-card:hover .play-icon {
       transform: scale(1.1);
       background: #2EB474;
       box-shadow: 0 6px 35px rgba(46, 180, 116, 0.5);
   }

   /* Video Info */
   .video-info h6 {
       color: #1a2c3e;
       transition: color 0.3s ease;
       font-size: 1rem;
       margin-bottom: 4px;
   }

   .video-card:hover .video-info h6 {
       color: #2EB474;
   }

   .video-info p {
       font-size: 0.8rem;
       color: #6c757d;
       margin-bottom: 0;
   }

   /* Instagram Button */
   .btn-instagram {
       display: inline-flex;
       align-items: center;
       background: linear-gradient(45deg, #f09433, #d62976, #962fbf);
       color: white;
       padding: 14px 36px;
       border-radius: 50px;
       font-weight: 600;
       text-decoration: none;
       transition: all 0.3s ease;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
       font-size: 1rem;
       border: none;
   }

   .btn-instagram:hover {
       transform: translateY(-3px);
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
       color: white;
   }

   /* ========== MODAL STYLES - FIXED ========== */
   #videoModal .modal-content {
       background: transparent;
       border: none;
       position: relative;
   }

   #videoModal .modal-dialog {
       max-width: 800px;
       margin: 1.75rem auto;
       display: flex;
       align-items: center;
       min-height: calc(100% - 3.5rem);
   }

   /* Modal Close Button - Perfect Positioning */
   .modal-close-btn {
       position: absolute;
       /*right: -18px;*/
       /*top: -18px;*/
       width: 44px;
       height: 44px;
       background: #2EB474;
       border: none;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       transition: all 0.3s ease;
       z-index: 1050;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
       padding: 0;
   }

   .modal-close-btn i {
       font-size: 20px;
       color: white;
       transition: all 0.3s ease;
       display: flex;
       align-items: center;
       justify-content: center;
       line-height: 1;
       margin: 0;
   }

   .modal-close-btn:hover {
       background: #dc3545;
       transform: rotate(90deg);
       box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4);
   }

   /* Video Container in Modal */
   .video-container {
       position: relative;
       width: 100%;
       padding-bottom: 56.25%;
       /* 16:9 for modal */
       background: #000;
       border-radius: 20px;
       overflow: hidden;
       box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
   }

   .video-container video {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: contain;
       background: #000;
   }

   .video-modal-caption {
       margin-top: 16px;
       text-align: center;
   }

   .video-modal-caption h5 {
       color: white;
       font-weight: 600;
       font-size: 1.1rem;
       text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
       margin-bottom: 0;
   }

   /* Responsive */
   @media (max-width: 768px) {
       .video-thumbnail {
           padding-bottom: 167%;
           /* matched laptop height */
       }

       .play-icon {
           width: 55px;
           height: 55px;
       }

       .play-icon i {
           font-size: 24px;
       }

       .btn-instagram {
           padding: 12px 28px;
           font-size: 0.9rem;
       }

       .display-5 {
           font-size: 1.8rem;
       }

       .video-info h6 {
           font-size: 0.9rem;
       }

       .video-info p {
           font-size: 0.7rem;
       }

       #videoModal .modal-dialog {
           max-width: 95%;
           margin: 0.5rem auto;
       }

       .modal-close-btn {
           right: -10px;
           top: -10px;
           width: 38px;
           height: 38px;
       }

       .modal-close-btn i {
           font-size: 16px;
       }

       .video-modal-caption h5 {
           font-size: 0.95rem;
       }
   }

   @media (max-width: 576px) {
       .video-thumbnail {
           padding-bottom: 167%;
           /* matched laptop height */
       }

       .play-icon {
           width: 48px;
           height: 48px;
       }

       .play-icon i {
           font-size: 20px;
           margin-left: 2px;
       }

       .modal-close-btn {
           right: -8px;
           top: -8px;
           width: 34px;
           height: 34px;
       }

       .modal-close-btn i {
           font-size: 14px;
       }

       .video-container {
           border-radius: 14px;
       }

       .video-modal-caption h5 {
           font-size: 0.85rem;
       }
   }

   /* Video Gallery css end */




   /* success stories page start css */

   /* Gallery Page Styles */
   .gallery-page {
       background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
   }

   /* Filter Buttons */
   .filter-buttons {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 12px;
       margin-bottom: 2rem;
   }

   .filter-btn {
       background: transparent;
       border: 2px solid rgba(46, 180, 116, 0.2);
       padding: 8px 24px;
       border-radius: 50px;
       font-size: 0.85rem;
       font-weight: 600;
       color: #5a6e7c;
       cursor: pointer;
       transition: all 0.3s ease;
   }

   .filter-btn:hover {
       border-color: #2EB474;
       color: #2EB474;
   }

   .filter-btn.active {
       background: #2EB474;
       border-color: #2EB474;
       color: white;
       box-shadow: 0 4px 15px rgba(46, 180, 116, 0.3);
   }

   /* Gallery Card */
   .gallery-link {
       text-decoration: none;
       display: block;
   }

   .gallery-card {
       position: relative;
       border-radius: 20px;
       overflow: hidden;
       cursor: pointer;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
       transition: all 0.4s ease;
       background: #fff;
   }

   .gallery-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 25px 40px rgba(46, 180, 116, 0.15);
   }

   .gallery-img {
       position: relative;
       height: 280px;
       overflow: hidden;
   }

   .gallery-img img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s ease;
   }

   .gallery-card:hover .gallery-img img {
       transform: scale(1.08);
   }

   /* Gallery Overlay */
   .gallery-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(135deg, rgba(16, 90, 125, 0.92) 0%, rgba(13, 74, 104, 0.96) 100%);
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       transition: all 0.4s ease;
       backdrop-filter: blur(4px);
   }

   .gallery-card:hover .gallery-overlay {
       opacity: 1;
   }

   .overlay-content {
       text-align: center;
       padding: 20px;
       transform: translateY(30px);
       transition: all 0.4s ease;
   }

   .gallery-card:hover .overlay-content {
       transform: translateY(0);
   }

   .icon-wrapper {
       width: 50px;
       height: 50px;
       background: rgba(255, 255, 255, 0.2);
       border-radius: 50%;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 15px;
       transition: all 0.3s ease;
   }

   .icon-wrapper i {
       font-size: 1.4rem;
       color: white;
   }

   .gallery-card:hover .icon-wrapper {
       background: #2EB474;
       transform: scale(1.1);
   }

   .overlay-content h4 {
       font-size: 1.2rem;
       font-weight: 700;
       color: white;
       margin-bottom: 8px;
   }

   .overlay-content p {
       font-size: 0.85rem;
       color: rgba(255, 255, 255, 0.9);
       margin-bottom: 12px;
   }

   .gallery-category {
       display: inline-block;
       background: rgba(255, 255, 255, 0.2);
       padding: 4px 12px;
       border-radius: 50px;
       font-size: 0.7rem;
       color: white;
       font-weight: 500;
   }

   /* Load More Button */
   .load-more-btn {
       background: linear-gradient(135deg, #2EB474, #259c62);
       border: none;
       padding: 12px 35px;
       border-radius: 50px;
       font-size: 0.9rem;
       font-weight: 600;
       color: white;
       cursor: pointer;
       transition: all 0.3s ease;
       box-shadow: 0 4px 15px rgba(46, 180, 116, 0.2);
   }

   .load-more-btn:hover {
       transform: translateY(-3px);
       box-shadow: 0 10px 25px rgba(46, 180, 116, 0.35);
   }

   /* Modal Styles */
   .modal-backdrop.show {
       opacity: 0.95;
       backdrop-filter: blur(5px);
   }

   #galleryModal .modal-content {
       background: transparent;
       border: none;
   }

   #galleryModal .modal-dialog {
       max-width: 90%;
       margin: 1.75rem auto;
   }

   #galleryModal img {
       max-height: 75vh;
       object-fit: contain;
       border-radius: 20px;
       box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
   }

   /* Close Button */
   .modal-close-btn {
       width: 45px;
       height: 45px;
       background: #dc3545 !important;
       border-radius: 50%;
       transition: all 0.3s ease;
       z-index: 1060;
       opacity: 1;
       position: absolute;
       top: 7px;
       right: 461px !important;
       border: none;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .modal-close-btn i {
       font-size: 1.2rem;
       color: white;
   }

   .modal-close-btn:hover {
       background: #2EB474 !important;
       transform: rotate(90deg);
   }

   /* Animation */
   .gallery-item {
       animation: fadeInUp 0.5s ease;
   }

   @keyframes fadeInUp {
       from {
           opacity: 0;
           transform: translateY(20px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   /* Responsive */
   @media (max-width: 992px) {
       .gallery-img {
           height: 260px;
       }

       .icon-wrapper {
           width: 45px;
           height: 45px;
       }

       .icon-wrapper i {
           font-size: 1.2rem;
       }
   }

   @media (max-width: 768px) {
       .filter-btn {
           padding: 6px 16px;
           font-size: 0.75rem;
       }

       .gallery-img {
           height: 240px;
       }

       .overlay-content h4 {
           font-size: 1rem;
       }

       .overlay-content p {
           font-size: 0.75rem;
       }

       #galleryModal img {
           max-height: 60vh;
       }

       .modal-close-btn {
           width: 38px;
           height: 38px;
           top: 10px;
           right: 10px !important;
       }
   }

   @media (max-width: 576px) {
       .gallery-img {
           height: 220px;
       }

       .filter-buttons {
           gap: 6px;
       }

       .filter-btn {
           padding: 5px 12px;
           font-size: 0.7rem;
       }
   }



   /* success stories page end css */


   /* Footer start  */

   /* ==================== FOOTER STYLES ==================== */
   .footer {
       background: linear-gradient(135deg, #0d4a68 0%, #073a52 100%);
       color: #ffffff;
       padding: 70px 0 0;
       margin-top: 80px;
       position: relative;
       overflow: hidden;
   }

   /* Animated decorative top border */
   .footer::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 4px;
       background: linear-gradient(90deg, #2EB474, #2EB474, #ffffff, #2EB474, #2EB474);
       background-size: 200% 100%;
       animation: gradientMove 3s ease infinite;
   }

   @keyframes gradientMove {
       0% {
           background-position: 0% 50%;
       }

       50% {
           background-position: 100% 50%;
       }

       100% {
           background-position: 0% 50%;
       }
   }

   @keyframes heartbeat {

       0%,
       100% {
           transform: scale(1);
       }

       50% {
           transform: scale(1.2);
       }
   }

   /* Footer Columns */
   .footer-col {
       margin-bottom: 30px;
       transition: transform 0.3s ease;
   }

   .footer-col:hover {
       transform: translateY(-5px);
   }

   .footer-logo img {
       max-height: 55px;
       width: auto;
       filter: brightness(0) invert(1);
       transition: all 0.3s ease;
   }

   .footer-logo img:hover {
       transform: scale(1.05);
       filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(46, 180, 116, 0.5));
   }

   .footer-description {
       color: rgba(255, 255, 255, 0.85);
       line-height: 1.7;
       margin-top: 20px;
       margin-bottom: 25px;
       font-size: 0.9rem;
   }

   /* Social Icons */
   .footer-social {
       display: flex;
       gap: 15px;
       margin-top: 20px;
   }

   .social-icon {
       width: 42px;
       height: 42px;
       background: rgba(255, 255, 255, 0.1);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #ffffff;
       font-size: 1.1rem;
       transition: all 0.3s ease;
       text-decoration: none;
       position: relative;
       overflow: hidden;
   }

   .social-icon::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
       transition: left 0.5s ease;
   }

   .social-icon:hover::before {
       left: 100%;
   }

   .social-icon:hover {
       background: #2EB474;
       color: #ffffff;
       transform: translateY(-5px) rotate(360deg);
       box-shadow: 0 5px 15px rgba(46, 180, 116, 0.4);
   }

   /* Footer Titles */
   .footer-title {
       color: #ffffff;
       font-size: 1.25rem;
       font-weight: 700;
       margin-bottom: 25px;
       position: relative;
       padding-bottom: 12px;
       letter-spacing: 0.5px;
   }

   .footer-title::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 50px;
       height: 3px;
       background: #2EB474;
       border-radius: 3px;
       transition: width 0.3s ease;
   }

   .footer-col:hover .footer-title::after {
       width: 80px;
   }

   /* Footer Links */
   .footer-links {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .footer-links li {
       margin-bottom: 14px;
   }

   .footer-links a {
       color: rgba(255, 255, 255, 0.8);
       text-decoration: none;
       transition: all 0.3s ease;
       display: inline-flex;
       align-items: center;
       gap: 10px;
       font-size: 0.9rem;
       position: relative;
       padding-left: 0;
   }

   .footer-links a i {
       font-size: 0.7rem;
       transition: all 0.3s ease;
       opacity: 0.7;
   }

   .footer-links a:hover {
       color: #2EB474;
       padding-left: 8px;
   }

   .footer-links a:hover i {
       transform: translateX(5px);
       opacity: 1;
       color: #2EB474;
   }

   /* ==================== CONTACT US SECTION - IMPROVED RESPONSIVE ==================== */
   .footer-contact {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .footer-contact li {
       display: flex;
       gap: 18px;
       margin-bottom: 25px;
       align-items: flex-start;
       transition: transform 0.3s ease;
   }

   .footer-contact li:hover {
       transform: translateX(5px);
   }

   .contact-icon {
       min-width: 70px;
       height: 70px;
       background: rgb(243 243 243 / 80%);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
   }

   .contact-icon-footer {
       min-width: 40px;
       height: 40px;
       background: rgba(46, 180, 116, 0.15);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
   }


   .contact-icon i {
       font-size: 1.1rem;
       color: #2EB474;
       transition: all 0.3s ease;
   }

   .footer-contact li:hover .contact-icon {
       background: #2EB474;
       transform: scale(1.1);
   }

   .footer-contact li:hover .contact-icon i {
       color: #ffffff;
   }

   .contact-details {
       flex: 1;
   }

   .contact-details strong {
       display: block;
       color: #ffffff;
       font-size: 0.9rem;
       margin-bottom: 5px;
       font-weight: 700;
   }

   .contact-details span,
   .contact-details a {
       color: rgba(255, 255, 255, 0.75);
       text-decoration: none;
       font-size: 0.9rem;
       transition: color 0.3s ease;
       display: inline-block;
   }

   .contact-details a:hover {
       color: #2EB474;
   }

   /* ==================== RESPONSIVE FOOTER ==================== */

   /* Tablet Landscape (992px - 1199px) */
   @media (min-width: 992px) and (max-width: 1199px) {
       .footer-title {
           font-size: 1.1rem;
       }

       .footer-links a,
       .contact-details span,
       .contact-details a,
       .contact-details strong {
           font-size: 0.85rem;
       }

       .social-icon {
           width: 38px;
           height: 38px;
           font-size: 1rem;
       }

       .footer-description {
           font-size: 0.85rem;
       }
   }

   /* Tablet Portrait (768px - 991px) */
   @media (max-width: 991px) {
       .footer {
           padding: 50px 0 0;
           margin-top: 60px;
       }

       .footer-title::after {
           left: 0;
           right: auto;
       }



       /* .footer-bottom-links {
         justify-content: flex-start;
         margin-top: 15px;
         gap: 15px;
     } */

       .copyright {
           text-align: center;
       }

       .text-md-end {
           text-align: center !important;
       }

       .footer-social {
           justify-content: flex-start;
       }

       /* Contact section - keep left aligned on tablet */
       .footer-contact li {
           justify-content: flex-start;
           text-align: left;
           max-width: 100%;
       }
   }

   /* Mobile & Tablet (up to 768px) - Contact Us Vertical Layout */
   @media (max-width: 768px) {
       .footer {
           padding: 40px 0 0;
       }


       .footer-col {
           text-align: center;
           margin-bottom: 40px;
       }

       .footer-title::after {
           left: 50%;
           transform: translateX(-50%);
       }

       .footer-social {
           justify-content: center;
       }

       .footer-links a {
           justify-content: center;
       }

       .footer-links a:hover {
           padding-left: 0;
       }

       .footer-links a:hover i {
           transform: translateX(0);
       }

       /* ===== CONTACT US SECTION - VERTICAL LAYOUT FOR MOBILE ===== */
       .footer-contact li {
           flex-direction: column;
           align-items: center;
           text-align: center;
           gap: 12px;
           margin-bottom: 30px;
           justify-content: center;
       }

       /* .contact-icon {
           width: 50px;
           height: 50px;
           margin: 0 auto;
       } */

       .contact-icon i {
           font-size: 1.3rem;
       }

       .contact-details {
           text-align: center;
           width: 100%;
       }

       .contact-details strong {
           font-size: 0.9rem;
           margin-bottom: 6px;
       }

       .contact-details span,
       .contact-details a {
           font-size: 0.85rem;
       }

       .footer-contact li:hover {
           transform: translateY(-3px);
       }

       .footer-contact li:hover .contact-icon {
           transform: scale(1.05);
       }

       /* Newsletter section */
       /* .newsletter-section {
         text-align: center;
     }

     .newsletter-form .input-group {
         max-width: 400px;
         margin: 0 auto;
     } */

       /* .footer-bottom-links {
         justify-content: center;
         gap: 12px;
     } */

       .btn-subscribe {
           padding: 12px 22px;
       }
   }

   /* Mobile Large (576px - 768px) */
   @media (min-width: 576px) and (max-width: 768px) {
       /* .contact-icon {
           width: 55px;
           height: 55px;
       } */

       .contact-icon i {
           font-size: 1.4rem;
       }

       .contact-details strong {
           font-size: 0.95rem;
       }

       .contact-details span,
       .contact-details a {
           font-size: 0.9rem;
       }
   }

   /* Mobile Medium (480px - 575px) */
   @media (max-width: 575px) {
       .footer {
           padding: 35px 0 0;
           margin-top: 50px;
       }

       .footer-title {
           font-size: 1.1rem;
           margin-bottom: 20px;
       }

       .footer-description {
           font-size: 0.85rem;
           line-height: 1.6;
       }

       .social-icon {
           width: 38px;
           height: 38px;
           font-size: 1rem;
       }

       .footer-links a {
           font-size: 0.85rem;
       }

       .footer-links li {
           margin-bottom: 10px;
       }

       /* Contact section - vertical with smaller sizes */
       /* .contact-icon {
           width: 45px;
           height: 45px;
       } */

       .contact-icon i {
           font-size: 1.2rem;
       }

       .contact-details strong {
           font-size: 0.85rem;
       }

       .contact-details span,
       .contact-details a {
           font-size: 0.8rem;
       }

       .footer-contact li {
           gap: 10px;
           margin-bottom: 25px;
       }

       .newsletter-title {
           font-size: 1rem;
       }

       .newsletter-text {
           font-size: 0.8rem;
       }

       .newsletter-form .form-control {
           padding: 10px 16px;
           font-size: 0.85rem;
       }

       .btn-subscribe {
           padding: 10px 18px;
           font-size: 0.8rem;
       }

       .copyright {
           font-size: 0.75rem;
           text-align: center;
       }

       .footer-bottom-links a {
           font-size: 0.7rem;
       }

       .footer-bottom-links {
           gap: 8px;
       }
   }

   /* Mobile Small (up to 375px) */
   @media (max-width: 375px) {
       .footer {
           padding: 30px 0 0;
       }

       .footer-title {
           font-size: 1rem;
       }

       .social-icon {
           width: 35px;
           height: 35px;
           font-size: 0.9rem;
       }

       .footer-social {
           gap: 10px;
       }

       .footer-links a {
           font-size: 0.8rem;
       }

       /* Contact section - extra small */
       /* .contact-icon {
           width: 40px;
           height: 40px;
       } */

       .contact-icon i {
           font-size: 1rem;
       }

       .contact-details strong {
           font-size: 0.8rem;
       }

       .contact-details span,
       .contact-details a {
           font-size: 0.75rem;
       }

       .footer-contact li {
           gap: 8px;
           margin-bottom: 20px;
       }

       .newsletter-form .form-control {
           padding: 8px 14px;
           font-size: 0.8rem;
       }

       .btn-subscribe {
           padding: 8px 14px;
           font-size: 0.75rem;
       }

       .copyright {
           font-size: 0.7rem;
       }

       .footer-bottom-links a {
           font-size: 0.65rem;
       }
   }

   /* Newsletter Section */
   /* .newsletter-section {
     margin-top: 30px;
     padding-top: 25px;
     border-top: 1px solid rgba(255, 255, 255, 0.15);
 }

 .newsletter-title {
     color: #ffffff;
     font-size: 1.1rem;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .newsletter-text {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.85rem;
     margin-bottom: 20px;
     line-height: 1.5;
 }

 .newsletter-form .input-group {
     background: rgba(255, 255, 255, 0.08);
     border-radius: 60px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.15);
     transition: all 0.3s ease;
 }

 .newsletter-form .input-group:focus-within {
     border-color: #2EB474;
     box-shadow: 0 0 0 3px rgba(46, 180, 116, 0.2);
     background: rgba(255, 255, 255, 0.12);
 }

 .newsletter-form .form-control {
     background: transparent;
     border: none;
     color: #ffffff;
     padding: 14px 22px;
     font-size: 0.9rem;
 }

 .newsletter-form .form-control::placeholder {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .newsletter-form .form-control:focus {
     background: transparent;
     box-shadow: none;
     color: #ffffff;
 }

 .btn-subscribe {
     background: #2EB474;
     border: none;
     color: #ffffff;
     padding: 14px 28px;
     font-weight: 700;
     font-size: 0.85rem;
     transition: all 0.3s ease;
     white-space: nowrap;
     letter-spacing: 0.5px;
     position: relative;
     overflow: hidden;
 }

 .btn-subscribe::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: left 0.5s ease;
 }

 .btn-subscribe:hover::before {
     left: 100%;
 }

 .btn-subscribe:hover {
     background: #ffffff;
     color: #105A7D;
     transform: translateX(3px);
 }

 .btn-subscribe i {
     margin-right: 8px;
     transition: transform 0.3s ease;
 }

 .btn-subscribe:hover i {
     transform: translateX(3px);
 } */

   /* Footer Bottom */
   .footer-bottom {
       border-top: 1px solid rgba(255, 255, 255, 0.1);
       padding: 30px 0;
       margin-top: 40px;
   }

   .copyright {
       color: rgba(255, 255, 255, 0.7);
       font-size: 0.85rem;
       margin: 0;
       letter-spacing: 0.3px;
   }

   .copyright strong {
       color: #2EB474;
       font-weight: 700;
   }

   /* .footer-bottom-links {
     display: flex;
     gap: 20px;
     justify-content: flex-end;
     align-items: center;
     flex-wrap: wrap;
 } */

   .footer-bottom-links a {
       color: rgba(255, 255, 255, 0.7);
       text-decoration: none;
       font-size: 0.85rem;
       transition: all 0.3s ease;
       position: relative;
   }

   .footer-bottom-links a::after {
       content: '';
       position: absolute;
       bottom: -2px;
       left: 0;
       width: 0;
       height: 1px;
       background: #2EB474;
       transition: width 0.3s ease;
   }

   .footer-bottom-links a:hover {
       color: #2EB474;
   }

   .footer-bottom-links a:hover::after {
       width: 100%;
   }

   .footer-bottom-links .separator {
       color: rgba(255, 255, 255, 0.3);
   }

   /* Animation for newsletter */
   @keyframes slideInUp {
       from {
           transform: translateY(20px);
           opacity: 0;
       }

       to {
           transform: translateY(0);
           opacity: 1;
       }
   }

   .newsletter-alert {
       animation: slideInUp 0.3s ease;
   }

   /* Back to Top Button */
   .back-to-top {
       position: fixed;
       bottom: 30px;
       right: 30px;
       width: 48px;
       height: 48px;
       background: linear-gradient(135deg, #2EB474 0%, #259c62 100%);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: white;
       text-decoration: none;
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s ease;
       z-index: 999;
       box-shadow: 0 4px 15px rgba(46, 180, 116, 0.3);
       cursor: pointer;
   }

   .back-to-top.show {
       opacity: 1;
       visibility: visible;
   }

   .back-to-top:hover {
       background: linear-gradient(135deg, #105A7D 0%, #0d4a68 100%);
       color: white;
       transform: translateY(-5px) scale(1.05);
       box-shadow: 0 8px 25px rgba(46, 180, 116, 0.4);
   }

   .back-to-top i {
       font-size: 1.2rem;
       transition: transform 0.3s ease;
   }

   .back-to-top:hover i {
       transform: translateY(-2px);
   }

   /* Tablet and Mobile Back to Top Button */
   @media (max-width: 768px) {
       .back-to-top {
           bottom: 20px;
           right: 20px;
           width: 42px;
           height: 42px;
       }

       .back-to-top i {
           font-size: 1rem;
       }
   }

   /* Footer end  */
   .elfsight-app-ff3d266d-db79-4c83-af1c-58d3d3140ab9 {
       padding: 100px 0px 40px 0px !important;
   }

   /* <!-- why choose us css start -->*/
   .badge-soft {
       background: rgba(10, 95, 135, 0.07);
       color: #0a5f87;
       font-weight: 600;
       font-size: 0.75rem;
       letter-spacing: 0.3px;
       padding: 0.4rem 1.2rem;
       border-radius: 40px;
       border: 1px solid rgba(10, 95, 135, 0.08);
   }

   .comparison-card {
       background: white;
       border-radius: 28px;
       padding: 2rem 1.8rem;
       height: 100%;
       box-shadow: 0 8px 28px rgba(10, 95, 135, 0.04);
       border: 1px solid rgba(10, 95, 135, 0.05);
       transition: 0.2s;
   }

   .comparison-card:hover {
       box-shadow: 0 16px 40px rgba(10, 95, 135, 0.07);
       border-color: rgba(43, 179, 119, 0.15);
   }

   .comparison-card.our-card {
       border-left: 5px solid #2bb377;
   }

   .comparison-item {
       display: flex;
       align-items: flex-start;
       gap: 0.75rem;
       padding: 0.5rem 0;
       border-bottom: 1px solid rgba(0, 0, 0, 0.025);
   }

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

   .comparison-item .bi-x-circle-fill {
       color: #d0d9e0;
       font-size: 1.2rem;
       flex-shrink: 0;
       margin-top: 0.1rem;
   }

   .comparison-item .bi-check-circle-fill {
       color: #2bb377;
       font-size: 1.2rem;
       flex-shrink: 0;
       margin-top: 0.1rem;
   }

   .list-other {
       color: #5b6f7e;
       font-weight: 450;
       font-size: 0.95rem;
   }

   .list-us {
       color: #0a2b3b;
       font-weight: 500;
       font-size: 0.95rem;
   }

   .heading-other {
       font-weight: 700;
       font-size: 1.2rem;
       color: #6c7e8e;
       letter-spacing: -0.2px;
   }

   .heading-our {
       font-weight: 700;
       font-size: 1.2rem;
       color: #0a5f87;
       letter-spacing: -0.2px;
   }

   .center-quote {
       background: white;
       border-radius: 28px;
       padding: 2.2rem 2.8rem;
       box-shadow: 0 8px 28px rgba(10, 95, 135, 0.04);
       border: 1px solid rgba(10, 95, 135, 0.05);
       max-width: 920px;
       margin: 0 auto;
       position: relative;
   }

   .center-quote::before {
       content: "“";
       font-size: 3.5rem;
       color: #2bb377;
       opacity: 0.2;
       position: absolute;
       top: 0.2rem;
       left: 1.2rem;
       font-family: Georgia, serif;
       line-height: 1;
   }

   .center-quote p {
       font-size: 1.05rem;
       line-height: 1.7;
       color: #1a2d3c;
   }

   .center-quote .highlight-primary {
       color: #0a5f87;
       font-weight: 600;
   }

   .center-quote .highlight-accent {
       color: #2bb377;
       font-weight: 600;
   }

   .pill-divider-center {
       width: 56px;
       height: 4px;
       background: #2bb377;
       border-radius: 12px;
       margin: 0.5rem auto 0.8rem auto;
   }

   @media (max-width: 768px) {
       .section-choose {
           padding: 3rem 0;
       }

       .comparison-card {
           padding: 1.5rem;
       }

       .center-quote {
           padding: 1.8rem 1.5rem;
       }

       .center-quote::before {
           font-size: 2.5rem;
           left: 0.8rem;
       }
   }

   /* <!-- why choose us css end -->*/




   /* Show first dropdown on hover */
   /* .navbar .dropdown:hover>.dropdown-menu {
    display: block;
} */

   /* First Level */
   .navbar .nav-item.dropdown {
       position: relative;
   }

   .navbar .nav-item.dropdown:hover>.dropdown-menu {
       display: block;
   }

   /* Second Level Parent */
   .dropdown-submenu {
       position: relative;
   }

   /* Second Level Menu */
   .dropdown-submenu>.dropdown-menu {
       position: absolute;
       top: 0;
       left: 100%;
       display: none;
       min-width: 260px;
       margin-top: 0;
       border: none;
       border-radius: 12px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
       z-index: 99999;
   }

   /* Show on Hover */
   .dropdown-submenu:hover>.dropdown-menu {
       display: block;
   }

   /* Arrow */
   .submenu-toggle {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   /* Keep parent highlighted */
   .dropdown-submenu:hover>a {
       background: #eefaf4;
       color: #2EB474;
   }





   /* Submenu */
   .dropdown-submenu {
       position: relative;
   }

   .dropdown-submenu>.dropdown-menu {
       position: absolute;
       top: 0;
       left: 100%;
       margin-top: -10px;
       margin-left: 0;
       display: none;
       min-width: 250px;
       border-radius: 12px;
   }

   /* Show submenu on hover */
   .dropdown-submenu:hover>.dropdown-menu {
       display: block;
   }

   /* Arrow alignment */
   .submenu-toggle {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .submenu-toggle i {
       font-size: 12px;
   }

   /* Prevent gap */
   .dropdown-submenu:hover>a {
       background: rgba(46, 180, 116, 0.1);
       color: #2EB474;
   }