.top-header {
     background: linear-gradient(135deg, #f29b3d 0%, #eb7a00 45%, #f1c89b 100%);
     padding: 5px;

     .top-header-inner {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin: 0 auto;
     }
 }

 /* ===== MAIN NAVBAR ===== */
 .main-nav {
     background: #fff;
     position: sticky;
     top: 0;
     z-index: 1000;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);

     .nav-inner {
         display: flex;
         align-items: center;
         justify-content: space-between;
         max-width: 1200px;
         margin: 0 auto;
         padding: 0 20px;
         height: 64px;
     }

     .logo img {
         height: 55px;
     }

     .nav-links {
         display: flex;
         align-items: stretch;
         height: 100%;


         >li {
             position: relative;
             display: flex;
             align-items: stretch;
             padding-left: 10px;
             height: 100%;
             padding-right: 10px;

             >a {
                 display: flex;
                 align-items: center;
                 font-size: 16px;
                 font-weight: 500;
                 color: #333;
                 transition: color 0.2s;
                 height: 100%;

                 &:hover {
                     color: #f29b3d;
                 }

                 .caret {
                     margin-left: 5px;
                     font-size: 20px;
                     transition: transform 0.25s;
                 }
             }

             &.active>a {
                 color: #f29b3d;
             }

             &.open {
                 >a .caret {
                     transform: rotate(180deg);
                     position: relative;
                     bottom: 3px;
                 }

                 >.mega-menu {
                     opacity: 1;
                     visibility: visible;
                     pointer-events: auto;
                     border-top: 3px solid transparent;
                     border-image: linear-gradient(90deg, #f29b3d, #ba6100, #f29b3d);
                     border-image-slice: 1;
                     transition-delay: 0s;
                 }
             }
         }
     }
 }

 #servicesDropdown,
 #hireDropdown,
 #companyDropdown {
     position: static;
 }

 /* Contact Us Button */
 .btn-contact {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: #333c4e;
     color: #fff !important;
     padding: 9px 22px;
     border-radius: 20px;
     font-size: 13px;
     font-weight: 600;
     transition: all 0.3s ease;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
     height: 40px;

     &:hover {
         background: #333c4e;
         box-shadow: 0 5px 20px rgba(242, 155, 61, 0.45);
         transform: translateY(-1px);
     }

     .phone-icon {
         width: 16px;
         height: 16px;
         display: inline-block;
     }
 }

 /* ===== MEGA MENU ===== */
 .mega-menu {
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     background: #fff;
     border-radius: 0 0 16px 16px;
     box-shadow: 30px 20px 80px rgba(0, 0, 0, 0.15);
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.25s ease, visibility 0.25s ease;
     transition-delay: 0.15s;
     z-index: 999;
     pointer-events: none;
 }

 /* Services Mega Menu */
 .mega-services {
     width: 1000px;
     padding: 0;
     overflow: hidden;

     .mega-services-inner {
         display: flex;
         min-height: 420px;
         border-radius: 20px;
     }
 }

 /* ===== SERVICES MEGA MENU SIDEBAR ===== */
 .mega-sidebar {
     width: 380px;
     min-width: 380px;
     background: #e5e5e56b;
     border-right: 1px solid #6c757d82 !important;
     color: #3b3b3b;
     padding: 15px 15px;
     display: flex;
     flex-direction: column;
     gap: 8px;
     position: relative;
     border-right: none;
     z-index: 2;

     .sidebar-item {
         display: flex;
         align-items: center;
         gap: 14px;
         padding: 5px 8px;
         font-size: 14px;
         font-weight: 500;
         color: #222;
         cursor: pointer;
         transition: all 0.25s ease;
         background: #fff;
         border: 1px solid #eee;
         border-radius: 12px;
         position: relative;

         &:hover {
             background: #f29b3d;
             border-color: rgba(242, 155, 61, 0.3);
         }

         &.active {
             font-weight: 600;
             background: linear-gradient(135deg, #f29b3d 0%, #e9a152 45%, #f29b3d 100%);
             color: #fffaf5;
             border-color: rgba(242, 155, 61, 0.4);
             box-shadow: 0 4px 20px rgba(242, 155, 61, 0.08);

             .non-active-icon {
                 display: none;
             }

             .active-icon {
                 display: block;
             }

             &::after {
                 content: '';
                 position: absolute;
                 right: -10px;
                 top: 50%;
                 transform: translateY(-50%);
                 width: 0;
                 height: 0;
                 border-top: 20px solid transparent;
                 border-bottom: 20px solid transparent;
                 border-left: 20px solid #ee9e46;
                 z-index: 10;
             }

             .sidebar-icon {
                 border-color: rgb(229 204 178 / 77%);
                 background: rgba(242, 155, 61, 0.04);
             }
         }

         .non-active-icon {
             display: block;
         }

         .active-icon {
             display: none;
         }

         .sidebar-icon {
             width: 36px;
             height: 36px;
             display: flex;
             align-items: center;
             justify-content: center;
             flex-shrink: 0;
             background: #fff;
             border: 1px solid #6c757d63;
             border-radius: 8px;
             transition: all 0.25s ease;

             img {
                 width: 20px;
                 height: 20px;
                 opacity: 0.5;
                 transition: all 0.2s ease;
             }
         }

         &.active .sidebar-icon img,
         &:hover .sidebar-icon img {
             filter: none;
         }

         .arrow-icon {
             display: none !important;
         }
     }
 }

 /* Right Container containing Content and Bottom CTA */
 .mega-right-container {
     flex: 1;
     display: flex;
     flex-direction: column;
     background: #fff;
     min-height: 100%;
 }

 /* Right Content */
 .mega-content {
     flex: 1;
     padding: 20px 20px;
     overflow-y: auto;
     background: #fff;

     .tab-panel {
         display: none;

         &.active {
             display: block;
             animation: fadeIn 0.25s ease;
         }
     }

     .section-title {
         font-size: 12px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 1.2px;
         color: #323b4d;
         margin-bottom: 18px;
         position: relative;
         padding-bottom: 8px;
         border-bottom: none;

         &::after {
             content: '';
             position: absolute;
             bottom: 0;
             left: 0;
             width: 36px;
             height: 1px;
             background: #333c4e;
             border-radius: 2px;
         }

         &:not(:first-child) {
             margin-top: 24px;
         }
     }

     .service-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 5px 10px;
         margin-bottom: 24px;
     }

     .service-link {
         display: flex;
         align-items: center;
         gap: 12px;
         font-size: 14px;
         font-weight: 500;
         color: #334155;
         transition: all 0.2s;

         &:hover,
         &.active {
             color: #f29b3d;
             background: transparent;
         }

         .svc-icon {
             display: inline-flex;
             align-items: center;
             justify-content: center;
             width: 24px;
             height: 24px;
             color: #f29b3d;
             flex-shrink: 0;

             svg {
                 width: 18px;
                 height: 18px;
                 stroke-width: 2;
             }
         }

         .svc-icon-text {
             color: #f29b3d;
             font-size: 14px;
             font-weight: bold;
             text-align: center;
         }
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(6px);
     }

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

 /* Bottom CTA bar */
 .mega-bottom-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 25px;
     background: #fff;
     border-top: 1px solid #f1f5f9;
     border-radius: 0 0 16px 0;

     .cta-text {
         font-size: 14px;
         font-weight: 700;
         color: #0f172a;
     }

     .cta-sub {
         font-size: 12px;
         color: #64748b;
         margin-top: 4px;
     }

     .cta-link {
         font-size: 14px;
         font-weight: 700;
         color: #fff;
         border: 0;
         border-radius: 24px;
         padding: 13px 15px;
         transition: all 0.2s;
         background: #333c4e;

         &:hover {
             border-color: #f29b3d;
             color: #f29b3d;
             background: #fffaf5;
         }
     }
 }

 /* ===== HIRE MEGA MENU ===== */
 .mega-hire {
     width: 1000px;
     padding: 0;
     overflow: hidden;

     .mega-hire-inner {
         display: flex;
         min-height: 420px;
         border-radius: 20px;
         background: #f8fafc;
     }

     .mega-hire-sidebar {
         width: 300px;
         min-width: 300px;
         /* background: #0f172a url('{{ asset('assets/images/icons/hire_img.webp') }}') center/cover; */
         padding: 40px 30px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         position: relative;
         margin: 10px;
         border-radius: 20px;

         &::before {
             content: '';
             position: absolute;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             background: rgba(15, 23, 42, 0.7);
             border-radius: 20px;
             z-index: 1;
         }

         >* {
             position: relative;
             z-index: 2;
         }

         h2 {
             color: #fff;
             font-size: 18px;
             font-weight: 700;
             line-height: 24px;
             margin-bottom: 20px;
         }
     }

     .mega-hire-content {
         flex: 1;
         padding: 20px;
         display: flex;
         gap: 20px;
         background: #f8f9fa;
     }
 }

 .btn-get-started {
     background: #f29b3d;
     color: #fff !important;
     padding: 2px 25px;
     border-radius: 24px;
     text-align: center;
     font-weight: 600;
     font-size: 14px;
     display: inline-block;
     transition: all 0.3s ease;
     border: none;
     cursor: pointer;
     text-decoration: none;
     align-self: flex-start;

     &:hover {
         background: #d68128;
         transform: translateY(-2px);
     }
 }

 .hire-column {
     flex: 1;

     .column-title {
         font-size: 14px;
         font-weight: 600;
         color: #64748b;
         margin-bottom: 10px;
         padding-bottom: 10px;
         border-bottom: 1px solid #e2e8f0;
     }
 }

 .hire-grid-col {
     display: grid;
     grid-template-columns: 1fr;
     gap: 10px;
 }

 .hire-card {
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 2px 10px;
     background: #fff;
     border-radius: 10px;
     transition: all 0.25s ease;
     border: 1px solid #eee;
     text-decoration: none;

     &:hover {
         border-color: rgba(242, 155, 61, 0.3);
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     }

     .card-icon {
         width: 35px;
         height: 35px;
         background: #fff8f0;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
         color: #f29b3d;

         svg,
         img {
             width: 20px;
             height: 20px;
             stroke-width: 2;
         }
     }

     .card-text {
         display: flex;
         flex-direction: column;
     }

     .card-title {
         font-size: 14px;
         font-weight: 500;
         color: #334155;
         margin-bottom: 0;
     }
 }

 .recognition-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
     gap: 12px;
     margin-top: 15px;
     background: #f1f5f9;
     padding: 15px;
     border-radius: 12px;
 }

 .recognition-item {
     background: #fff;
     border: 1px solid transparent;
     border-radius: 8px;
     padding: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     height: 55px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);

     &:hover {
         border-color: rgba(242, 155, 61, 0.3);
         box-shadow: 0 6px 15px rgba(242, 155, 61, 0.12);
         transform: translateY(-2px);
     }

     img {
         max-height: 40px;
         max-width: 100%;
         object-fit: contain;
     }
 }

 /* Certifications & Recognition Section */
 .certifications-section {
     border-top: 1px solid #e2e8f0;
     padding-top: 20px;
     margin-top: 10px;
     width: 100%;
 }

 .cert-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
 }

 .cert-card {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     padding: 5px 16px;
     background: #fff;
     border-radius: 12px;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     border: 1px solid #e2e8f0;
     text-decoration: none;
     position: relative;
     overflow: hidden;

     &:hover {
         border-color: rgba(242, 155, 61, 0.4);
         box-shadow: 0 10px 25px rgba(242, 155, 61, 0.06);
         transform: translateY(-2px);
         background: #fff;
     }

     .cert-icon {
         width: 42px;
         height: 42px;
         border-radius: 10px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
         transition: all 0.3s ease;
     }

     &:hover .cert-icon {
         transform: scale(1.05);
     }

     .cert-info {
         display: flex;
         flex-direction: column;
         gap: 2px;
         flex: 1;
     }

     .cert-title {
         font-size: 13px;
         font-weight: 700;
         color: #1e293b;
         line-height: 1.3;
         margin: 0;
     }

     .cert-desc {
         font-size: 11px;
         color: #64748b;
         line-height: 1.3;
         margin: 0;
     }

     .cert-badge {
         background: #f1f5f9;
         color: #475569;
         font-size: 9px;
         font-weight: 700;
         padding: 2px 6px;
         border-radius: 4px;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin-left: 8px;
         flex-shrink: 0;
     }

     &:hover .cert-badge {
         background: #fff3e0;
         color: #e65100;
     }
 }

 /* ===== SIMPLE DROPDOWN (Hire, Company, Insights) ===== */
 .simple-dropdown {
     width: 560px;
     padding: 20px;

     .dropdown-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 4px;
     }

     .dropdown-item-link {
         display: flex;
         align-items: center;
         gap: 10px;
         padding: 10px 12px;
         border-radius: 8px;
         font-size: 13.5px;
         color: #444;
         transition: all 0.2s;

         &:hover {
             background: #fff8f0;
             color: #f29b3d;
         }

         .dd-icon {
             width: 24px;
             height: 24px;
             flex-shrink: 0;

             img {
                 width: 24px;
                 height: 24px;
             }
         }
     }
 }

 /* Small dropdown for Insights */
 .small-dropdown {
     width: 320px;
     padding: 12px;

     .dropdown-item-link {
         display: flex;
         align-items: center;
         gap: 10px;
         padding: 10px 12px;
         border-radius: 8px;
         font-size: 13.5px;
         color: #444;
         transition: all 0.2s;

         &:hover {
             background: #fff8f0;
             color: #f29b3d;
         }

         .dd-icon {
             width: 24px;
             height: 24px;
             flex-shrink: 0;

             img {
                 width: 24px;
                 height: 24px;
             }
         }
     }
 }

 .navbar-toggler {
     display: none;
 }

 /* ==========================================================================
           NEW MODERN PREMIUM DARK FOOTER
           ========================================================================== */
 footer {
     .flex_itm {
         grid-template-columns: repeat(7, 1fr);
         display: grid;

         .flex_reverse {
             justify-content: center;
         }
     }

     &.modern-footer {
         background-color: #07080a;
         color: #94a3b8;
         border-top: 1px solid #1e293b;
         padding: 80px 0 40px;

         .container-fluid {
             max-width: 1600px;
             margin: 0 auto;
             padding: 0 40px;
         }

         .footer-brand-cell {
             display: grid;
             grid-template-columns: repeat(5, 1fr);
         }
     }
 }

 .footer-divider {
     border: 0;
     height: 1px;
     background: rgba(255, 255, 255, 0.12);
     box-shadow: 0 0 18px rgba(255, 122, 0, 0.35);
     margin: 30px 0;
 }

 /* Top Hero Section */
 .footer-top-section {
     text-align: center;
     max-width: 800px;
     margin: 0 auto 50px;

     .footer-hero-title {
         color: #fff;
         font-size: 48px;
         font-weight: 800;
         margin-bottom: 20px;
         letter-spacing: -1px;
         line-height: 1.2;

         span {
             color: #f29b3d;
         }
     }

     .footer-hero-desc {
         color: #94a3b8;
         font-size: 15px;
         line-height: 1.6;
         font-weight: 400;
     }
 }

 /* Columns Grid */
 .footer-grid-6 {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 0;
 }

 .footer-grid-col {
     padding: 0 15px;
     border-right: 1px solid rgba(255, 255, 255, 0.08);
 }

 .footer-grid-col:first-child {
     padding-left: 0;
 }

 .footer-grid-col:last-child {
     border-right: none;
     padding-right: 0;
 }

 .footer-col-hdr {
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 25px;
     position: relative;
     padding-bottom: 8px;
     display: inline-block;
     letter-spacing: 0.5px;
 }

 .footer-col-hdr::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 30px;
     height: 2px;
     background: #f29b3d;
     border-radius: 2px;
 }

 .footer-sub-hdr {
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     margin-top: 25px;
     margin-bottom: 25px;
     position: relative;
     padding-bottom: 8px;
     display: inline-block;
     letter-spacing: 0.5px;
 }

 .footer-sub-hdr::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 30px;
     height: 2px;
     background: #f29b3d;
     border-radius: 2px;
 }

 .footer-col-separator {
     border: 0;
     height: 1px;
     background: rgba(255, 255, 255, 0.08);
     margin: 25px 0;
 }

 .footer-col-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;

 }

 .footer-col-list li {
     margin: 0;
 }

 .footer-col-list li a {
     color: #d1d5db;
     font-size: 14px;
     transition: all 0.25s ease;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
 }

 .footer-col-list li a::before {
     content: ">";
     color: #f29b3d;
     font-weight: 700;
     font-size: 12px;
     margin-right: 8px;
     transition: transform 0.2s ease;
     display: inline-block;
 }

 .footer-col-list li a:hover {
     color: #fff !important;
     text-decoration: none;
 }

 .footer-col-list li a:hover::before {
     transform: translateX(3px);
 }

 /* Brand cell */
 .footer-logo-wrap {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 30px;
 }

 .brand-logo-brackets {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .footer-brand-name {
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     letter-spacing: -0.5px;
 }

 .official-web-box {
     display: flex;
     flex-direction: column;
     gap: 6px;

     .web-lbl {
         font-size: 12px;
         font-weight: 700;
         color: #6b7280;
     }

     .web-url-link {
         color: #f29b3d !important;
         font-size: 15px;
         display: flex;
         align-items: center;
         gap: 6px;
         transition: color 0.2s;

         &:hover {
             color: #fff !important;
         }
     }

     .ext-link-icon {
         opacity: 0.8;
     }
 }

 /* Touch cell */
 .touch-cell-title {
     color: #f29b3d;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.5px;
     margin-bottom: 25px;
 }

 .touch-info-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 25px 40px;

     .touch-lbl {
         font-size: 9px;
         font-weight: 700;
         color: #6b7280;
         letter-spacing: 1.5px;
         display: block;
         margin-bottom: 6px;
         text-transform: uppercase;
     }

     .touch-val {
         color: #fff;
         font-size: 15px;
         font-weight: 500;
         display: block;
         transition: color 0.2s;

         &:hover {
             color: #f29b3d !important;
         }
     }

     .phone-val {
         color: #f29b3d !important;
         margin-top: 5px;
         font-weight: 600;
         font-size: 14px;

         &:hover {
             color: #fff !important;
         }
     }
 }

 /* Schedule Card */
 .footer-cta-card {
     background-color: rgba(255, 255, 255, 0.02);
     border: 1px solid rgba(255, 255, 255, 0.05);
     border-radius: 12px;
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-height: 180px;

     .cta-card-title {
         color: #fff;
         font-size: 18px;
         font-weight: 700;
         margin-bottom: 8px;
     }

     .cta-card-desc {
         color: #94a3b8;
         font-size: 13px;
         line-height: 1.5;
         margin-bottom: 20px;
     }

     .btn-cta-schedule {
         background: linear-gradient(135deg, #f29b3d 0%, #e88d25 100%);
         color: #fff !important;
         font-weight: 600;
         font-size: 14px;
         text-align: center;
         padding: 12px;
         border-radius: 6px;
         transition: all 0.3s ease;
         box-shadow: 0 4px 12px rgba(242, 155, 61, 0.2);

         &:hover {
             transform: translateY(-2px);
             box-shadow: 0 6px 18px rgba(242, 155, 61, 0.45);
         }
     }
 }

 /* Office Locations */
 .footer-locations-row {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 25px;

     .loc-hdr {
         display: flex;
         align-items: center;
         gap: 8px;
         color: #fff;
         font-size: 14px;
         font-weight: 700;
         margin-bottom: 12px;
     }

     .loc-icon {
         color: #f29b3d;
     }

     .loc-addr {
         color: #94a3b8;
         font-size: 13px;
         line-height: 1.5;
         margin-bottom: 8px;
     }

     .loc-phone {
         color: #f29b3d !important;
         font-size: 14px;
         transition: color 0.2s;

         &:hover {
             color: #fff !important;
         }
     }
 }

 /* Partnerships & Certifications */
 .footer-partnerships-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 20px;
 }

 .partner-card {
     display: flex;
     flex-direction: column;
     gap: 4px;

     .partner-title {
         color: #fff;
         font-size: 16px;
         font-weight: 800;
         letter-spacing: -0.5px;
     }

     .partner-rating {
         display: flex;
         align-items: center;
         gap: 8px;
     }

     .stars {
         color: #f29b3d;
         font-size: 12px;
     }

     .rating-text {
         color: #94a3b8;
         font-size: 12px;
         font-weight: 600;
     }
 }

 .partner-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     border: 1px solid rgba(255, 255, 255, 0.05);
     background-color: rgba(255, 255, 255, 0.01);
     color: #fff;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.5px;
     padding: 10px 20px;
     border-radius: 6px;
     transition: all 0.3s;

     &:hover {
         border-color: rgba(242, 155, 61, 0.3);
         background-color: rgba(242, 155, 61, 0.02);
         transform: translateY(-2px);
     }
 }

 .badge-svg-icon {
     color: #f29b3d;
 }

 /* Bottom Row copyright & social */
 .footer-bottom-row {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
 }

 .footer-copyright-left {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
     font-size: 13px;
     color: #6b7280;

     .cpy-text {
         margin-right: 10px;
         color: #eeeeee9e;
     }

     .bottom-link {
         color: #94a3b8;
         transition: color 0.2s;

         &:hover {
             color: #f29b3d !important;
         }
     }
 }

 .footer-socials-right {
     display: flex;
     gap: 12px;
 }

 .social-btn {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.05);
     background-color: #eee;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333c4e;
     transition: all 0.3s ease;

     &:hover {
         border-color: #f29b3d;
         background-color: #f29b3d;
         color: #fff !important;
         transform: translateY(-2px);
     }
 }

 .active_itm a {
     color: #f29b3d !important;
 }

 .active_itms {
     color: #f29b3d !important;
 }

 .footer-col-list .active {
     color: #f29b3d !important;
 }

 #mainNav .parent_active_cls {
     color: #f29b3d;
 }

 /* ===== MEDIA QUERIES ===== */
 @media screen and (max-width: 1400px) {
     .mega-sidebar {
         gap: 5px;
     }

     .main-nav .nav-links>li>a,
     .mega-sidebar .sidebar-item,
     .mega-content .service-link {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 1300px) {
     .footer-col-list li a {
         font-size: 12px;
     }

     .footer-col-hdr {
         margin-bottom: 10px;
     }

     .footer-brand-name {
         font-size: 14px;
     }

     .hire-card .card-title,
     .touch-val,
     .web-url-link,
     .loc-hdr,
     .loc-addr {
         font-size: 12px;
     }

     .mega-sidebar {
         width: 320px;
         min-width: 320px;
         gap: 5px;

         .sidebar-item {
             font-size: 12px;

             .sidebar-icon img {
                 width: 16px;
                 height: 16px;
             }
         }
     }

     .main-nav {
         .nav-inner {
             max-width: 1050px;
         }

         .nav-links>li>a {
             font-size: 14px;
         }
     }

     .mega-bottom-bar .cta-link {
         font-size: 12px;
     }

     .mega-content .service-link {
         font-size: 12px;
     }
 }

 @media screen and (max-width: 1200px) {
     .footer-grid-6 {
         grid-template-columns: repeat(3, 1fr);
         gap: 40px 30px;
     }

     .footer-grid-col {
         border-right: none;
         padding: 0;
     }

     .footer-cta-card {
         grid-column: span 2;
     }

     .footer-locations-row {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media screen and (max-width: 991px) {
     .footer-brand-cell {
         grid-template-columns: repeat(3, 1fr) !important;
     }

     .btn-contact {
         width: max-content;
         margin-top: 10px;
         padding: 0 25px !important;
         height: 45px !important;
         line-height: 0 !important;
         justify-content: center;
         display: flex !important;
         margin-left: 10px;
         border: 0 !important;
     }

     .contact_menu {
         display: none;
     }

     .main-nav .nav-links {
         display: none;
     }

     .navbar-toggler {
         display: block;
     }

     footer {
         .footer_certy_width_set_scrum {
             width: 70px !important;
         }

         .certy_img {
             width: 50px !important;
         }

         .flex_itm {
             grid-template-columns: repeat(4, 1fr);
             display: grid;
         }

         &.modern-footer .container-fluid {
             padding: 0 25px;
         }
     }

     .footer-cta-card {
         grid-column: span 1;
     }

     .touch-info-grid {
         grid-template-columns: 1fr;
         gap: 20px;
     }

     .footer-locations-row {
         grid-template-columns: repeat(2, 1fr);
     }

     .footer-partnerships-row {
         justify-content: center;
     }
 }

 @media screen and (max-width: 768px) {
     .footer-brand-cell {
         grid-template-columns: repeat(2, 1fr) !important;
     }

     footer .flex_itm {
         grid-template-columns: repeat(3, 1fr);
     }

     .footer-grid-6 {
         grid-template-columns: repeat(2, 1fr);
     }

     .footer-locations-row {
         grid-template-columns: 1fr;
     }

     .footer-bottom-row {
         flex-direction: column;
         align-items: flex-start;
     }

     .footer-copyright-left {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }

     .footer-hero-title {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 400px) {
     .footer-brand-cell {
         grid-template-columns: repeat(1, 1fr);
     }

     footer {
         .flex_itm {
             grid-template-columns: repeat(2, 1fr);
         }

         .certy_img {
             width: 35px !important;
         }
     }
 }

 @media screen and (max-width: 480px) {
     .footer-brand-cell {
         grid-template-columns: repeat(1, 1fr) !important;
     }

     .footer-grid-6 {
         grid-template-columns: 1fr;
     }
 }