:root {
                                                               --mt-navy: #10243a;
                                                               --mt-navy-dark: #091725;
                                                               --mt-orange: #ffc629;
                                                               --mt-text: #27394b;
                                                               --mt-muted: #758291;
                                                               --mt-border: #e7ebef;
                                                           }
                                                           
                                                           * {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           html {
                                                               scroll-behavior: smooth;
                                                               scroll-padding-top: 100px;
                                                           }
                                                           
                                                           body {
                                                               margin: 0;
                                                               font-family: "DM Sans", sans-serif;
                                                               color: var(--mt-text);
                                                           }
                                                           
                                                           .mt-header {
                                                               position: relative;
                                                               z-index: 1000;
                                                           }
                                                           /* Top moving announcement */
                                                           
                                                           .mt-announcement {
                                                               overflow: hidden;
                                                               background: var(--mt-navy-dark);
                                                               color: #fff;
                                                               border-bottom: 1px solid #ffffff14;
                                                           }
                                                           
                                                           .mt-marquee {
                                                               overflow: hidden;
                                                               padding: 11px 0;
                                                           }
                                                           
                                                           .mt-marquee-track {
                                                               display: flex;
                                                               align-items: center;
                                                               width: max-content;
                                                               gap: 42px;
                                                               animation: mt-marquee-scroll 36s linear infinite;
                                                           }
                                                           
                                                           .mt-marquee-track span {
                                                               flex-shrink: 0;
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.5px;
                                                               white-space: nowrap;
                                                           }
                                                           
                                                           .mt-marquee-track i,
                                                           .mt-marquee-track .mt-dot {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-announcement:hover .mt-marquee-track {
                                                               animation-play-state: paused;
                                                           }
                                                           
                                                           @keyframes mt-marquee-scroll {
                                                               from {
                                                                   transform: translateX(0);
                                                               }
                                                               to {
                                                                   transform: translateX(-50%);
                                                               }
                                                           }
                                                           
                                                           .mt-contact-link {
                                                               color: #60656a;
                                                               text-decoration: none;
                                                               font-size: 12px;
                                                               font-family: 'Manrope';
                                                           }
                                                           /* Contact information strip */
                                                           
                                                           .mt-contact-bar {
                                                               background: #f6f7f8;
                                                               border-bottom: 1px solid var(--mt-border);
                                                               padding: 11px 0;
                                                           }
                                                           
                                                           .mt-location,
                                                           .mt-contact-links,
                                                           .mt-contact-links span {
                                                               display: flex;
                                                               align-items: center;
                                                           }
                                                           
                                                           .mt-location,
                                                           .mt-contact-links span {
                                                               gap: 9px;
                                                               font-size: 12px;
                                                               color: #647282;
                                                           }
                                                           
                                                           .mt-location i,
                                                           .mt-contact-links i {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-contact-links {
                                                               gap: 22px;
                                                           }
                                                           
                                                           .mt-contact-divider {
                                                               height: 16px;
                                                               width: 1px;
                                                               background: #d8dee4;
                                                           }
                                                           
                                                           .mt-brand {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               text-decoration: none;
                                                               padding: 0;
                                                           }
                                                           
                                                           .mt-logo-img {
                                                               display: block;
                                                               width: 190px;
                                                               height: 75px;
                                                               object-fit: contain;
                                                               object-position: left center;
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-logo-img {
                                                                   width: 165px;
                                                                   height: 65px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 576px) {
                                                               .mt-logo-img {
                                                                   width: 140px;
                                                                   height: 55px;
                                                               }
                                                           }
                                                           /* Main navbar */
                                                           
                                                           .mt-main-nav {
                                                               background: #fff;
                                                               padding: 0;
                                                               border-bottom: 1px solid #10243a0b;
                                                               box-shadow: 0 8px 28px #10243a05;
                                                               transition: box-shadow 0.25s ease;
                                                           }
                                                           
                                                           .mt-main-nav>.container {
                                                               min-height: 88px;
                                                           }
                                                           
                                                           .mt-brand {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               margin: 0;
                                                           }
                                                           
                                                           .mt-logo-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 46px;
                                                               height: 46px;
                                                               border-radius: 8px;
                                                               background: var(--mt-navy);
                                                               color: var(--mt-orange);
                                                               font-size: 21px;
                                                               transition: transform 0.3s ease, background 0.3s ease;
                                                           }
                                                           
                                                           .mt-brand:hover .mt-logo-icon {
                                                               transform: translateY(-2px);
                                                               background: #193b59;
                                                           }
                                                           
                                                           .mt-brand-text {
                                                               display: flex;
                                                               flex-direction: column;
                                                               line-height: 1.1;
                                                               font-family: "Manrope", sans-serif;
                                                           }
                                                           
                                                           .mt-brand-text strong {
                                                               color: var(--mt-navy);
                                                               font-size: 17px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-brand-text small {
                                                               color: var(--mt-orange);
                                                               margin-top: 5px;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 3px;
                                                           }
                                                           
                                                           .mt-nav-list {
                                                               gap: 27px;
                                                           }
                                                           
                                                           .mt-nav-link {
                                                               position: relative;
                                                               padding: 34px 0 !important;
                                                               color: #526171 !important;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               transition: color 0.25s ease;
                                                           }
                                                           
                                                           .mt-nav-link::after {
                                                               position: absolute;
                                                               right: 100%;
                                                               bottom: 24px;
                                                               left: 0;
                                                               height: 2px;
                                                               background: var(--mt-orange);
                                                               content: "";
                                                               transition: right 0.28s ease;
                                                           }
                                                           
                                                           .mt-nav-link:hover,
                                                           .mt-nav-link.active {
                                                               color: var(--mt-navy) !important;
                                                           }
                                                           
                                                           .mt-nav-link:hover::after,
                                                           .mt-nav-link.active::after {
                                                               right: 0;
                                                           }
                                                           
                                                           .mt-quote-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 19px;
                                                               padding: 15px 18px;
                                                               border-radius: 3px;
                                                               background: var(--mt-orange);
                                                               color: var(--mt-navy);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
                                                           }
                                                           
                                                           .mt-quote-btn:hover {
                                                               transform: translateY(-2px);
                                                               background: #ff9255;
                                                               color: var(--mt-navy);
                                                               box-shadow: 0 8px 22px #ffc62930;
                                                           }
                                                           
                                                           .mt-quote-btn i {
                                                               font-size: 12px;
                                                           }
                                                           
                                                           .mt-toggler {
                                                               border: 1px solid var(--mt-border);
                                                               padding: 9px 10px;
                                                               box-shadow: none !important;
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-main-nav>.container {
                                                                   min-height: 76px;
                                                               }
                                                               .mt-nav-list {
                                                                   gap: 0;
                                                                   padding: 12px 0 20px;
                                                                   align-items: stretch !important;
                                                               }
                                                               .mt-nav-link {
                                                                   padding: 13px 0 !important;
                                                                   border-bottom: 1px solid #edf0f2;
                                                               }
                                                               .mt-nav-link::after {
                                                                   display: none;
                                                               }
                                                               .mt-quote-btn {
                                                                   width: 100%;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-contact-bar {
                                                                   padding: 9px 0;
                                                               }
                                                               .mt-contact-bar .container {
                                                                   align-items: flex-start !important;
                                                                   flex-direction: column;
                                                                   gap: 9px;
                                                               }
                                                               .mt-location,
                                                               .mt-contact-links span {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-contact-links {
                                                                   flex-wrap: wrap;
                                                                   gap: 10px 15px;
                                                               }
                                                               .mt-contact-divider {
                                                                   display: none !important;
                                                               }
                                                               .mt-brand-text strong {
                                                                   font-size: 15px;
                                                               }
                                                               .mt-logo-icon {
                                                                   width: 41px;
                                                                   height: 41px;
                                                               }
                                                               .mt-marquee-track {
                                                                   gap: 25px;
                                                               }
                                                               .mt-marquee-track span {
                                                                   font-size: 8px;
                                                               }
                                                           }
                                                           /* Accessibility: respect reduced-motion preferences */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               html {
                                                                   scroll-behavior: auto;
                                                               }
                                                               .mt-marquee-track {
                                                                   animation: none;
                                                                   transform: none;
                                                               }
                                                               *,
                                                               *::before,
                                                               *::after {
                                                                   transition-duration: 0.01ms !important;
                                                               }
                                                           }
                                                           /* =========================================
   MAYANK TRANSPORT — PREMIUM HERO
========================================= */
                                                           
                                                           .mt-hero {
                                                               --hero-orange: #ffc629;
                                                               --hero-navy: #091b2d;
                                                               position: relative;
                                                               isolation: isolate;
                                                               min-height: 620px;
                                                               overflow: hidden;
                                                               display: flex;
                                                               align-items: center;
                                                               background: var(--hero-navy);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-hero-slides,
                                                           .mt-hero-slide,
                                                           .mt-hero-overlay {
                                                               position: absolute;
                                                               inset: 0;
                                                           }
                                                           
                                                           .mt-hero-slides {
                                                               z-index: -3;
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .mt-hero-slide {
                                                               background-image: var(--hero-image);
                                                               background-position: center;
                                                               background-size: cover;
                                                               background-repeat: no-repeat;
                                                               opacity: 0;
                                                               transform: scale(1.045);
                                                               transition: opacity 900ms ease, transform 6s ease;
                                                           }
                                                           
                                                           .mt-hero-slide.is-active {
                                                               opacity: 1;
                                                               transform: scale(1);
                                                           }
                                                           
                                                           .mt-hero-overlay {
                                                               z-index: -2;
                                                               background: linear-gradient( 90deg, rgba(5, 19, 33, 0.96) 0%, rgba(5, 19, 33, 0.86) 38%, rgba(5, 19, 33, 0.53) 66%, rgba(5, 19, 33, 0.18) 100%), linear-gradient(0deg, rgba(5, 19, 33, 0.45), transparent 35%);
                                                           }
                                                           
                                                           .mt-hero-container {
                                                               position: relative;
                                                               z-index: 2;
                                                               padding-top: 90px;
                                                               padding-bottom: 110px;
                                                           }
                                                           /* Intro label */
                                                           
                                                           .mt-hero-eyebrow {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               margin-bottom: 24px;
                                                               color: #f7f8fa;
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-eyebrow-line {
                                                               width: 38px;
                                                               height: 2px;
                                                               flex-shrink: 0;
                                                               background: #ffc629 !important;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-hero-title {
                                                               max-width: 740px;
                                                               margin: 0 0 22px;
                                                               font-family: var(--mt-heading-font);
                                                               font-size: clamp(40px, 5.1vw, 55px);
                                                               font-weight: 800;
                                                               letter-spacing: -2.8px;
                                                               line-height: 1.09;
                                                               color: #fff;
                                                               animation: mtHeroTextIn 800ms both;
                                                           }
                                                           
                                                           .mt-hero-title span {
                                                               display: block;
                                                               color: var(--hero-orange);
                                                           }
                                                           
                                                           .mt-hero-description {
                                                               max-width: 540px;
                                                               margin: 0;
                                                               color: rgba(255, 255, 255, 0.82);
                                                               font-size: 15px;
                                                               line-height: 1.9;
                                                               animation: mtHeroTextIn 900ms 100ms both;
                                                           }
                                                           /* Buttons */
                                                           
                                                           .mt-hero-actions {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               align-items: center;
                                                               gap: 14px;
                                                               margin-top: 31px;
                                                               animation: mtHeroTextIn 900ms 200ms both;
                                                           }
                                                           
                                                           .mt-hero-btn {
                                                               display: inline-flex;
                                                               min-height: 53px;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               padding: 0 23px;
                                                               border: 1px solid transparent;
                                                               border-radius: 5px;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               transition: transform 250ms ease, background 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
                                                           }
                                                           
                                                           .mt-hero-btn-primary {
                                                               background: var(--hero-orange);
                                                               color: #fff;
                                                               box-shadow: 0 8px 22px rgba(244, 123, 58, 0.15);
                                                           }
                                                           
                                                           .mt-hero-btn-primary:hover {
                                                               transform: translateY(-3px);
                                                               background: #e76525;
                                                               color: #fff;
                                                               box-shadow: 0 12px 25px rgba(244, 123, 58, 0.25);
                                                           }
                                                           
                                                           .mt-hero-btn-primary i {
                                                               transition: transform 250ms ease;
                                                           }
                                                           
                                                           .mt-hero-btn-primary:hover i {
                                                               transform: translateX(4px);
                                                           }
                                                           
                                                           .mt-hero-btn-outline {
                                                               border-color: rgba(255, 255, 255, 0.42);
                                                               background: rgba(255, 255, 255, 0.035);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-hero-btn-outline:hover {
                                                               transform: translateY(-3px);
                                                               border-color: #fff;
                                                               background: #fff;
                                                               color: var(--hero-navy);
                                                           }
                                                           
                                                           .mt-play-icon {
                                                               display: grid;
                                                               width: 24px;
                                                               height: 24px;
                                                               place-items: center;
                                                               border: 1px solid currentColor;
                                                               border-radius: 50%;
                                                               font-size: 9px;
                                                           }
                                                           /* Location */
                                                           
                                                           .mt-hero-location {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               margin-top: 34px;
                                                               color: rgba(255, 255, 255, 0.74);
                                                               font-size: 11px;
                                                               font-weight: 600;
                                                               letter-spacing: 0.3px;
                                                           }
                                                           
                                                           .mt-hero-location i {
                                                               color: var(--hero-orange);
                                                           }
                                                           /* Right-side information panel */
                                                           
                                                           .mt-hero-side {
                                                               max-width: 350px;
                                                               margin: 20px 0 0 auto;
                                                               padding: 27px 25px;
                                                               border: 1px solid rgba(255, 255, 255, 0.19);
                                                               border-radius: 8px;
                                                               background: rgba(8, 26, 43, 0.52);
                                                               box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
                                                               backdrop-filter: blur(10px);
                                                               -webkit-backdrop-filter: blur(10px);
                                                               animation: mtHeroPanelIn 900ms 250ms both;
                                                           }
                                                           
                                                           .mt-hero-side-label {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               color: rgba(255, 255, 255, 0.76);
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.2px;
                                                               line-height: 1.6;
                                                           }
                                                           
                                                           .mt-live-dot {
                                                               width: 7px;
                                                               height: 7px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--hero-orange);
                                                               box-shadow: 0 0 0 4px rgba(244, 123, 58, 0.13);
                                                           }
                                                           
                                                           .mt-hero-side-heading {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 4px;
                                                               margin-top: 23px;
                                                               font-family: var(--mt-heading-font);
                                                               font-size: 25px;
                                                               font-weight: 600;
                                                               letter-spacing: -0.8px;
                                                               line-height: 1.35;
                                                           }
                                                           
                                                           .mt-hero-side-heading strong {
                                                               color: var(--hero-orange);
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-hero-side-rule {
                                                               width: 47px;
                                                               height: 2px;
                                                               margin: 21px 0 17px;
                                                               background: var(--hero-orange);
                                                           }
                                                           
                                                           .mt-hero-side p {
                                                               margin: 0;
                                                               color: rgba(255, 255, 255, 0.76);
                                                               font-size: 12px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-side-link {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin-top: 21px;
                                                               color: #fff;
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-side-link i {
                                                               color: var(--hero-orange);
                                                               transition: transform 250ms ease;
                                                           }
                                                           
                                                           .mt-side-link:hover {
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-side-link:hover i {
                                                               transform: translate(3px, -3px);
                                                           }
                                                           /* Slider controls */
                                                           
                                                           .mt-slider-arrow {
                                                               position: absolute;
                                                               z-index: 4;
                                                               top: 50%;
                                                               display: grid;
                                                               width: 43px;
                                                               height: 43px;
                                                               place-items: center;
                                                               border: 1px solid rgba(255, 255, 255, 0.5);
                                                               border-radius: 50%;
                                                               background: rgba(9, 23, 37, 0.28);
                                                               color: #fff;
                                                               font-size: 13px;
                                                               transform: translateY(-50%);
                                                               transition: background 250ms ease, border-color 250ms ease, color 250ms ease;
                                                           }
                                                           
                                                           .mt-slider-arrow:hover {
                                                               border-color: var(--hero-orange);
                                                               background: var(--hero-orange);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-slider-prev {
                                                               left: 24px;
                                                           }
                                                           
                                                           .mt-slider-next {
                                                               right: 24px;
                                                           }
                                                           
                                                           .mt-slider-bottom {
                                                               position: absolute;
                                                               z-index: 4;
                                                               right: 0;
                                                               bottom: 33px;
                                                               left: 0;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               padding: 0 6%;
                                                           }
                                                           
                                                           .mt-slider-pagination {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                           }
                                                           
                                                           .mt-slider-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               padding: 0;
                                                               border: 1px solid rgba(255, 255, 255, 0.8);
                                                               border-radius: 50%;
                                                               background: transparent;
                                                               cursor: pointer;
                                                               transition: width 250ms ease, border-color 250ms ease, background 250ms ease;
                                                           }
                                                           
                                                           .mt-slider-dot.is-active {
                                                               width: 26px;
                                                               border-color: var(--hero-orange);
                                                               border-radius: 10px;
                                                               background: var(--hero-orange);
                                                           }
                                                           
                                                           .mt-slider-counter {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               color: rgba(255, 255, 255, 0.7);
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           #mtCurrentSlide {
                                                               color: var(--hero-orange);
                                                           }
                                                           
                                                           .mt-counter-divider {
                                                               width: 30px;
                                                               height: 1px;
                                                               background: rgba(255, 255, 255, 0.35);
                                                           }
                                                           
                                                           .mt-hero-bottom-line {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               height: 3px;
                                                               background: rgba(255, 255, 255, 0.1);
                                                           }
                                                           
                                                           .mt-hero-bottom-line::before {
                                                               display: block;
                                                               width: 33.333%;
                                                               height: 100%;
                                                               content: "";
                                                               background: var(--hero-orange);
                                                               transition: transform 450ms ease;
                                                           }
                                                           /* Business highlights strip */
                                                           
                                                           .mt-highlights {
                                                               position: relative;
                                                               z-index: 5;
                                                               background: #fff;
                                                               border-bottom: 1px solid #e9edf1;
                                                           }
                                                           
                                                           .mt-highlight-item {
                                                               display: flex;
                                                               min-height: 112px;
                                                               align-items: center;
                                                               gap: 14px;
                                                               padding: 20px 17px;
                                                               border-right: 1px solid #e9edf1;
                                                           }
                                                           
                                                           .mt-highlights .col-lg-3:last-child .mt-highlight-item {
                                                               border-right: 0;
                                                           }
                                                           
                                                           .mt-highlight-icon {
                                                               display: grid;
                                                               width: 43px;
                                                               height: 43px;
                                                               flex-shrink: 0;
                                                               place-items: center;
                                                               border: 1px solid #f5d9ca;
                                                               border-radius: 8px;
                                                               background: #fff7f2;
                                                               color: var(--hero-orange);
                                                               font-size: 17px;
                                                               transition: background 250ms ease, color 250ms ease, transform 250ms ease;
                                                           }
                                                           
                                                           .mt-highlight-item:hover .mt-highlight-icon {
                                                               transform: translateY(-3px);
                                                               background: var(--hero-orange);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-highlight-item h2 {
                                                               margin: 0 0 5px;
                                                               color: #10243a;
                                                               font-family: var(--mt-heading-font);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-highlight-item p {
                                                               margin: 0;
                                                               color: #788493;
                                                               font-size: 10px;
                                                               line-height: 1.6;
                                                           }
                                                           /* Entrance animations */
                                                           
                                                           @keyframes mtHeroTextIn {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(18px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtHeroPanelIn {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateX(20px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateX(0);
                                                               }
                                                           }
                                                           /* =========================================
   RESPONSIVE
========================================= */
                                                           
                                                           @media (min-width: 1400px) {
                                                               .mt-hero {
                                                                   min-height: 690px;
                                                               }
                                                               .mt-hero-container {
                                                                   padding-top: 100px;
                                                                   padding-bottom: 120px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 1199.98px) {
                                                               .mt-hero {
                                                                   min-height: 590px;
                                                               }
                                                               .mt-hero-title {
                                                                   font-size: clamp(39px, 5.2vw, 59px);
                                                                   letter-spacing: -2px;
                                                               }
                                                               .mt-hero-side {
                                                                   padding: 22px;
                                                               }
                                                               .mt-hero-side-heading {
                                                                   font-size: 22px;
                                                               }
                                                               .mt-highlight-item {
                                                                   gap: 10px;
                                                                   padding-right: 10px;
                                                                   padding-left: 10px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-hero {
                                                                   min-height: auto;
                                                               }
                                                               .mt-hero-overlay {
                                                                   background: linear-gradient(90deg, rgba(5, 19, 33, 0.91), rgba(5, 19, 33, 0.69)), linear-gradient(0deg, rgba(5, 19, 33, 0.55), transparent);
                                                               }
                                                               .mt-hero-container {
                                                                   padding-top: 90px;
                                                                   padding-bottom: 100px;
                                                               }
                                                               .mt-hero-title {
                                                                   max-width: 650px;
                                                                   font-size: clamp(42px, 7vw, 64px);
                                                               }
                                                               .mt-hero-description {
                                                                   max-width: 580px;
                                                               }
                                                               .mt-hero-side {
                                                                   max-width: 500px;
                                                                   margin: 42px 0 0;
                                                               }
                                                               .mt-hero-side-heading {
                                                                   font-size: 23px;
                                                               }
                                                               .mt-slider-arrow {
                                                                   top: auto;
                                                                   bottom: 25px;
                                                                   width: 37px;
                                                                   height: 37px;
                                                                   transform: none;
                                                               }
                                                               .mt-slider-prev {
                                                                   left: auto;
                                                                   right: 108px;
                                                               }
                                                               .mt-slider-next {
                                                                   right: 60px;
                                                               }
                                                               .mt-slider-bottom {
                                                                   bottom: 37px;
                                                                   padding: 0 25px;
                                                               }
                                                               .mt-highlight-item {
                                                                   min-height: 96px;
                                                                   border-bottom: 1px solid #e9edf1;
                                                               }
                                                               .mt-highlights .col-6:nth-child(2) .mt-highlight-item {
                                                                   border-right: 0;
                                                               }
                                                               .mt-highlights .col-6:nth-child(3) .mt-highlight-item,
                                                               .mt-highlights .col-6:nth-child(4) .mt-highlight-item {
                                                                   border-bottom: 0;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-hero {
                                                                   min-height: 0;
                                                               }
                                                               .mt-hero-slide {
                                                                   background-position: 62% center;
                                                               }
                                                               .mt-hero-overlay {
                                                                   background: linear-gradient(90deg, rgba(5, 19, 33, 0.94), rgba(5, 19, 33, 0.77)), linear-gradient(0deg, rgba(5, 19, 33, 0.58), transparent 70%);
                                                               }
                                                               .mt-hero-container {
                                                                   padding-top: 70px;
                                                                   padding-bottom: 115px;
                                                               }
                                                               .mt-hero-eyebrow {
                                                                   gap: 10px;
                                                                   margin-bottom: 19px;
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.4px;
                                                               }
                                                               .mt-eyebrow-line {
                                                                   width: 25px;
                                                               }
                                                               .mt-hero-title {
                                                                   margin-bottom: 19px;
                                                                   font-size: clamp(36px, 9.7vw, 48px);
                                                                   letter-spacing: -1.8px;
                                                                   line-height: 1.13;
                                                               }
                                                               .mt-hero-description {
                                                                   font-size: 13px;
                                                                   line-height: 1.85;
                                                               }
                                                               .mt-hero-actions {
                                                                   align-items: stretch;
                                                                   gap: 11px;
                                                                   margin-top: 25px;
                                                               }
                                                               .mt-hero-btn {
                                                                   min-height: 49px;
                                                                   gap: 9px;
                                                                   padding: 0 14px;
                                                                   font-size: 11px;
                                                               }
                                                               .mt-hero-location {
                                                                   margin-top: 24px;
                                                                   font-size: 10px;
                                                               }
                                                               .mt-hero-side {
                                                                   margin-top: 34px;
                                                                   padding: 20px;
                                                               }
                                                               .mt-hero-side-heading {
                                                                   margin-top: 17px;
                                                                   font-size: 22px;
                                                               }
                                                               .mt-hero-side-rule {
                                                                   margin: 16px 0 13px;
                                                               }
                                                               .mt-hero-side p {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-hero-side-label {
                                                                   font-size: 8px;
                                                               }
                                                               .mt-slider-bottom {
                                                                   bottom: 25px;
                                                                   padding: 0 20px;
                                                               }
                                                               .mt-slider-arrow {
                                                                   bottom: 14px;
                                                                   width: 34px;
                                                                   height: 34px;
                                                                   font-size: 11px;
                                                               }
                                                               .mt-slider-prev {
                                                                   right: 63px;
                                                               }
                                                               .mt-slider-next {
                                                                   right: 20px;
                                                               }
                                                               .mt-highlight-item {
                                                                   min-height: 90px;
                                                                   gap: 10px;
                                                                   padding: 14px 9px;
                                                               }
                                                               .mt-highlight-icon {
                                                                   width: 34px;
                                                                   height: 34px;
                                                                   border-radius: 7px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-highlight-item h2 {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-highlight-item p {
                                                                   font-size: 9px;
                                                               }
                                                           }
                                                           /* Accessibility: respect reduced-motion settings */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-hero-slide,
                                                               .mt-hero-title,
                                                               .mt-hero-description,
                                                               .mt-hero-actions,
                                                               .mt-hero-side {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =========================================
   MAYANK TRANSPORT — HIMACHAL ABOUT SECTION
========================================= */
                                                           
                                                           .mt-home-page-about {
                                                               --mt-orange: #ffc629;
                                                               --mt-orange-light: #ffac7e;
                                                               --mt-navy: #081523;
                                                               --mt-card: #10243a;
                                                               --mt-ink: #142638;
                                                               --mt-muted: #647487;
                                                               --mt-line: #e1e7ec;
                                                               --mt-soft: #f5f7f8;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 76px 0 0;
                                                               color: var(--mt-ink);
                                                               background: radial-gradient(circle at 94% 9%, rgba(244, 123, 58, .07), transparent 24%), linear-gradient(135deg, #fbfcfd 0%, #ffffff 58%, #f4f7f8 100%);
                                                               font-family: "DM Sans", "Manrope", Arial, sans-serif;
                                                           }
                                                           
                                                           .mt-home-page-about,
                                                           .mt-home-page-about * {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-container {
                                                               width: min(1320px, calc(100% - 48px));
                                                               margin: 0 auto;
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-orbit {
                                                               position: absolute;
                                                               top: -210px;
                                                               right: -165px;
                                                               width: 460px;
                                                               height: 460px;
                                                               border: 1px solid rgba(8, 21, 35, .055);
                                                               border-radius: 50%;
                                                               box-shadow: 0 0 0 34px rgba(8, 21, 35, .018), 0 0 0 72px rgba(8, 21, 35, .012);
                                                               pointer-events: none;
                                                               z-index: -1;
                                                           }
                                                           /* Top label */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-topline {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 20px;
                                                               padding: 0 0 22px;
                                                               border-bottom: 1px solid var(--mt-line);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-kicker,
                                                           .mt-home-page-about .mt-home-page-about-top-location {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.55px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-kicker {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-kicker-line {
                                                               width: 27px;
                                                               height: 2px;
                                                               background: var(--mt-orange);
                                                               display: inline-block;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-top-location {
                                                               color: #657486;
                                                               letter-spacing: .9px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-top-location i {
                                                               color: var(--mt-orange);
                                                               font-size: 13px;
                                                           }
                                                           /* Main columns */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-grid {
                                                               display: grid;
                                                               grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
                                                               align-items: start;
                                                               gap: clamp(34px, 4.5vw, 68px);
                                                               padding: 42px 0 48px;
                                                           }
                                                           /* Image panel */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-visual {
                                                               position: relative;
                                                               min-width: 0;
                                                               padding: 0 24px 30px 0;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-frame {
                                                               position: relative;
                                                               isolation: isolate;
                                                               height: 680px;
                                                               overflow: hidden;
                                                               border-radius: 4px;
                                                               background: var(--mt-navy);
                                                               box-shadow: 0 22px 52px rgba(8, 21, 35, .17);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image {
                                                               display: block;
                                                               width: 100%;
                                                               height: 100%;
                                                               object-fit: cover;
                                                               object-position: center;
                                                               transition: transform .65s ease;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-visual:hover .mt-home-page-about-image {
                                                               transform: scale(1.025);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-overlay {
                                                               position: absolute;
                                                               inset: 0;
                                                               background: linear-gradient(180deg, rgba(8, 21, 35, .38) 0%, transparent 30%), linear-gradient(0deg, rgba(8, 21, 35, .93) 0%, rgba(8, 21, 35, .28) 46%, transparent 75%);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-top {
                                                               position: absolute;
                                                               top: 20px;
                                                               left: 20px;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               max-width: calc(100% - 100px);
                                                               padding: 10px 12px;
                                                               border: 1px solid rgba(255, 255, 255, .24);
                                                               background: rgba(8, 21, 35, .62);
                                                               color: #fff;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.25px;
                                                               backdrop-filter: blur(8px);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-live-dot {
                                                               width: 7px;
                                                               height: 7px;
                                                               flex: 0 0 7px;
                                                               border-radius: 50%;
                                                               background: var(--mt-orange);
                                                               box-shadow: 0 0 0 4px rgba(244, 123, 58, .18);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-index {
                                                               position: absolute;
                                                               top: 23px;
                                                               right: 20px;
                                                               color: rgba(255, 255, 255, .85);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-caption {
                                                               position: absolute;
                                                               right: 18px;
                                                               bottom: 18px;
                                                               left: 18px;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 14px;
                                                               padding: 16px;
                                                               border: 1px solid rgba(255, 255, 255, .20);
                                                               background: rgba(8, 21, 35, .78);
                                                               backdrop-filter: blur(10px);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-caption-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               flex: 0 0 48px;
                                                               width: 48px;
                                                               height: 48px;
                                                               background: var(--mt-orange);
                                                               color: #fff;
                                                               font-size: 19px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-caption small {
                                                               display: block;
                                                               margin: 0 0 5px;
                                                               color: var(--mt-orange-light);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.25px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-caption h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(15px, 1.5vw, 20px);
                                                               font-weight: 800;
                                                               letter-spacing: .3px;
                                                               line-height: 1.3;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-caption p {
                                                               margin: 5px 0 0;
                                                               color: rgba(255, 255, 255, .75);
                                                               font-size: 11px;
                                                               line-height: 1.5;
                                                           }
                                                           /* Location card sits just below image, with controlled overlap */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-location-card {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 0;
                                                               z-index: 2;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               width: min(350px, calc(100% - 34px));
                                                               min-height: 82px;
                                                               padding: 14px 16px;
                                                               border: 1px solid #e5e9e8;
                                                               background: #fff;
                                                               box-shadow: 0 14px 32px rgba(8, 21, 35, .12);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-location-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               flex: 0 0 42px;
                                                               width: 42px;
                                                               height: 42px;
                                                               border-radius: 50%;
                                                               background: #fdf0e8;
                                                               color: var(--mt-orange);
                                                               font-size: 16px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-location-card small {
                                                               display: block;
                                                               margin-bottom: 4px;
                                                               color: var(--mt-orange);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.15px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-location-card strong {
                                                               display: block;
                                                               color: var(--mt-navy);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-location-card p {
                                                               margin: 3px 0 0;
                                                               color: var(--mt-muted);
                                                               font-size: 10px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-image-decoration {
                                                               position: absolute;
                                                               z-index: -1;
                                                               left: -12px;
                                                               bottom: 12px;
                                                               width: 78px;
                                                               height: 78px;
                                                               background-image: radial-gradient(var(--mt-orange) 1.2px, transparent 1.2px);
                                                               background-size: 10px 10px;
                                                               opacity: .42;
                                                               pointer-events: none;
                                                           }
                                                           /* Right content */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-content {
                                                               min-width: 0;
                                                               padding-top: 4px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-eyebrow {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin: 0 0 16px;
                                                               color: var(--mt-orange);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-eyebrow>span {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex: 0 0 8px;
                                                               border-radius: 50%;
                                                               background: var(--mt-orange);
                                                               box-shadow: 0 0 0 4px rgba(244, 123, 58, .12);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-title {
                                                               margin: 0 0 18px;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", "DM Sans", Arial, sans-serif;
                                                               font-size: clamp(32px, 3.1vw, 45px);
                                                               font-weight: 800;
                                                               letter-spacing: -1.45px;
                                                               line-height: 1.13;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-title span {
                                                               display: block;
                                                               margin-top: 5px;
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-lead {
                                                               margin: 0 0 12px;
                                                               color: #33495c;
                                                               font-size: 14px;
                                                               font-weight: 700;
                                                               line-height: 1.8;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-description {
                                                               margin: 0 0 10px;
                                                               color: var(--mt-muted);
                                                               font-size: 12.5px;
                                                               line-height: 1.85;
                                                           }
                                                           /* Service list — compact, consistent rows */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-services {
                                                               margin-top: 22px;
                                                               border-top: 1px solid var(--mt-line);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               min-width: 0;
                                                               padding: 13px 0;
                                                               border-bottom: 1px solid var(--mt-line);
                                                               transition: padding .2s ease, background .2s ease;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service:hover {
                                                               padding-right: 8px;
                                                               padding-left: 8px;
                                                               background: rgba(244, 123, 58, .045);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               flex: 0 0 43px;
                                                               width: 43px;
                                                               height: 43px;
                                                               border: 1px solid #f0e2d9;
                                                               background: #fff7f2;
                                                               color: var(--mt-orange);
                                                               font-size: 16px;
                                                               transition: color .2s ease, background .2s ease, border-color .2s ease;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service:hover .mt-home-page-about-service-icon {
                                                               border-color: var(--mt-orange);
                                                               background: var(--mt-orange);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service-copy {
                                                               flex: 1;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service h3 {
                                                               margin: 0 0 4px;
                                                               color: var(--mt-navy);
                                                               font-size: 12.5px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service p {
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 11px;
                                                               line-height: 1.65;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service-arrow {
                                                               flex: 0 0 auto;
                                                               color: #98a5b0;
                                                               font-size: 12px;
                                                               transition: color .2s ease, transform .2s ease;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-service:hover .mt-home-page-about-service-arrow {
                                                               color: var(--mt-orange);
                                                               transform: translate(2px, -2px);
                                                           }
                                                           /* CTA panel: light and branded, not a giant black block */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-bottom {
                                                               display: grid;
                                                               grid-template-columns: minmax(0, 1fr) auto;
                                                               align-items: center;
                                                               gap: 22px;
                                                               margin-top: 20px;
                                                               padding: 19px;
                                                               border: 1px solid #f0d8c9;
                                                               border-left: 3px solid var(--mt-orange);
                                                               background: linear-gradient(110deg, rgba(255, 172, 126, .13), transparent 62%), #fff;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-contact-copy {
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-contact-label {
                                                               display: block;
                                                               margin-bottom: 6px;
                                                               color: var(--mt-orange);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.25px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-contact-copy h3 {
                                                               margin: 0 0 5px;
                                                               color: var(--mt-navy);
                                                               font-size: 16px;
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-contact-copy p {
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 11px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-home-page-about a.mt-home-page-about-cta {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 10px;
                                                               min-height: 47px;
                                                               padding: 7px 8px 7px 14px;
                                                               border: 1px solid var(--mt-navy);
                                                               border-radius: 2px;
                                                               background: var(--mt-navy);
                                                               color: #fff;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               line-height: 1.35;
                                                               text-decoration: none;
                                                               white-space: nowrap;
                                                               transition: background .22s ease, border-color .22s ease, color .22s ease;
                                                           }
                                                           
                                                           .mt-home-page-about a.mt-home-page-about-cta>i:first-child {
                                                               color: #35d978;
                                                               font-size: 18px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-cta-arrow {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 30px;
                                                               height: 30px;
                                                               background: var(--mt-orange);
                                                               color: #fff;
                                                               transition: transform .22s ease;
                                                           }
                                                           
                                                           .mt-home-page-about a.mt-home-page-about-cta:hover,
                                                           .mt-home-page-about a.mt-home-page-about-cta:focus-visible {
                                                               border-color: var(--mt-orange);
                                                               background: var(--mt-orange);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-home-page-about a.mt-home-page-about-cta:hover .mt-home-page-about-cta-arrow {
                                                               transform: translateX(3px);
                                                           }
                                                           /* Footer location */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-signature {
                                                               grid-column: 1 / -1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               padding-top: 15px;
                                                               border-top: 1px solid var(--mt-line);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-signature-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               flex: 0 0 35px;
                                                               width: 35px;
                                                               height: 35px;
                                                               border: 1px solid #e7e9eb;
                                                               border-radius: 50%;
                                                               background: #fff;
                                                               color: var(--mt-orange);
                                                               font-size: 12px;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-signature strong {
                                                               display: block;
                                                               margin-bottom: 3px;
                                                               color: var(--mt-navy);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-signature small {
                                                               display: block;
                                                               color: #7b8996;
                                                               font-size: 8px;
                                                               font-weight: 700;
                                                               letter-spacing: .8px;
                                                               line-height: 1.5;
                                                           }
                                                           /* Bottom brand strip */
                                                           
                                                           .mt-home-page-about .mt-home-page-about-footer-strip {
                                                               display: grid;
                                                               grid-template-columns: repeat(3, minmax(0, 1fr));
                                                               border-top: 1px solid var(--mt-line);
                                                               background: rgba(255, 255, 255, .72);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-footer-strip>div {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               min-height: 72px;
                                                               padding: 17px 24px;
                                                               border-right: 1px solid var(--mt-line);
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-footer-strip>div:last-child {
                                                               border-right: 0;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-strip-number {
                                                               color: var(--mt-orange);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-home-page-about .mt-home-page-about-footer-strip>div>span:last-child {
                                                               color: #536475;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: .85px;
                                                               line-height: 1.5;
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-home-page-about {
                                                                   padding-top: 58px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-grid {
                                                                   grid-template-columns: minmax(0, 1fr);
                                                                   gap: 42px;
                                                                   padding: 35px 0 40px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-visual {
                                                                   width: 100%;
                                                                   max-width: 620px;
                                                                   margin: 0 auto;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-frame {
                                                                   height: 500px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-content {
                                                                   max-width: 760px;
                                                                   margin: 0 auto;
                                                                   padding-top: 0;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-title {
                                                                   max-width: 650px;
                                                                   font-size: clamp(34px, 5vw, 46px);
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-bottom {
                                                                   grid-template-columns: minmax(0, 1fr) auto;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-home-page-about {
                                                                   padding-top: 42px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-container {
                                                                   width: calc(100% - 32px);
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-topline {
                                                                   align-items: flex-start;
                                                                   flex-direction: column;
                                                                   gap: 11px;
                                                                   padding-bottom: 18px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-kicker,
                                                               .mt-home-page-about .mt-home-page-about-top-location {
                                                                   font-size: 9px;
                                                                   letter-spacing: .9px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-grid {
                                                                   gap: 35px;
                                                                   padding: 27px 0 32px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-visual {
                                                                   padding-right: 7px;
                                                                   padding-bottom: 36px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-frame {
                                                                   height: 390px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-top {
                                                                   top: 13px;
                                                                   left: 12px;
                                                                   padding: 9px;
                                                                   font-size: 8px;
                                                                   letter-spacing: .7px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-index {
                                                                   top: 16px;
                                                                   right: 12px;
                                                                   font-size: 8px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-caption {
                                                                   right: 10px;
                                                                   bottom: 12px;
                                                                   left: 10px;
                                                                   gap: 10px;
                                                                   padding: 11px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-caption-icon {
                                                                   flex-basis: 39px;
                                                                   width: 39px;
                                                                   height: 39px;
                                                                   font-size: 15px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-caption small {
                                                                   font-size: 7px;
                                                                   letter-spacing: .8px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-caption h3 {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-image-caption p {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-location-card {
                                                                   width: min(310px, calc(100% - 12px));
                                                                   min-height: 72px;
                                                                   gap: 9px;
                                                                   padding: 10px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-location-icon {
                                                                   flex-basis: 34px;
                                                                   width: 34px;
                                                                   height: 34px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-location-card small {
                                                                   font-size: 8px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-location-card strong {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-location-card p {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-title {
                                                                   font-size: clamp(30px, 8vw, 38px);
                                                                   letter-spacing: -1px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-lead {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-description {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-services {
                                                                   margin-top: 19px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-service {
                                                                   gap: 10px;
                                                                   padding: 12px 0;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-service-icon {
                                                                   flex-basis: 37px;
                                                                   width: 37px;
                                                                   height: 37px;
                                                                   font-size: 14px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-service h3 {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-service p {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-bottom {
                                                                   grid-template-columns: minmax(0, 1fr);
                                                                   gap: 16px;
                                                                   margin-top: 18px;
                                                                   padding: 16px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-contact-copy h3 {
                                                                   font-size: 15px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-contact-copy p {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-home-page-about a.mt-home-page-about-cta {
                                                                   width: 100%;
                                                                   white-space: normal;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-signature {
                                                                   grid-column: auto;
                                                                   padding-top: 13px;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-footer-strip {
                                                                   grid-template-columns: 1fr;
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-footer-strip>div {
                                                                   min-height: 52px;
                                                                   padding: 13px 4px;
                                                                   border-right: 0;
                                                                   border-bottom: 1px solid var(--mt-line);
                                                               }
                                                               .mt-home-page-about .mt-home-page-about-footer-strip>div:last-child {
                                                                   border-bottom: 0;
                                                               }
                                                           }
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-home-page-about *,
                                                               .mt-home-page-about *::before,
                                                               .mt-home-page-about *::after {
                                                                   scroll-behavior: auto !important;
                                                                   transition-duration: .01ms !important;
                                                                   animation-duration: .01ms !important;
                                                                   animation-iteration-count: 1 !important;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — LOGISTICS SECTION
========================================== */
                                                           
                                                           .mt-logistics {
                                                               --mt-orange: #ffc629;
                                                               --mt-navy: #091725;
                                                               --mt-card: #10243a;
                                                               --mt-muted: #aab8c7;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 75px 0 75px;
                                                               color: #fff;
                                                               background: radial-gradient( ellipse at 8% 15%, rgba(255, 120, 63, 0.09), transparent 34%), radial-gradient( ellipse at 95% 65%, rgba(47, 112, 172, 0.13), transparent 36%), var(--mt-navy);
                                                           }
                                                           
                                                           .mt-logistics::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               opacity: 0.19;
                                                               background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
                                                               background-size: 48px 48px;
                                                               mask-image: linear-gradient(to bottom, black, transparent 90%);
                                                           }
                                                           
                                                           .mt-logistics::after {
                                                               content: "";
                                                               position: absolute;
                                                               z-index: -1;
                                                               width: 360px;
                                                               height: 360px;
                                                               top: -190px;
                                                               right: -100px;
                                                               border: 1px solid rgba(255, 120, 63, 0.15);
                                                               border-radius: 50%;
                                                               box-shadow: 0 0 0 35px rgba(255, 120, 63, 0.025), 0 0 0 75px rgba(255, 120, 63, 0.02);
                                                               pointer-events: none;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-logistics-heading {
                                                               max-width: 720px;
                                                               margin: 0 auto 54px;
                                                               text-align: center;
                                                               animation: mtLogFadeUp 0.8s ease both;
                                                           }
                                                           
                                                           .mt-logistics-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 10px;
                                                               margin-bottom: 23px;
                                                               color: #d2dbe5;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.2px;
                                                           }
                                                           
                                                           .mt-live-dot {
                                                               position: relative;
                                                               width: 8px;
                                                               height: 8px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--mt-orange);
                                                               box-shadow: 0 0 12px rgba(255, 120, 63, 0.65);
                                                           }
                                                           
                                                           .mt-live-dot::after {
                                                               content: "";
                                                               position: absolute;
                                                               inset: -5px;
                                                               border: 1px solid var(--mt-orange);
                                                               border-radius: 50%;
                                                               animation: mtDotPulse 2s ease-out infinite;
                                                           }
                                                           
                                                           .mt-logistics-heading h2 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(38px, 5.3vw, 55px);
                                                               font-weight: 800;
                                                               line-height: 1.08;
                                                               letter-spacing: -2.5px;
                                                           }
                                                           
                                                           .mt-logistics-heading h2 span {
                                                               color: var(--mt-orange);
                                                               position: relative;
                                                               display: inline-block;
                                                           }
                                                           
                                                           .mt-logistics-heading p {
                                                               max-width: 520px;
                                                               margin: 22px auto 0;
                                                               color: var(--mt-muted);
                                                               font-size: 15px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Card layout */
                                                           
                                                           .mt-logistics-grid {
                                                               align-items: stretch;
                                                           }
                                                           
                                                           .mt-log-card {
                                                               position: relative;
                                                               isolation: isolate;
                                                               display: flex;
                                                               flex-direction: column;
                                                               height: 100%;
                                                               min-height: 530px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, 0.09);
                                                               border-radius: 20px;
                                                               background: linear-gradient(150deg, rgba(255, 255, 255, 0.055), transparent 48%), #0d2033;
                                                               box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
                                                               transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease;
                                                               animation: mtLogFadeUp 0.8s ease both;
                                                           }
                                                           
                                                           .mt-log-card:nth-child(2) {
                                                               animation-delay: 0.12s;
                                                           }
                                                           
                                                           .mt-log-card:nth-child(3) {
                                                               animation-delay: 0.24s;
                                                           }
                                                           
                                                           .mt-log-card:hover {
                                                               transform: translateY(-9px);
                                                               border-color: rgba(255, 120, 63, 0.55);
                                                               box-shadow: 0 28px 60px rgba(0, 0, 0, 0.3);
                                                           }
                                                           
                                                           .mt-log-card-featured {
                                                               border-color: rgba(255, 120, 63, 0.34);
                                                               background: radial-gradient( ellipse at 50% 30%, rgba(255, 120, 63, 0.1), transparent 60%), linear-gradient(150deg, #132b42, #0b1b2c 72%);
                                                           }
                                                           
                                                           .mt-log-card-top {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               padding: 24px 25px 0;
                                                           }
                                                           
                                                           .mt-log-number {
                                                               color: #9eafc0;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-log-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 43px;
                                                               height: 43px;
                                                               border: 1px solid rgba(255, 120, 63, 0.32);
                                                               border-radius: 13px;
                                                               color: var(--mt-orange);
                                                               background: rgba(255, 120, 63, 0.09);
                                                               font-size: 17px;
                                                               transition: 0.35s ease;
                                                           }
                                                           
                                                           .mt-log-card:hover .mt-log-icon {
                                                               color: #fff;
                                                               background: var(--mt-orange);
                                                               transform: rotate(-8deg);
                                                               box-shadow: 0 0 22px rgba(255, 120, 63, 0.25);
                                                           }
                                                           /* Animated visual areas */
                                                           
                                                           .mt-log-art {
                                                               position: relative;
                                                               height: 190px;
                                                               margin: 14px 20px 0;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, 0.045);
                                                               border-radius: 14px;
                                                               background: radial-gradient( ellipse at center, rgba(42, 83, 119, 0.24), transparent 72%), rgba(3, 15, 26, 0.35);
                                                           }
                                                           
                                                           .mt-log-art::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               opacity: 0.45;
                                                               background-image: radial-gradient( rgba(255, 255, 255, 0.2) 0.8px, transparent 0.8px);
                                                               background-size: 17px 17px;
                                                           }
                                                           /* Card 1: route animation */
                                                           
                                                           .mt-route-line {
                                                               position: absolute;
                                                               top: 48%;
                                                               left: 12%;
                                                               width: 76%;
                                                               height: 55px;
                                                               border-top: 2px dashed rgba(255, 120, 63, 0.7);
                                                               border-radius: 50%;
                                                               transform: rotate(-10deg);
                                                               animation: mtRouteTravel 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-route-node {
                                                               position: absolute;
                                                               z-index: 2;
                                                               width: 10px;
                                                               height: 10px;
                                                               border: 2px solid #0d2033;
                                                               border-radius: 50%;
                                                               background: var(--mt-orange);
                                                               box-shadow: 0 0 14px rgba(255, 120, 63, 0.6);
                                                           }
                                                           
                                                           .mt-node-one {
                                                               top: 45%;
                                                               left: 12%;
                                                           }
                                                           
                                                           .mt-node-two {
                                                               top: 57%;
                                                               left: 49%;
                                                               animation: mtNodePulse 2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-node-three {
                                                               top: 30%;
                                                               right: 12%;
                                                           }
                                                           
                                                           .mt-route-pin {
                                                               position: absolute;
                                                               top: 21%;
                                                               right: 10%;
                                                               color: #ff9a68;
                                                               font-size: 25px;
                                                               animation: mtFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-route-truck {
                                                               position: absolute;
                                                               z-index: 3;
                                                               top: 43%;
                                                               left: 32%;
                                                               color: #fff;
                                                               font-size: 28px;
                                                               filter: drop-shadow(0 5px 10px rgba(255, 120, 63, 0.35));
                                                               animation: mtTruckMove 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-art-coordinate {
                                                               position: absolute;
                                                               bottom: 13px;
                                                               left: 14px;
                                                               color: #8196aa;
                                                               font-size: 9px;
                                                               letter-spacing: 1.4px;
                                                           }
                                                           /* Card 2: truck illustration */
                                                           
                                                           .mt-truck-orbit {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 50%;
                                                               width: 155px;
                                                               height: 155px;
                                                               border: 1px solid rgba(255, 120, 63, 0.18);
                                                               border-radius: 50%;
                                                               transform: translate(-50%, -50%);
                                                           }
                                                           
                                                           .mt-orbit-one {
                                                               animation: mtOrbit 18s linear infinite;
                                                           }
                                                           
                                                           .mt-orbit-two {
                                                               width: 115px;
                                                               height: 115px;
                                                               border-style: dashed;
                                                               border-color: rgba(255, 255, 255, 0.14);
                                                               animation: mtOrbit 25s linear infinite reverse;
                                                           }
                                                           
                                                           .mt-truck-platform {
                                                               position: absolute;
                                                               bottom: 34px;
                                                               left: 15%;
                                                               width: 70%;
                                                               height: 1px;
                                                               background: linear-gradient( 90deg, transparent, var(--mt-orange), transparent);
                                                               box-shadow: 0 0 14px rgba(255, 120, 63, 0.45);
                                                           }
                                                           
                                                           .mt-truck-illustration {
                                                               position: absolute;
                                                               top: 31%;
                                                               left: 38%;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 104px;
                                                               height: 82px;
                                                               border: 1px solid rgba(255, 120, 63, 0.32);
                                                               border-radius: 20px;
                                                               color: #fff;
                                                               background: linear-gradient(145deg, #24435e, #10243a);
                                                               box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 120, 63, 0.07);
                                                               font-size: 42px;
                                                               transform: translate(-50%, -50%);
                                                               animation: mtTruckFloat 3.2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-truck-illustration i {
                                                               filter: drop-shadow(0 0 12px rgba(255, 120, 63, 0.3));
                                                           }
                                                           
                                                           .mt-truck-label {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 10px;
                                                               left: 0;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 7px;
                                                               color: #aab8c7;
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-truck-label span {
                                                               width: 6px;
                                                               height: 6px;
                                                               border-radius: 50%;
                                                               background: var(--mt-orange);
                                                               box-shadow: 0 0 8px var(--mt-orange);
                                                           }
                                                           
                                                           .mt-speed-lines {
                                                               position: absolute;
                                                               top: 40%;
                                                               left: 12%;
                                                               display: grid;
                                                               gap: 7px;
                                                           }
                                                           
                                                           .mt-speed-lines span {
                                                               display: block;
                                                               width: 22px;
                                                               height: 2px;
                                                               border-radius: 3px;
                                                               background: var(--mt-orange);
                                                               animation: mtSpeed 1.4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-speed-lines span:nth-child(2) {
                                                               width: 14px;
                                                               animation-delay: 0.2s;
                                                           }
                                                           
                                                           .mt-speed-lines span:nth-child(3) {
                                                               width: 18px;
                                                               animation-delay: 0.4s;
                                                           }
                                                           /* Card 3: network animation */
                                                           
                                                           .mt-network-ring {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 50%;
                                                               width: 120px;
                                                               height: 120px;
                                                               border: 1px solid rgba(255, 120, 63, 0.2);
                                                               border-radius: 50%;
                                                               transform: translate(-50%, -50%);
                                                           }
                                                           
                                                           .mt-ring-one {
                                                               animation: mtRingPulse 4s ease-out infinite;
                                                           }
                                                           
                                                           .mt-ring-two {
                                                               width: 155px;
                                                               height: 155px;
                                                               border-color: rgba(255, 255, 255, 0.08);
                                                               animation: mtRingPulse 4s ease-out 1.4s infinite;
                                                           }
                                                           
                                                           .mt-network-lines {
                                                               position: absolute;
                                                               inset: 0;
                                                               width: 100%;
                                                               height: 100%;
                                                               overflow: visible;
                                                           }
                                                           
                                                           .mt-network-lines path {
                                                               fill: none;
                                                               stroke: rgba(255, 120, 63, 0.65);
                                                               stroke-width: 1.4;
                                                               stroke-dasharray: 5 5;
                                                               animation: mtDashMove 12s linear infinite;
                                                           }
                                                           
                                                           .mt-network-center {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 50%;
                                                               z-index: 2;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 57px;
                                                               height: 57px;
                                                               border: 1px solid rgba(255, 120, 63, 0.45);
                                                               border-radius: 17px;
                                                               color: #fff;
                                                               background: linear-gradient(145deg, #ff8d57, #db5425);
                                                               box-shadow: 0 0 30px rgba(255, 120, 63, 0.2);
                                                               font-size: 23px;
                                                               transform: translate(-50%, -50%);
                                                               animation: mtCenterFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-network-point {
                                                               position: absolute;
                                                               z-index: 2;
                                                               width: 9px;
                                                               height: 9px;
                                                               border: 2px solid #10243a;
                                                               border-radius: 50%;
                                                               background: #ff9a68;
                                                               box-shadow: 0 0 12px rgba(255, 120, 63, 0.6);
                                                               animation: mtNodePulse 2.5s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-point-one {
                                                               top: 21%;
                                                               left: 12%;
                                                           }
                                                           
                                                           .mt-point-two {
                                                               top: 15%;
                                                               right: 12%;
                                                               animation-delay: 0.5s;
                                                           }
                                                           
                                                           .mt-point-three {
                                                               bottom: 17%;
                                                               left: 18%;
                                                               animation-delay: 1s;
                                                           }
                                                           
                                                           .mt-point-four {
                                                               right: 16%;
                                                               bottom: 14%;
                                                               animation-delay: 1.5s;
                                                           }
                                                           
                                                           .mt-network-label {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 10px;
                                                               left: 0;
                                                               color: #aab8c7;
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.2px;
                                                               text-align: center;
                                                           }
                                                           /* Card text */
                                                           
                                                           .mt-log-card-content {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: flex;
                                                               flex: 1;
                                                               flex-direction: column;
                                                               align-items: flex-start;
                                                               padding: 25px 25px 26px;
                                                           }
                                                           
                                                           .mt-log-kicker {
                                                               margin-bottom: 12px;
                                                               color: var(--mt-orange);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.7px;
                                                           }
                                                           
                                                           .mt-log-card-content h3 {
                                                               margin: 0 0 13px;
                                                               color: #fff;
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(22px, 2vw, 27px);
                                                               font-weight: 800;
                                                               line-height: 1.25;
                                                               letter-spacing: -0.7px;
                                                           }
                                                           
                                                           .mt-log-card-content p {
                                                               margin: 0 0 22px;
                                                               color: #aab8c7;
                                                               font-size: 13px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-log-link {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               margin-top: auto;
                                                               color: #fff;
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: color 0.3s ease;
                                                           }
                                                           
                                                           .mt-log-link>span {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 29px;
                                                               height: 29px;
                                                               border: 1px solid rgba(255, 255, 255, 0.17);
                                                               border-radius: 50%;
                                                               color: var(--mt-orange);
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-log-link:hover {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-log-link:hover>span {
                                                               color: #fff;
                                                               border-color: var(--mt-orange);
                                                               background: var(--mt-orange);
                                                               transform: translateX(4px);
                                                           }
                                                           
                                                           .mt-log-card-glow {
                                                               position: absolute;
                                                               right: -90px;
                                                               bottom: -130px;
                                                               z-index: -1;
                                                               width: 210px;
                                                               height: 210px;
                                                               border-radius: 50%;
                                                               background: rgba(255, 120, 63, 0.08);
                                                               filter: blur(55px);
                                                               opacity: 0;
                                                               transition: opacity 0.4s ease;
                                                           }
                                                           
                                                           .mt-log-card:hover .mt-log-card-glow {
                                                               opacity: 1;
                                                           }
                                                           /* Bottom CTA banner */
                                                           
                                                           .mt-logistics-footer {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 22px;
                                                               margin-top: 42px;
                                                               padding: 29px 32px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 120, 63, 0.27);
                                                               border-radius: 17px;
                                                               background: radial-gradient( ellipse at 95% 50%, rgba(255, 120, 63, 0.13), transparent 42%), linear-gradient(110deg, #132c43, #0d2033);
                                                           }
                                                           
                                                           .mt-footer-symbol {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: grid;
                                                               place-items: center;
                                                               flex-shrink: 0;
                                                               width: 54px;
                                                               height: 54px;
                                                               border: 1px solid rgba(255, 120, 63, 0.35);
                                                               border-radius: 15px;
                                                               color: var(--mt-orange);
                                                               background: rgba(255, 120, 63, 0.1);
                                                               font-size: 21px;
                                                           }
                                                           
                                                           .mt-footer-copy {
                                                               position: relative;
                                                               z-index: 1;
                                                               flex: 1;
                                                           }
                                                           
                                                           .mt-footer-copy>span {
                                                               display: block;
                                                               margin-bottom: 7px;
                                                               color: #ff9b70;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-footer-copy h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(17px, 2vw, 24px);
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .mt-footer-btn {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 12px;
                                                               flex-shrink: 0;
                                                               padding: 15px 20px;
                                                               border: 1px solid var(--mt-orange);
                                                               border-radius: 9px;
                                                               color: #fff;
                                                               background: var(--mt-orange);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-btn:hover {
                                                               color: var(--mt-orange);
                                                               background: transparent;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-footer-decoration {
                                                               position: absolute;
                                                               top: -80px;
                                                               right: 8%;
                                                               width: 190px;
                                                               height: 190px;
                                                               border: 1px solid rgba(255, 255, 255, 0.055);
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtLogFadeUp {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtDotPulse {
                                                               0% {
                                                                   transform: scale(0.75);
                                                                   opacity: 0.8;
                                                               }
                                                               100% {
                                                                   transform: scale(1.8);
                                                                   opacity: 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-7px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtTruckMove {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(-5px);
                                                               }
                                                               50% {
                                                                   transform: translateX(12px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtTruckFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translate(-50%, -50%);
                                                               }
                                                               50% {
                                                                   transform: translate(-50%, calc(-50% - 6px));
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRouteTravel {
                                                               0%,
                                                               100% {
                                                                   opacity: 0.45;
                                                               }
                                                               50% {
                                                                   opacity: 1;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtNodePulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 0 rgba(255, 120, 63, 0.15);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 7px rgba(255, 120, 63, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtOrbit {
                                                               to {
                                                                   transform: translate(-50%, -50%) rotate(360deg);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtSpeed {
                                                               0%,
                                                               100% {
                                                                   opacity: 0.35;
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   opacity: 1;
                                                                   transform: translateX(-5px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRingPulse {
                                                               0% {
                                                                   opacity: 0.65;
                                                                   transform: translate(-50%, -50%) scale(0.85);
                                                               }
                                                               100% {
                                                                   opacity: 0;
                                                                   transform: translate(-50%, -50%) scale(1.25);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtDashMove {
                                                               to {
                                                                   stroke-dashoffset: -100;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCenterFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translate(-50%, -50%) translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translate(-50%, -50%) translateY(-5px);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-logistics {
                                                                   padding: 85px 0 75px;
                                                               }
                                                               .mt-logistics-heading {
                                                                   margin-bottom: 42px;
                                                               }
                                                               .mt-log-card {
                                                                   min-height: 510px;
                                                               }
                                                               .mt-log-card-content {
                                                                   padding: 23px 21px 24px;
                                                               }
                                                               .mt-logistics-footer {
                                                                   gap: 17px;
                                                                   padding: 25px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-logistics {
                                                                   padding: 68px 0 60px;
                                                               }
                                                               .mt-logistics-heading {
                                                                   margin-bottom: 32px;
                                                                   padding: 0 5px;
                                                               }
                                                               .mt-logistics-heading h2 {
                                                                   font-size: clamp(35px, 10vw, 48px);
                                                                   letter-spacing: -1.7px;
                                                               }
                                                               .mt-logistics-heading p {
                                                                   margin-top: 17px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-log-card {
                                                                   min-height: auto;
                                                                   border-radius: 16px;
                                                               }
                                                               .mt-log-art {
                                                                   height: 180px;
                                                                   margin-right: 15px;
                                                                   margin-left: 15px;
                                                               }
                                                               .mt-log-card-top {
                                                                   padding: 19px 19px 0;
                                                               }
                                                               .mt-log-card-content {
                                                                   padding: 22px 20px 23px;
                                                               }
                                                               .mt-log-card-content h3 {
                                                                   font-size: 25px;
                                                               }
                                                               .mt-log-card-content p {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-logistics-footer {
                                                                   flex-wrap: wrap;
                                                                   gap: 15px;
                                                                   margin-top: 27px;
                                                                   padding: 21px;
                                                               }
                                                               .mt-footer-symbol {
                                                                   width: 45px;
                                                                   height: 45px;
                                                               }
                                                               .mt-footer-copy {
                                                                   flex-basis: calc(100% - 65px);
                                                               }
                                                               .mt-footer-copy h3 {
                                                                   font-size: 19px;
                                                               }
                                                               .mt-footer-copy>span {
                                                                   font-size: 8px;
                                                                   line-height: 1.6;
                                                               }
                                                               .mt-footer-btn {
                                                                   width: 100%;
                                                                   padding: 14px;
                                                               }
                                                           }
                                                           /* Accessibility: respect reduced motion preferences */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-logistics *,
                                                               .mt-logistics *::before,
                                                               .mt-logistics *::after {
                                                                   animation-duration: 0.01ms !important;
                                                                   animation-iteration-count: 1 !important;
                                                                   transition-duration: 0.01ms !important;
                                                                   scroll-behavior: auto !important;
                                                               }
                                                           }
                                                           /* =====================================
   PREMIUM TRANSPORT ROUTES
===================================== */
                                                           
                                                           .mt-routes {
                                                               --route-orange: #ffc629;
                                                               --route-navy: #091725;
                                                               --route-text: #10243a;
                                                               position: relative;
                                                               padding: 70px 0;
                                                               overflow: hidden;
                                                               background: #f5f7fa;
                                                           }
                                                           
                                                           .mt-routes::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: -180px;
                                                               right: -150px;
                                                               width: 420px;
                                                               height: 420px;
                                                               border: 1px solid rgba(244, 123, 58, 0.13);
                                                               border-radius: 50%;
                                                               box-shadow: 0 0 0 45px rgba(244, 123, 58, 0.025), 0 0 0 95px rgba(244, 123, 58, 0.02);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-routes-heading {
                                                               position: relative;
                                                               z-index: 1;
                                                               max-width: 700px;
                                                               margin: 0 auto 48px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-routes-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               margin-bottom: 18px;
                                                               padding: 9px 15px;
                                                               border: 1px solid rgba(244, 123, 58, 0.22);
                                                               border-radius: 30px;
                                                               color: #c95b25;
                                                               background: #fff1e9;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.6px;
                                                           }
                                                           
                                                           .mt-routes-heading h2 {
                                                               margin: 0;
                                                               color: var(--route-text);
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(34px, 4.5vw, 55px);
                                                               font-weight: 800;
                                                               line-height: 1.15;
                                                               letter-spacing: -1.8px;
                                                           }
                                                           
                                                           .mt-routes-heading h2 span {
                                                               color: var(--route-orange);
                                                           }
                                                           
                                                           .mt-routes-heading p {
                                                               max-width: 560px;
                                                               margin: 18px auto 0;
                                                               color: #657386;
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Cards */
                                                           
                                                           .mt-route-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               height: 100%;
                                                               overflow: hidden;
                                                               border: 1px solid #e6eaf0;
                                                               border-radius: 18px;
                                                               background: #fff;
                                                               box-shadow: 0 10px 35px rgba(16, 36, 58, 0.055);
                                                               transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
                                                               animation: mtRouteEnter 0.7s ease both;
                                                           }
                                                           
                                                           .mt-route-card:hover {
                                                               transform: translateY(-9px);
                                                               border-color: rgba(244, 123, 58, 0.45);
                                                               box-shadow: 0 25px 55px rgba(16, 36, 58, 0.13);
                                                           }
                                                           
                                                           .mt-route-featured {
                                                               border-color: rgba(244, 123, 58, 0.4);
                                                               box-shadow: 0 15px 40px rgba(16, 36, 58, 0.09);
                                                           }
                                                           
                                                           .mt-route-image {
                                                               position: relative;
                                                               height: 245px;
                                                               overflow: hidden;
                                                               background: #20364b;
                                                           }
                                                           
                                                           .mt-route-image img {
                                                               display: block;
                                                               width: 100%;
                                                               height: 100%;
                                                               object-fit: cover;
                                                               transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
                                                           }
                                                           
                                                           .mt-route-card:hover .mt-route-image img {
                                                               transform: scale(1.09);
                                                           }
                                                           
                                                           .mt-route-image-overlay {
                                                               position: absolute;
                                                               inset: 0;
                                                               background: linear-gradient(180deg, rgba(5, 18, 31, 0.25), transparent 35%), linear-gradient(0deg, rgba(5, 18, 31, 0.88), transparent 65%);
                                                           }
                                                           
                                                           .mt-route-tag {
                                                               position: absolute;
                                                               top: 17px;
                                                               left: 17px;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               max-width: calc(100% - 34px);
                                                               padding: 10px 12px;
                                                               border: 1px solid rgba(255, 255, 255, 0.25);
                                                               border-radius: 6px;
                                                               color: #fff;
                                                               background: rgba(9, 23, 37, 0.72);
                                                               backdrop-filter: blur(10px);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .mt-route-tag i {
                                                               color: #ff9a65;
                                                           }
                                                           
                                                           .mt-route-image-bottom {
                                                               position: absolute;
                                                               right: 20px;
                                                               bottom: 20px;
                                                               left: 20px;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               color: #fff;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-route-image-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 39px;
                                                               height: 39px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(255, 255, 255, 0.4);
                                                               border-radius: 10px;
                                                               color: #fff;
                                                               background: rgb(255 198 41);
                                                               box-shadow: 0 5px 18px rgba(244, 123, 58, 0.25);
                                                               transition: transform 0.35s ease;
                                                           }
                                                           
                                                           .mt-route-card:hover .mt-route-image-icon {
                                                               transform: rotate(-7deg) scale(1.06);
                                                           }
                                                           /* Card content */
                                                           
                                                           .mt-route-body {
                                                               display: flex;
                                                               flex: 1;
                                                               flex-direction: column;
                                                               align-items: flex-start;
                                                               padding: 25px 23px 23px;
                                                           }
                                                           
                                                           .mt-route-meta {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               width: 100%;
                                                               margin-bottom: 15px;
                                                               color: #7d8998;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 0.8px;
                                                           }
                                                           
                                                           .mt-route-meta>span:first-child {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 7px;
                                                           }
                                                           
                                                           .mt-route-meta i {
                                                               color: var(--route-orange);
                                                           }
                                                           
                                                           .mt-route-number {
                                                               color: #d4dbe3;
                                                               font-size: 20px;
                                                               font-weight: 800;
                                                               letter-spacing: -1px;
                                                           }
                                                           
                                                           .mt-route-body h3 {
                                                               margin: 0 0 12px;
                                                               color: var(--route-text);
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: 23px;
                                                               font-weight: 800;
                                                               line-height: 1.35;
                                                               letter-spacing: -0.65px;
                                                           }
                                                           
                                                           .mt-route-body p {
                                                               margin: 0 0 19px;
                                                               color: #667487;
                                                               font-size: 12.5px;
                                                               line-height: 1.9;
                                                           }
                                                           
                                                           .mt-route-highlights {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               gap: 8px;
                                                               margin-bottom: 23px;
                                                           }
                                                           
                                                           .mt-route-highlights span {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 7px;
                                                               padding: 8px 10px;
                                                               border: 1px solid #edf0f4;
                                                               border-radius: 5px;
                                                               color: #526276;
                                                               background: #f8fafc;
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-route-highlights i {
                                                               color: var(--route-orange);
                                                           }
                                                           /* Button */
                                                           
                                                           .mt-route-btn {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 12px;
                                                               width: 100%;
                                                               margin-top: auto;
                                                               padding: 13px 15px;
                                                               border: 1px solid #e4e9ef;
                                                               border-radius: 7px;
                                                               color: var(--route-text);
                                                               background: #fff;
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-route-btn>span {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 29px;
                                                               height: 29px;
                                                               border-radius: 6px;
                                                               color: #fff;
                                                               background: var(--route-orange);
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-route-btn:hover {
                                                               color: #fff;
                                                               border-color: var(--route-navy);
                                                               background: var(--route-navy);
                                                           }
                                                           
                                                           .mt-route-btn:hover>span {
                                                               color: var(--route-navy);
                                                               background: #fff;
                                                               transform: translateX(3px);
                                                           }
                                                           /* Bottom CTA */
                                                           
                                                           .mt-routes-cta {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 20px;
                                                               margin-top: 42px;
                                                               padding: 27px 30px;
                                                               overflow: hidden;
                                                               border-radius: 14px;
                                                               color: #fff;
                                                               background: radial-gradient( ellipse at 90% 50%, rgba(244, 123, 58, 0.18), transparent 45%), var(--route-navy);
                                                               box-shadow: 0 15px 35px rgba(9, 23, 37, 0.12);
                                                           }
                                                           
                                                           .mt-routes-cta-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 54px;
                                                               height: 54px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(244, 123, 58, 0.4);
                                                               border-radius: 12px;
                                                               color: var(--route-orange);
                                                               background: rgba(244, 123, 58, 0.12);
                                                               font-size: 22px;
                                                           }
                                                           
                                                           .mt-routes-cta-content {
                                                               flex: 1;
                                                           }
                                                           
                                                           .mt-routes-cta-content>span {
                                                               display: block;
                                                               margin-bottom: 7px;
                                                               color: #ffac83;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.4px;
                                                           }
                                                           
                                                           .mt-routes-cta-content h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(16px, 2vw, 22px);
                                                               font-weight: 800;
                                                               line-height: 1.45;
                                                           }
                                                           
                                                           .mt-routes-cta-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 11px;
                                                               flex-shrink: 0;
                                                               padding: 14px 19px;
                                                               border: 1px solid var(--route-orange);
                                                               border-radius: 7px;
                                                               color: #fff;
                                                               background: var(--route-orange);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-routes-cta-btn:hover {
                                                               color: var(--route-orange);
                                                               background: transparent;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           @keyframes mtRouteEnter {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-routes {
                                                                   padding: 80px 0;
                                                               }
                                                               .mt-route-image {
                                                                   height: 220px;
                                                               }
                                                               .mt-route-body {
                                                                   padding: 22px 19px;
                                                               }
                                                               .mt-route-body h3 {
                                                                   font-size: 21px;
                                                               }
                                                               .mt-routes-cta {
                                                                   padding: 24px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-routes {
                                                                   padding: 65px 0;
                                                               }
                                                               .mt-routes-heading {
                                                                   margin-bottom: 30px;
                                                               }
                                                               .mt-routes-heading h2 {
                                                                   font-size: 34px;
                                                                   letter-spacing: -1.2px;
                                                               }
                                                               .mt-routes-heading p {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-route-image {
                                                                   height: 220px;
                                                               }
                                                               .mt-route-body {
                                                                   padding: 22px 19px;
                                                               }
                                                               .mt-routes-cta {
                                                                   flex-wrap: wrap;
                                                                   gap: 14px;
                                                                   padding: 21px;
                                                               }
                                                               .mt-routes-cta-icon {
                                                                   width: 45px;
                                                                   height: 45px;
                                                               }
                                                               .mt-routes-cta-content {
                                                                   flex-basis: calc(100% - 65px);
                                                               }
                                                               .mt-routes-cta-content h3 {
                                                                   font-size: 18px;
                                                               }
                                                               .mt-routes-cta-btn {
                                                                   width: 100%;
                                                               }
                                                           }
                                                           
                                                           .fg {
                                                               margin-top: 40px;
                                                           }
                                                           /* Respect reduced-motion preferences */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-routes *,
                                                               .mt-routes *::before,
                                                               .mt-routes *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* Route Action Buttons */
                                                           
                                                           .route-actions {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               flex-wrap: wrap;
                                                               margin-top: 22px;
                                                           }
                                                           /* Discuss Route Button */
                                                           
                                                           .mt-route-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 18px;
                                                               padding: 7px 8px 7px 20px;
                                                               min-height: 50px;
                                                               border-radius: 7px;
                                                               background: #091b2d;
                                                               color: #fff;
                                                               border: 1px solid rgba(255, 198, 41, 0.45);
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                               text-decoration: none;
                                                               transition: background .3s ease, border-color .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .route-btn-icon {
                                                               width: 34px;
                                                               height: 34px;
                                                               display: grid;
                                                               place-items: center;
                                                               border-radius: 5px;
                                                               background: #ffc629;
                                                               color: #091b2d;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-route-btn:hover {
                                                               background: #102b44;
                                                               border-color: #ffc629;
                                                               color: #fff;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-route-btn:hover .route-btn-icon {
                                                               transform: translateX(3px);
                                                           }
                                                           /* WhatsApp Button */
                                                           
                                                           .mt-whatsapp-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 10px;
                                                               min-height: 50px;
                                                               padding: 0 17px;
                                                               border-radius: 7px;
                                                               background: #128c50;
                                                               border: 1px solid #20a464;
                                                               color: #fff;
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                               text-decoration: none;
                                                               transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
                                                           }
                                                           
                                                           .mt-whatsapp-btn>.fa-whatsapp {
                                                               font-size: 21px;
                                                           }
                                                           
                                                           .mt-whatsapp-btn:hover {
                                                               background: #0b7540;
                                                               border-color: #39d98a;
                                                               color: #fff;
                                                               transform: translateY(-2px);
                                                               box-shadow: 0 7px 22px rgba(18, 140, 80, .22);
                                                           }
                                                           
                                                           .whatsapp-arrow {
                                                               font-size: 10px;
                                                               opacity: .75;
                                                               margin-left: 2px;
                                                           }
                                                           /* Mobile Responsive */
                                                           
                                                           @media (max-width: 480px) {
                                                               .route-actions {
                                                                   display: flex;
                                                                   flex-wrap: nowrap;
                                                                   gap: 8px;
                                                               }
                                                               .mt-route-btn,
                                                               .mt-whatsapp-btn {
                                                                   flex: 1;
                                                                   min-width: 0;
                                                                   min-height: 46px;
                                                                   padding: 6px 9px;
                                                                   gap: 7px;
                                                                   font-size: 11px;
                                                               }
                                                               .mt-route-btn {
                                                                   padding-left: 11px;
                                                               }
                                                               .route-btn-icon {
                                                                   width: 29px;
                                                                   height: 29px;
                                                                   flex-shrink: 0;
                                                               }
                                                               .mt-whatsapp-btn {
                                                                   white-space: nowrap;
                                                               }
                                                               .mt-whatsapp-btn>.fa-whatsapp {
                                                                   font-size: 19px;
                                                               }
                                                               .whatsapp-arrow {
                                                                   display: none;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT - NEW ROUTE ACTION BUTTONS
   Unique classes to avoid old  conflicts
========================================== */
                                                           
                                                           .mt-routes .mt-route-actions-new {
                                                               display: flex !important;
                                                               align-items: center !important;
                                                               justify-content: flex-start !important;
                                                               flex-wrap: wrap !important;
                                                               gap: 10px !important;
                                                               width: 100% !important;
                                                               margin-top: auto !important;
                                                               padding-top: 8px !important;
                                                           }
                                                           /* DISCUSS THIS ROUTE */
                                                           
                                                           .mt-routes a.mt-route-discuss-new {
                                                               box-sizing: border-box !important;
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: space-between !important;
                                                               gap: 10px !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               min-height: 48px !important;
                                                               flex: 1 1 145px !important;
                                                               margin: 0 !important;
                                                               padding: 6px 7px 6px 13px !important;
                                                               border: 1px solid #ffc629 !important;
                                                               border-radius: 8px !important;
                                                               background: #091b2d !important;
                                                               color: #ffffff !important;
                                                               font-family: inherit !important;
                                                               font-size: 12px !important;
                                                               font-weight: 700 !important;
                                                               line-height: 1.3 !important;
                                                               text-decoration: none !important;
                                                               text-align: left !important;
                                                               white-space: nowrap !important;
                                                               box-shadow: none !important;
                                                               transform: none;
                                                               transition: background .25s ease, border-color .25s ease, transform .25s ease !important;
                                                           }
                                                           /* Discuss text: never show yellow background */
                                                           
                                                           .mt-routes .mt-route-discuss-new .mt-route-discuss-text-new {
                                                               display: inline-block !important;
                                                               width: auto !important;
                                                               height: auto !important;
                                                               min-width: 0 !important;
                                                               flex: 1 1 auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 0 !important;
                                                               background: transparent !important;
                                                               color: #ffffff !important;
                                                               font-family: inherit !important;
                                                               font-size: inherit !important;
                                                               font-weight: inherit !important;
                                                               line-height: 1.3 !important;
                                                               text-align: left !important;
                                                               white-space: nowrap !important;
                                                               transform: none !important;
                                                               box-shadow: none !important;
                                                           }
                                                           /* Arrow box only */
                                                           
                                                           .mt-routes .mt-route-discuss-new .mt-route-discuss-icon-new {
                                                               box-sizing: border-box !important;
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: center !important;
                                                               width: 34px !important;
                                                               height: 34px !important;
                                                               min-width: 34px !important;
                                                               flex: 0 0 34px !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 7px !important;
                                                               background: #ffc629 !important;
                                                               color: #091b2d !important;
                                                               font-size: 14px !important;
                                                               line-height: 1 !important;
                                                               transform: none !important;
                                                               transition: background .25s ease, color .25s ease, transform .25s ease !important;
                                                           }
                                                           
                                                           .mt-routes .mt-route-discuss-new:hover {
                                                               background: #102b44 !important;
                                                               border-color: #ffc629 !important;
                                                               color: #ffffff !important;
                                                               transform: translateY(-2px) !important;
                                                           }
                                                           
                                                           .mt-routes .mt-route-discuss-new:hover .mt-route-discuss-text-new {
                                                               background: transparent !important;
                                                               color: #ffffff !important;
                                                               transform: none !important;
                                                           }
                                                           
                                                           .mt-routes .mt-route-discuss-new:hover .mt-route-discuss-icon-new {
                                                               background: #ffffff !important;
                                                               color: #091b2d !important;
                                                               transform: translateX(2px) !important;
                                                           }
                                                           /* WHATSAPP BUTTON */
                                                           
                                                           .mt-routes a.mt-route-whatsapp-new {
                                                               box-sizing: border-box !important;
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: center !important;
                                                               gap: 8px !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               min-height: 48px !important;
                                                               flex: 0 1 auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 13px !important;
                                                               border: 1px solid #128c50 !important;
                                                               border-radius: 8px !important;
                                                               background: #128c50 !important;
                                                               color: #ffffff !important;
                                                               font-family: inherit !important;
                                                               font-size: 12px !important;
                                                               font-weight: 700 !important;
                                                               line-height: 1.2 !important;
                                                               text-decoration: none !important;
                                                               white-space: nowrap !important;
                                                               box-shadow: none !important;
                                                               transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
                                                           }
                                                           /* WhatsApp icon */
                                                           
                                                           .mt-routes .mt-route-whatsapp-new>.fa-whatsapp {
                                                               display: inline-block !important;
                                                               flex: 0 0 auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               color: #ffffff !important;
                                                               font-size: 20px !important;
                                                               line-height: 1 !important;
                                                           }
                                                           /* WhatsApp label */
                                                           
                                                           .mt-routes .mt-route-whatsapp-new .mt-route-whatsapp-text-new {
                                                               display: inline-block !important;
                                                               width: auto !important;
                                                               height: auto !important;
                                                               flex: 0 0 auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 0 !important;
                                                               background: transparent !important;
                                                               color: #ffffff !important;
                                                               font-family: inherit !important;
                                                               font-size: inherit !important;
                                                               font-weight: inherit !important;
                                                               line-height: inherit !important;
                                                               white-space: nowrap !important;
                                                               transform: none !important;
                                                               box-shadow: none !important;
                                                           }
                                                           /* External link icon */
                                                           
                                                           .mt-routes .mt-route-whatsapp-new .mt-route-whatsapp-arrow-new {
                                                               display: inline-block !important;
                                                               flex: 0 0 auto !important;
                                                               margin: 0 0 0 2px !important;
                                                               padding: 0 !important;
                                                               color: #ffffff !important;
                                                               font-size: 10px !important;
                                                               line-height: 1 !important;
                                                               opacity: .85;
                                                           }
                                                           /* WhatsApp hover */
                                                           
                                                           .mt-routes .mt-route-whatsapp-new:hover {
                                                               background: #0b7540 !important;
                                                               border-color: #0b7540 !important;
                                                               color: #ffffff !important;
                                                               transform: translateY(-2px) !important;
                                                               box-shadow: 0 6px 18px rgba(18, 140, 80, .18) !important;
                                                           }
                                                           /* TABLET AND MOBILE */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-routes .mt-route-actions-new {
                                                                   gap: 8px !important;
                                                               }
                                                               .mt-routes a.mt-route-discuss-new {
                                                                   flex: 1 1 140px !important;
                                                                   gap: 7px !important;
                                                                   padding-left: 10px !important;
                                                                   font-size: 11px !important;
                                                               }
                                                               .mt-routes .mt-route-discuss-new .mt-route-discuss-icon-new {
                                                                   width: 31px !important;
                                                                   height: 31px !important;
                                                                   min-width: 31px !important;
                                                                   flex-basis: 31px !important;
                                                               }
                                                               .mt-routes a.mt-route-whatsapp-new {
                                                                   gap: 7px !important;
                                                                   padding-right: 10px !important;
                                                                   padding-left: 10px !important;
                                                                   font-size: 11px !important;
                                                               }
                                                               .mt-routes .mt-route-whatsapp-new>.fa-whatsapp {
                                                                   font-size: 19px !important;
                                                               }
                                                           }
                                                           /* EXTRA SMALL PHONES */
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-routes .mt-route-actions-new {
                                                                   gap: 7px !important;
                                                               }
                                                               .mt-routes a.mt-route-discuss-new {
                                                                   flex: 1 1 125px !important;
                                                                   gap: 5px !important;
                                                                   padding-right: 5px !important;
                                                                   padding-left: 8px !important;
                                                                   font-size: 10.5px !important;
                                                               }
                                                               .mt-routes .mt-route-discuss-new .mt-route-discuss-icon-new {
                                                                   width: 28px !important;
                                                                   height: 28px !important;
                                                                   min-width: 28px !important;
                                                                   flex-basis: 28px !important;
                                                               }
                                                               .mt-routes a.mt-route-whatsapp-new {
                                                                   gap: 5px !important;
                                                                   padding-right: 8px !important;
                                                                   padding-left: 8px !important;
                                                                   font-size: 10.5px !important;
                                                               }
                                                               .mt-routes .mt-route-whatsapp-new .mt-route-whatsapp-arrow-new {
                                                                   display: none !important;
                                                               }
                                                           }
                                                           /* ACCESSIBILITY */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-routes .mt-route-actions-new *,
                                                               .mt-routes .mt-route-actions-new *::before,
                                                               .mt-routes .mt-route-actions-new *::after {
                                                                   transition: none !important;
                                                                   animation: none !important;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — OUR ACHIEVEMENTS
========================================== */
                                                           
                                                           .mt-achievements {
                                                               --ach-orange: #ffc629;
                                                               --ach-light-orange: #ffac7e;
                                                               --ach-navy: #081523;
                                                               --ach-card: #10243a;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 75px 0 75px;
                                                               color: #fff;
                                                               background: radial-gradient( ellipse at 8% 8%, rgba(244, 123, 58, 0.15), transparent 34%), radial-gradient( ellipse at 94% 42%, rgba(35, 103, 158, 0.2), transparent 35%), linear-gradient(135deg, #071321 0%, #10263b 52%, #091725 100%);
                                                           }
                                                           /* Subtle technical grid */
                                                           
                                                           .mt-achievements::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               opacity: 0.2;
                                                               background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
                                                               background-size: 48px 48px;
                                                               mask-image: linear-gradient( to bottom, transparent, #000 15%, #000 80%, transparent);
                                                           }
                                                           /* Background glow circles */
                                                           
                                                           .mt-achievement-orb {
                                                               position: absolute;
                                                               z-index: -1;
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                               filter: blur(2px);
                                                           }
                                                           
                                                           .mt-achievement-orb-one {
                                                               top: 8%;
                                                               left: -170px;
                                                               width: 340px;
                                                               height: 340px;
                                                               border: 1px solid rgba(244, 123, 58, 0.2);
                                                               box-shadow: 0 0 0 40px rgba(244, 123, 58, 0.025), 0 0 0 80px rgba(244, 123, 58, 0.02);
                                                               animation: mtAchOrbFloat 10s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-achievement-orb-two {
                                                               right: -150px;
                                                               bottom: 5%;
                                                               width: 300px;
                                                               height: 300px;
                                                               border: 1px solid rgba(100, 170, 220, 0.17);
                                                               box-shadow: 0 0 0 55px rgba(100, 170, 220, 0.025);
                                                               animation: mtAchOrbFloat 12s ease-in-out infinite reverse;
                                                           }
                                                           /* Section heading */
                                                           
                                                           .mt-achievement-heading {
                                                               max-width: 740px;
                                                               margin: 0 auto 52px;
                                                               text-align: center;
                                                               animation: mtAchFadeUp 0.8s ease both;
                                                           }
                                                           
                                                           .mt-achievement-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 22px;
                                                               padding: 10px 15px;
                                                               border: 1px solid rgba(244, 123, 58, 0.27);
                                                               border-radius: 50px;
                                                               color: #ffb28b;
                                                               background: rgba(244, 123, 58, 0.08);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-achievement-dot {
                                                               width: 7px;
                                                               height: 7px;
                                                               border-radius: 50%;
                                                               background: var(--ach-orange);
                                                               box-shadow: 0 0 13px var(--ach-orange);
                                                               animation: mtAchDotPulse 2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-achievement-heading h2 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(36px, 5vw, 55px);
                                                               font-weight: 800;
                                                               line-height: 1.12;
                                                               letter-spacing: -2px;
                                                           }
                                                           
                                                           .mt-achievement-heading h2 span {
                                                               color: var(--ach-orange);
                                                           }
                                                           
                                                           .mt-achievement-heading p {
                                                               max-width: 570px;
                                                               margin: 20px auto 0;
                                                               color: #adbdcc;
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Cards */
                                                           
                                                           .mt-achievement-grid {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           
                                                           .mt-achievement-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               height: 100%;
                                                               min-height: 395px;
                                                               padding: 23px 21px 22px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, 0.105);
                                                               border-radius: 17px;
                                                               background: linear-gradient( 145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012) 60%), rgba(10, 28, 45, 0.85);
                                                               box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
                                                               transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
                                                               animation: mtAchFadeUp 0.75s ease both;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(2) .mt-achievement-card {
                                                               animation-delay: 0.12s;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(3) .mt-achievement-card {
                                                               animation-delay: 0.24s;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(4) .mt-achievement-card {
                                                               animation-delay: 0.36s;
                                                           }
                                                           
                                                           .mt-achievement-card::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               left: 18%;
                                                               width: 64%;
                                                               height: 1px;
                                                               background: linear-gradient( 90deg, transparent, rgba(255, 172, 126, 0.65), transparent);
                                                               opacity: 0.6;
                                                           }
                                                           
                                                           .mt-achievement-card::after {
                                                               content: "";
                                                               position: absolute;
                                                               right: -70px;
                                                               bottom: -90px;
                                                               width: 180px;
                                                               height: 180px;
                                                               border-radius: 50%;
                                                               background: rgba(244, 123, 58, 0.07);
                                                               filter: blur(35px);
                                                               opacity: 0;
                                                               transition: opacity 0.4s ease;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-achievement-card:hover {
                                                               transform: translateY(-8px);
                                                               border-color: rgba(244, 123, 58, 0.48);
                                                               box-shadow: 0 25px 55px rgba(0, 0, 0, 0.28);
                                                           }
                                                           
                                                           .mt-achievement-card:hover::after {
                                                               opacity: 1;
                                                           }
                                                           
                                                           .mt-achievement-card-top {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                           }
                                                           
                                                           .mt-achievement-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 43px;
                                                               height: 43px;
                                                               border: 1px solid rgba(244, 123, 58, 0.3);
                                                               border-radius: 12px;
                                                               color: var(--ach-orange);
                                                               background: rgba(244, 123, 58, 0.09);
                                                               font-size: 17px;
                                                               transition: 0.35s ease;
                                                           }
                                                           
                                                           .mt-achievement-card:hover .mt-achievement-icon {
                                                               color: #fff;
                                                               background: var(--ach-orange);
                                                               transform: rotate(-7deg);
                                                               box-shadow: 0 5px 20px rgba(244, 123, 58, 0.25);
                                                           }
                                                           
                                                           .mt-achievement-index {
                                                               color: rgba(255, 255, 255, 0.23);
                                                               font-size: 24px;
                                                               font-weight: 800;
                                                               letter-spacing: -1px;
                                                           }
                                                           /* Rating number */
                                                           
                                                           .mt-achievement-value {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin: 29px 0 4px;
                                                           }
                                                           
                                                           .mt-achievement-symbol {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 37px;
                                                               height: 37px;
                                                               border-radius: 10px;
                                                               color: #ffd08a;
                                                               background: rgba(255, 208, 138, 0.1);
                                                               font-size: 17px;
                                                           }
                                                           
                                                           .mt-achievement-value h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: 43px;
                                                               font-weight: 800;
                                                               line-height: 1;
                                                               letter-spacing: -1.5px;
                                                           }
                                                           
                                                           .mt-achievement-small {
                                                               color: #8fa2b6;
                                                               font-size: 15px;
                                                               letter-spacing: 0;
                                                           }
                                                           
                                                           .mt-achievement-stars {
                                                               display: flex;
                                                               gap: 5px;
                                                               margin: 15px 0 19px;
                                                               color: #ffb74d;
                                                               font-size: 12px;
                                                           }
                                                           /* Custom artwork for cards */
                                                           
                                                           .mt-achievement-illustration {
                                                               position: relative;
                                                               display: grid;
                                                               place-items: center;
                                                               height: 115px;
                                                               margin: 24px 0 15px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, 0.045);
                                                               border-radius: 11px;
                                                               background: radial-gradient( ellipse at center, rgba(244, 123, 58, 0.1), transparent 70%), rgba(2, 14, 25, 0.35);
                                                           }
                                                           
                                                           .mt-achievement-map-ring {
                                                               position: absolute;
                                                               width: 85px;
                                                               height: 85px;
                                                               border: 1px solid rgba(244, 123, 58, 0.4);
                                                               border-radius: 50%;
                                                               animation: mtAchRingPulse 3.5s ease-out infinite;
                                                           }
                                                           
                                                           .mt-map-ring-two {
                                                               width: 120px;
                                                               height: 120px;
                                                               border-color: rgba(244, 123, 58, 0.18);
                                                               animation-delay: 1.3s;
                                                           }
                                                           
                                                           .mt-achievement-map-pin {
                                                               position: relative;
                                                               z-index: 1;
                                                               color: var(--ach-orange);
                                                               font-size: 34px;
                                                               filter: drop-shadow(0 0 12px rgba(244, 123, 58, 0.35));
                                                               animation: mtAchPinFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-achievement-map-label {
                                                               position: absolute;
                                                               right: 12px;
                                                               bottom: 10px;
                                                               color: #a9b9c8;
                                                               font-size: 8px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-achievement-business-art>i {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 56px;
                                                               height: 56px;
                                                               border: 1px solid rgba(244, 123, 58, 0.4);
                                                               border-radius: 15px;
                                                               color: #fff;
                                                               background: linear-gradient(145deg, #f7955e, #d95728);
                                                               box-shadow: 0 0 25px rgba(244, 123, 58, 0.16);
                                                               font-size: 24px;
                                                               animation: mtAchPinFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-business-circle {
                                                               position: absolute;
                                                               width: 85px;
                                                               height: 85px;
                                                               border: 1px solid rgba(244, 123, 58, 0.22);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-business-circle-two {
                                                               width: 125px;
                                                               height: 125px;
                                                               border-color: rgba(255, 255, 255, 0.09);
                                                           }
                                                           
                                                           .mt-achievement-art-caption {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 10px;
                                                               left: 0;
                                                               color: #91a6b9;
                                                               font-size: 8px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.2px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-achievement-motion-art {
                                                               background: radial-gradient( ellipse at center, rgba(40, 101, 147, 0.22), transparent 70%), rgba(2, 14, 25, 0.35);
                                                           }
                                                           
                                                           .mt-achievement-road {
                                                               position: absolute;
                                                               bottom: 30px;
                                                               left: 12%;
                                                               width: 76%;
                                                               height: 30px;
                                                               border-top: 2px dashed rgba(244, 123, 58, 0.6);
                                                               border-radius: 50%;
                                                               transform: rotate(-7deg);
                                                           }
                                                           
                                                           .mt-achievement-road-line {
                                                               position: absolute;
                                                               bottom: 21px;
                                                               left: 15%;
                                                               width: 70%;
                                                               height: 1px;
                                                               background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
                                                           }
                                                           
                                                           .mt-achievement-moving-truck {
                                                               position: absolute;
                                                               top: 36px;
                                                               left: 20%;
                                                               color: #fff;
                                                               font-size: 29px;
                                                               filter: drop-shadow(0 0 10px rgba(244, 123, 58, 0.35));
                                                               animation: mtAchTruckMove 4s ease-in-out infinite;
                                                           }
                                                           /* Card text */
                                                           
                                                           .mt-achievement-card h4 {
                                                               position: relative;
                                                               z-index: 1;
                                                               margin: 0 0 11px;
                                                               color: #fff;
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: 18px;
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .mt-achievement-card p {
                                                               position: relative;
                                                               z-index: 1;
                                                               margin: 0 0 23px;
                                                               color: #aab9c8;
                                                               font-size: 12px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-achievement-link {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 12px;
                                                               width: 100%;
                                                               margin-top: auto;
                                                               padding-top: 15px;
                                                               border-top: 1px solid rgba(255, 255, 255, 0.1);
                                                               color: #fff;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: color 0.3s ease;
                                                           }
                                                           
                                                           .mt-achievement-link i {
                                                               color: var(--ach-orange);
                                                               transition: transform 0.3s ease;
                                                           }
                                                           
                                                           .mt-achievement-link:hover {
                                                               color: var(--ach-light-orange);
                                                           }
                                                           
                                                           .mt-achievement-link:hover i {
                                                               transform: translateX(5px);
                                                           }
                                                           /* Bottom CTA */
                                                           
                                                           .mt-achievement-bottom {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 20px;
                                                               margin-top: 35px;
                                                               padding: 26px 28px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(244, 123, 58, 0.27);
                                                               border-radius: 15px;
                                                               background: radial-gradient( ellipse at 100% 50%, rgba(244, 123, 58, 0.13), transparent 43%), linear-gradient(110deg, #142d44, #0c1d2e);
                                                           }
                                                           
                                                           .mt-achievement-bottom-icon {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 52px;
                                                               height: 52px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(244, 123, 58, 0.4);
                                                               border-radius: 13px;
                                                               color: var(--ach-orange);
                                                               background: rgba(244, 123, 58, 0.1);
                                                               font-size: 22px;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy {
                                                               position: relative;
                                                               z-index: 1;
                                                               flex: 1;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy span {
                                                               display: block;
                                                               margin-bottom: 6px;
                                                               color: #ffb28b;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(16px, 2vw, 21px);
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-achievement-cta {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 10px;
                                                               flex-shrink: 0;
                                                               padding: 14px 18px;
                                                               border: 1px solid var(--ach-orange);
                                                               border-radius: 7px;
                                                               color: #fff;
                                                               background: var(--ach-orange);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: 0.3s ease;
                                                           }
                                                           
                                                           .mt-achievement-cta:hover {
                                                               color: var(--ach-orange);
                                                               background: transparent;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-achievement-bottom-decoration {
                                                               position: absolute;
                                                               top: -85px;
                                                               right: 10%;
                                                               width: 190px;
                                                               height: 190px;
                                                               border: 1px solid rgba(255, 255, 255, 0.055);
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                           }
                                                           /* Animation keyframes */
                                                           
                                                           @keyframes mtAchFadeUp {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(20px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchDotPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 0 rgba(244, 123, 58, 0.3);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 7px rgba(244, 123, 58, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchOrbFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(25px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchRingPulse {
                                                               0% {
                                                                   opacity: 0.8;
                                                                   transform: scale(0.8);
                                                               }
                                                               100% {
                                                                   opacity: 0;
                                                                   transform: scale(1.3);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchPinFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-6px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchTruckMove {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   transform: translateX(100px);
                                                               }
                                                           }
                                                           /* Responsive */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-achievements {
                                                                   padding: 80px 0 70px;
                                                               }
                                                               .mt-achievement-heading {
                                                                   margin-bottom: 38px;
                                                               }
                                                               .mt-achievement-card {
                                                                   min-height: 375px;
                                                               }
                                                               .mt-achievement-bottom {
                                                                   padding: 23px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-achievements {
                                                                   padding: 65px 0 55px;
                                                               }
                                                               .mt-achievement-heading {
                                                                   margin-bottom: 30px;
                                                               }
                                                               .mt-achievement-heading h2 {
                                                                   font-size: 35px;
                                                                   letter-spacing: -1.3px;
                                                               }
                                                               .mt-achievement-heading p {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-achievement-card {
                                                                   min-height: 0;
                                                                   padding: 21px;
                                                               }
                                                               .mt-achievement-bottom {
                                                                   flex-wrap: wrap;
                                                                   gap: 14px;
                                                                   padding: 21px;
                                                               }
                                                               .mt-achievement-bottom-icon {
                                                                   width: 45px;
                                                                   height: 45px;
                                                               }
                                                               .mt-achievement-bottom-copy {
                                                                   flex-basis: calc(100% - 60px);
                                                               }
                                                               .mt-achievement-bottom-copy h3 {
                                                                   font-size: 17px;
                                                               }
                                                               .mt-achievement-cta {
                                                                   width: 100%;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-achievements *,
                                                               .mt-achievements *::before,
                                                               .mt-achievements *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =========================================
   MAYANK TRANSPORT — WHY CHOOSE US
   Himachal | Navy | Golden Yellow
========================================= */
                                                           
                                                           .mt-why-us {
                                                               --why-navy: #062543;
                                                               --why-blue: #0b4777;
                                                               --why-gold: #ffc629;
                                                               --why-white: #ffffff;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 100px 0 85px;
                                                               color: #fff;
                                                               background: #061d35;
                                                           }
                                                           
                                                           .mt-why-us,
                                                           .mt-why-us * {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-why-us .container {
                                                               position: relative;
                                                               z-index: 2;
                                                           }
                                                           /* Background */
                                                           
                                                           .mt-why-sky {
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -5;
                                                               background: radial-gradient(ellipse at 80% 35%, rgba(36, 106, 157, .25), transparent 42%), linear-gradient(135deg, #04192e, #092d50 60%, #061d35);
                                                           }
                                                           
                                                           .mt-why-grid-pattern {
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -4;
                                                               opacity: .17;
                                                               pointer-events: none;
                                                               background-image: radial-gradient( rgba(255, 255, 255, .3) .8px, transparent .8px);
                                                               background-size: 22px 22px;
                                                               mask-image: linear-gradient(180deg, #000, transparent 85%);
                                                           }
                                                           /* Decorative mountain scenery */
                                                           
                                                           .mt-why-scenery {
                                                               position: absolute;
                                                               top: 0;
                                                               right: 0;
                                                               width: 60%;
                                                               height: 600px;
                                                               z-index: -3;
                                                               opacity: .4;
                                                               overflow: hidden;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-why-sun {
                                                               position: absolute;
                                                               top: 12%;
                                                               right: 22%;
                                                               width: 110px;
                                                               height: 110px;
                                                               border-radius: 50%;
                                                               background: rgba(255, 198, 41, .2);
                                                               box-shadow: 0 0 80px rgba(255, 198, 41, .13);
                                                               animation: mtWhySun 6s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-why-peak {
                                                               position: absolute;
                                                               bottom: 20%;
                                                               width: 100%;
                                                               height: 70%;
                                                               clip-path: polygon( 0 100%, 13% 52%, 24% 71%, 42% 10%, 54% 43%, 70% 0, 85% 61%, 100% 32%, 100% 100%);
                                                           }
                                                           
                                                           .mt-why-peak-back {
                                                               right: -12%;
                                                               background: #7194b1;
                                                               transform: translateX(0);
                                                               animation: mtWhyMountain 15s ease-in-out infinite alternate;
                                                           }
                                                           
                                                           .mt-why-peak-mid {
                                                               right: 0;
                                                               bottom: 12%;
                                                               opacity: .8;
                                                               background: #244e70;
                                                               transform: scaleX(-1);
                                                               animation: mtWhyMountain 12s ease-in-out infinite alternate-reverse;
                                                           }
                                                           
                                                           .mt-why-peak-front {
                                                               right: -5%;
                                                               bottom: 4%;
                                                               height: 52%;
                                                               opacity: .85;
                                                               background: #102f4c;
                                                           }
                                                           
                                                           .mt-why-forest {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               height: 35%;
                                                               background: #041a2d;
                                                               clip-path: polygon( 0 100%, 0 70%, 7% 42%, 13% 77%, 21% 30%, 28% 73%, 37% 20%, 45% 75%, 55% 33%, 64% 70%, 74% 18%, 82% 70%, 91% 32%, 100% 65%, 100% 100%);
                                                           }
                                                           /* Animated highway */
                                                           
                                                           .mt-why-highway {
                                                               position: absolute;
                                                               right: -12%;
                                                               bottom: -5%;
                                                               width: 100%;
                                                               height: 24%;
                                                               border-top: 3px solid rgba(255, 198, 41, .8);
                                                               border-radius: 50% 0 0;
                                                               background: #172c3f;
                                                               transform: rotate(-8deg);
                                                           }
                                                           
                                                           .mt-why-highway span {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 0;
                                                               width: 200%;
                                                               height: 3px;
                                                               background: repeating-linear-gradient( 90deg, #e8edf1 0 28px, transparent 28px 52px);
                                                               animation: mtWhyRoadMove 5s linear infinite;
                                                           }
                                                           
                                                           .mt-why-scenery-truck {
                                                               position: absolute;
                                                               right: 15%;
                                                               bottom: 18%;
                                                               color: var(--why-gold);
                                                               font-size: 47px;
                                                               filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .35));
                                                               animation: mtWhyTruckMove 5s ease-in-out infinite;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-why-heading {
                                                               position: relative;
                                                               z-index: 1;
                                                               max-width: 760px;
                                                               margin: 0 auto 52px;
                                                               text-align: center;
                                                               animation: mtWhyFadeUp .8s ease both;
                                                           }
                                                           
                                                           .mt-why-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 12px;
                                                               margin-bottom: 23px;
                                                               color: #e5edf6;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.5px;
                                                           }
                                                           
                                                           .mt-why-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--why-gold);
                                                               box-shadow: 0 0 0 5px rgba(255, 198, 41, .12);
                                                               animation: mtWhyPulse 2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-why-heading h2 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(34px, 4.5vw, 55px);
                                                               font-weight: 850;
                                                               line-height: 1.15;
                                                               letter-spacing: -1.6px;
                                                           }
                                                           
                                                           .mt-why-heading h2 span {
                                                               color: var(--why-gold);
                                                           }
                                                           
                                                           .mt-why-heading>p {
                                                               max-width: 620px;
                                                               margin: 19px auto 0;
                                                               color: #c1cfdd;
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Main two-column layout */
                                                           
                                                           .mt-why-layout {
                                                               display: grid;
                                                               grid-template-columns: .88fr 1.12fr;
                                                               align-items: stretch;
                                                               gap: 27px;
                                                           }
                                                           /* Left intro panel */
                                                           
                                                           .mt-why-intro {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               align-items: flex-start;
                                                               padding: 33px 30px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, .14);
                                                               border-radius: 15px;
                                                               background: linear-gradient( 145deg, rgba(17, 66, 105, .95), rgba(4, 28, 50, .96));
                                                               box-shadow: 0 20px 50px rgba(0, 0, 0, .13);
                                                               animation: mtWhyFadeUp .8s .1s ease both;
                                                           }
                                                           
                                                           .mt-why-intro::before {
                                                               content: "";
                                                               position: absolute;
                                                               right: -90px;
                                                               bottom: -105px;
                                                               width: 270px;
                                                               height: 270px;
                                                               border: 1px solid rgba(255, 198, 41, .2);
                                                               border-radius: 50%;
                                                               box-shadow: 0 0 0 22px rgba(255, 198, 41, .025), 0 0 0 45px rgba(255, 198, 41, .025);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-why-intro-top {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               width: 100%;
                                                               margin-bottom: 30px;
                                                           }
                                                           
                                                           .mt-why-intro-kicker {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               color: var(--why-gold);
                                                               font-size: 10px;
                                                               font-weight: 850;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-why-intro-kicker i {
                                                               font-size: 17px;
                                                           }
                                                           
                                                           .mt-why-intro-number {
                                                               color: #8da9c1;
                                                               font-size: 10px;
                                                               font-weight: 750;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .mt-why-intro h3 {
                                                               position: relative;
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(30px, 3vw, 42px);
                                                               font-weight: 850;
                                                               line-height: 1.2;
                                                               letter-spacing: -1.1px;
                                                           }
                                                           
                                                           .mt-why-intro h3 span {
                                                               color: var(--why-gold);
                                                           }
                                                           
                                                           .mt-why-description {
                                                               margin: 20px 0 27px;
                                                               color: #c4d2df;
                                                               font-size: 13px;
                                                               line-height: 1.95;
                                                           }
                                                           /* Location */
                                                           
                                                           .mt-why-location {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               width: 100%;
                                                               padding: 17px 14px;
                                                               border: 1px solid rgba(255, 255, 255, .13);
                                                               border-radius: 9px;
                                                               background: rgba(255, 255, 255, .045);
                                                               transition: border-color .3s ease, background .3s ease;
                                                           }
                                                           
                                                           .mt-why-location:hover {
                                                               border-color: rgba(255, 198, 41, .55);
                                                               background: rgba(255, 255, 255, .075);
                                                           }
                                                           
                                                           .mt-why-location-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 43px;
                                                               height: 43px;
                                                               flex-shrink: 0;
                                                               border-radius: 8px;
                                                               color: #092745;
                                                               background: var(--why-gold);
                                                               font-size: 19px;
                                                           }
                                                           
                                                           .mt-why-location-copy {
                                                               display: flex;
                                                               flex: 1;
                                                               flex-direction: column;
                                                               gap: 5px;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-why-location-copy>span {
                                                               color: #9db3c8;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-why-location-copy strong {
                                                               color: #fff;
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-why-location-copy small {
                                                               color: #bdcad8;
                                                               font-size: 11px;
                                                           }
                                                           
                                                           .mt-why-location-arrow {
                                                               color: var(--why-gold);
                                                               font-size: 13px;
                                                           }
                                                           /* Primary CTA */
                                                           
                                                           .mt-why-main-btn {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 16px;
                                                               width: 100%;
                                                               min-height: 55px;
                                                               margin-top: 23px;
                                                               padding: 9px 11px 9px 17px;
                                                               border: 1px solid var(--why-gold);
                                                               border-radius: 7px;
                                                               color: #082745;
                                                               background: var(--why-gold);
                                                               font-size: 12px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: background .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .mt-why-main-btn>span {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 34px;
                                                               height: 34px;
                                                               flex-shrink: 0;
                                                               border-radius: 5px;
                                                               color: #fff;
                                                               background: #092b4c;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-why-main-btn:hover {
                                                               color: #082745;
                                                               background: #ffdc70;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-why-main-btn:hover>span {
                                                               transform: translateX(3px);
                                                           }
                                                           /* Bottom intro detail */
                                                           
                                                           .mt-why-intro-footer {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-top: auto;
                                                               padding-top: 28px;
                                                               color: #aebfd0;
                                                               font-size: 8px;
                                                               font-weight: 800;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .mt-why-intro-footer i {
                                                               color: var(--why-gold);
                                                               font-size: 17px;
                                                           }
                                                           /* Feature cards */
                                                           
                                                           .mt-why-cards {
                                                               display: grid;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               gap: 17px;
                                                           }
                                                           
                                                           .mt-why-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               min-width: 0;
                                                               min-height: 290px;
                                                               padding: 21px 21px 18px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, .14);
                                                               border-radius: 12px;
                                                               background: linear-gradient( 145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
                                                               box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
                                                               transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
                                                               animation: mtWhyFadeUp .7s ease both;
                                                           }
                                                           
                                                           .mt-why-card:nth-child(2) {
                                                               animation-delay: .12s;
                                                           }
                                                           
                                                           .mt-why-card:nth-child(3) {
                                                               animation-delay: .22s;
                                                           }
                                                           
                                                           .mt-why-card:nth-child(4) {
                                                               animation-delay: .32s;
                                                           }
                                                           
                                                           .mt-why-card::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               left: 0;
                                                               width: 0;
                                                               height: 3px;
                                                               background: var(--why-gold);
                                                               transition: width .4s ease;
                                                           }
                                                           
                                                           .mt-why-card:hover {
                                                               transform: translateY(-7px);
                                                               border-color: rgba(255, 198, 41, .55);
                                                               background: linear-gradient( 145deg, rgba(24, 79, 120, .75), rgba(255, 255, 255, .055));
                                                               box-shadow: 0 22px 40px rgba(0, 0, 0, .17);
                                                           }
                                                           
                                                           .mt-why-card:hover::after {
                                                               width: 100%;
                                                           }
                                                           
                                                           .mt-why-card-highlight {
                                                               border-color: rgba(255, 198, 41, .35);
                                                               background: linear-gradient( 145deg, rgba(255, 198, 41, .12), rgba(255, 255, 255, .04));
                                                           }
                                                           
                                                           .mt-why-card-head {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                           }
                                                           
                                                           .mt-why-card-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 41px;
                                                               height: 41px;
                                                               border: 1px solid rgba(255, 198, 41, .3);
                                                               border-radius: 9px;
                                                               color: var(--why-gold);
                                                               background: rgba(255, 198, 41, .09);
                                                               font-size: 18px;
                                                               transition: transform .35s ease, background .35s ease;
                                                           }
                                                           
                                                           .mt-why-card:hover .mt-why-card-icon {
                                                               transform: rotate(-7deg) scale(1.06);
                                                               background: rgba(255, 198, 41, .17);
                                                           }
                                                           
                                                           .mt-why-card-number {
                                                               color: rgba(255, 255, 255, .4);
                                                               font-size: 11px;
                                                               font-weight: 850;
                                                               letter-spacing: 1px;
                                                           }
                                                           /* Illustrated feature artwork */
                                                           
                                                           .mt-why-card-art {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               height: 66px;
                                                               margin: 10px 0 12px;
                                                               overflow: hidden;
                                                               color: var(--why-gold);
                                                           }
                                                           
                                                           .mt-why-card-art>i {
                                                               position: relative;
                                                               z-index: 2;
                                                               font-size: 30px;
                                                               filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .12));
                                                               transition: transform .4s ease;
                                                           }
                                                           
                                                           .mt-why-card:hover .mt-why-card-art>i {
                                                               transform: translateY(-4px) scale(1.08);
                                                           }
                                                           
                                                           .mt-why-art-ring {
                                                               position: absolute;
                                                               width: 43px;
                                                               height: 43px;
                                                               border: 1px solid rgba(255, 198, 41, .45);
                                                               border-radius: 50%;
                                                               animation: mtWhyRing 3s ease-out infinite;
                                                           }
                                                           
                                                           .mt-why-art-ring.ring-two {
                                                               animation-delay: 1.5s;
                                                           }
                                                           
                                                           .mt-why-chat-line {
                                                               position: absolute;
                                                               left: calc(50% + 22px);
                                                               width: 27px;
                                                               height: 3px;
                                                               border-radius: 3px;
                                                               background: rgba(255, 198, 41, .5);
                                                           }
                                                           
                                                           .mt-why-chat-line.line-one {
                                                               top: 23px;
                                                           }
                                                           
                                                           .mt-why-chat-line.line-two {
                                                               top: 33px;
                                                               width: 18px;
                                                           }
                                                           
                                                           .mt-why-route-art svg {
                                                               width: 140px;
                                                               height: 65px;
                                                               overflow: visible;
                                                           }
                                                           
                                                           .mt-why-route-path {
                                                               animation: mtWhyRouteDraw 4s linear infinite;
                                                           }
                                                           
                                                           .mt-why-route-art>i {
                                                               position: absolute;
                                                               right: 12%;
                                                               bottom: 4px;
                                                               font-size: 18px;
                                                           }
                                                           
                                                           .mt-why-handshake-orbit {
                                                               position: absolute;
                                                               width: 57px;
                                                               height: 57px;
                                                               border: 1px dashed rgba(255, 198, 41, .5);
                                                               border-radius: 50%;
                                                               animation: mtWhyOrbit 10s linear infinite;
                                                           }
                                                           /* Feature titles and copy */
                                                           
                                                           .mt-why-card h3 {
                                                               margin: 0 0 10px;
                                                               color: #fff;
                                                               font-size: 16px;
                                                               font-weight: 800;
                                                               line-height: 1.45;
                                                           }
                                                           
                                                           .mt-why-card p {
                                                               margin: 0 0 19px;
                                                               color: #bfcedd;
                                                               font-size: 11px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-why-card-footer {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 8px;
                                                               margin-top: auto;
                                                               padding-top: 13px;
                                                               border-top: 1px solid rgba(255, 255, 255, .12);
                                                               color: #d6e0e9;
                                                               font-size: 8px;
                                                               font-weight: 850;
                                                               letter-spacing: .8px;
                                                           }
                                                           
                                                           .mt-why-card-footer i {
                                                               color: var(--why-gold);
                                                               font-size: 13px;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-why-card:hover .mt-why-card-footer i {
                                                               transform: translateX(4px);
                                                           }
                                                           /* Bottom banner */
                                                           
                                                           .mt-why-bottom {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 23px;
                                                               margin-top: 28px;
                                                               padding: 25px 28px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 198, 41, .3);
                                                               border-radius: 12px;
                                                               background: linear-gradient(100deg, #0e4776, #082a4b 80%);
                                                               animation: mtWhyFadeUp .8s .3s ease both;
                                                           }
                                                           
                                                           .mt-why-bottom-icon {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 62px;
                                                               height: 62px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(255, 198, 41, .35);
                                                               border-radius: 10px;
                                                               color: var(--why-gold);
                                                               background: rgba(255, 198, 41, .09);
                                                               font-size: 29px;
                                                           }
                                                           
                                                           .mt-why-bottom-text {
                                                               position: relative;
                                                               z-index: 1;
                                                               flex: 1;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-why-bottom-text>span {
                                                               display: block;
                                                               margin-bottom: 8px;
                                                               color: var(--why-gold);
                                                               font-size: 9px;
                                                               font-weight: 850;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-why-bottom-text h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(17px, 2vw, 24px);
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .mt-why-bottom-text p {
                                                               margin: 7px 0 0;
                                                               color: #c1d0df;
                                                               font-size: 11px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-why-bottom-btn {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               min-height: 48px;
                                                               flex-shrink: 0;
                                                               padding: 0 18px;
                                                               border-radius: 6px;
                                                               color: #082745;
                                                               background: var(--why-gold);
                                                               font-size: 11px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: transform .3s ease, background .3s ease;
                                                           }
                                                           
                                                           .mt-why-bottom-btn:hover {
                                                               color: #082745;
                                                               background: #ffdc70;
                                                               transform: translateY(-3px);
                                                           }
                                                           
                                                           .mt-why-bottom-road {
                                                               position: absolute;
                                                               right: -30px;
                                                               bottom: -45px;
                                                               width: 240px;
                                                               height: 95px;
                                                               border: 2px dashed rgba(255, 198, 41, .16);
                                                               border-radius: 50%;
                                                               transform: rotate(-20deg);
                                                               pointer-events: none;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtWhyFadeUp {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 5px rgba(255, 198, 41, .12);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 9px rgba(255, 198, 41, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhySun {
                                                               0%,
                                                               100% {
                                                                   transform: scale(1);
                                                                   opacity: .65;
                                                               }
                                                               50% {
                                                                   transform: scale(1.1);
                                                                   opacity: 1;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyMountain {
                                                               from {
                                                                   translate: 0 0;
                                                               }
                                                               to {
                                                                   translate: 12px -3px;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyRoadMove {
                                                               from {
                                                                   background-position: 0 0;
                                                               }
                                                               to {
                                                                   background-position: -160px 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyTruckMove {
                                                               0%,
                                                               100% {
                                                                   transform: translate(0, 0);
                                                               }
                                                               50% {
                                                                   transform: translate(-22px, -3px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyRing {
                                                               0% {
                                                                   transform: scale(.6);
                                                                   opacity: .8;
                                                               }
                                                               100% {
                                                                   transform: scale(1.8);
                                                                   opacity: 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyRouteDraw {
                                                               to {
                                                                   stroke-dashoffset: -48;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtWhyOrbit {
                                                               to {
                                                                   transform: rotate(360deg);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-why-us {
                                                                   padding: 75px 0 65px;
                                                               }
                                                               .mt-why-layout {
                                                                   grid-template-columns: 1fr;
                                                               }
                                                               .mt-why-intro {
                                                                   padding: 30px;
                                                               }
                                                               .mt-why-intro h3 {
                                                                   font-size: 38px;
                                                               }
                                                               .mt-why-cards {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               }
                                                               .mt-why-card {
                                                                   min-height: 270px;
                                                               }
                                                               .mt-why-bottom {
                                                                   flex-wrap: wrap;
                                                               }
                                                               .mt-why-bottom-text {
                                                                   flex-basis: calc(100% - 90px);
                                                               }
                                                               .mt-why-bottom-btn {
                                                                   margin-left: 85px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-why-us {
                                                                   padding: 55px 0 45px;
                                                               }
                                                               .mt-why-heading {
                                                                   margin-bottom: 32px;
                                                                   text-align: left;
                                                               }
                                                               .mt-why-eyebrow {
                                                                   margin-bottom: 18px;
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.5px;
                                                               }
                                                               .mt-why-heading h2 {
                                                                   font-size: 34px;
                                                                   letter-spacing: -.8px;
                                                               }
                                                               .mt-why-heading>p {
                                                                   margin-top: 15px;
                                                                   font-size: 12px;
                                                                   line-height: 1.85;
                                                               }
                                                               .mt-why-scenery {
                                                                   top: 20%;
                                                                   width: 100%;
                                                                   height: 400px;
                                                                   opacity: .22;
                                                               }
                                                               .mt-why-intro {
                                                                   padding: 24px 19px;
                                                                   border-radius: 11px;
                                                               }
                                                               .mt-why-intro-top {
                                                                   margin-bottom: 25px;
                                                               }
                                                               .mt-why-intro h3 {
                                                                   font-size: 32px;
                                                               }
                                                               .mt-why-description {
                                                                   margin: 17px 0 21px;
                                                                   font-size: 12px;
                                                               }
                                                               .mt-why-location {
                                                                   gap: 10px;
                                                                   padding: 13px 10px;
                                                               }
                                                               .mt-why-location-icon {
                                                                   width: 38px;
                                                                   height: 38px;
                                                                   font-size: 16px;
                                                               }
                                                               .mt-why-location-copy strong {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-why-location-copy small {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-why-location-arrow {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-why-intro-footer {
                                                                   font-size: 7px;
                                                                   letter-spacing: .7px;
                                                               }
                                                               .mt-why-cards {
                                                                   gap: 11px;
                                                               }
                                                               .mt-why-card {
                                                                   min-height: 285px;
                                                                   padding: 15px 12px 13px;
                                                                   border-radius: 9px;
                                                               }
                                                               .mt-why-card-icon {
                                                                   width: 34px;
                                                                   height: 34px;
                                                                   font-size: 15px;
                                                               }
                                                               .mt-why-card-number {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-why-card-art {
                                                                   height: 53px;
                                                                   margin: 8px 0 10px;
                                                               }
                                                               .mt-why-card-art>i {
                                                                   font-size: 25px;
                                                               }
                                                               .mt-why-card h3 {
                                                                   font-size: 13px;
                                                                   line-height: 1.45;
                                                               }
                                                               .mt-why-card p {
                                                                   font-size: 10px;
                                                                   line-height: 1.8;
                                                               }
                                                               .mt-why-card-footer {
                                                                   font-size: 7px;
                                                                   letter-spacing: .2px;
                                                               }
                                                               .mt-why-bottom {
                                                                   gap: 14px;
                                                                   padding: 20px 15px;
                                                               }
                                                               .mt-why-bottom-icon {
                                                                   width: 47px;
                                                                   height: 47px;
                                                                   font-size: 23px;
                                                               }
                                                               .mt-why-bottom-text {
                                                                   flex-basis: calc(100% - 65px);
                                                               }
                                                               .mt-why-bottom-text>span {
                                                                   font-size: 8px;
                                                                   letter-spacing: .8px;
                                                                   line-height: 1.6;
                                                               }
                                                               .mt-why-bottom-text h3 {
                                                                   font-size: 16px;
                                                               }
                                                               .mt-why-bottom-text p {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-why-bottom-btn {
                                                                   width: 100%;
                                                                   min-height: 46px;
                                                                   margin-left: 0;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-why-us *,
                                                               .mt-why-us *::before,
                                                               .mt-why-us *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =========== =============== MAYANK TRANSPORT CTA ========================== */
                                                           
                                                           .mt-cta {
                                                               --cta-navy: #091725;
                                                               --cta-orange: #ffc629;
                                                               --cta-white: #ffffff;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 85px 0;
                                                               background: #f4f6f8;
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .mt-cta .container {
                                                               position: relative;
                                                               z-index: 2;
                                                           }
                                                           
                                                           .mt-cta-box {
                                                               position: relative;
                                                               display: grid;
                                                               grid-template-columns: 1.2fr 0.8fr;
                                                               align-items: center;
                                                               gap: 35px;
                                                               min-height: 390px;
                                                               padding: 65px 65px 75px;
                                                               overflow: hidden;
                                                               isolation: isolate;
                                                               color: var(--cta-white);
                                                               background: linear-gradient(115deg, #091725 0%, #102b43 58%, #15344c 100%);
                                                               border-radius: 26px;
                                                               box-shadow: 0 25px 65px rgba(9, 23, 37, 0.15);
                                                           }
                                                           /* Background effects */
                                                           
                                                           .mt-cta-box::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               opacity: 0.13;
                                                               background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
                                                               background-size: 42px 42px;
                                                               mask-image: linear-gradient(90deg, black, transparent 85%);
                                                           }
                                                           
                                                           .mt-cta-glow {
                                                               position: absolute;
                                                               width: 320px;
                                                               height: 320px;
                                                               border-radius: 50%;
                                                               filter: blur(100px);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-cta-glow-one {
                                                               top: -180px;
                                                               right: 8%;
                                                               background: rgba(244, 123, 58, 0.18);
                                                           }
                                                           
                                                           .mt-cta-glow-two {
                                                               bottom: -230px;
                                                               left: 20%;
                                                               background: rgba(37, 115, 160, 0.18);
                                                           }
                                                           /* Content */
                                                           
                                                           .mt-cta-content {
                                                               position: relative;
                                                               z-index: 2;
                                                           }
                                                           
                                                           .mt-cta-label {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 25px;
                                                               color: #c6d2dc;
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-cta-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--cta-orange);
                                                               box-shadow: 0 0 0 5px rgba(244, 123, 58, 0.13);
                                                               animation: mtCtaPulse 2s infinite;
                                                           }
                                                           
                                                           .mt-cta-content h2 {
                                                               margin: 0 0 20px;
                                                               color: var(--cta-white);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(34px, 4vw, 52px);
                                                               font-weight: 800;
                                                               line-height: 1.15;
                                                               letter-spacing: -1.8px;
                                                           }
                                                           
                                                           .mt-cta-content h2 span {
                                                               color: var(--cta-orange);
                                                           }
                                                           
                                                           .mt-cta-content p {
                                                               max-width: 480px;
                                                               margin: 0;
                                                               color: #c3cfda;
                                                               font-size: 15px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-cta-actions {
                                                               display: flex;
                                                               flex-direction: column;
                                                               align-items: flex-start;
                                                               gap: 20px;
                                                               margin-top: 30px;
                                                           }
                                                           
                                                           .mt-cta-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 17px;
                                                               min-height: 55px;
                                                               padding: 0 24px;
                                                               color: #fff !important;
                                                               background: var(--cta-orange);
                                                               border: 1px solid var(--cta-orange);
                                                               border-radius: 8px;
                                                               text-decoration: none !important;
                                                               font-size: 14px;
                                                               font-weight: 700;
                                                               transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
                                                           }
                                                           
                                                           .mt-cta-btn i {
                                                               transition: transform 0.3s ease;
                                                           }
                                                           
                                                           .mt-cta-btn:hover {
                                                               color: #fff !important;
                                                               background: #e96827;
                                                               border-color: #e96827;
                                                               transform: translateY(-3px);
                                                               box-shadow: 0 12px 28px rgba(244, 123, 58, 0.25);
                                                           }
                                                           
                                                           .mt-cta-btn:hover i {
                                                               transform: translateX(5px);
                                                           }
                                                           
                                                           .mt-cta-note {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               color: #b9c8d5;
                                                               font-size: 12px;
                                                           }
                                                           
                                                           .mt-cta-note i {
                                                               color: var(--cta-orange);
                                                           }
                                                           /* Right visual */
                                                           
                                                           .mt-cta-visual {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               min-height: 265px;
                                                           }
                                                           
                                                           .mt-cta-circle {
                                                               position: absolute;
                                                               width: 235px;
                                                               height: 235px;
                                                               border: 1px solid rgba(255, 255, 255, 0.12);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-cta-circle-one {
                                                               animation: mtCtaRotate 24s linear infinite;
                                                           }
                                                           
                                                           .mt-cta-circle-two {
                                                               width: 180px;
                                                               height: 180px;
                                                               border-style: dashed;
                                                               border-color: rgba(244, 123, 58, 0.5);
                                                               animation: mtCtaRotate 30s linear infinite reverse;
                                                           }
                                                           
                                                           .mt-cta-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 125px;
                                                               height: 125px;
                                                               color: var(--cta-orange);
                                                               background: rgba(255, 255, 255, 0.06);
                                                               border: 1px solid rgba(255, 255, 255, 0.13);
                                                               border-radius: 30px;
                                                               font-size: 58px;
                                                               transform: rotate(-5deg);
                                                               box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
                                                               animation: mtCtaFloat 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-cta-floating {
                                                               position: absolute;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               padding: 13px 16px;
                                                               color: #fff;
                                                               background: rgba(255, 255, 255, 0.09);
                                                               border: 1px solid rgba(255, 255, 255, 0.13);
                                                               border-radius: 10px;
                                                               backdrop-filter: blur(12px);
                                                               font-size: 11px;
                                                               font-weight: 600;
                                                               box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
                                                           }
                                                           
                                                           .mt-cta-floating i {
                                                               color: var(--cta-orange);
                                                               font-size: 14px;
                                                           }
                                                           
                                                           .mt-cta-floating-top {
                                                               top: 18px;
                                                               right: -5px;
                                                               animation: mtCtaFloat 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-cta-floating-bottom {
                                                               bottom: 20px;
                                                               left: 0;
                                                               animation: mtCtaFloat 4s ease-in-out infinite 1s;
                                                           }
                                                           /* Bottom label */
                                                           
                                                           .mt-cta-index {
                                                               position: absolute;
                                                               right: 65px;
                                                               bottom: 27px;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               color: #8fa3b4;
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-cta-index span {
                                                               color: var(--cta-orange);
                                                               font-size: 19px;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtCtaPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 5px rgba(244, 123, 58, 0.13);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 9px rgba(244, 123, 58, 0.04);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-9px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaRotate {
                                                               to {
                                                                   transform: rotate(360deg);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-cta {
                                                                   padding: 65px 0;
                                                               }
                                                               .mt-cta-box {
                                                                   grid-template-columns: 1fr 0.7fr;
                                                                   gap: 15px;
                                                                   padding: 50px 35px 75px;
                                                               }
                                                               .mt-cta-content h2 {
                                                                   font-size: 39px;
                                                               }
                                                               .mt-cta-circle {
                                                                   width: 190px;
                                                                   height: 190px;
                                                               }
                                                               .mt-cta-circle-two {
                                                                   width: 150px;
                                                                   height: 150px;
                                                               }
                                                               .mt-cta-icon {
                                                                   width: 100px;
                                                                   height: 100px;
                                                                   font-size: 45px;
                                                               }
                                                               .mt-cta-floating-top {
                                                                   right: -12px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-cta {
                                                                   padding: 45px 0;
                                                               }
                                                               .mt-cta-box {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 10px;
                                                                   padding: 38px 24px 65px;
                                                                   border-radius: 18px;
                                                               }
                                                               .mt-cta-content h2 {
                                                                   font-size: clamp(32px, 8vw, 42px);
                                                                   letter-spacing: -1.2px;
                                                               }
                                                               .mt-cta-content p {
                                                                   font-size: 14px;
                                                               }
                                                               .mt-cta-label {
                                                                   margin-bottom: 20px;
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.5px;
                                                               }
                                                               .mt-cta-btn {
                                                                   width: 100%;
                                                                   padding: 0 14px;
                                                                   gap: 10px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-cta-visual {
                                                                   min-height: 235px;
                                                                   margin-top: 10px;
                                                               }
                                                               .mt-cta-circle {
                                                                   width: 190px;
                                                                   height: 190px;
                                                               }
                                                               .mt-cta-circle-two {
                                                                   width: 150px;
                                                                   height: 150px;
                                                               }
                                                               .mt-cta-icon {
                                                                   width: 105px;
                                                                   height: 105px;
                                                                   font-size: 46px;
                                                               }
                                                               .mt-cta-floating-top {
                                                                   top: 7px;
                                                                   right: 0;
                                                               }
                                                               .mt-cta-floating-bottom {
                                                                   bottom: 8px;
                                                                   left: 0;
                                                               }
                                                               .mt-cta-index {
                                                                   right: 24px;
                                                                   bottom: 22px;
                                                                   font-size: 8px;
                                                                   letter-spacing: 1.2px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-cta-box {
                                                                   padding-right: 18px;
                                                                   padding-left: 18px;
                                                               }
                                                               .mt-cta-content h2 {
                                                                   font-size: 30px;
                                                               }
                                                               .mt-cta-floating {
                                                                   padding: 10px;
                                                                   font-size: 10px;
                                                               }
                                                           }
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-cta *,
                                                               .mt-cta *::before,
                                                               .mt-cta *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — ACHIEVEMENTS
   Himachal Logistics | Navy + Transport Yellow
   Add this  at the END of your stylesheet
========================================== */
                                                           
                                                           .mt-achievements {
                                                               --mt-navy: #073568;
                                                               --mt-deep: #05254a;
                                                               --mt-yellow: #f2c230;
                                                               --mt-yellow-dark: #d9a91b;
                                                               --mt-text: #102b49;
                                                               --mt-muted: #627287;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 86px 0 76px;
                                                               color: var(--mt-text);
                                                               background: radial-gradient(ellipse at 85% 15%, rgba(255, 211, 62, .22), transparent 35%), linear-gradient(125deg, #f5f8fc 0%, #ffffff 48%, #eef3f8 100%);
                                                           }
                                                           /* Animated technical pattern */
                                                           
                                                           .mt-achievements::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -2;
                                                               pointer-events: none;
                                                               opacity: .38;
                                                               background-image: radial-gradient(#a7bfd5 1px, transparent 1px);
                                                               background-size: 23px 23px;
                                                               mask-image: linear-gradient(90deg, #000, transparent 75%);
                                                           }
                                                           /* Moving highway accent */
                                                           
                                                           .mt-achievements::after {
                                                               content: "";
                                                               position: absolute;
                                                               z-index: -1;
                                                               left: -15%;
                                                               right: -15%;
                                                               bottom: 24px;
                                                               height: 3px;
                                                               opacity: .7;
                                                               background: repeating-linear-gradient( 90deg, var(--mt-yellow) 0 55px, transparent 55px 90px);
                                                               animation: mtRoadTravel 12s linear infinite;
                                                           }
                                                           /* Turn the existing decorative orbs into mountain silhouettes */
                                                           
                                                           .mt-achievement-orb {
                                                               position: absolute;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               border: 0;
                                                               border-radius: 0;
                                                               filter: none;
                                                               box-shadow: none;
                                                           }
                                                           
                                                           .mt-achievement-orb-one {
                                                               top: auto;
                                                               left: -3%;
                                                               bottom: 22px;
                                                               width: 43%;
                                                               height: 210px;
                                                               background: linear-gradient( 145deg, rgba(7, 53, 104, .11), rgba(7, 53, 104, .025));
                                                               clip-path: polygon( 0 100%, 0 68%, 17% 30%, 29% 55%, 45% 9%, 64% 57%, 77% 35%, 100% 100%);
                                                               animation: mtMountainDrift 9s ease-in-out infinite alternate;
                                                           }
                                                           
                                                           .mt-achievement-orb-two {
                                                               top: auto;
                                                               right: -3%;
                                                               bottom: 22px;
                                                               width: 47%;
                                                               height: 260px;
                                                               background: linear-gradient( 140deg, rgba(242, 194, 48, .26), rgba(242, 194, 48, .035));
                                                               clip-path: polygon( 0 100%, 14% 54%, 29% 72%, 48% 17%, 66% 53%, 80% 32%, 100% 66%, 100% 100%);
                                                               animation: mtMountainDrift 12s ease-in-out infinite alternate-reverse;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-achievement-heading {
                                                               position: relative;
                                                               max-width: 760px;
                                                               margin: 0 auto 43px;
                                                               text-align: center;
                                                               animation: mtAchEntrance .8s ease both;
                                                           }
                                                           
                                                           .mt-achievement-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 18px;
                                                               padding: 9px 15px;
                                                               color: var(--mt-navy);
                                                               background: #fff;
                                                               border: 1px solid #e4eaf0;
                                                               border-radius: 4px;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 2px;
                                                               box-shadow: 0 5px 18px rgba(7, 53, 104, .06);
                                                           }
                                                           
                                                           .mt-achievement-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--mt-yellow-dark);
                                                               box-shadow: 0 0 0 4px rgba(242, 194, 48, .2);
                                                               animation: mtTransportPulse 2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-achievement-heading h2 {
                                                               margin: 0;
                                                               color: var(--mt-navy);
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: clamp(34px, 4.5vw, 52px);
                                                               font-weight: 850;
                                                               line-height: 1.12;
                                                               letter-spacing: -1.7px;
                                                           }
                                                           
                                                           .mt-achievement-heading h2 span {
                                                               color: #b98b00;
                                                           }
                                                           
                                                           .mt-achievement-heading p {
                                                               max-width: 570px;
                                                               margin: 17px auto 0;
                                                               color: var(--mt-muted);
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Cards layout */
                                                           
                                                           .mt-achievement-grid {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           
                                                           .mt-achievement-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               height: 100%;
                                                               min-height: 370px;
                                                               padding: 23px 21px 20px;
                                                               overflow: hidden;
                                                               border: 1px solid #e4eaf0;
                                                               border-radius: 12px;
                                                               background: rgba(255, 255, 255, .96);
                                                               box-shadow: 0 12px 32px rgba(9, 42, 78, .07);
                                                               transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;
                                                               animation: mtAchEntrance .7s ease both;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(2) .mt-achievement-card {
                                                               animation-delay: .12s;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(3) .mt-achievement-card {
                                                               animation-delay: .24s;
                                                           }
                                                           
                                                           .mt-achievement-grid>div:nth-child(4) .mt-achievement-card {
                                                               animation-delay: .36s;
                                                           }
                                                           /* Yellow top rail */
                                                           
                                                           .mt-achievement-card::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               left: 0;
                                                               width: 100%;
                                                               height: 4px;
                                                               background: linear-gradient( 90deg, var(--mt-yellow) 0 35%, var(--mt-navy) 35% 100%);
                                                               transform: scaleX(.35);
                                                               transform-origin: left;
                                                               transition: transform .4s ease;
                                                           }
                                                           
                                                           .mt-achievement-card::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: -55px;
                                                               right: -55px;
                                                               width: 120px;
                                                               height: 120px;
                                                               border-radius: 50%;
                                                               background: rgba(242, 194, 48, .13);
                                                               opacity: .5;
                                                               transition: transform .5s ease, opacity .4s ease;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-achievement-card:hover {
                                                               transform: translateY(-8px);
                                                               border-color: rgba(217, 169, 27, .7);
                                                               box-shadow: 0 22px 45px rgba(9, 42, 78, .13);
                                                           }
                                                           
                                                           .mt-achievement-card:hover::before {
                                                               transform: scaleX(1);
                                                           }
                                                           
                                                           .mt-achievement-card:hover::after {
                                                               transform: scale(1.6);
                                                               opacity: .9;
                                                           }
                                                           /* Card header */
                                                           
                                                           .mt-achievement-card-top {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                           }
                                                           
                                                           .mt-achievement-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 45px;
                                                               height: 45px;
                                                               color: var(--mt-navy);
                                                               background: #fff7d8;
                                                               border: 1px solid #f0dfa0;
                                                               border-radius: 10px;
                                                               font-size: 18px;
                                                               transition: .35s ease;
                                                           }
                                                           
                                                           .mt-achievement-card:hover .mt-achievement-icon {
                                                               color: var(--mt-navy);
                                                               background: var(--mt-yellow);
                                                               border-color: var(--mt-yellow);
                                                               transform: translateY(-3px) rotate(-5deg);
                                                           }
                                                           
                                                           .mt-achievement-index {
                                                               color: #d9e0e8;
                                                               font-size: 27px;
                                                               font-weight: 850;
                                                               letter-spacing: -1px;
                                                           }
                                                           /* Google rating */
                                                           
                                                           .mt-achievement-value {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin: 27px 0 3px;
                                                           }
                                                           
                                                           .mt-achievement-symbol {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 38px;
                                                               height: 38px;
                                                               border-radius: 9px;
                                                               color: #8c6900;
                                                               background: #fff6d4;
                                                               font-size: 17px;
                                                           }
                                                           
                                                           .mt-achievement-value h3 {
                                                               margin: 0;
                                                               color: var(--mt-navy);
                                                               font-size: 39px;
                                                               font-weight: 850;
                                                               line-height: 1;
                                                               letter-spacing: -1.4px;
                                                           }
                                                           
                                                           .mt-achievement-small {
                                                               color: #8996a6;
                                                               font-size: 14px;
                                                               letter-spacing: 0;
                                                           }
                                                           
                                                           .mt-achievement-stars {
                                                               display: flex;
                                                               gap: 5px;
                                                               margin: 14px 0 19px;
                                                               color: #d8a500;
                                                               font-size: 12px;
                                                           }
                                                           /* Transport illustrations */
                                                           
                                                           .mt-achievement-illustration {
                                                               position: relative;
                                                               display: grid;
                                                               place-items: center;
                                                               height: 112px;
                                                               margin: 23px 0 16px;
                                                               overflow: hidden;
                                                               border: 1px solid #edf0f3;
                                                               border-radius: 9px;
                                                               background: linear-gradient(135deg, #f7f9fc, #fff9e6);
                                                           }
                                                           
                                                           .mt-achievement-map-ring {
                                                               position: absolute;
                                                               width: 67px;
                                                               height: 67px;
                                                               border: 1px solid rgba(185, 139, 0, .45);
                                                               border-radius: 50%;
                                                               animation: mtAchMapPulse 3s ease-out infinite;
                                                           }
                                                           
                                                           .mt-map-ring-two {
                                                               width: 96px;
                                                               height: 96px;
                                                               border-color: rgba(185, 139, 0, .22);
                                                               animation-delay: 1.4s;
                                                           }
                                                           
                                                           .mt-achievement-map-pin {
                                                               position: relative;
                                                               z-index: 1;
                                                               color: #b98b00;
                                                               font-size: 32px;
                                                               filter: drop-shadow(0 5px 5px rgba(185, 139, 0, .17));
                                                               animation: mtAchPinFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-achievement-map-label {
                                                               position: absolute;
                                                               right: 10px;
                                                               bottom: 9px;
                                                               color: var(--mt-navy);
                                                               font-size: 8px;
                                                               font-weight: 850;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .mt-achievement-business-art>i {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 55px;
                                                               height: 55px;
                                                               border: 1px solid #efd77d;
                                                               border-radius: 14px;
                                                               color: var(--mt-navy);
                                                               background: linear-gradient(145deg, #ffe88a, #f2c230);
                                                               box-shadow: 0 8px 20px rgba(185, 139, 0, .15);
                                                               font-size: 23px;
                                                               animation: mtAchPinFloat 3s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-business-circle {
                                                               position: absolute;
                                                               width: 78px;
                                                               height: 78px;
                                                               border: 1px solid rgba(185, 139, 0, .3);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-business-circle-two {
                                                               width: 112px;
                                                               height: 112px;
                                                               border-color: rgba(7, 53, 104, .12);
                                                           }
                                                           
                                                           .mt-achievement-art-caption {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 8px;
                                                               left: 0;
                                                               color: #718096;
                                                               font-size: 8px;
                                                               font-weight: 850;
                                                               letter-spacing: 1px;
                                                               text-align: center;
                                                           }
                                                           /* Animated truck road */
                                                           
                                                           .mt-achievement-motion-art {
                                                               background: linear-gradient(180deg, #f9fbfd, #edf3f8);
                                                           }
                                                           
                                                           .mt-achievement-road {
                                                               position: absolute;
                                                               right: 8%;
                                                               bottom: 23px;
                                                               left: 8%;
                                                               height: 24px;
                                                               border-top: 3px solid #c4d0dd;
                                                               border-radius: 50%;
                                                               transform: rotate(-5deg);
                                                           }
                                                           
                                                           .mt-achievement-road-line {
                                                               position: absolute;
                                                               right: 12%;
                                                               bottom: 22px;
                                                               left: 12%;
                                                               height: 2px;
                                                               background: repeating-linear-gradient( 90deg, var(--mt-yellow-dark) 0 18px, transparent 18px 31px);
                                                               animation: mtRoadTravel 3s linear infinite;
                                                           }
                                                           
                                                           .mt-achievement-moving-truck {
                                                               position: absolute;
                                                               top: 30px;
                                                               left: 17%;
                                                               z-index: 1;
                                                               color: var(--mt-navy);
                                                               font-size: 29px;
                                                               filter: drop-shadow(0 4px 3px rgba(7, 53, 104, .15));
                                                               animation: mtAchTruckMove 4s ease-in-out infinite;
                                                           }
                                                           /* Card text */
                                                           
                                                           .mt-achievement-card h4 {
                                                               position: relative;
                                                               z-index: 1;
                                                               margin: 0 0 10px;
                                                               color: var(--mt-navy);
                                                               font-family: var(--mt-heading-font, "Manrope", sans-serif);
                                                               font-size: 17px;
                                                               font-weight: 850;
                                                               line-height: 1.45;
                                                           }
                                                           
                                                           .mt-achievement-card p {
                                                               position: relative;
                                                               z-index: 1;
                                                               margin: 0 0 20px;
                                                               color: var(--mt-muted);
                                                               font-size: 12px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-achievement-link {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               width: 100%;
                                                               margin-top: auto;
                                                               padding-top: 14px;
                                                               border-top: 1px solid #e9edf2;
                                                               color: var(--mt-navy);
                                                               font-size: 11px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: color .3s ease;
                                                           }
                                                           
                                                           .mt-achievement-link i {
                                                               color: #b98b00;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-achievement-link:hover {
                                                               color: #b98b00;
                                                           }
                                                           
                                                           .mt-achievement-link:hover i {
                                                               transform: translateX(5px);
                                                           }
                                                           /* Bottom call-to-action */
                                                           
                                                           .mt-achievement-bottom {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 20px;
                                                               margin-top: 32px;
                                                               padding: 25px 27px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(242, 194, 48, .5);
                                                               border-radius: 12px;
                                                               background: linear-gradient( 105deg, #062c56, #0b467e);
                                                               box-shadow: 0 12px 30px rgba(7, 53, 104, .12);
                                                           }
                                                           
                                                           .mt-achievement-bottom-icon {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 51px;
                                                               height: 51px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(242, 194, 48, .6);
                                                               border-radius: 10px;
                                                               color: var(--mt-yellow);
                                                               background: rgba(255, 255, 255, .08);
                                                               font-size: 21px;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy {
                                                               position: relative;
                                                               z-index: 1;
                                                               flex: 1;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy span {
                                                               display: block;
                                                               margin-bottom: 6px;
                                                               color: var(--mt-yellow);
                                                               font-size: 9px;
                                                               font-weight: 850;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-achievement-bottom-copy h3 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(16px, 2vw, 21px);
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-achievement-cta {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 10px;
                                                               flex-shrink: 0;
                                                               padding: 14px 18px;
                                                               border: 1px solid var(--mt-yellow);
                                                               border-radius: 6px;
                                                               color: var(--mt-navy);
                                                               background: var(--mt-yellow);
                                                               font-size: 11px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: .3s ease;
                                                           }
                                                           
                                                           .mt-achievement-cta:hover {
                                                               color: #fff;
                                                               background: transparent;
                                                               transform: translateY(-2px);
                                                           }
                                                           /* Motion */
                                                           
                                                           @keyframes mtAchEntrance {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtTransportPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 4px rgba(242, 194, 48, .18);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 8px rgba(242, 194, 48, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtMountainDrift {
                                                               from {
                                                                   transform: translateX(0);
                                                               }
                                                               to {
                                                                   transform: translateX(18px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRoadTravel {
                                                               from {
                                                                   background-position: 0 0;
                                                               }
                                                               to {
                                                                   background-position: 180px 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchMapPulse {
                                                               0% {
                                                                   opacity: .8;
                                                                   transform: scale(.8);
                                                               }
                                                               100% {
                                                                   opacity: 0;
                                                                   transform: scale(1.4);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchPinFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-5px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAchTruckMove {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   transform: translateX(100px);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-achievements {
                                                                   padding: 70px 0 65px;
                                                               }
                                                               .mt-achievement-heading {
                                                                   margin-bottom: 34px;
                                                               }
                                                               .mt-achievement-card {
                                                                   min-height: 355px;
                                                               }
                                                               .mt-achievement-bottom {
                                                                   padding: 22px;
                                                               }
                                                               .mt-achievement-orb-one {
                                                                   width: 60%;
                                                               }
                                                               .mt-achievement-orb-two {
                                                                   width: 60%;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-achievements {
                                                                   padding: 56px 0 48px;
                                                               }
                                                               .mt-achievement-heading {
                                                                   margin-bottom: 27px;
                                                               }
                                                               .mt-achievement-heading h2 {
                                                                   font-size: 33px;
                                                                   letter-spacing: -1px;
                                                               }
                                                               .mt-achievement-heading p {
                                                                   padding: 0 8px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-achievement-card {
                                                                   min-height: 0;
                                                                   padding: 20px;
                                                                   border-radius: 10px;
                                                               }
                                                               .mt-achievement-card h4 {
                                                                   font-size: 16px;
                                                               }
                                                               .mt-achievement-card p {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-achievement-illustration {
                                                                   height: 105px;
                                                               }
                                                               .mt-achievement-bottom {
                                                                   flex-wrap: wrap;
                                                                   gap: 14px;
                                                                   padding: 19px;
                                                               }
                                                               .mt-achievement-bottom-icon {
                                                                   width: 44px;
                                                                   height: 44px;
                                                               }
                                                               .mt-achievement-bottom-copy {
                                                                   flex-basis: calc(100% - 60px);
                                                               }
                                                               .mt-achievement-bottom-copy h3 {
                                                                   font-size: 16px;
                                                               }
                                                               .mt-achievement-cta {
                                                                   width: 100%;
                                                               }
                                                               .mt-achievement-orb-one,
                                                               .mt-achievement-orb-two {
                                                                   width: 85%;
                                                                   height: 150px;
                                                               }
                                                               .mt-achievement-moving-truck {
                                                                   animation-duration: 5s;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-achievements *,
                                                               .mt-achievements *::before,
                                                               .mt-achievements *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* ==================================
   MAYANK TRANSPORT CONTACT SECTION
================================== */
                                                           
                                                           .mt-contact {
                                                               --mt-navy: #10243a;
                                                               --mt-navy-dark: #091725;
                                                               --mt-orange: #ffc629;
                                                               --mt-text: #26384a;
                                                               --mt-muted: #748294;
                                                               --mt-border: #e5eaf0;
                                                               position: relative;
                                                               padding: 95px 0;
                                                               overflow: hidden;
                                                               background: #ffffff;
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .mt-contact,
                                                           .mt-contact * {
                                                               box-sizing: border-box;
                                                           }
                                                           /* Heading */
                                                           /* Footer Social Media */
                                                           
                                                           .mt-footer-social {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 16px;
                                                               flex-wrap: wrap;
                                                               margin: 24px 0 22px;
                                                           }
                                                           
                                                           .mt-footer-social-title {
                                                               color: #b8c2cf;
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-footer-social-links {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                           }
                                                           
                                                           .mt-footer-social-link {
                                                               width: 42px;
                                                               height: 42px;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               border: 1px solid rgba(255, 198, 41, 0.30);
                                                               border-radius: 10px;
                                                               background: rgba(255, 198, 41, 0.07);
                                                               color: #ffc629;
                                                               font-size: 17px;
                                                               text-decoration: none;
                                                               transition: all 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-social-link:hover {
                                                               background: #ffc629;
                                                               color: #091b2d;
                                                               border-color: #ffc629;
                                                               transform: translateY(-4px);
                                                               box-shadow: 0 7px 18px rgba(255, 198, 41, 0.18);
                                                           }
                                                           /* Mobile responsive */
                                                           
                                                           @media (max-width: 576px) {
                                                               .mt-footer-social {
                                                                   gap: 12px;
                                                                   margin: 20px 0;
                                                               }
                                                               .mt-footer-social-link {
                                                                   width: 40px;
                                                                   height: 40px;
                                                                   border-radius: 9px;
                                                               }
                                                           }
                                                           
                                                           .mt-contact-heading {
                                                               max-width: 740px;
                                                               margin: 0 auto 52px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-contact-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 11px;
                                                               margin-bottom: 17px;
                                                               color: var(--mt-orange);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.5px;
                                                           }
                                                           
                                                           .mt-contact-eyebrow-line {
                                                               width: 25px;
                                                               height: 2px;
                                                               background: var(--mt-orange);
                                                               border-radius: 5px;
                                                           }
                                                           
                                                           .mt-contact-heading h2 {
                                                               margin: 0 0 16px;
                                                               color: var(--mt-navy-dark);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(30px, 4vw, 43px);
                                                               line-height: 1.22;
                                                               font-weight: 800;
                                                               letter-spacing: -1.4px;
                                                           }
                                                           
                                                           .mt-contact-heading h2 span {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-contact-heading p {
                                                               max-width: 620px;
                                                               margin: 0 auto;
                                                               color: var(--mt-muted);
                                                               font-size: 15px;
                                                               line-height: 1.85;
                                                           }
                                                           /* Left information panel */
                                                           
                                                           .mt-contact-info {
                                                               position: relative;
                                                               isolation: isolate;
                                                               height: 100%;
                                                               min-height: 650px;
                                                               padding: 40px 34px 30px;
                                                               overflow: hidden;
                                                               color: #ffffff;
                                                               background: linear-gradient( 145deg, #102b43 0%, #10243a 58%, #091725 100%);
                                                               border-radius: 18px;
                                                               box-shadow: 0 18px 45px rgba(16, 36, 58, 0.12);
                                                           }
                                                           
                                                           .mt-contact-info::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: -95px;
                                                               right: -105px;
                                                               z-index: -1;
                                                               width: 280px;
                                                               height: 280px;
                                                               border: 1px solid rgba(255, 255, 255, 0.10);
                                                               border-radius: 50%;
                                                               box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.025), 0 0 0 60px rgba(255, 255, 255, 0.02);
                                                           }
                                                           
                                                           .mt-contact-info::after {
                                                               content: "";
                                                               position: absolute;
                                                               right: -65px;
                                                               bottom: 65px;
                                                               z-index: -1;
                                                               width: 230px;
                                                               height: 230px;
                                                               background: rgba(244, 123, 58, 0.10);
                                                               filter: blur(75px);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-contact-info-top {
                                                               position: relative;
                                                               z-index: 1;
                                                               margin-bottom: 36px;
                                                           }
                                                           
                                                           .mt-contact-mini-label {
                                                               display: inline-block;
                                                               margin-bottom: 18px;
                                                               padding: 8px 12px;
                                                               color: #ffb184;
                                                               background: rgba(244, 123, 58, 0.12);
                                                               border: 1px solid rgba(244, 123, 58, 0.25);
                                                               border-radius: 5px;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-contact-info-top h3 {
                                                               max-width: 360px;
                                                               margin: 0 0 16px;
                                                               color: #ffffff;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 30px;
                                                               line-height: 1.3;
                                                               font-weight: 800;
                                                               letter-spacing: -0.8px;
                                                           }
                                                           
                                                           .mt-contact-info-top p {
                                                               margin: 0;
                                                               color: #bdcad6;
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Contact details */
                                                           
                                                           .mt-contact-detail {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 17px;
                                                           }
                                                           
                                                           .mt-contact-detail-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex: 0 0 48px;
                                                               width: 48px;
                                                               height: 48px;
                                                               color: var(--mt-orange);
                                                               background: rgba(255, 255, 255, 0.07);
                                                               border: 1px solid rgba(255, 255, 255, 0.11);
                                                               border-radius: 12px;
                                                               font-size: 18px;
                                                               transition: background .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .mt-contact-detail:hover .mt-contact-detail-icon {
                                                               background: rgba(244, 123, 58, 0.16);
                                                               transform: translateY(-3px);
                                                           }
                                                           
                                                           .mt-contact-detail-label {
                                                               display: block;
                                                               margin: 2px 0 9px;
                                                               color: #ffb184;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-contact-detail h4 {
                                                               margin: 0 0 9px;
                                                               color: #ffffff;
                                                               font-size: 15px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-contact-detail p {
                                                               margin: 0;
                                                               color: #bdcad6;
                                                               font-size: 13px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-contact-map-link {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               margin-top: 12px;
                                                               color: #ffb184 !important;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               text-decoration: none !important;
                                                           }
                                                           
                                                           .mt-contact-map-link i {
                                                               font-size: 10px;
                                                               transition: transform .25s ease;
                                                           }
                                                           
                                                           .mt-contact-map-link:hover {
                                                               color: #ffffff !important;
                                                           }
                                                           
                                                           .mt-contact-map-link:hover i {
                                                               transform: translate(3px, -3px);
                                                           }
                                                           
                                                           .mt-contact-divider {
                                                               height: 1px;
                                                               margin: 28px 0;
                                                               background: rgba(255, 255, 255, 0.12);
                                                           }
                                                           /* Left panel footer */
                                                           
                                                           .mt-contact-info-footer {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               margin-top: 34px;
                                                               padding: 17px;
                                                               background: rgba(255, 255, 255, 0.06);
                                                               border: 1px solid rgba(255, 255, 255, 0.09);
                                                               border-radius: 11px;
                                                           }
                                                           
                                                           .mt-contact-footer-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex: 0 0 38px;
                                                               height: 38px;
                                                               color: #ffffff;
                                                               background: var(--mt-orange);
                                                               border-radius: 9px;
                                                               font-size: 15px;
                                                           }
                                                           
                                                           .mt-contact-info-footer strong,
                                                           .mt-contact-info-footer span {
                                                               display: block;
                                                           }
                                                           
                                                           .mt-contact-info-footer strong {
                                                               margin-bottom: 5px;
                                                               color: #ffffff;
                                                               font-size: 12px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-contact-info-footer span {
                                                               color: #bdcad6;
                                                               font-size: 11px;
                                                               line-height: 1.6;
                                                           }
                                                           
                                                           .mt-contact-bg-truck {
                                                               position: absolute;
                                                               right: -7px;
                                                               bottom: -22px;
                                                               z-index: -1;
                                                               color: rgba(255, 255, 255, 0.035);
                                                               font-size: 145px;
                                                               transform: scaleX(-1);
                                                               pointer-events: none;
                                                           }
                                                           /* Right form card */
                                                           
                                                           .mt-contact-form-card {
                                                               height: 100%;
                                                               padding: 36px 35px;
                                                               background: #ffffff;
                                                               border: 1px solid var(--mt-border);
                                                               border-radius: 18px;
                                                               box-shadow: 0 15px 50px rgba(16, 36, 58, 0.055);
                                                           }
                                                           
                                                           .mt-contact-form-header {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 15px;
                                                               margin-bottom: 30px;
                                                               padding-bottom: 23px;
                                                               border-bottom: 1px solid #edf0f4;
                                                           }
                                                           
                                                           .mt-contact-form-kicker {
                                                               display: block;
                                                               margin-bottom: 9px;
                                                               color: var(--mt-orange);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.7px;
                                                           }
                                                           
                                                           .mt-contact-form-header h3 {
                                                               margin: 0 0 8px;
                                                               color: var(--mt-navy-dark);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 23px;
                                                               font-weight: 800;
                                                               line-height: 1.35;
                                                               letter-spacing: -0.5px;
                                                           }
                                                           
                                                           .mt-contact-form-header p {
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 13px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-contact-form-header-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex: 0 0 52px;
                                                               height: 52px;
                                                               color: var(--mt-orange);
                                                               background: #fff4ed;
                                                               border: 1px solid #ffe5d5;
                                                               border-radius: 13px;
                                                               font-size: 22px;
                                                           }
                                                           /* Form labels */
                                                           
                                                           .mt-contact .mt-form-label {
                                                               display: block;
                                                               margin-bottom: 9px;
                                                               color: #26384a;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-contact .mt-form-label>span:first-child {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-contact .mt-form-label .mt-optional {
                                                               color: #9aa5b1;
                                                               font-size: 10px;
                                                               font-weight: 500;
                                                           }
                                                           /* Inputs */
                                                           
                                                           .mt-input-wrap {
                                                               position: relative;
                                                           }
                                                           
                                                           .mt-input-wrap>i {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 15px;
                                                               z-index: 1;
                                                               color: #8795a4;
                                                               font-size: 13px;
                                                               transform: translateY(-50%);
                                                               pointer-events: none;
                                                               transition: color .25s ease;
                                                           }
                                                           
                                                           .mt-contact .mt-form-control {
                                                               display: block;
                                                               width: 100%;
                                                               min-height: 51px;
                                                               padding: 13px 14px;
                                                               color: var(--mt-text);
                                                               background-color: #ffffff;
                                                               border: 1px solid #dfe5ec;
                                                               border-radius: 8px;
                                                               outline: none;
                                                               box-shadow: none;
                                                               font-family: "DM Sans", sans-serif;
                                                               font-size: 12px;
                                                               line-height: 1.5;
                                                               transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
                                                           }
                                                           
                                                           .mt-contact .mt-input-wrap .mt-form-control {
                                                               padding-left: 41px;
                                                           }
                                                           
                                                           .mt-contact .mt-form-control::placeholder {
                                                               color: #a0aab6;
                                                               opacity: 1;
                                                           }
                                                           
                                                           .mt-contact .mt-form-control:hover {
                                                               border-color: #c8d1dc;
                                                           }
                                                           
                                                           .mt-contact .mt-form-control:focus {
                                                               background-color: #ffffff;
                                                               border-color: var(--mt-orange);
                                                               box-shadow: 0 0 0 3px rgba(244, 123, 58, 0.10);
                                                           }
                                                           
                                                           .mt-input-wrap:focus-within>i {
                                                               color: var(--mt-orange);
                                                           }
                                                           
                                                           .mt-contact .mt-form-select {
                                                               padding-right: 32px;
                                                               cursor: pointer;
                                                               appearance: auto;
                                                           }
                                                           
                                                           .mt-contact .mt-textarea-wrap .mt-form-control {
                                                               min-height: 115px;
                                                               resize: vertical;
                                                           }
                                                           /* Submit button */
                                                           
                                                           .mt-contact-submit {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 15px;
                                                               width: 100%;
                                                               min-height: 56px;
                                                               margin-top: 5px;
                                                               padding: 7px 8px 7px 21px;
                                                               color: #ffffff;
                                                               background: var(--mt-orange);
                                                               border: 1px solid var(--mt-orange);
                                                               border-radius: 8px;
                                                               font-family: "DM Sans", sans-serif;
                                                               font-size: 13px;
                                                               font-weight: 700;
                                                               cursor: pointer;
                                                               transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
                                                           }
                                                           
                                                           .mt-submit-arrow {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex: 0 0 39px;
                                                               height: 39px;
                                                               color: var(--mt-navy-dark);
                                                               background: #ffffff;
                                                               border-radius: 6px;
                                                               transition: transform .25s ease;
                                                           }
                                                           
                                                           .mt-contact-submit:hover {
                                                               color: #ffffff;
                                                               background: #e96929;
                                                               border-color: #e96929;
                                                               box-shadow: 0 9px 22px rgba(244, 123, 58, 0.20);
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-contact-submit:hover .mt-submit-arrow {
                                                               transform: translateX(3px);
                                                           }
                                                           
                                                           .mt-contact-submit:focus-visible {
                                                               outline: 3px solid rgba(244, 123, 58, 0.35);
                                                               outline-offset: 3px;
                                                           }
                                                           
                                                           .mt-contact-form-note {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               margin: 15px 0 0;
                                                               color: #8b98a6;
                                                               font-size: 11px;
                                                               line-height: 1.6;
                                                           }
                                                           
                                                           .mt-contact-form-note i {
                                                               color: var(--mt-orange);
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-contact {
                                                                   padding: 75px 0;
                                                               }
                                                               .mt-contact-heading {
                                                                   margin-bottom: 40px;
                                                               }
                                                               .mt-contact-info {
                                                                   min-height: auto;
                                                                   padding: 32px 27px;
                                                               }
                                                               .mt-contact-form-card {
                                                                   padding: 30px 25px;
                                                               }
                                                               .mt-contact-info-top h3 {
                                                                   font-size: 27px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575px) {
                                                               .mt-contact {
                                                                   padding: 58px 0;
                                                               }
                                                               .mt-contact-heading {
                                                                   margin-bottom: 30px;
                                                                   padding: 0 5px;
                                                               }
                                                               .mt-contact-heading h2 {
                                                                   font-size: 30px;
                                                                   letter-spacing: -0.9px;
                                                               }
                                                               .mt-contact-heading p {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-contact-eyebrow {
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.8px;
                                                               }
                                                               .mt-contact-info {
                                                                   padding: 28px 22px;
                                                                   border-radius: 14px;
                                                               }
                                                               .mt-contact-info-top h3 {
                                                                   font-size: 27px;
                                                               }
                                                               .mt-contact-form-card {
                                                                   padding: 25px 19px;
                                                                   border-radius: 14px;
                                                               }
                                                               .mt-contact-form-header {
                                                                   align-items: flex-start;
                                                                   margin-bottom: 24px;
                                                               }
                                                               .mt-contact-form-header h3 {
                                                                   font-size: 20px;
                                                               }
                                                               .mt-contact-form-header-icon {
                                                                   flex-basis: 43px;
                                                                   height: 43px;
                                                                   font-size: 18px;
                                                               }
                                                               .mt-contact .mt-form-control {
                                                                   min-height: 49px;
                                                               }
                                                           }
                                                           /* Reduced motion accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-contact *,
                                                               .mt-contact *::before,
                                                               .mt-contact *::after {
                                                                   transition: none !important;
                                                                   animation: none !important;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — HIMACHAL CTA BANNER
========================================== */
                                                           
                                                           .mt-cta {
                                                               --cta-navy: #06294f;
                                                               --cta-blue: #0c477b;
                                                               --cta-yellow: #ffc629;
                                                               --cta-white: #ffffff;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 65px 0 48px;
                                                               color: var(--cta-white);
                                                               background: #041e39;
                                                           }
                                                           
                                                           .mt-cta,
                                                           .mt-cta * {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-cta .container {
                                                               position: relative;
                                                               z-index: 3;
                                                           }
                                                           /* Background atmosphere */
                                                           
                                                           .mt-cta-sky {
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -3;
                                                               background: radial-gradient(ellipse at 78% 10%, rgba(255, 198, 41, .17), transparent 32%), linear-gradient(115deg, #031a30 0%, #073867 58%, #174b78 100%);
                                                           }
                                                           
                                                           .mt-cta-box {
                                                               position: relative;
                                                               display: grid;
                                                               grid-template-columns: 1.05fr .95fr;
                                                               align-items: center;
                                                               min-height: 550px;
                                                               padding: 45px 35px 100px;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(255, 255, 255, .12);
                                                               border-radius: 20px;
                                                               background: linear-gradient( 110deg, rgba(3, 26, 48, .96) 0%, rgba(4, 43, 78, .95) 48%, rgba(10, 59, 95, .55) 100%);
                                                               box-shadow: 0 30px 80px rgba(0, 0, 0, .25);
                                                           }
                                                           /* Decorative moving route in background */
                                                           
                                                           .mt-cta-box::before {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -1;
                                                               opacity: .24;
                                                               pointer-events: none;
                                                               background-image: radial-gradient( rgba(255, 255, 255, .25) 1px, transparent 1px);
                                                               background-size: 23px 23px;
                                                               mask-image: linear-gradient(90deg, #000, transparent 90%);
                                                           }
                                                           
                                                           .mt-cta-box::after {
                                                               content: "";
                                                               position: absolute;
                                                               right: -10%;
                                                               bottom: 0;
                                                               left: -10%;
                                                               height: 5px;
                                                               background: repeating-linear-gradient( 90deg, var(--cta-yellow) 0 70px, transparent 70px 100px);
                                                               animation: mtCtaDash 8s linear infinite;
                                                           }
                                                           /* Left content */
                                                           
                                                           .mt-cta-content {
                                                               position: relative;
                                                               z-index: 4;
                                                               max-width: 570px;
                                                               padding: 5px 0 0;
                                                               animation: mtCtaContentIn .8s ease both;
                                                           }
                                                           
                                                           .mt-cta-label {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin-bottom: 25px;
                                                               color: #f7f9fc;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.4px;
                                                           }
                                                           
                                                           .mt-cta-dot {
                                                               width: 9px;
                                                               height: 9px;
                                                               flex-shrink: 0;
                                                               border-radius: 50%;
                                                               background: var(--cta-yellow);
                                                               box-shadow: 0 0 0 5px rgba(255, 198, 41, .14);
                                                               animation: mtCtaPulse 2s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-cta-content h2 {
                                                               margin: 0;
                                                               color: #fff;
                                                               font-size: clamp(37px, 4.3vw, 62px);
                                                               font-weight: 850;
                                                               line-height: 1.08;
                                                               letter-spacing: -2px;
                                                           }
                                                           
                                                           .mt-cta-content h2 span {
                                                               color: var(--cta-yellow);
                                                               text-shadow: 0 5px 28px rgba(255, 198, 41, .12);
                                                           }
                                                           
                                                           .mt-cta-content>p {
                                                               max-width: 480px;
                                                               margin: 23px 0 27px;
                                                               color: #c7d4e2;
                                                               font-size: 14px;
                                                               line-height: 1.95;
                                                           }
                                                           /* Button and address */
                                                           
                                                           .mt-cta-actions {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               /* align-items: center; */
                                                               gap: 20px;
                                                           }
                                                           
                                                           .mt-cta-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 18px;
                                                               min-height: 55px;
                                                               padding: 0 22px;
                                                               border: 1px solid var(--cta-yellow);
                                                               border-radius: 7px;
                                                               color: #08294b;
                                                               background: var(--cta-yellow);
                                                               box-shadow: 0 8px 25px rgba(255, 198, 41, .14);
                                                               font-size: 12px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
                                                           }
                                                           
                                                           .mt-cta-btn i {
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-cta-btn:hover {
                                                               color: #08294b;
                                                               background: #ffda69;
                                                               box-shadow: 0 12px 30px rgba(255, 198, 41, .24);
                                                               transform: translateY(-3px);
                                                           }
                                                           
                                                           .mt-cta-btn:hover i {
                                                               transform: translateX(5px);
                                                           }
                                                           
                                                           .mt-cta-note {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               color: #c4d1df;
                                                               font-size: 11px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-cta-note>i {
                                                               color: var(--cta-yellow);
                                                               font-size: 22px;
                                                           }
                                                           
                                                           .mt-cta-note strong {
                                                               display: block;
                                                               color: #fff;
                                                               font-weight: 750;
                                                           }
                                                           /* Feature strip */
                                                           
                                                           .mt-cta-features {
                                                               display: grid;
                                                               grid-template-columns: repeat(4, minmax(0, 1fr));
                                                               margin-top: 36px;
                                                               padding-top: 23px;
                                                               border-top: 1px solid rgba(255, 255, 255, .15);
                                                           }
                                                           
                                                           .mt-cta-feature {
                                                               display: flex;
                                                               flex-direction: column;
                                                               align-items: flex-start;
                                                               gap: 10px;
                                                               min-width: 0;
                                                               padding: 0 13px;
                                                               border-right: 1px solid rgba(255, 255, 255, .14);
                                                           }
                                                           
                                                           .mt-cta-feature:first-child {
                                                               padding-left: 0;
                                                           }
                                                           
                                                           .mt-cta-feature:last-child {
                                                               padding-right: 0;
                                                               border-right: 0;
                                                           }
                                                           
                                                           .mt-cta-feature>i {
                                                               color: var(--cta-yellow);
                                                               font-size: 24px;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-cta-feature:hover>i {
                                                               transform: translateY(-4px);
                                                           }
                                                           
                                                           .mt-cta-feature span {
                                                               color: #f0f4f9;
                                                               font-size: 10px;
                                                               font-weight: 650;
                                                               line-height: 1.6;
                                                           }
                                                           /* Right-hand mountain scene */
                                                           
                                                           .mt-cta-visual {
                                                               position: relative;
                                                               align-self: stretch;
                                                               min-width: 0;
                                                               min-height: 410px;
                                                               margin: -10px -25px 0 -5px;
                                                               overflow: hidden;
                                                               border-radius: 12px;
                                                               background: linear-gradient(180deg, rgba(125, 183, 223, .08), rgba(4, 28, 51, .1)), linear-gradient(155deg, #8fb9d8 0%, #376c99 40%, #143b60 100%);
                                                               animation: mtCtaSceneIn 1s ease both;
                                                           }
                                                           /* Mountain layers */
                                                           
                                                           .mt-cta-mountain {
                                                               position: absolute;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-cta-mountain-back {
                                                               top: 10%;
                                                               right: -5%;
                                                               width: 70%;
                                                               height: 340px;
                                                               opacity: .27;
                                                               background: #a9cde4;
                                                               clip-path: polygon( 0 100%, 15% 42%, 28% 67%, 49% 0, 69% 54%, 84% 22%, 100% 100%);
                                                               animation: mtCtaMountainDrift 12s ease-in-out infinite alternate;
                                                           }
                                                           
                                                           .mt-cta-mountain-front {
                                                               top: 16%;
                                                               right: -8%;
                                                               width: 76%;
                                                               height: 320px;
                                                               opacity: .44;
                                                               background: linear-gradient(150deg, #173f64, #071f3b);
                                                               clip-path: polygon( 0 100%, 16% 60%, 30% 78%, 52% 18%, 68% 58%, 82% 33%, 100% 100%);
                                                               animation: mtCtaMountainDrift 10s ease-in-out infinite alternate-reverse;
                                                           }
                                                           /* Sunrise */
                                                           
                                                           .mt-cta-sun {
                                                               position: absolute;
                                                               top: 14%;
                                                               right: 20%;
                                                               width: 90px;
                                                               height: 90px;
                                                               border-radius: 50%;
                                                               background: rgba(255, 216, 131, .7);
                                                               box-shadow: 0 0 55px rgba(255, 216, 131, .32);
                                                               animation: mtCtaSunGlow 5s ease-in-out infinite;
                                                           }
                                                           /* Mountain peaks inside the visual */
                                                           
                                                           .mt-cta-peak {
                                                               position: absolute;
                                                               z-index: 1;
                                                               background: linear-gradient(145deg, #dceaf3, #5d8aaf 68%, #234a70);
                                                               clip-path: polygon( 50% 0, 60% 27%, 72% 20%, 100% 100%, 0 100%, 37% 28%);
                                                           }
                                                           
                                                           .peak-one {
                                                               top: 8%;
                                                               left: 8%;
                                                               width: 48%;
                                                               height: 45%;
                                                           }
                                                           
                                                           .peak-two {
                                                               top: 19%;
                                                               right: 0;
                                                               width: 55%;
                                                               height: 38%;
                                                               opacity: .8;
                                                               background: linear-gradient(150deg, #c5ddeb, #48789e 65%, #214969);
                                                           }
                                                           
                                                           .peak-three {
                                                               top: 29%;
                                                               left: 22%;
                                                               width: 50%;
                                                               height: 35%;
                                                               opacity: .85;
                                                               background: linear-gradient(160deg, #b8d0e0, #2e6289 70%, #143a5b);
                                                           }
                                                           /* Forest silhouette */
                                                           
                                                           .mt-cta-forest {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 22%;
                                                               left: 0;
                                                               height: 28%;
                                                               background: #0b2c48;
                                                               clip-path: polygon( 0 100%, 0 65%, 6% 44%, 10% 66%, 17% 18%, 24% 71%, 32% 40%, 40% 76%, 49% 24%, 58% 75%, 67% 34%, 77% 72%, 87% 25%, 100% 65%, 100% 100%);
                                                           }
                                                           
                                                           .forest-two {
                                                               bottom: 16%;
                                                               height: 20%;
                                                               opacity: .7;
                                                               background: #061d33;
                                                               transform: scaleX(-1);
                                                           }
                                                           /* Curving road */
                                                           
                                                           .mt-cta-road {
                                                               position: absolute;
                                                               right: -22%;
                                                               bottom: -9%;
                                                               z-index: 2;
                                                               width: 125%;
                                                               height: 43%;
                                                               border-top: 5px solid rgba(255, 255, 255, .82);
                                                               border-radius: 50% 0 0 0;
                                                               background: linear-gradient(175deg, #52687b, #132e47 80%);
                                                               transform: rotate(-12deg);
                                                               box-shadow: 0 -6px 0 rgba(255, 198, 41, .7);
                                                           }
                                                           
                                                           .mt-cta-road-dashes {
                                                               position: absolute;
                                                               top: 35%;
                                                               left: 12%;
                                                               width: 120%;
                                                               height: 3px;
                                                               background: repeating-linear-gradient( 90deg, var(--cta-yellow) 0 30px, transparent 30px 55px);
                                                               animation: mtCtaDash 4s linear infinite;
                                                           }
                                                           /* Truck illustration */
                                                           
                                                           .mt-cta-truck {
                                                               position: absolute;
                                                               right: 2%;
                                                               bottom: 18%;
                                                               z-index: 4;
                                                               width: 90%;
                                                               height: 43%;
                                                               filter: drop-shadow(0 15px 10px rgba(0, 0, 0, .28));
                                                               animation: mtCtaTruckRide 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-cta-truck-trailer {
                                                               position: absolute;
                                                               top: 13%;
                                                               left: 2%;
                                                               width: 64%;
                                                               height: 57%;
                                                               overflow: hidden;
                                                               border: 3px solid #d2d9df;
                                                               border-radius: 5px 4px 2px 2px;
                                                               background: repeating-linear-gradient( 90deg, #172b3b 0 12%, #304b60 12% 14%, #192e40 14% 26%);
                                                               box-shadow: inset 0 5px 0 rgba(255, 255, 255, .14);
                                                           }
                                                           
                                                           .mt-cta-truck-trailer::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               right: 0;
                                                               left: 0;
                                                               height: 13%;
                                                               background: var(--cta-yellow);
                                                           }
                                                           
                                                           .mt-cta-truck-trailer span {
                                                               position: relative;
                                                               display: inline-block;
                                                               width: 2px;
                                                               height: 100%;
                                                               margin-left: 17%;
                                                               background: rgba(255, 255, 255, .15);
                                                           }
                                                           
                                                           .mt-cta-truck-brand {
                                                               position: absolute;
                                                               top: 15%;
                                                               left: 5%;
                                                               z-index: 3;
                                                               width: 57%;
                                                               color: var(--cta-yellow);
                                                               font-size: clamp(7px, .8vw, 11px);
                                                               font-weight: 900;
                                                               letter-spacing: .8px;
                                                               text-align: center;
                                                               text-shadow: 0 1px 2px #000;
                                                           }
                                                           
                                                           .mt-cta-truck-cabin {
                                                               position: absolute;
                                                               top: 20%;
                                                               right: 4%;
                                                               width: 30%;
                                                               height: 52%;
                                                               border: 3px solid #dce5ec;
                                                               border-radius: 9px 12px 3px 2px;
                                                               background: linear-gradient(110deg, #f7f9fa, #aab9c6);
                                                               clip-path: polygon(0 0, 78% 0, 100% 26%, 100% 100%, 0 100%);
                                                           }
                                                           
                                                           .mt-cta-windshield {
                                                               position: absolute;
                                                               top: 8%;
                                                               right: 9%;
                                                               width: 67%;
                                                               height: 39%;
                                                               border: 2px solid #9bb0c0;
                                                               border-radius: 3px 6px 2px 2px;
                                                               background: linear-gradient(135deg, #15344d, #4d748d);
                                                           }
                                                           
                                                           .mt-cta-truck-grille {
                                                               position: absolute;
                                                               right: 12%;
                                                               bottom: 15%;
                                                               width: 65%;
                                                               height: 19%;
                                                               border: 2px solid #667b8a;
                                                               border-radius: 3px;
                                                               background: repeating-linear-gradient( 0deg, #10283b 0 3px, #718492 3px 4px);
                                                           }
                                                           
                                                           .mt-cta-headlight {
                                                               position: absolute;
                                                               right: 5%;
                                                               bottom: 25%;
                                                               width: 10px;
                                                               height: 9px;
                                                               border-radius: 2px;
                                                               background: #fff5c6;
                                                               box-shadow: 0 0 13px rgba(255, 244, 194, .85);
                                                           }
                                                           
                                                           .mt-cta-truck-chassis {
                                                               position: absolute;
                                                               right: 3%;
                                                               bottom: 25%;
                                                               left: 2%;
                                                               height: 7px;
                                                               border-radius: 3px;
                                                               background: #111e29;
                                                           }
                                                           
                                                           .mt-cta-wheel {
                                                               position: absolute;
                                                               bottom: 9%;
                                                               z-index: 5;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 12%;
                                                               aspect-ratio: 1;
                                                               border: 4px solid #111a23;
                                                               border-radius: 50%;
                                                               background: #455461;
                                                               box-shadow: inset 0 0 0 3px #87939b;
                                                           }
                                                           
                                                           .mt-cta-wheel i {
                                                               width: 30%;
                                                               aspect-ratio: 1;
                                                               border-radius: 50%;
                                                               background: #e4e9ec;
                                                           }
                                                           
                                                           .wheel-one {
                                                               left: 14%;
                                                           }
                                                           
                                                           .wheel-two {
                                                               left: 57%;
                                                           }
                                                           
                                                           .wheel-three {
                                                               right: 7%;
                                                           }
                                                           /* Route line and location markers */
                                                           
                                                           .mt-cta-route {
                                                               position: absolute;
                                                               top: 6%;
                                                               right: 9%;
                                                               z-index: 2;
                                                               width: 34%;
                                                               height: 100px;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-cta-route-line {
                                                               position: absolute;
                                                               top: 30px;
                                                               right: 20px;
                                                               left: 35px;
                                                               height: 45px;
                                                               border-top: 3px dashed var(--cta-yellow);
                                                               border-right: 3px dashed var(--cta-yellow);
                                                               border-radius: 0 35px 0 0;
                                                               transform: skewY(-12deg);
                                                               animation: mtCtaRouteMove 3s linear infinite;
                                                           }
                                                           
                                                           .mt-cta-route-pin {
                                                               position: absolute;
                                                               z-index: 2;
                                                               color: var(--cta-yellow);
                                                               font-size: 22px;
                                                               filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .3));
                                                               animation: mtCtaPinFloat 2.5s ease-in-out infinite;
                                                           }
                                                           
                                                           .pin-one {
                                                               top: 13px;
                                                               left: 15px;
                                                           }
                                                           
                                                           .pin-two {
                                                               top: 55px;
                                                               right: 0;
                                                               animation-delay: .6s;
                                                           }
                                                           /* Floating information tags */
                                                           
                                                           .mt-cta-floating {
                                                               position: absolute;
                                                               z-index: 6;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               padding: 12px 15px;
                                                               border: 1px solid rgba(255, 255, 255, .23);
                                                               border-radius: 8px;
                                                               color: #fff;
                                                               background: rgba(5, 32, 56, .85);
                                                               box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
                                                               backdrop-filter: blur(8px);
                                                               font-size: 10px;
                                                               font-weight: 750;
                                                               animation: mtCtaFloat 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-cta-floating i {
                                                               color: var(--cta-yellow);
                                                               font-size: 16px;
                                                           }
                                                           
                                                           .mt-cta-floating-top {
                                                               top: 9%;
                                                               left: 4%;
                                                           }
                                                           
                                                           .mt-cta-floating-bottom {
                                                               right: 3%;
                                                               bottom: 13%;
                                                               animation-delay: 1s;
                                                           }
                                                           /* Brand signature */
                                                           
                                                           .mt-cta-visual-heading {
                                                               position: absolute;
                                                               top: 4%;
                                                               right: 4%;
                                                               z-index: 3;
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 7px;
                                                               align-items: flex-end;
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-cta-visual-heading span {
                                                               color: var(--cta-yellow);
                                                               font-size: 10px;
                                                               font-weight: 900;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-cta-visual-heading strong {
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-cta-visual-brand {
                                                               position: absolute;
                                                               right: 4%;
                                                               bottom: 3%;
                                                               z-index: 6;
                                                               display: flex;
                                                               flex-direction: column;
                                                               align-items: flex-end;
                                                               gap: 5px;
                                                               color: #fff;
                                                               text-shadow: 0 2px 5px rgba(0, 0, 0, .7);
                                                           }
                                                           
                                                           .mt-cta-brand-mountain {
                                                               color: var(--cta-yellow);
                                                               font-size: 25px;
                                                           }
                                                           
                                                           .mt-cta-visual-brand strong {
                                                               color: var(--cta-yellow);
                                                               font-size: 18px;
                                                               font-style: italic;
                                                               font-weight: 850;
                                                           }
                                                           
                                                           .mt-cta-visual-brand small {
                                                               font-size: 8px;
                                                               font-weight: 750;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           /* Bottom corner label */
                                                           
                                                           .mt-cta-index {
                                                               position: absolute;
                                                               right: 35px;
                                                               bottom: 28px;
                                                               z-index: 5;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               color: #c4d3e0;
                                                               font-size: 9px;
                                                               font-weight: 850;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-cta-index span {
                                                               color: var(--cta-yellow);
                                                               font-size: 20px;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtCtaContentIn {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaSceneIn {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateX(18px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateX(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 5px rgba(255, 198, 41, .14);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 9px rgba(255, 198, 41, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaDash {
                                                               from {
                                                                   background-position: 0 0;
                                                               }
                                                               to {
                                                                   background-position: 200px 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaMountainDrift {
                                                               from {
                                                                   transform: translateX(0);
                                                               }
                                                               to {
                                                                   transform: translateX(14px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaSunGlow {
                                                               0%,
                                                               100% {
                                                                   opacity: .7;
                                                                   transform: scale(1);
                                                               }
                                                               50% {
                                                                   opacity: 1;
                                                                   transform: scale(1.08);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaTruckRide {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-4px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaRouteMove {
                                                               from {
                                                                   background-position: 0 0;
                                                               }
                                                               to {
                                                                   background-position: 35px 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaPinFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-5px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtCtaFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0);
                                                               }
                                                               50% {
                                                                   transform: translateY(-7px);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-cta {
                                                                   padding: 45px 0;
                                                               }
                                                               .mt-cta-box {
                                                                   grid-template-columns: 1fr;
                                                                   padding: 38px 30px 85px;
                                                               }
                                                               .mt-cta-content {
                                                                   max-width: 650px;
                                                               }
                                                               .mt-cta-content h2 {
                                                                   font-size: clamp(38px, 6vw, 54px);
                                                               }
                                                               .mt-cta-visual {
                                                                   min-height: 370px;
                                                                   margin: 35px 0 0;
                                                               }
                                                               .mt-cta-truck {
                                                                   width: 76%;
                                                                   right: 8%;
                                                               }
                                                               .mt-cta-route {
                                                                   right: 15%;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-cta {
                                                                   padding: 25px 0;
                                                               }
                                                               .mt-cta-box {
                                                                   padding: 30px 19px 75px;
                                                                   border-radius: 12px;
                                                               }
                                                               .mt-cta-label {
                                                                   gap: 9px;
                                                                   margin-bottom: 20px;
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.3px;
                                                               }
                                                               .mt-cta-content h2 {
                                                                   font-size: clamp(32px, 8.5vw, 43px);
                                                                   letter-spacing: -1.3px;
                                                               }
                                                               .mt-cta-content>p {
                                                                   margin: 18px 0 22px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-cta-actions {
                                                                   align-items: flex-start;
                                                                   flex-direction: column;
                                                                   gap: 16px;
                                                               }
                                                               .mt-cta-btn {
                                                                   width: 100%;
                                                                   min-height: 52px;
                                                                   padding: 0 14px;
                                                                   gap: 10px;
                                                                   font-size: 11px;
                                                               }
                                                               .mt-cta-features {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                   row-gap: 20px;
                                                                   margin-top: 27px;
                                                               }
                                                               .mt-cta-feature {
                                                                   padding: 0 12px;
                                                               }
                                                               .mt-cta-feature:nth-child(2) {
                                                                   border-right: 0;
                                                               }
                                                               .mt-cta-feature>i {
                                                                   font-size: 22px;
                                                               }
                                                               .mt-cta-feature span {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-cta-visual {
                                                                   min-height: 300px;
                                                                   margin: 28px 0 0;
                                                                   border-radius: 8px;
                                                               }
                                                               .mt-cta-sun {
                                                                   width: 60px;
                                                                   height: 60px;
                                                               }
                                                               .mt-cta-peak {
                                                                   height: 36%;
                                                               }
                                                               .mt-cta-truck {
                                                                   right: 0;
                                                                   bottom: 20%;
                                                                   width: 100%;
                                                                   height: 39%;
                                                               }
                                                               .mt-cta-truck-brand {
                                                                   font-size: 6px;
                                                               }
                                                               .mt-cta-floating {
                                                                   gap: 7px;
                                                                   padding: 9px 10px;
                                                                   font-size: 8px;
                                                               }
                                                               .mt-cta-floating i {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-cta-floating-top {
                                                                   top: 15%;
                                                                   left: 3%;
                                                               }
                                                               .mt-cta-floating-bottom {
                                                                   right: 3%;
                                                                   bottom: 10%;
                                                               }
                                                               .mt-cta-route {
                                                                   top: 0;
                                                                   right: 8%;
                                                                   width: 38%;
                                                                   transform: scale(.8);
                                                                   transform-origin: top right;
                                                               }
                                                               .mt-cta-visual-heading {
                                                                   top: 5%;
                                                                   right: 4%;
                                                               }
                                                               .mt-cta-visual-heading span {
                                                                   font-size: 8px;
                                                                   letter-spacing: 1px;
                                                               }
                                                               .mt-cta-visual-heading strong {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-cta-visual-brand {
                                                                   right: 4%;
                                                                   bottom: 2%;
                                                               }
                                                               .mt-cta-visual-brand strong {
                                                                   font-size: 14px;
                                                               }
                                                               .mt-cta-visual-brand small {
                                                                   font-size: 7px;
                                                               }
                                                               .mt-cta-index {
                                                                   right: 19px;
                                                                   bottom: 23px;
                                                                   font-size: 8px;
                                                                   letter-spacing: 1px;
                                                               }
                                                           }
                                                           /* Reduced motion accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-cta *,
                                                               .mt-cta *::before,
                                                               .mt-cta *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =====================================================
   MAYANK TRANSPORT — PREMIUM HIMACHAL FOOTER
   Theme: Deep Navy + Golden Yellow + Mountain Blue
===================================================== */
                                                           
                                                           .mt-footer {
                                                               --ft-navy: #041a30;
                                                               --ft-deep: #021222;
                                                               --ft-blue: #0d3e64;
                                                               --ft-gold: #f4bd32;
                                                               --ft-gold-light: #ffe5a0;
                                                               --ft-white: #ffffff;
                                                               --ft-muted: #aebfd0;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               color: var(--ft-white);
                                                               background: radial-gradient( ellipse at 12% 15%, rgba(23, 91, 142, .34), transparent 35%), radial-gradient( ellipse at 92% 75%, rgba(244, 189, 50, .09), transparent 28%), linear-gradient( 135deg, #082b49 0%, var(--ft-navy) 48%, var(--ft-deep) 100%);
                                                               font-family: inherit;
                                                           }
                                                           /* Animated golden top border */
                                                           
                                                           .mt-footer-top-line {
                                                               position: absolute;
                                                               top: 0;
                                                               left: 0;
                                                               z-index: 5;
                                                               width: 100%;
                                                               height: 3px;
                                                               overflow: hidden;
                                                               background: rgba(255, 255, 255, .08);
                                                           }
                                                           
                                                           .mt-footer-top-line::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               left: -35%;
                                                               width: 35%;
                                                               height: 100%;
                                                               background: linear-gradient( 90deg, transparent, var(--ft-gold), #fff2c4, var(--ft-gold), transparent);
                                                               box-shadow: 0 0 15px rgba(244, 189, 50, .6);
                                                               animation: ftTopTravel 5s linear infinite;
                                                           }
                                                           /* Decorative mountain-like layers */
                                                           
                                                           .mt-footer::before {
                                                               content: "";
                                                               position: absolute;
                                                               z-index: -1;
                                                               right: -8%;
                                                               bottom: 35px;
                                                               width: 68%;
                                                               height: 250px;
                                                               pointer-events: none;
                                                               opacity: .11;
                                                               background: #2c6287;
                                                               clip-path: polygon( 0 100%, 17% 48%, 26% 66%, 44% 15%, 56% 55%, 72% 27%, 100% 100%);
                                                               animation: ftMountainFloat 9s ease-in-out infinite alternate;
                                                           }
                                                           
                                                           .mt-footer::after {
                                                               content: "";
                                                               position: absolute;
                                                               z-index: -1;
                                                               right: 0;
                                                               bottom: 35px;
                                                               width: 70%;
                                                               height: 190px;
                                                               pointer-events: none;
                                                               opacity: .09;
                                                               background: var(--ft-gold);
                                                               clip-path: polygon( 0 100%, 22% 70%, 38% 88%, 58% 35%, 72% 65%, 86% 43%, 100% 100%);
                                                               animation: ftMountainFloat 12s ease-in-out infinite alternate-reverse;
                                                           }
                                                           
                                                           .mt-footer .container {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           /* Subtle dotted texture */
                                                           
                                                           .mt-footer-main {
                                                               position: relative;
                                                               padding: 76px 0 54px;
                                                           }
                                                           
                                                           .mt-footer-main::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               opacity: .13;
                                                               background-image: radial-gradient( rgba(255, 255, 255, .35) .7px, transparent .7px);
                                                               background-size: 24px 24px;
                                                               mask-image: linear-gradient( 90deg, #000, transparent 95%);
                                                           }
                                                           /* =========================================
   BRAND
========================================= */
                                                           
                                                           .mt-footer-brand {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               /* margin-bottom: 22px; */
                                                               color: var(--ft-white);
                                                               text-decoration: none;
                                                           }
                                                           
                                                           .mt-footer-brand-icon {
                                                               position: relative;
                                                               display: grid;
                                                               place-items: center;
                                                               width: 58px;
                                                               height: 58px;
                                                               flex-shrink: 0;
                                                               overflow: hidden;
                                                               border: 1px solid rgba(244, 189, 50, .65);
                                                               border-radius: 12px;
                                                               color: var(--ft-navy);
                                                               background: linear-gradient( 145deg, var(--ft-gold-light), var(--ft-gold));
                                                               box-shadow: 0 8px 25px rgba(244, 189, 50, .12);
                                                               font-size: 26px;
                                                               transition: transform .4s ease, box-shadow .4s ease;
                                                           }
                                                           
                                                           .mt-footer-brand-icon::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: -80%;
                                                               left: -60%;
                                                               width: 35%;
                                                               height: 250%;
                                                               background: rgba(255, 255, 255, .5);
                                                               transform: rotate(25deg);
                                                               transition: left .6s ease;
                                                           }
                                                           
                                                           .mt-footer-brand:hover .mt-footer-brand-icon {
                                                               transform: translateY(-4px) rotate(-4deg);
                                                               box-shadow: 0 12px 30px rgba(244, 189, 50, .23);
                                                           }
                                                           
                                                           .mt-footer-brand:hover .mt-footer-brand-icon::after {
                                                               left: 140%;
                                                           }
                                                           
                                                           .mt-footer-brand-name {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 6px;
                                                           }
                                                           
                                                           .mt-footer-brand-name strong {
                                                               color: #fff;
                                                               font-size: 19px;
                                                               font-weight: 900;
                                                               letter-spacing: .6px;
                                                               line-height: 1.2;
                                                           }
                                                           
                                                           .mt-footer-brand-name small {
                                                               color: var(--ft-gold);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.1px;
                                                           }
                                                           /* Brand description */
                                                           
                                                           .mt-footer-description {
                                                               max-width: 350px;
                                                               margin: 0 0 21px;
                                                               color: var(--ft-muted);
                                                               font-size: 14px;
                                                               line-height: 2;
                                                           }
                                                           /* Brand location */
                                                           
                                                           .mt-footer-location {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 23px;
                                                               color: #dbe5ef;
                                                               font-size: 14px;
                                                           }
                                                           
                                                           .mt-footer-location i {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 30px;
                                                               height: 30px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(244, 189, 50, .3);
                                                               border-radius: 7px;
                                                               color: var(--ft-gold);
                                                               background: rgba(244, 189, 50, .07);
                                                               transition: transform .3s ease, background .3s ease;
                                                           }
                                                           
                                                           .mt-footer-location:hover i {
                                                               transform: translateY(-3px);
                                                               background: rgba(244, 189, 50, .15);
                                                           }
                                                           /* Brand CTA */
                                                           
                                                           .mt-footer-button {
                                                               position: relative;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 18px;
                                                               min-height: 48px;
                                                               padding: 12px 16px;
                                                               overflow: hidden;
                                                               border: 1px solid var(--ft-gold);
                                                               border-radius: 6px;
                                                               color: var(--ft-navy);
                                                               background: var(--ft-gold);
                                                               font-size: 12px;
                                                               font-weight: 850;
                                                               text-decoration: none;
                                                               transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
                                                           }
                                                           
                                                           .mt-footer-button::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: -50%;
                                                               left: -100%;
                                                               width: 45%;
                                                               height: 200%;
                                                               background: rgba(255, 255, 255, .45);
                                                               transform: rotate(25deg);
                                                               transition: left .6s ease;
                                                           }
                                                           
                                                           .mt-footer-button:hover::before {
                                                               left: 150%;
                                                           }
                                                           
                                                           .mt-footer-button:hover {
                                                               color: var(--ft-navy);
                                                               background: var(--ft-gold-light);
                                                               transform: translateY(-3px);
                                                               box-shadow: 0 10px 25px rgba(244, 189, 50, .15);
                                                           }
                                                           
                                                           .mt-footer-button i {
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-footer-button:hover i {
                                                               transform: translateX(5px);
                                                           }
                                                           /* =========================================
   FOOTER HEADINGS
========================================= */
                                                           
                                                           .mt-footer-heading {
                                                               position: relative;
                                                               display: inline-block;
                                                               margin: 5px 0 29px;
                                                               padding-bottom: 13px;
                                                               color: #fff;
                                                               font-size: 16px;
                                                               font-weight: 850;
                                                               letter-spacing: .3px;
                                                           }
                                                           
                                                           .mt-footer-heading::before {
                                                               content: "";
                                                               position: absolute;
                                                               bottom: 0;
                                                               left: 0;
                                                               width: 37px;
                                                               height: 3px;
                                                               border-radius: 3px;
                                                               background: var(--ft-gold);
                                                               transition: width .35s ease;
                                                           }
                                                           
                                                           .mt-footer-heading:hover::before {
                                                               width: 65px;
                                                           }
                                                           
                                                           .mt-footer-heading::after {
                                                               content: "";
                                                               position: absolute;
                                                               bottom: 0;
                                                               left: 42px;
                                                               width: 13px;
                                                               height: 3px;
                                                               border-radius: 3px;
                                                               background: rgba(244, 189, 50, .3);
                                                           }
                                                           /* =========================================
   QUICK LINKS + SERVICES
========================================= */
                                                           
                                                           .mt-footer-links {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 15px;
                                                               margin: 0;
                                                               padding: 0;
                                                               list-style: none;
                                                           }
                                                           
                                                           .mt-footer-links li {
                                                               margin: 0;
                                                               padding: 0;
                                                           }
                                                           
                                                           .mt-footer-links a {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               color: var(--ft-muted);
                                                               font-size: 14px;
                                                               line-height: 1.7;
                                                               text-decoration: none;
                                                               transition: color .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .mt-footer-links a i {
                                                               color: var(--ft-gold);
                                                               font-size: 10px;
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-footer-links a:hover {
                                                               color: #fff;
                                                               transform: translateX(5px);
                                                           }
                                                           
                                                           .mt-footer-links a:hover i {
                                                               transform: translateX(3px);
                                                           }
                                                           /* =========================================
   CONTACT ITEMS
========================================= */
                                                           
                                                           .mt-footer-contact-item {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 12px;
                                                               margin-bottom: 16px;
                                                               padding: 13px 11px;
                                                               border: 1px solid rgba(255, 255, 255, .085);
                                                               border-radius: 9px;
                                                               background: rgba(255, 255, 255, .035);
                                                               transition: transform .35s ease, border-color .35s ease, background .35s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-item:hover {
                                                               transform: translateY(-3px);
                                                               border-color: rgba(244, 189, 50, .35);
                                                               background: rgba(255, 255, 255, .055);
                                                           }
                                                           
                                                           .mt-footer-contact-icon {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 37px;
                                                               height: 37px;
                                                               flex-shrink: 0;
                                                               border: 1px solid rgba(244, 189, 50, .25);
                                                               border-radius: 8px;
                                                               color: var(--ft-gold);
                                                               background: rgba(244, 189, 50, .07);
                                                               font-size: 15px;
                                                               transition: transform .35s ease, background .35s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-item:hover .mt-footer-contact-icon {
                                                               transform: rotate(-7deg);
                                                               background: rgba(244, 189, 50, .14);
                                                           }
                                                           
                                                           .mt-footer-contact-item>div {
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-footer-contact-item strong {
                                                               display: block;
                                                               margin: 1px 0 7px;
                                                               color: #fff;
                                                               font-size: 14px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-footer-contact-item p {
                                                               margin: 0;
                                                               color: var(--ft-muted);
                                                               font-size: 13px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Google Maps link */
                                                           
                                                           .mt-footer-map-link {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               margin: -4px 0 19px 49px;
                                                               color: var(--ft-gold);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: color .3s ease, gap .3s ease;
                                                           }
                                                           
                                                           .mt-footer-map-link:hover {
                                                               gap: 12px;
                                                               color: var(--ft-gold-light);
                                                           }
                                                           /* Enquiry link */
                                                           
                                                           .mt-footer-enquiry {
                                                               margin-bottom: 0;
                                                           }
                                                           
                                                           .mt-footer-enquiry>div>a {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 7px;
                                                               margin-top: 9px;
                                                               color: var(--ft-gold);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: gap .3s ease;
                                                           }
                                                           
                                                           .mt-footer-enquiry>div>a:hover {
                                                               gap: 11px;
                                                           }
                                                           /* =========================================
   BOTTOM COPYRIGHT BAR
========================================= */
                                                           
                                                           .mt-footer-bottom {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 20px;
                                                               min-height: 76px;
                                                               padding: 19px 0;
                                                               border-top: 1px solid rgba(255, 255, 255, .13);
                                                           }
                                                           
                                                           .mt-footer-bottom p {
                                                               margin: 0;
                                                               color: #aebfd0;
                                                               font-size: 13px;
                                                               line-height: 1.8;
                                                           }
                                                           
                                                           .mt-footer-bottom p strong {
                                                               color: #fff;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-footer-back-top {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               color: #d9e3ed;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               text-decoration: none;
                                                               transition: color .3s ease;
                                                           }
                                                           
                                                           .mt-footer-back-top>span {
                                                               display: grid;
                                                               place-items: center;
                                                               width: 34px;
                                                               height: 34px;
                                                               border: 1px solid rgba(244, 189, 50, .5);
                                                               border-radius: 7px;
                                                               color: var(--ft-gold);
                                                               background: rgba(244, 189, 50, .07);
                                                               transition: transform .3s ease, color .3s ease, background .3s ease;
                                                           }
                                                           
                                                           .mt-footer-back-top:hover {
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-footer-back-top:hover>span {
                                                               transform: translateY(-4px);
                                                               color: var(--ft-navy);
                                                               background: var(--ft-gold);
                                                           }
                                                           /* =========================================
   ANIMATION KEYFRAMES
========================================= */
                                                           
                                                           @keyframes ftTopTravel {
                                                               0% {
                                                                   left: -35%;
                                                               }
                                                               100% {
                                                                   left: 110%;
                                                               }
                                                           }
                                                           
                                                           @keyframes ftMountainFloat {
                                                               0% {
                                                                   transform: translate3d(0, 0, 0);
                                                               }
                                                               100% {
                                                                   transform: translate3d(-15px, -7px, 0);
                                                               }
                                                           }
                                                           /* =========================================
   TABLET
========================================= */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .mt-footer-main {
                                                                   padding: 60px 0 42px;
                                                               }
                                                               .mt-footer-heading {
                                                                   margin-bottom: 23px;
                                                               }
                                                               .mt-footer-description {
                                                                   max-width: 420px;
                                                               }
                                                               .mt-footer::before,
                                                               .mt-footer::after {
                                                                   width: 100%;
                                                               }
                                                           }
                                                           /* =========================================
   MOBILE
========================================= */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-footer-main {
                                                                   padding: 48px 0 32px;
                                                               }
                                                               .mt-footer-main .row {
                                                                   --bs-gutter-y: 2rem;
                                                               }
                                                               .mt-footer-brand {
                                                                   gap: 11px;
                                                               }
                                                               .mt-footer-brand-icon {
                                                                   width: 49px;
                                                                   height: 49px;
                                                                   border-radius: 9px;
                                                                   font-size: 22px;
                                                               }
                                                               .mt-footer-brand-name strong {
                                                                   font-size: 16px;
                                                               }
                                                               .mt-footer-brand-name small {
                                                                   font-size: 8px;
                                                                   letter-spacing: 1.5px;
                                                               }
                                                               .mt-footer-description {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-footer-heading {
                                                                   margin: 0 0 23px;
                                                                   font-size: 14px;
                                                               }
                                                               .mt-footer-links {
                                                                   gap: 13px;
                                                               }
                                                               .mt-footer-links a {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-footer-contact-item {
                                                                   padding: 12px 10px;
                                                               }
                                                               .mt-footer-bottom {
                                                                   align-items: flex-start;
                                                                   flex-direction: column;
                                                                   gap: 14px;
                                                                   padding: 19px 0;
                                                               }
                                                               .mt-footer-bottom p {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-footer::before {
                                                                   right: -20%;
                                                                   width: 120%;
                                                                   height: 170px;
                                                               }
                                                               .mt-footer::after {
                                                                   width: 120%;
                                                                   height: 130px;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-footer *,
                                                               .mt-footer *::before,
                                                               .mt-footer *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                                   scroll-behavior: auto !important;
                                                               }
                                                           }
                                                           /* About us page  */
                                                           /* ==========================================
   MAYANK TRANSPORT — ABOUT PAGE BANNER
   Navy Blue | White | Yellow
========================================== */
                                                           
                                                           .mt-about-banner {
                                                               --about-navy: #06294f;
                                                               --about-blue: #0c477b;
                                                               --about-yellow: #ffc629;
                                                               --about-white: #ffffff;
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 78px 0 72px;
                                                               background: linear-gradient( 115deg, var(--about-navy) 0%, #083762 55%, var(--about-blue) 100%);
                                                               color: var(--about-white);
                                                           }
                                                           /* Decorative background pattern */
                                                           
                                                           .mt-about-banner-pattern {
                                                               position: absolute;
                                                               inset: 0;
                                                               z-index: -1;
                                                               pointer-events: none;
                                                               background: radial-gradient( circle at 85% 25%, rgba(255, 198, 41, 0.13), transparent 25%), repeating-linear-gradient( 125deg, transparent 0, transparent 75px, rgba(255, 255, 255, 0.035) 76px, transparent 78px);
                                                           }
                                                           /* Subtle bottom highlight */
                                                           
                                                           .mt-about-banner::after {
                                                               content: "";
                                                               position: absolute;
                                                               bottom: 0;
                                                               left: 0;
                                                               width: 100%;
                                                               height: 4px;
                                                               background: linear-gradient( 90deg, var(--about-yellow), #ffe28a 45%, transparent 100%);
                                                           }
                                                           /* Bootstrap container content */
                                                           
                                                           .mt-about-banner .container {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 30px;
                                                           }
                                                           /* Main content */
                                                           
                                                           .mt-about-banner-content {
                                                               position: relative;
                                                               z-index: 2;
                                                               animation: mtAboutFadeUp 0.8s ease both;
                                                           }
                                                           /* Small brand label */
                                                           
                                                           .mt-about-label {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               margin-bottom: 18px;
                                                               color: var(--about-yellow);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.5px;
                                                           }
                                                           
                                                           .mt-about-label-line {
                                                               display: inline-block;
                                                               width: 34px;
                                                               height: 3px;
                                                               border-radius: 5px;
                                                               background: var(--about-yellow);
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-about-banner h1 {
                                                               margin: 0;
                                                               color: var(--about-white);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(42px, 5.5vw, 66px);
                                                               font-weight: 800;
                                                               letter-spacing: -2px;
                                                               line-height: 1.12;
                                                           }
                                                           
                                                           .mt-about-banner h1 span {
                                                               color: var(--about-yellow);
                                                           }
                                                           /* Subtitle */
                                                           
                                                           .mt-about-banner-content>p {
                                                               margin: 17px 0 25px;
                                                               color: rgba(255, 255, 255, 0.83);
                                                               font-family: "DM Sans", sans-serif;
                                                               font-size: 16px;
                                                               line-height: 1.7;
                                                           }
                                                           /* Breadcrumb */
                                                           
                                                           .mt-about-breadcrumb {
                                                               display: flex;
                                                               align-items: center;
                                                               flex-wrap: wrap;
                                                               gap: 13px;
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                           }
                                                           
                                                           .mt-about-breadcrumb a {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               color: var(--about-white);
                                                               text-decoration: none;
                                                               transition: color 0.3s ease;
                                                           }
                                                           
                                                           .mt-about-breadcrumb a i {
                                                               color: var(--about-yellow);
                                                           }
                                                           
                                                           .mt-about-breadcrumb a:hover {
                                                               color: var(--about-yellow);
                                                           }
                                                           
                                                           .mt-breadcrumb-arrow {
                                                               color: rgba(255, 255, 255, 0.55);
                                                               font-size: 10px;
                                                           }
                                                           
                                                           .mt-about-breadcrumb>span {
                                                               color: var(--about-yellow);
                                                           }
                                                           /* Decorative truck icon */
                                                           
                                                           .mt-about-banner-icon {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex-shrink: 0;
                                                               width: 180px;
                                                               height: 150px;
                                                               margin-right: 35px;
                                                               border: 1px solid rgba(255, 255, 255, 0.18);
                                                               border-radius: 24px;
                                                               background: rgba(255, 255, 255, 0.055);
                                                               transform: rotate(-5deg);
                                                               animation: mtTruckFloat 4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-about-banner-icon i {
                                                               color: var(--about-yellow);
                                                               font-size: 76px;
                                                               filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.12));
                                                           }
                                                           
                                                           .mt-about-icon-line {
                                                               position: absolute;
                                                               right: -30px;
                                                               bottom: 25px;
                                                               width: 70px;
                                                               height: 3px;
                                                               border-radius: 10px;
                                                               background: var(--about-yellow);
                                                               opacity: 0.8;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtAboutFadeUp {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtTruckFloat {
                                                               0%,
                                                               100% {
                                                                   transform: translateY(0) rotate(-5deg);
                                                               }
                                                               50% {
                                                                   transform: translateY(-9px) rotate(-3deg);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 768px) {
                                                               .mt-about-banner {
                                                                   padding: 58px 0 52px;
                                                               }
                                                               .mt-about-banner .container {
                                                                   gap: 15px;
                                                               }
                                                               .mt-about-banner h1 {
                                                                   font-size: clamp(38px, 8vw, 52px);
                                                                   letter-spacing: -1.5px;
                                                               }
                                                               .mt-about-banner-content>p {
                                                                   font-size: 14px;
                                                                   margin: 14px 0 22px;
                                                               }
                                                               .mt-about-banner-icon {
                                                                   width: 105px;
                                                                   height: 100px;
                                                                   margin-right: 5px;
                                                                   border-radius: 18px;
                                                               }
                                                               .mt-about-banner-icon i {
                                                                   font-size: 48px;
                                                               }
                                                               .mt-about-icon-line {
                                                                   right: -10px;
                                                                   bottom: 15px;
                                                                   width: 35px;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 480px) {
                                                               .mt-about-banner {
                                                                   padding: 48px 0 43px;
                                                               }
                                                               .mt-about-banner .container {
                                                                   gap: 10px;
                                                               }
                                                               .mt-about-label {
                                                                   gap: 8px;
                                                                   margin-bottom: 14px;
                                                                   font-size: 10px;
                                                                   letter-spacing: 1.5px;
                                                               }
                                                               .mt-about-label-line {
                                                                   width: 23px;
                                                               }
                                                               .mt-about-banner h1 {
                                                                   font-size: 38px;
                                                                   letter-spacing: -1px;
                                                               }
                                                               .mt-about-banner-content>p {
                                                                   max-width: 230px;
                                                                   font-size: 12px;
                                                                   line-height: 1.6;
                                                               }
                                                               .mt-about-breadcrumb {
                                                                   gap: 9px;
                                                                   font-size: 12px;
                                                               }
                                                               .mt-about-banner-icon {
                                                                   width: 70px;
                                                                   height: 75px;
                                                                   margin-right: 0;
                                                                   border-radius: 14px;
                                                               }
                                                               .mt-about-banner-icon i {
                                                                   font-size: 32px;
                                                               }
                                                               .mt-about-icon-line {
                                                                   right: -5px;
                                                                   bottom: 10px;
                                                                   width: 22px;
                                                                   height: 2px;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-about-banner-content,
                                                               .mt-about-banner-icon {
                                                                   animation: none;
                                                               }
                                                               .mt-about-breadcrumb a {
                                                                   transition: none;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — FIXED TRUCK ANIMATION
========================================== */
                                                           
                                                           .mt-about-visual {
                                                               --mt-navy: #06294f;
                                                               --mt-blue: #0c477b;
                                                               --mt-yellow: #ffc629;
                                                               position: relative;
                                                               isolation: isolate;
                                                               flex: 0 1 410px;
                                                               width: 100%;
                                                               max-width: 410px;
                                                               min-width: 0;
                                                               padding: 24px 0 18px;
                                                           }
                                                           /* Label */
                                                           
                                                           .mt-visual-label {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 9px;
                                                               width: fit-content;
                                                               margin: 0 auto 8px;
                                                               padding: 10px 15px;
                                                               border: 1px solid rgba(255, 255, 255, .18);
                                                               border-radius: 5px;
                                                               background: rgba(255, 255, 255, .06);
                                                               color: #fff;
                                                               font-family: "DM Sans", sans-serif;
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-live-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex: 0 0 8px;
                                                               border-radius: 50%;
                                                               background: var(--mt-yellow);
                                                               animation: mtStatusPulse 2.2s ease-in-out infinite;
                                                           }
                                                           /* SVG truck */
                                                           
                                                           .mt-logistics-truck {
                                                               display: block;
                                                               width: 100%;
                                                               height: auto;
                                                               overflow: visible;
                                                           }
                                                           /*
  IMPORTANT:
  Do not apply transform/rotate to wheel groups.
  This keeps every wheel at its original coordinates.
*/
                                                           /* Optional rotation ONLY for the tiny inner spokes.
   SVG transform-origin is explicitly set to the local center. */
                                                           
                                                           .mt-wheel-spokes {
                                                               transform-box: fill-box;
                                                               transform-origin: center;
                                                               animation: mtSpokeTurn 3s linear infinite;
                                                           }
                                                           /* Road lines move independently */
                                                           
                                                           .mt-road-lines {
                                                               animation: mtRoadMove 2.5s linear infinite;
                                                           }
                                                           /* Caption */
                                                           
                                                           .mt-visual-caption {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               flex-wrap: wrap;
                                                               gap: 7px;
                                                               margin-top: 0;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 10px;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-visual-caption span {
                                                               color: rgba(255, 255, 255, .78);
                                                               font-weight: 600;
                                                           }
                                                           
                                                           .mt-visual-caption strong {
                                                               color: var(--mt-yellow);
                                                               font-weight: 800;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtSpokeTurn {
                                                               from {
                                                                   transform: rotate(0deg);
                                                               }
                                                               to {
                                                                   transform: rotate(360deg);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRoadMove {
                                                               from {
                                                                   transform: translateX(0);
                                                               }
                                                               to {
                                                                   transform: translateX(-24px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtStatusPulse {
                                                               0%,
                                                               100% {
                                                                   opacity: 1;
                                                                   box-shadow: 0 0 0 0 rgba(255, 198, 41, .35);
                                                               }
                                                               50% {
                                                                   opacity: .7;
                                                                   box-shadow: 0 0 0 5px rgba(255, 198, 41, 0);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-about-visual {
                                                                   flex-basis: 340px;
                                                                   max-width: 340px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           /* ===================================
   MAYANK TRANSPORT ABOUT BANNER
   MOBILE CENTER ALIGNMENT
=================================== */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-about-banner {
                                                                   text-align: center;
                                                                   overflow: hidden;
                                                               }
                                                               .mt-about-banner>.container {
                                                                   display: flex;
                                                                   flex-direction: column;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   width: 100%;
                                                                   max-width: 100%;
                                                                   margin-left: auto;
                                                                   margin-right: auto;
                                                                   padding-left: 15px;
                                                                   padding-right: 15px;
                                                                   box-sizing: border-box;
                                                               }
                                                               /* Heading and text */
                                                               .mt-about-banner-content {
                                                                   width: 100%;
                                                                   max-width: 100%;
                                                                   margin-left: auto;
                                                                   margin-right: auto;
                                                                   text-align: center;
                                                               }
                                                               .mt-about-label {
                                                                   display: flex;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   flex-wrap: wrap;
                                                                   text-align: center;
                                                               }
                                                               .mt-about-banner-content h1,
                                                               .mt-about-banner-content p {
                                                                   width: 100%;
                                                                   text-align: center;
                                                                   margin-left: auto;
                                                                   margin-right: auto;
                                                               }
                                                               /* Breadcrumb */
                                                               .mt-about-breadcrumb {
                                                                   display: flex;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   flex-wrap: wrap;
                                                                   gap: 8px;
                                                                   width: 100%;
                                                                   text-align: center;
                                                                   margin-left: auto;
                                                                   margin-right: auto;
                                                               }
                                                               /* Truck visual */
                                                               .mt-about-visual {
                                                                   position: relative;
                                                                   width: 100%;
                                                                   max-width: 440px;
                                                                   margin: 30px auto 0;
                                                                   display: flex;
                                                                   flex-direction: column;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   text-align: center;
                                                                   box-sizing: border-box;
                                                               }
                                                               .mt-logistics-truck {
                                                                   display: block;
                                                                   width: 100%;
                                                                   max-width: 440px;
                                                                   height: auto;
                                                                   margin: 0 auto;
                                                               }
                                                               /* Labels above and below truck */
                                                               .mt-visual-label {
                                                                   display: flex;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   text-align: center;
                                                               }
                                                               .mt-visual-caption {
                                                                   width: 100%;
                                                                   display: flex;
                                                                   flex-wrap: wrap;
                                                                   align-items: center;
                                                                   justify-content: center;
                                                                   gap: 4px;
                                                                   text-align: center;
                                                               }
                                                           }
                                                           /* Small mobile screens */
                                                           
                                                           @media (max-width: 480px) {
                                                               .mt-about-banner>.container {
                                                                   padding-left: 12px;
                                                                   padding-right: 12px;
                                                               }
                                                               .mt-about-visual {
                                                                   max-width: 380px;
                                                                   margin-top: -17px;
                                                               }
                                                               .mt-about-banner-content h1 {
                                                                   font-size: clamp(30px, 8vw, 40px);
                                                               }
                                                               .mt-about-banner-content p {
                                                                   max-width: 320px;
                                                               }
                                                               .mt-logistics-truck {
                                                                   width: 100%;
                                                                   height: auto;
                                                               }
                                                               .mt-visual-caption {
                                                                   font-size: 13px;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-about-visual {
                                                                   max-width: 100%;
                                                               }
                                                               .mt-visual-caption {
                                                                   gap: 5px;
                                                                   font-size: 8px;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-wheel-spokes,
                                                               .mt-road-lines,
                                                               .mt-live-dot {
                                                                   animation: none !important;
                                                               }
                                                           }
                                                           /* ==============================================
   MAYANK TRANSPORT — ABOUT US SECTION
   Corporate Logistics Design
   Navy: #06294f | Blue: #0c477b | Yellow: #ffc629
============================================== */
                                                           
                                                           .mt-about-section {
                                                               --mt-navy: #06294f;
                                                               --mt-blue: #0c477b;
                                                               --mt-yellow: #ffc629;
                                                               --mt-white: #ffffff;
                                                               --mt-muted: #60758b;
                                                               --mt-border: #e5edf4;
                                                               position: relative;
                                                               overflow: hidden;
                                                               padding: 75px 0;
                                                               background: #ffffff;
                                                               color: var(--mt-navy);
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .mt-about-container {
                                                               width: min(1260px, calc(100% - 48px));
                                                               margin-inline: auto;
                                                               display: grid;
                                                               grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
                                                               align-items: center;
                                                               gap: 64px;
                                                           }
                                                           /* LEFT CONTENT */
                                                           
                                                           .mt-about-copy {
                                                               min-width: 0;
                                                               animation: mtAboutContentEnter .75s ease both;
                                                           }
                                                           
                                                           .mt-about-eyebrow {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               margin-bottom: 20px;
                                                               color: var(--mt-blue);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .mt-about-eyebrow-line {
                                                               width: 35px;
                                                               height: 3px;
                                                               flex-shrink: 0;
                                                               border-radius: 4px;
                                                               background: var(--mt-yellow);
                                                           }
                                                           
                                                           .mt-about-copy h2 {
                                                               max-width: 540px;
                                                               margin: 0 0 23px;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(34px, 3.6vw, 49px);
                                                               font-weight: 800;
                                                               letter-spacing: -1.8px;
                                                               line-height: 1.18;
                                                           }
                                                           
                                                           .mt-about-copy h2 span {
                                                               display: block;
                                                               color: var(--mt-blue);
                                                           }
                                                           
                                                           .mt-about-intro {
                                                               max-width: 530px;
                                                               margin: 0 0 16px;
                                                               color: #29465f;
                                                               font-size: 16px;
                                                               font-weight: 600;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .mt-about-description {
                                                               max-width: 535px;
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 14px;
                                                               line-height: 1.95;
                                                           }
                                                           /* FEATURES */
                                                           
                                                           .mt-about-highlights {
                                                               display: grid;
                                                               gap: 19px;
                                                               margin-top: 32px;
                                                           }
                                                           
                                                           .mt-about-highlight {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 16px;
                                                           }
                                                           
                                                           .mt-highlight-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 47px;
                                                               height: 47px;
                                                               flex: 0 0 47px;
                                                               border: 1px solid #e5edf4;
                                                               border-radius: 12px;
                                                               background: #f4f8fc;
                                                               color: var(--mt-blue);
                                                               font-size: 18px;
                                                               transition: background .3s ease, color .3s ease, transform .3s ease, border-color .3s ease;
                                                           }
                                                           
                                                           .mt-about-highlight:hover .mt-highlight-icon {
                                                               transform: translateY(-3px);
                                                               border-color: var(--mt-yellow);
                                                               background: var(--mt-yellow);
                                                               color: var(--mt-navy);
                                                           }
                                                           
                                                           .mt-about-highlight h3 {
                                                               margin: 2px 0 5px;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 15px;
                                                               font-weight: 800;
                                                               line-height: 1.45;
                                                           }
                                                           
                                                           .mt-about-highlight p {
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 13px;
                                                               line-height: 1.7;
                                                           }
                                                           /* ACTIONS */
                                                           
                                                           .mt-about-actions {
                                                               display: flex;
                                                               align-items: center;
                                                               flex-wrap: wrap;
                                                               gap: 22px;
                                                               margin-top: 35px;
                                                           }
                                                           
                                                           .mt-about-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               min-height: 51px;
                                                               padding: 0 21px;
                                                               border: 1px solid var(--mt-navy);
                                                               border-radius: 5px;
                                                               background: var(--mt-navy);
                                                               color: #ffffff;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               text-decoration: none;
                                                               transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .mt-about-btn i {
                                                               color: var(--mt-yellow);
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .mt-about-btn:hover {
                                                               transform: translateY(-3px);
                                                               border-color: var(--mt-yellow);
                                                               background: var(--mt-yellow);
                                                               color: var(--mt-navy);
                                                           }
                                                           
                                                           .mt-about-btn:hover i {
                                                               transform: translateX(4px);
                                                               color: var(--mt-navy);
                                                           }
                                                           
                                                           .mt-about-location {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                           }
                                                           
                                                           .mt-about-location>i {
                                                               color: var(--mt-blue);
                                                               font-size: 20px;
                                                           }
                                                           
                                                           .mt-about-location span {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 3px;
                                                               color: var(--mt-muted);
                                                               font-size: 12px;
                                                           }
                                                           
                                                           .mt-about-location strong {
                                                               color: var(--mt-navy);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                           }
                                                           /* RIGHT VISUAL */
                                                           
                                                           .mt-about-visual-wrap {
                                                               position: relative;
                                                               min-width: 0;
                                                               padding: 0 0 16px 12px;
                                                               animation: mtAboutVisualEnter .9s ease both;
                                                           }
                                                           
                                                           .mt-about-visual-card {
                                                               position: relative;
                                                               z-index: 1;
                                                               overflow: hidden;
                                                               border: 1px solid #dce6ef;
                                                               border-radius: 13px;
                                                               background: #ffffff;
                                                               box-shadow: 0 24px 65px rgba(6, 41, 79, .12);
                                                           }
                                                           /* Visual header */
                                                           
                                                           .mt-about-visual-top {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 15px;
                                                               padding: 25px 25px 21px;
                                                           }
                                                           
                                                           .mt-visual-kicker {
                                                               display: block;
                                                               margin-bottom: 8px;
                                                               color: var(--mt-blue);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.6px;
                                                           }
                                                           
                                                           .mt-about-visual-top h3 {
                                                               margin: 0;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 23px;
                                                               font-weight: 800;
                                                               letter-spacing: -.6px;
                                                           }
                                                           
                                                           .mt-visual-truck-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 47px;
                                                               height: 47px;
                                                               flex: 0 0 47px;
                                                               border-radius: 10px;
                                                               background: #fff6d9;
                                                               color: var(--mt-blue);
                                                               font-size: 21px;
                                                           }
                                                           /* Route information */
                                                           
                                                           .mt-route-visual {
                                                               margin: 0 20px;
                                                               padding: 18px;
                                                               border: 1px solid #e5edf4;
                                                               border-radius: 8px;
                                                               background: #f7fafd;
                                                           }
                                                           
                                                           .mt-route-heading {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               margin-bottom: 22px;
                                                               color: var(--mt-blue);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .mt-route-heading i {
                                                               color: #9aafc1;
                                                               font-size: 15px;
                                                           }
                                                           
                                                           .mt-route-line {
                                                               position: relative;
                                                               display: grid;
                                                               gap: 0;
                                                           }
                                                           
                                                           .mt-route-point {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               min-height: 38px;
                                                           }
                                                           
                                                           .mt-route-dot {
                                                               width: 12px;
                                                               height: 12px;
                                                               flex: 0 0 12px;
                                                               border: 3px solid var(--mt-blue);
                                                               border-radius: 50%;
                                                               background: #ffffff;
                                                           }
                                                           
                                                           .mt-route-end .mt-route-dot {
                                                               border-color: var(--mt-yellow);
                                                               background: var(--mt-yellow);
                                                           }
                                                           
                                                           .mt-route-point>div {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 4px;
                                                           }
                                                           
                                                           .mt-route-point small {
                                                               color: #7b90a3;
                                                               font-size: 8px;
                                                               font-weight: 800;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .mt-route-point strong {
                                                               color: var(--mt-navy);
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                           }
                                                           /* Route line stays between the two stops */
                                                           
                                                           .mt-route-track {
                                                               position: relative;
                                                               height: 34px;
                                                               margin-left: 5px;
                                                           }
                                                           
                                                           .mt-route-track-line,
                                                           .mt-route-track-progress {
                                                               position: absolute;
                                                               top: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               width: 2px;
                                                           }
                                                           
                                                           .mt-route-track-line {
                                                               background: #cad8e4;
                                                           }
                                                           
                                                           .mt-route-track-progress {
                                                               transform-origin: top;
                                                               background: var(--mt-yellow);
                                                               animation: mtRouteProgress 2.8s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-route-moving-truck {
                                                               position: absolute;
                                                               z-index: 2;
                                                               top: 0;
                                                               left: -7px;
                                                               color: var(--mt-blue);
                                                               font-size: 13px;
                                                               background: #f7fafd;
                                                               animation: mtRouteTruckMove 2.8s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-route-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               margin-top: 18px;
                                                               padding-top: 13px;
                                                               border-top: 1px solid #e5edf4;
                                                               color: #60758b;
                                                               font-size: 10px;
                                                           }
                                                           
                                                           .mt-route-bottom i {
                                                               color: var(--mt-blue);
                                                           }
                                                           /* Truck scene */
                                                           
                                                           .mt-about-truck-scene {
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               height: 225px;
                                                               margin-top: 15px;
                                                               background: linear-gradient(180deg, #f3f8fc, #e6f0f8);
                                                           }
                                                           
                                                           .mt-scene-sun {
                                                               position: absolute;
                                                               z-index: -1;
                                                               top: 21px;
                                                               right: 40px;
                                                               width: 55px;
                                                               height: 55px;
                                                               border-radius: 50%;
                                                               background: rgba(255, 198, 41, .48);
                                                           }
                                                           
                                                           .mt-scene-hill {
                                                               position: absolute;
                                                               z-index: -1;
                                                               bottom: 15px;
                                                               width: 125%;
                                                               height: 105px;
                                                               border-radius: 50% 50% 0 0;
                                                           }
                                                           
                                                           .mt-scene-hill-back {
                                                               left: -40%;
                                                               background: #d6e5f1;
                                                           }
                                                           
                                                           .mt-scene-hill-front {
                                                               right: -45%;
                                                               bottom: 0;
                                                               background: #c3d9e9;
                                                           }
                                                           
                                                           .mt-about-truck-svg {
                                                               position: absolute;
                                                               z-index: 2;
                                                               right: 0;
                                                               bottom: 15px;
                                                               left: 0;
                                                               display: block;
                                                               width: 100%;
                                                               max-width: 420px;
                                                               height: auto;
                                                               margin: auto;
                                                               animation: mtTruckSceneMove 5s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-scene-road {
                                                               position: absolute;
                                                               z-index: 1;
                                                               right: 0;
                                                               bottom: 13px;
                                                               left: 0;
                                                               height: 3px;
                                                               background: #0c477b;
                                                           }
                                                           
                                                           .mt-scene-road::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: 1px;
                                                               left: 0;
                                                               width: 100%;
                                                               height: 2px;
                                                               background: repeating-linear-gradient( 90deg, #ffc629 0 25px, transparent 25px 47px);
                                                               animation: mtRoadDash 2.5s linear infinite;
                                                           }
                                                           /* Visual footer */
                                                           
                                                           .mt-about-visual-footer {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               padding: 19px 22px;
                                                           }
                                                           
                                                           .mt-visual-footer-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 38px;
                                                               height: 38px;
                                                               flex: 0 0 38px;
                                                               border-radius: 8px;
                                                               background: #fff6d9;
                                                               color: var(--mt-blue);
                                                               font-size: 17px;
                                                           }
                                                           
                                                           .mt-about-visual-footer>div:nth-child(2) {
                                                               display: flex;
                                                               flex: 1;
                                                               flex-direction: column;
                                                               gap: 5px;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-about-visual-footer strong {
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-about-visual-footer span {
                                                               color: var(--mt-muted);
                                                               font-size: 10px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-footer-arrow {
                                                               color: var(--mt-blue);
                                                               font-size: 13px;
                                                           }
                                                           /* Decorative accent */
                                                           
                                                           .mt-about-accent {
                                                               position: absolute;
                                                               z-index: 0;
                                                               top: 22px;
                                                               right: -3px;
                                                               bottom: -2px;
                                                               left: 28px;
                                                               border: 2px solid var(--mt-yellow);
                                                               border-radius: 13px;
                                                               pointer-events: none;
                                                           }
                                                           /* Motion */
                                                           
                                                           @keyframes mtAboutContentEnter {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(18px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtAboutVisualEnter {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateX(18px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateX(0);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRouteProgress {
                                                               0% {
                                                                   transform: scaleY(0);
                                                                   transform-origin: top;
                                                               }
                                                               45% {
                                                                   transform: scaleY(1);
                                                                   transform-origin: top;
                                                               }
                                                               55% {
                                                                   transform: scaleY(1);
                                                                   transform-origin: bottom;
                                                               }
                                                               100% {
                                                                   transform: scaleY(0);
                                                                   transform-origin: bottom;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRouteTruckMove {
                                                               0%,
                                                               100% {
                                                                   top: 0;
                                                               }
                                                               50% {
                                                                   top: 21px;
                                                               }
                                                           }
                                                           
                                                           @keyframes mtTruckSceneMove {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   transform: translateX(4px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtRoadDash {
                                                               from {
                                                                   background-position: 0 0;
                                                               }
                                                               to {
                                                                   background-position: -47px 0;
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-about-section {
                                                                   padding: 80px 0;
                                                               }
                                                               .mt-about-container {
                                                                   grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
                                                                   gap: 32px;
                                                               }
                                                               .mt-about-copy h2 {
                                                                   font-size: clamp(31px, 4vw, 40px);
                                                               }
                                                               .mt-about-visual-top {
                                                                   padding: 20px 18px;
                                                               }
                                                               .mt-about-visual-top h3 {
                                                                   font-size: 19px;
                                                               }
                                                               .mt-route-visual {
                                                                   margin-inline: 13px;
                                                                   padding: 14px;
                                                               }
                                                               .mt-about-truck-scene {
                                                                   height: 185px;
                                                               }
                                                               .mt-about-actions {
                                                                   gap: 16px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-about-section {
                                                                   padding: 65px 0;
                                                               }
                                                               .mt-about-container {
                                                                   width: min(100% - 36px, 560px);
                                                                   grid-template-columns: minmax(0, 1fr);
                                                                   gap: 42px;
                                                               }
                                                               .mt-about-copy h2 {
                                                                   max-width: 450px;
                                                                   font-size: clamp(33px, 8vw, 43px);
                                                                   letter-spacing: -1.2px;
                                                               }
                                                               .mt-about-intro {
                                                                   font-size: 15px;
                                                                   line-height: 1.8;
                                                               }
                                                               .mt-about-description {
                                                                   font-size: 13px;
                                                               }
                                                               .mt-about-highlights {
                                                                   gap: 20px;
                                                                   margin-top: 27px;
                                                               }
                                                               .mt-about-actions {
                                                                   align-items: flex-start;
                                                                   flex-direction: column;
                                                                   gap: 20px;
                                                               }
                                                               .mt-about-visual-wrap {
                                                                   width: 100%;
                                                                   padding-left: 6px;
                                                               }
                                                               .mt-about-visual-card {
                                                                   border-radius: 10px;
                                                               }
                                                               .mt-about-truck-scene {
                                                                   height: 210px;
                                                               }
                                                               .mt-about-accent {
                                                                   top: 15px;
                                                                   left: 18px;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-about-container {
                                                                   width: calc(100% - 28px);
                                                               }
                                                               .mt-about-copy h2 {
                                                                   font-size: 32px;
                                                               }
                                                               .mt-about-eyebrow {
                                                                   font-size: 9px;
                                                                   letter-spacing: 1.3px;
                                                               }
                                                               .mt-about-visual-top h3 {
                                                                   font-size: 18px;
                                                               }
                                                               .mt-about-visual-footer {
                                                                   gap: 9px;
                                                                   padding: 15px;
                                                               }
                                                               .mt-about-visual-footer strong {
                                                                   font-size: 11px;
                                                               }
                                                               .mt-about-visual-footer span {
                                                                   font-size: 9px;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-about-copy,
                                                               .mt-about-visual-wrap,
                                                               .mt-about-truck-svg,
                                                               .mt-route-track-progress,
                                                               .mt-route-moving-truck,
                                                               .mt-scene-road::after {
                                                                   animation: none !important;
                                                               }
                                                               .mt-about-highlight .mt-highlight-icon,
                                                               .mt-about-btn,
                                                               .mt-about-btn i {
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* ==========================================
   TRANSPORT JOURNEY — CLEAN ROUTE DESIGN
========================================== */
                                                           
                                                           .mt-route-visual {
                                                               position: relative;
                                                               margin: 0 20px;
                                                               padding: 20px;
                                                               overflow: hidden;
                                                               border: 1px solid #e1eaf2;
                                                               border-radius: 9px;
                                                               background: #f7fafd;
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-route-visual *,
                                                           .mt-route-visual *::before,
                                                           .mt-route-visual *::after {
                                                               box-sizing: border-box;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-route-heading {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 12px;
                                                               margin: 0 0 24px;
                                                           }
                                                           
                                                           .mt-route-heading span {
                                                               color: #0c477b;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .mt-route-heading>i {
                                                               color: #8ba4b9;
                                                               font-size: 15px;
                                                           }
                                                           /* Route stops */
                                                           
                                                           .mt-route-stops {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 0;
                                                           }
                                                           
                                                           .mt-route-stop {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 14px;
                                                               min-width: 0;
                                                               min-height: 46px;
                                                               padding: 4px 0;
                                                               transform: none !important;
                                                           }
                                                           /* Location marker */
                                                           
                                                           .mt-stop-marker {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 36px;
                                                               height: 36px;
                                                               flex: 0 0 36px;
                                                               border: 1px solid #dbe6ef;
                                                               border-radius: 8px;
                                                               background: #ffffff;
                                                               color: #0c477b;
                                                               font-size: 14px;
                                                           }
                                                           
                                                           .mt-stop-destination {
                                                               border-color: #ffe08a;
                                                               background: #fff7df;
                                                               color: #a87500;
                                                           }
                                                           /* Text */
                                                           
                                                           .mt-stop-info {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 5px;
                                                               min-width: 0;
                                                               transform: none !important;
                                                           }
                                                           
                                                           .mt-stop-label {
                                                               color: #8296a8;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.1px;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .mt-stop-info strong {
                                                               color: #06294f;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                               overflow-wrap: anywhere;
                                                           }
                                                           /* Connector between stops */
                                                           
                                                           .mt-route-connector {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               height: 35px;
                                                               margin-left: 17px;
                                                               padding-left: 0;
                                                           }
                                                           
                                                           .mt-connector-line {
                                                               width: 2px;
                                                               height: 100%;
                                                               border-radius: 3px;
                                                               background: #cbd9e5;
                                                           }
                                                           
                                                           .mt-connector-truck {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 27px;
                                                               height: 27px;
                                                               margin-left: -22px;
                                                               border: 1px solid #f1d786;
                                                               border-radius: 50%;
                                                               background: #ffffff;
                                                               color: #0c477b;
                                                               font-size: 11px;
                                                               animation: mtRouteTruckPulse 2.5s ease-in-out infinite;
                                                           }
                                                           /* Bottom note */
                                                           
                                                           .mt-route-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               margin-top: 20px;
                                                               padding-top: 15px;
                                                               border-top: 1px solid #e1eaf2;
                                                               color: #60758b;
                                                               font-size: 11px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-route-bottom>i {
                                                               flex: 0 0 auto;
                                                               color: #0c477b;
                                                               font-size: 13px;
                                                           }
                                                           /* Subtle truck animation — no rotation */
                                                           
                                                           @keyframes mtRouteTruckPulse {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                                   background: #ffffff;
                                                               }
                                                               50% {
                                                                   transform: translateX(5px);
                                                                   background: #fff7df;
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-route-visual {
                                                                   margin: 0 14px;
                                                                   padding: 17px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-route-visual {
                                                                   margin: 0 12px;
                                                                   padding: 16px;
                                                               }
                                                               .mt-route-heading {
                                                                   margin-bottom: 20px;
                                                               }
                                                               .mt-route-stop {
                                                                   gap: 12px;
                                                                   min-height: 44px;
                                                               }
                                                               .mt-stop-info strong {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-stop-label {
                                                                   font-size: 8px;
                                                               }
                                                               .mt-route-bottom {
                                                                   margin-top: 17px;
                                                                   padding-top: 13px;
                                                                   font-size: 10px;
                                                               }
                                                           }
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-connector-truck {
                                                                   animation: none;
                                                               }
                                                           }
                                                           /* =============================================
   LOGISTICS PURPOSE SECTION
   Corporate Navy / Blue / Yellow
============================================= */
                                                           
                                                           .logi-purpose {
                                                               --lp-navy: #06294f;
                                                               --lp-blue: #0c477b;
                                                               --lp-yellow: #ffc629;
                                                               --lp-text: #183b59;
                                                               --lp-muted: #6a7f92;
                                                               --lp-border: #e1eaf2;
                                                               position: relative;
                                                               overflow: hidden;
                                                               padding: 75px 0;
                                                               background: #ffffff;
                                                               color: var(--lp-navy);
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .logi-purpose *,
                                                           .logi-purpose *::before,
                                                           .logi-purpose *::after {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .logi-purpose-container {
                                                               width: min(1260px, calc(100% - 48px));
                                                               margin: 0 auto;
                                                           }
                                                           /* Section heading */
                                                           
                                                           .logi-purpose-header {
                                                               display: grid;
                                                               grid-template-columns: 1.05fr .75fr;
                                                               align-items: end;
                                                               gap: 55px;
                                                               margin-bottom: 42px;
                                                           }
                                                           
                                                           .logi-eyebrow {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 17px;
                                                               color: var(--lp-blue);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 2px;
                                                           }
                                                           
                                                           .logi-eyebrow-line {
                                                               width: 32px;
                                                               height: 3px;
                                                               flex-shrink: 0;
                                                               border-radius: 5px;
                                                               background: var(--lp-yellow);
                                                           }
                                                           
                                                           .logi-purpose-heading h2 {
                                                               margin: 0;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(36px, 4.4vw, 55px);
                                                               font-weight: 800;
                                                               line-height: 1.13;
                                                               letter-spacing: -2px;
                                                               color: var(--lp-navy);
                                                           }
                                                           
                                                           .logi-purpose-heading h2 span {
                                                               display: block;
                                                               color: var(--lp-blue);
                                                           }
                                                           
                                                           .logi-purpose-intro {
                                                               max-width: 440px;
                                                               margin: 0 0 5px;
                                                               padding-left: 22px;
                                                               border-left: 3px solid var(--lp-yellow);
                                                               color: var(--lp-muted);
                                                               font-size: 14px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Hero panel */
                                                           
                                                           .logi-purpose-hero {
                                                               display: grid;
                                                               grid-template-columns: .85fr 1.15fr;
                                                               align-items: stretch;
                                                               overflow: hidden;
                                                               margin-bottom: 28px;
                                                               border-radius: 12px;
                                                               background: var(--lp-navy);
                                                               box-shadow: 0 18px 50px rgba(6, 41, 79, .12);
                                                           }
                                                           
                                                           .logi-purpose-hero-content {
                                                               display: flex;
                                                               flex-direction: column;
                                                               justify-content: center;
                                                               align-items: flex-start;
                                                               padding: 43px 36px;
                                                               background: linear-gradient(145deg, #06294f, #0a355f);
                                                           }
                                                           
                                                           .logi-hero-kicker {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               color: var(--lp-yellow);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .logi-hero-kicker i {
                                                               font-size: 13px;
                                                           }
                                                           
                                                           .logi-purpose-hero-content h3 {
                                                               margin: 24px 0 17px;
                                                               color: #ffffff;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(29px, 3.3vw, 41px);
                                                               font-weight: 800;
                                                               letter-spacing: -1.2px;
                                                               line-height: 1.2;
                                                           }
                                                           
                                                           .logi-purpose-hero-content h3 span {
                                                               display: block;
                                                               color: var(--lp-yellow);
                                                           }
                                                           
                                                           .logi-purpose-hero-content>p {
                                                               max-width: 370px;
                                                               margin: 0;
                                                               color: #cfdeeb;
                                                               font-size: 13px;
                                                               line-height: 1.9;
                                                           }
                                                           
                                                           .logi-hero-points {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               gap: 11px 17px;
                                                               margin-top: 27px;
                                                           }
                                                           
                                                           .logi-hero-points span {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 7px;
                                                               color: #ffffff;
                                                               font-size: 10px;
                                                               font-weight: 600;
                                                           }
                                                           
                                                           .logi-hero-points i {
                                                               color: var(--lp-yellow);
                                                               font-size: 11px;
                                                           }
                                                           /* Hero illustration panel */
                                                           
                                                           .logi-hero-visual {
                                                               position: relative;
                                                               isolation: isolate;
                                                               display: flex;
                                                               flex-direction: column;
                                                               justify-content: space-between;
                                                               min-width: 0;
                                                               min-height: 330px;
                                                               overflow: hidden;
                                                               background: linear-gradient(145deg, #0d4778, #092e51);
                                                           }
                                                           
                                                           .logi-visual-grid {
                                                               position: absolute;
                                                               z-index: -2;
                                                               inset: 0;
                                                               background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
                                                               background-size: 32px 32px;
                                                               mask-image: linear-gradient(to bottom, black, transparent 95%);
                                                           }
                                                           
                                                           .logi-visual-label {
                                                               position: relative;
                                                               z-index: 3;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               align-self: flex-start;
                                                               margin: 23px 0 0 24px;
                                                               padding: 9px 12px;
                                                               border: 1px solid rgba(255, 255, 255, .17);
                                                               border-radius: 4px;
                                                               background: rgba(255, 255, 255, .06);
                                                               color: #ffffff;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .logi-live-indicator {
                                                               width: 7px;
                                                               height: 7px;
                                                               flex: 0 0 7px;
                                                               border-radius: 50%;
                                                               background: var(--lp-yellow);
                                                               box-shadow: 0 0 0 4px rgba(255, 198, 41, .12);
                                                               animation: lpIndicatorPulse 2.4s ease-in-out infinite;
                                                           }
                                                           /* Decorative route */
                                                           
                                                           .logi-visual-orbit {
                                                               position: absolute;
                                                               z-index: -1;
                                                               border: 1px solid rgba(255, 255, 255, .10);
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .logi-orbit-one {
                                                               top: 35px;
                                                               right: -80px;
                                                               width: 300px;
                                                               height: 300px;
                                                           }
                                                           
                                                           .logi-orbit-two {
                                                               top: 70px;
                                                               right: -45px;
                                                               width: 230px;
                                                               height: 230px;
                                                           }
                                                           
                                                           .logi-route-svg {
                                                               position: absolute;
                                                               inset: 0;
                                                               width: 100%;
                                                               height: 100%;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .logi-route-base {
                                                               stroke: rgba(255, 255, 255, .25);
                                                               stroke-width: 2;
                                                               stroke-dasharray: 5 8;
                                                           }
                                                           
                                                           .logi-route-active {
                                                               stroke: var(--lp-yellow);
                                                               stroke-width: 2.5;
                                                               stroke-linecap: round;
                                                               stroke-dasharray: 8 12;
                                                               animation: lpRouteFlow 3.5s linear infinite;
                                                           }
                                                           
                                                           .logi-route-node {
                                                               position: absolute;
                                                               z-index: 2;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 29px;
                                                               height: 29px;
                                                               border: 1px solid rgba(255, 255, 255, .25);
                                                               border-radius: 50%;
                                                               background: #0c477b;
                                                               color: var(--lp-yellow);
                                                               font-size: 12px;
                                                           }
                                                           
                                                           .logi-node-start {
                                                               top: 48%;
                                                               left: 7%;
                                                           }
                                                           
                                                           .logi-node-end {
                                                               top: 21%;
                                                               right: 7%;
                                                           }
                                                           /* Truck illustration */
                                                           
                                                           .logi-truck-illustration {
                                                               position: absolute;
                                                               z-index: 2;
                                                               right: 0;
                                                               bottom: 34px;
                                                               left: 0;
                                                               width: 100%;
                                                               max-width: 460px;
                                                               margin: auto;
                                                               animation: lpTruckCruise 5s ease-in-out infinite;
                                                           }
                                                           
                                                           .logi-truck-illustration svg {
                                                               display: block;
                                                               width: 100%;
                                                               height: auto;
                                                               overflow: visible;
                                                           }
                                                           
                                                           .logi-visual-footer {
                                                               position: absolute;
                                                               z-index: 3;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               padding: 15px 20px;
                                                               border-top: 1px solid rgba(255, 255, 255, .12);
                                                               background: rgba(4, 26, 47, .72);
                                                               color: #ffffff;
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .logi-visual-footer i {
                                                               color: var(--lp-yellow);
                                                           }
                                                           /* Mission / Vision cards */
                                                           
                                                           .logi-purpose-cards {
                                                               display: grid;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               gap: 22px;
                                                               margin-top: 28px;
                                                           }
                                                           
                                                           .logi-purpose-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               min-width: 0;
                                                               padding: 29px;
                                                               border: 1px solid var(--lp-border);
                                                               border-radius: 10px;
                                                               background: #ffffff;
                                                               transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
                                                           }
                                                           
                                                           .logi-purpose-card:hover {
                                                               transform: translateY(-5px);
                                                               border-color: #f0cc60;
                                                               box-shadow: 0 16px 36px rgba(6, 41, 79, .08);
                                                           }
                                                           
                                                           .logi-card-top {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               margin-bottom: 25px;
                                                           }
                                                           
                                                           .logi-card-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 49px;
                                                               height: 49px;
                                                               border-radius: 10px;
                                                               background: #fff6d9;
                                                               color: var(--lp-blue);
                                                               font-size: 20px;
                                                               transition: background .3s ease;
                                                           }
                                                           
                                                           .logi-purpose-card:hover .logi-card-icon {
                                                               background: var(--lp-yellow);
                                                           }
                                                           
                                                           .logi-card-number {
                                                               color: #dce5ed;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 35px;
                                                               font-weight: 800;
                                                               line-height: 1;
                                                           }
                                                           
                                                           .logi-card-eyebrow {
                                                               margin-bottom: 8px;
                                                               color: var(--lp-blue);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.6px;
                                                           }
                                                           
                                                           .logi-purpose-card h3 {
                                                               margin: 0 0 13px;
                                                               color: var(--lp-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 25px;
                                                               font-weight: 800;
                                                               letter-spacing: -.6px;
                                                           }
                                                           
                                                           .logi-purpose-card>p {
                                                               margin: 0 0 27px;
                                                               color: var(--lp-muted);
                                                               font-size: 13px;
                                                               line-height: 1.95;
                                                           }
                                                           
                                                           .logi-card-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               margin-top: auto;
                                                               padding-top: 17px;
                                                               border-top: 1px solid var(--lp-border);
                                                               color: var(--lp-blue);
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .logi-card-bottom i {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 29px;
                                                               height: 29px;
                                                               border-radius: 50%;
                                                               background: #f2f6fa;
                                                               color: var(--lp-blue);
                                                               transition: background .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .logi-purpose-card:hover .logi-card-bottom i {
                                                               transform: translateX(3px);
                                                               background: var(--lp-yellow);
                                                           }
                                                           /* Core values */
                                                           
                                                           .logi-values {
                                                               display: grid;
                                                               grid-template-columns: .72fr 1.28fr;
                                                               gap: 45px;
                                                               align-items: center;
                                                               margin-top: 65px;
                                                               padding-top: 42px;
                                                               border-top: 1px solid var(--lp-border);
                                                           }
                                                           
                                                           .logi-values-heading h3 {
                                                               margin: 0 0 13px;
                                                               color: var(--lp-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 31px;
                                                               font-weight: 800;
                                                               letter-spacing: -1px;
                                                           }
                                                           
                                                           .logi-values-heading>p {
                                                               max-width: 340px;
                                                               margin: 0;
                                                               color: var(--lp-muted);
                                                               font-size: 13px;
                                                               line-height: 1.85;
                                                           }
                                                           
                                                           .logi-values-list {
                                                               display: grid;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               gap: 20px;
                                                           }
                                                           
                                                           .logi-value-item {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 13px;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .logi-value-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 41px;
                                                               height: 41px;
                                                               flex: 0 0 41px;
                                                               border: 1px solid var(--lp-border);
                                                               border-radius: 8px;
                                                               background: #f7fafd;
                                                               color: var(--lp-blue);
                                                               font-size: 15px;
                                                               transition: background .3s ease, border-color .3s ease;
                                                           }
                                                           
                                                           .logi-value-item:hover .logi-value-icon {
                                                               border-color: var(--lp-yellow);
                                                               background: #fff6d9;
                                                           }
                                                           
                                                           .logi-value-item>div {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 5px;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .logi-value-item strong {
                                                               color: var(--lp-navy);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .logi-value-item>div span {
                                                               color: var(--lp-muted);
                                                               font-size: 11px;
                                                               line-height: 1.65;
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes lpIndicatorPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 0 rgba(255, 198, 41, .28);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 5px rgba(255, 198, 41, 0);
                                                               }
                                                           }
                                                           
                                                           @keyframes lpRouteFlow {
                                                               from {
                                                                   stroke-dashoffset: 80;
                                                               }
                                                               to {
                                                                   stroke-dashoffset: 0;
                                                               }
                                                           }
                                                           
                                                           @keyframes lpTruckCruise {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   transform: translateX(5px);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .logi-purpose {
                                                                   padding: 80px 0;
                                                               }
                                                               .logi-purpose-header {
                                                                   gap: 30px;
                                                               }
                                                               .logi-purpose-hero {
                                                                   grid-template-columns: 1fr 1fr;
                                                               }
                                                               .logi-purpose-hero-content {
                                                                   padding: 30px 25px;
                                                               }
                                                               .logi-hero-points {
                                                                   gap: 12px;
                                                               }
                                                               .logi-purpose-card {
                                                                   padding: 24px;
                                                               }
                                                               .logi-values {
                                                                   gap: 28px;
                                                               }
                                                               .logi-values-list {
                                                                   gap: 18px 12px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .logi-purpose {
                                                                   padding: 65px 0;
                                                               }
                                                               .logi-purpose-container {
                                                                   width: calc(100% - 36px);
                                                               }
                                                               .logi-purpose-header {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 22px;
                                                                   margin-bottom: 30px;
                                                               }
                                                               .logi-purpose-heading h2 {
                                                                   font-size: clamp(35px, 9vw, 45px);
                                                                   letter-spacing: -1.3px;
                                                               }
                                                               .logi-purpose-intro {
                                                                   max-width: 100%;
                                                                   padding-left: 15px;
                                                                   font-size: 13px;
                                                               }
                                                               .logi-purpose-hero {
                                                                   grid-template-columns: 1fr;
                                                                   margin-bottom: 22px;
                                                               }
                                                               .logi-purpose-hero-content {
                                                                   padding: 30px 24px;
                                                               }
                                                               .logi-purpose-hero-content h3 {
                                                                   margin-top: 19px;
                                                                   font-size: 33px;
                                                               }
                                                               .logi-purpose-hero-content>p {
                                                                   font-size: 12px;
                                                               }
                                                               .logi-hero-points {
                                                                   gap: 12px 15px;
                                                               }
                                                               .logi-hero-visual {
                                                                   min-height: 270px;
                                                               }
                                                               .logi-truck-illustration {
                                                                   bottom: 32px;
                                                                   max-width: 420px;
                                                               }
                                                               .logi-purpose-cards {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 16px;
                                                                   margin-top: 22px;
                                                               }
                                                               .logi-purpose-card {
                                                                   padding: 24px;
                                                               }
                                                               .logi-values {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 28px;
                                                                   margin-top: 46px;
                                                                   padding-top: 34px;
                                                               }
                                                               .logi-values-heading h3 {
                                                                   font-size: 28px;
                                                               }
                                                               .logi-values-list {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 19px;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 380px) {
                                                               .logi-purpose-container {
                                                                   width: calc(100% - 28px);
                                                               }
                                                               .logi-purpose-heading h2 {
                                                                   font-size: 33px;
                                                               }
                                                               .logi-purpose-hero-content {
                                                                   padding: 25px 19px;
                                                               }
                                                               .logi-hero-points {
                                                                   flex-direction: column;
                                                               }
                                                               .logi-purpose-card {
                                                                   padding: 21px;
                                                               }
                                                               .logi-visual-footer {
                                                                   gap: 8px;
                                                                   padding-inline: 10px;
                                                                   font-size: 8px;
                                                               }
                                                           }
                                                           /* Accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .logi-purpose *,
                                                               .logi-purpose *::before,
                                                               .logi-purpose *::after {
                                                                   animation: none !important;
                                                                   scroll-behavior: auto !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — ABOUT END CTA
========================================== */
                                                           
                                                           .mt-about-cta {
                                                               --mtc-navy: #06294f;
                                                               --mtc-blue: #0c477b;
                                                               --mtc-yellow: #ffc629;
                                                               --mtc-white: #ffffff;
                                                               position: relative;
                                                               padding: 55px 0 55px;
                                                               overflow: hidden;
                                                               background: #ffffff;
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .mt-about-cta *,
                                                           .mt-about-cta *::before,
                                                           .mt-about-cta *::after {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-about-cta-container {
                                                               width: min(1260px, calc(100% - 48px));
                                                               margin-inline: auto;
                                                           }
                                                           
                                                           .mt-about-cta-panel {
                                                               position: relative;
                                                               isolation: isolate;
                                                               display: grid;
                                                               grid-template-columns: 1fr 1.05fr;
                                                               align-items: center;
                                                               min-height: 420px;
                                                               overflow: hidden;
                                                               border-radius: 12px;
                                                               background: linear-gradient(115deg, #06294f 0%, #0a355f 60%, #0c477b 100%);
                                                               box-shadow: 0 24px 60px rgba(6, 41, 79, .15);
                                                           }
                                                           /* Background texture */
                                                           
                                                           .mt-about-cta-grid {
                                                               position: absolute;
                                                               z-index: -2;
                                                               inset: 0;
                                                               pointer-events: none;
                                                               background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
                                                               background-size: 36px 36px;
                                                               mask-image: linear-gradient(120deg, black, transparent 90%);
                                                           }
                                                           
                                                           .mt-about-cta-glow {
                                                               position: absolute;
                                                               z-index: -1;
                                                               top: -180px;
                                                               right: -80px;
                                                               width: 440px;
                                                               height: 440px;
                                                               border-radius: 50%;
                                                               background: rgba(12, 71, 123, .5);
                                                               filter: blur(10px);
                                                               pointer-events: none;
                                                           }
                                                           /* Left content */
                                                           
                                                           .mt-about-cta-content {
                                                               position: relative;
                                                               z-index: 3;
                                                               padding: 54px 0 54px 48px;
                                                           }
                                                           
                                                           .mt-about-cta-eyebrow {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 23px;
                                                               color: #e1edf7;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-about-cta-dot {
                                                               width: 8px;
                                                               height: 8px;
                                                               flex: 0 0 8px;
                                                               border-radius: 50%;
                                                               background: var(--mtc-yellow);
                                                               box-shadow: 0 0 0 5px rgba(255, 198, 41, .13);
                                                               animation: mtcDotPulse 2.4s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-about-cta-content h2 {
                                                               max-width: 490px;
                                                               margin: 0 0 20px;
                                                               color: var(--mtc-white);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(34px, 4vw, 49px);
                                                               font-weight: 800;
                                                               letter-spacing: -1.8px;
                                                               line-height: 1.15;
                                                           }
                                                           
                                                           .mt-about-cta-content h2 span {
                                                               display: block;
                                                               color: var(--mtc-yellow);
                                                           }
                                                           
                                                           .mt-about-cta-content>p {
                                                               max-width: 425px;
                                                               margin: 0;
                                                               color: #d0deeb;
                                                               font-size: 13px;
                                                               line-height: 1.95;
                                                           }
                                                           /* Buttons */
                                                           
                                                           .mt-about-cta-actions {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin-top: 29px;
                                                           }
                                                           
                                                           .mt-about-cta-primary,
                                                           .mt-about-cta-secondary {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               min-height: 48px;
                                                               padding: 10px 15px 10px 19px;
                                                               border-radius: 5px;
                                                               text-decoration: none;
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               transition: transform .25s ease, background .25s ease, border-color .25s ease;
                                                           }
                                                           
                                                           .mt-about-cta-primary {
                                                               background: var(--mtc-yellow);
                                                               color: var(--mtc-navy);
                                                           }
                                                           
                                                           .mt-about-cta-primary:hover {
                                                               transform: translateY(-3px);
                                                               background: #ffda68;
                                                               color: var(--mtc-navy);
                                                           }
                                                           
                                                           .mt-about-cta-primary>span {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 26px;
                                                               height: 26px;
                                                               border-radius: 4px;
                                                               background: var(--mtc-navy);
                                                               color: var(--mtc-yellow);
                                                               transition: transform .25s ease;
                                                           }
                                                           
                                                           .mt-about-cta-primary:hover>span {
                                                               transform: translateX(3px);
                                                           }
                                                           
                                                           .mt-about-cta-secondary {
                                                               border: 1px solid rgba(255, 255, 255, .28);
                                                               background: rgba(255, 255, 255, .04);
                                                               color: #ffffff;
                                                           }
                                                           
                                                           .mt-about-cta-secondary:hover {
                                                               transform: translateY(-3px);
                                                               border-color: var(--mtc-yellow);
                                                               background: rgba(255, 255, 255, .09);
                                                               color: #ffffff;
                                                           }
                                                           
                                                           .mt-about-cta-secondary i {
                                                               color: var(--mtc-yellow);
                                                           }
                                                           /* Trust indicators */
                                                           
                                                           .mt-about-cta-trust {
                                                               display: flex;
                                                               flex-wrap: wrap;
                                                               gap: 12px 20px;
                                                               margin-top: 28px;
                                                           }
                                                           
                                                           .mt-about-cta-trust span {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 7px;
                                                               color: #dce8f2;
                                                               font-size: 10px;
                                                               font-weight: 600;
                                                           }
                                                           
                                                           .mt-about-cta-trust i {
                                                               color: var(--mtc-yellow);
                                                               font-size: 12px;
                                                           }
                                                           /* Truck visual */
                                                           
                                                           .mt-about-cta-visual {
                                                               position: relative;
                                                               align-self: stretch;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               min-width: 0;
                                                               min-height: 380px;
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .mt-about-cta-orbit {
                                                               position: absolute;
                                                               border: 1px solid rgba(255, 255, 255, .12);
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-cta-orbit-one {
                                                               width: 370px;
                                                               height: 370px;
                                                               top: 0;
                                                               right: -20px;
                                                           }
                                                           
                                                           .mt-cta-orbit-two {
                                                               width: 275px;
                                                               height: 275px;
                                                               top: 48px;
                                                               right: 27px;
                                                           }
                                                           
                                                           .mt-about-cta-badge {
                                                               position: absolute;
                                                               z-index: 3;
                                                               top: 38px;
                                                               right: 25px;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               padding: 12px 15px;
                                                               border: 1px solid rgba(255, 255, 255, .18);
                                                               border-radius: 6px;
                                                               background: rgba(6, 41, 79, .78);
                                                               backdrop-filter: blur(8px);
                                                           }
                                                           
                                                           .mt-about-cta-badge>i {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 36px;
                                                               height: 36px;
                                                               border-radius: 5px;
                                                               background: var(--mtc-yellow);
                                                               color: var(--mtc-navy);
                                                               font-size: 16px;
                                                           }
                                                           
                                                           .mt-about-cta-badge>span,
                                                           .mt-about-cta-location>span {
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 4px;
                                                           }
                                                           
                                                           .mt-about-cta-badge strong {
                                                               color: #ffffff;
                                                               font-size: 9px;
                                                               letter-spacing: 1px;
                                                           }
                                                           
                                                           .mt-about-cta-badge small {
                                                               color: #c9d9e8;
                                                               font-size: 10px;
                                                           }
                                                           
                                                           .mt-about-cta-truck {
                                                               position: relative;
                                                               z-index: 2;
                                                               display: block;
                                                               width: 115%;
                                                               max-width: 560px;
                                                               height: auto;
                                                               margin-top: 35px;
                                                               overflow: visible;
                                                               filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .12));
                                                               animation: mtcTruckMove 5s ease-in-out infinite;
                                                           }
                                                           
                                                           .mt-about-cta-location {
                                                               position: absolute;
                                                               z-index: 3;
                                                               right: 22px;
                                                               bottom: 38px;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               padding: 12px 15px;
                                                               border: 1px solid rgba(255, 255, 255, .16);
                                                               border-radius: 6px;
                                                               background: rgba(6, 41, 79, .85);
                                                               backdrop-filter: blur(8px);
                                                           }
                                                           
                                                           .mt-about-cta-location>i {
                                                               color: var(--mtc-yellow);
                                                               font-size: 17px;
                                                           }
                                                           
                                                           .mt-about-cta-location strong {
                                                               color: #ffffff;
                                                               font-size: 11px;
                                                           }
                                                           
                                                           .mt-about-cta-location small {
                                                               color: #c9d9e8;
                                                               font-size: 10px;
                                                           }
                                                           /* Bottom yellow accent */
                                                           
                                                           .mt-about-cta-bottom-line {
                                                               position: absolute;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               height: 4px;
                                                               background: linear-gradient( 90deg, var(--mtc-yellow) 0%, var(--mtc-yellow) 34%, rgba(255, 198, 41, .2) 34%, rgba(255, 198, 41, .2) 100%);
                                                           }
                                                           /* Footer-style caption */
                                                           
                                                           .mt-about-cta-caption {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 13px;
                                                               margin-top: 24px;
                                                               color: #71869a;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.7px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-about-cta-caption span:first-child {
                                                               color: var(--mtc-blue);
                                                           }
                                                           
                                                           .mt-about-cta-caption-divider {
                                                               width: 24px;
                                                               height: 2px;
                                                               background: var(--mtc-yellow);
                                                           }
                                                           /* Animations */
                                                           
                                                           @keyframes mtcTruckMove {
                                                               0%,
                                                               100% {
                                                                   transform: translateX(0);
                                                               }
                                                               50% {
                                                                   transform: translateX(5px);
                                                               }
                                                           }
                                                           
                                                           @keyframes mtcDotPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 0 0 4px rgba(255, 198, 41, .13);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 0 0 7px rgba(255, 198, 41, 0);
                                                               }
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-about-cta {
                                                                   padding: 60px 0 45px;
                                                               }
                                                               .mt-about-cta-panel {
                                                                   grid-template-columns: 1fr 1fr;
                                                                   min-height: 390px;
                                                               }
                                                               .mt-about-cta-content {
                                                                   padding: 40px 0 40px 30px;
                                                               }
                                                               .mt-about-cta-content h2 {
                                                                   font-size: clamp(31px, 4.5vw, 42px);
                                                                   letter-spacing: -1px;
                                                               }
                                                               .mt-about-cta-actions {
                                                                   align-items: flex-start;
                                                                   flex-direction: column;
                                                               }
                                                               .mt-about-cta-visual {
                                                                   min-height: 350px;
                                                               }
                                                               .mt-about-cta-badge {
                                                                   top: 24px;
                                                                   right: 12px;
                                                               }
                                                               .mt-about-cta-location {
                                                                   right: 10px;
                                                                   bottom: 30px;
                                                               }
                                                               .mt-cta-orbit-one {
                                                                   right: -90px;
                                                               }
                                                               .mt-cta-orbit-two {
                                                                   right: -42px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-about-cta {
                                                                   padding: 48px 0 38px;
                                                               }
                                                               .mt-about-cta-container {
                                                                   width: calc(100% - 30px);
                                                               }
                                                               .mt-about-cta-panel {
                                                                   grid-template-columns: 1fr;
                                                                   border-radius: 9px;
                                                               }
                                                               .mt-about-cta-content {
                                                                   padding: 34px 23px 20px;
                                                               }
                                                               .mt-about-cta-eyebrow {
                                                                   margin-bottom: 19px;
                                                                   font-size: 9px;
                                                               }
                                                               .mt-about-cta-content h2 {
                                                                   font-size: clamp(34px, 8vw, 43px);
                                                                   letter-spacing: -1.2px;
                                                               }
                                                               .mt-about-cta-content>p {
                                                                   font-size: 12px;
                                                                   line-height: 1.85;
                                                               }
                                                               .mt-about-cta-actions {
                                                                   align-items: stretch;
                                                                   flex-direction: column;
                                                                   gap: 10px;
                                                                   margin-top: 23px;
                                                               }
                                                               .mt-about-cta-primary,
                                                               .mt-about-cta-secondary {
                                                                   width: 100%;
                                                                   justify-content: center;
                                                                   min-height: 47px;
                                                               }
                                                               .mt-about-cta-trust {
                                                                   gap: 11px 15px;
                                                                   margin-top: 22px;
                                                               }
                                                               .mt-about-cta-trust span {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-about-cta-visual {
                                                                   min-height: 285px;
                                                               }
                                                               .mt-about-cta-badge {
                                                                   top: 18px;
                                                                   right: 13px;
                                                                   padding: 8px 10px;
                                                               }
                                                               .mt-about-cta-badge>i {
                                                                   width: 30px;
                                                                   height: 30px;
                                                                   font-size: 13px;
                                                               }
                                                               .mt-about-cta-badge strong {
                                                                   font-size: 8px;
                                                               }
                                                               .mt-about-cta-badge small {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-about-cta-truck {
                                                                   width: 108%;
                                                                   margin-top: 30px;
                                                               }
                                                               .mt-about-cta-location {
                                                                   right: 12px;
                                                                   bottom: 28px;
                                                                   padding: 9px 11px;
                                                               }
                                                               .mt-about-cta-location>i {
                                                                   font-size: 14px;
                                                               }
                                                               .mt-about-cta-location strong {
                                                                   font-size: 10px;
                                                               }
                                                               .mt-about-cta-location small {
                                                                   font-size: 9px;
                                                               }
                                                               .mt-cta-orbit-one {
                                                                   top: 0;
                                                                   right: -80px;
                                                                   width: 300px;
                                                                   height: 300px;
                                                               }
                                                               .mt-cta-orbit-two {
                                                                   top: 35px;
                                                                   right: -40px;
                                                                   width: 230px;
                                                                   height: 230px;
                                                               }
                                                               .mt-about-cta-caption {
                                                                   flex-wrap: wrap;
                                                                   gap: 9px;
                                                                   font-size: 8px;
                                                                   letter-spacing: 1px;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-about-cta-container {
                                                                   width: calc(100% - 22px);
                                                               }
                                                               .mt-about-cta-content {
                                                                   padding-inline: 18px;
                                                               }
                                                               .mt-about-cta-content h2 {
                                                                   font-size: 32px;
                                                               }
                                                               .mt-about-cta-visual {
                                                                   min-height: 250px;
                                                               }
                                                               .mt-about-cta-trust {
                                                                   flex-direction: column;
                                                               }
                                                               .mt-about-cta-caption {
                                                                   font-size: 7px;
                                                               }
                                                           }
                                                           /* Reduced motion accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-about-cta *,
                                                               .mt-about-cta *::before,
                                                               .mt-about-cta *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =========================================
   ABOUT CTA — CENTERED, MAX WIDTH 1320px
========================================= */
                                                           
                                                           .mt-about-cta {
                                                               width: 100%;
                                                               margin-inline: auto;
                                                               padding: 75px 0 55px;
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .mt-about-cta-container {
                                                               width: min(1260px, calc(100% - 48px));
                                                               max-width: 1260px;
                                                               margin-left: auto;
                                                               margin-right: auto;
                                                           }
                                                           /* Center the CTA panel inside the container */
                                                           
                                                           .mt-about-cta-panel {
                                                               width: 100%;
                                                               max-width: 1320px;
                                                               margin-inline: auto;
                                                           }
                                                           /* Prevent the truck illustration from extending outside */
                                                           
                                                           .mt-about-cta-visual {
                                                               min-width: 0;
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .mt-about-cta-truck {
                                                               display: block;
                                                               width: 100%;
                                                               max-width: 560px;
                                                               margin-left: auto;
                                                               margin-right: auto;
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-about-cta {
                                                                   padding: 45px 0 35px;
                                                               }
                                                               .mt-about-cta-container {
                                                                   width: calc(100% - 30px);
                                                               }
                                                               .mt-about-cta-panel {
                                                                   width: 100%;
                                                               }
                                                           }
                                                           /* Small mobile */
                                                           
                                                           @media (max-width: 380px) {
                                                               .mt-about-cta-container {
                                                                   width: calc(100% - 22px);
                                                               }
                                                           }
                                                           /* Service page
  */
                                                           /* =========================================
   MAYANK TRANSPORT — SERVICES PAGE
   Unique prefix: innerservies-
========================================= */
                                                           
                                                           .innerservies-page {
                                                               --is-navy: #06294f;
                                                               --is-blue: #0c477b;
                                                               --is-yellow: #ffc629;
                                                               --is-text: #183047;
                                                               --is-muted: #6d7d8d;
                                                               --is-border: #e5ebf1;
                                                               --is-white: #ffffff;
                                                               position: relative;
                                                               overflow: hidden;
                                                               padding: 75px 0 90px;
                                                               background: #f5f8fb;
                                                               font-family: "DM Sans", "Manrope", sans-serif;
                                                           }
                                                           
                                                           .innerservies-page *,
                                                           .innerservies-page *::before,
                                                           .innerservies-page *::after {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .innerservies-page .container {
                                                               width: min(1325px, calc(100% - 40px));
                                                               margin: 0 auto;
                                                           }
                                                           /* HEADING */
                                                           
                                                           .innerservies-heading {
                                                               max-width: 760px;
                                                               margin: 0 auto 54px;
                                                               text-align: center;
                                                               animation: isFadeUp .7s ease both;
                                                           }
                                                           
                                                           .innerservies-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin-bottom: 19px;
                                                               color: var(--is-blue);
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.3px;
                                                           }
                                                           
                                                           .innerservies-eyebrow-line {
                                                               width: 30px;
                                                               height: 3px;
                                                               border-radius: 10px;
                                                               background: var(--is-yellow);
                                                           }
                                                           
                                                           .innerservies-heading h2 {
                                                               margin: 0;
                                                               color: var(--is-navy);
                                                               font-size: clamp(34px, 4.2vw, 50px);
                                                               line-height: 1.13;
                                                               font-weight: 850;
                                                               letter-spacing: -1.7px;
                                                           }
                                                           
                                                           .innerservies-heading h2 span {
                                                               color: var(--is-blue);
                                                           }
                                                           
                                                           .innerservies-heading>p {
                                                               max-width: 620px;
                                                               margin: 19px auto 0;
                                                               color: var(--is-muted);
                                                               font-size: 15px;
                                                               line-height: 1.9;
                                                           }
                                                           /* GRID */
                                                           
                                                           .innerservies-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(3, minmax(0, 1fr));
                                                               gap: 27px;
                                                           }
                                                           /* CARD */
                                                           
                                                           .innerservies-card {
                                                               position: relative;
                                                               min-width: 0;
                                                               overflow: hidden;
                                                               background: var(--is-white);
                                                               border: 1px solid var(--is-border);
                                                               border-radius: 14px;
                                                               box-shadow: 0 8px 28px rgba(6, 41, 79, .045);
                                                               animation: isFadeUp .65s ease both;
                                                               transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
                                                           }
                                                           
                                                           .innerservies-card:nth-child(2) {
                                                               animation-delay: .08s;
                                                           }
                                                           
                                                           .innerservies-card:nth-child(3) {
                                                               animation-delay: .16s;
                                                           }
                                                           
                                                           .innerservies-card:nth-child(4) {
                                                               animation-delay: .22s;
                                                           }
                                                           
                                                           .innerservies-card:nth-child(5) {
                                                               animation-delay: .28s;
                                                           }
                                                           
                                                           .innerservies-card:nth-child(6) {
                                                               animation-delay: .34s;
                                                           }
                                                           
                                                           .innerservies-card:hover {
                                                               transform: translateY(-7px);
                                                               border-color: rgba(12, 71, 123, .28);
                                                               box-shadow: 0 22px 48px rgba(6, 41, 79, .12);
                                                           }
                                                           /* IMAGE */
                                                           
                                                           .innerservies-image {
                                                               position: relative;
                                                               height: 225px;
                                                               overflow: hidden;
                                                               background: #dce6ef;
                                                           }
                                                           
                                                           .innerservies-image::after {
                                                               position: absolute;
                                                               inset: 0;
                                                               content: "";
                                                               background: linear-gradient( 180deg, rgba(6, 41, 79, .03) 20%, rgba(6, 41, 79, .68) 100%);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .innerservies-image img {
                                                               display: block;
                                                               width: 100%;
                                                               height: 100%;
                                                               object-fit: cover;
                                                               object-position: center;
                                                               transition: transform .65s cubic-bezier(.2, .7, .2, 1);
                                                           }
                                                           
                                                           .innerservies-card:hover .innerservies-image img {
                                                               transform: scale(1.065);
                                                           }
                                                           /* NUMBER */
                                                           
                                                           .innerservies-number {
                                                               position: absolute;
                                                               z-index: 2;
                                                               top: 16px;
                                                               left: 16px;
                                                               display: grid;
                                                               width: 43px;
                                                               height: 43px;
                                                               place-items: center;
                                                               border: 1px solid rgba(255, 255, 255, .5);
                                                               border-radius: 10px;
                                                               background: rgba(6, 41, 79, .88);
                                                               color: #fff;
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                               backdrop-filter: blur(8px);
                                                           }
                                                           /* ROUTE LABEL */
                                                           
                                                           .innerservies-route-tag {
                                                               position: absolute;
                                                               z-index: 2;
                                                               bottom: 17px;
                                                               left: 18px;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               color: #fff;
                                                               font-size: 10px;
                                                               line-height: 1.5;
                                                               font-weight: 800;
                                                               letter-spacing: 1.2px;
                                                           }
                                                           
                                                           .innerservies-route-tag i {
                                                               color: var(--is-yellow);
                                                               font-size: 13px;
                                                           }
                                                           /* CONTENT */
                                                           
                                                           .innerservies-content {
                                                               position: relative;
                                                               padding: 28px 24px 24px;
                                                           }
                                                           
                                                           .innerservies-icon {
                                                               display: grid;
                                                               width: 52px;
                                                               height: 52px;
                                                               margin-top: -52px;
                                                               margin-bottom: 21px;
                                                               position: relative;
                                                               z-index: 3;
                                                               place-items: center;
                                                               border: 4px solid #fff;
                                                               border-radius: 12px;
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy);
                                                               font-size: 19px;
                                                               box-sizing: content-box;
                                                               transition: background .3s ease, color .3s ease, transform .3s ease;
                                                           }
                                                           
                                                           .innerservies-card:hover .innerservies-icon {
                                                               transform: translateY(-3px);
                                                               background: var(--is-navy);
                                                               color: var(--is-yellow);
                                                           }
                                                           
                                                           .innerservies-content h3 {
                                                               min-height: 62px;
                                                               margin: 0 0 12px;
                                                               color: var(--is-navy);
                                                               font-size: 19px;
                                                               font-weight: 800;
                                                               line-height: 1.5;
                                                               letter-spacing: -.35px;
                                                               overflow-wrap: anywhere;
                                                           }
                                                           
                                                           .innerservies-content>p {
                                                               min-height: 78px;
                                                               margin: 0 0 24px;
                                                               color: var(--is-muted);
                                                               font-size: 13.5px;
                                                               line-height: 1.85;
                                                           }
                                                           /* BOOKING BUTTON */
                                                           
                                                           .innerservies-btn {
                                                               position: relative;
                                                               display: flex;
                                                               width: 100%;
                                                               min-height: 50px;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 12px;
                                                               padding: 12px 15px 12px 18px;
                                                               overflow: hidden;
                                                               border: 1px solid var(--is-navy);
                                                               border-radius: 7px;
                                                               background: var(--is-navy);
                                                               color: #fff !important;
                                                               text-decoration: none !important;
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                               transition: background .3s ease, border-color .3s ease, color .3s ease;
                                                           }
                                                           
                                                           .innerservies-btn span,
                                                           .innerservies-btn i {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           
                                                           .innerservies-btn i {
                                                               display: grid;
                                                               width: 28px;
                                                               height: 28px;
                                                               flex: 0 0 28px;
                                                               place-items: center;
                                                               border-radius: 5px;
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy);
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .innerservies-btn:hover {
                                                               border-color: var(--is-yellow);
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy) !important;
                                                           }
                                                           
                                                           .innerservies-btn:hover i {
                                                               transform: translateX(4px);
                                                           }
                                                           /* FLEET CARD */
                                                           
                                                           .innerservies-fleet-card .innerservies-icon {
                                                               background: var(--is-navy);
                                                               color: var(--is-yellow);
                                                           }
                                                           
                                                           .innerservies-fleet-card:hover .innerservies-icon {
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy);
                                                           }
                                                           /* BOTTOM CTA */
                                                           
                                                           .innerservies-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 22px;
                                                               margin-top: 55px;
                                                               padding: 30px 34px;
                                                               border-radius: 12px;
                                                               background: var(--is-navy);
                                                               box-shadow: 0 15px 35px rgba(6, 41, 79, .12);
                                                           }
                                                           
                                                           .innerservies-bottom-icon {
                                                               display: grid;
                                                               width: 58px;
                                                               height: 58px;
                                                               flex: 0 0 58px;
                                                               place-items: center;
                                                               border-radius: 12px;
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy);
                                                               font-size: 22px;
                                                           }
                                                           
                                                           .innerservies-bottom-text {
                                                               flex: 1;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .innerservies-bottom-text h3 {
                                                               margin: 0 0 7px;
                                                               color: #fff;
                                                               font-size: 20px;
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .innerservies-bottom-text p {
                                                               margin: 0;
                                                               color: rgba(255, 255, 255, .73);
                                                               font-size: 13px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .innerservies-bottom-btn {
                                                               display: inline-flex;
                                                               flex: 0 0 auto;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 12px;
                                                               padding: 15px 20px;
                                                               border: 2px solid var(--is-yellow);
                                                               border-radius: 7px;
                                                               background: var(--is-yellow);
                                                               color: var(--is-navy) !important;
                                                               text-decoration: none !important;
                                                               font-size: 13px;
                                                               font-weight: 800;
                                                               transition: background .3s ease, color .3s ease;
                                                           }
                                                           
                                                           .innerservies-bottom-btn:hover {
                                                               background: transparent;
                                                               color: var(--is-yellow) !important;
                                                           }
                                                           
                                                           .innerservies-bottom-btn i {
                                                               transition: transform .3s ease;
                                                           }
                                                           
                                                           .innerservies-bottom-btn:hover i {
                                                               transform: translateX(4px);
                                                           }
                                                           /* ANIMATION */
                                                           
                                                           @keyframes isFadeUp {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateY(22px);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateY(0);
                                                               }
                                                           }
                                                           /* TABLET */
                                                           
                                                           @media (max-width: 991px) {
                                                               .innerservies-page {
                                                                   padding: 75px 0;
                                                               }
                                                               .innerservies-grid {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                   gap: 22px;
                                                               }
                                                               .innerservies-image {
                                                                   height: 215px;
                                                               }
                                                               .innerservies-content {
                                                                   padding: 25px 21px 21px;
                                                               }
                                                               .innerservies-content h3 {
                                                                   min-height: auto;
                                                                   font-size: 18px;
                                                               }
                                                               .innerservies-content>p {
                                                                   min-height: 75px;
                                                               }
                                                               .innerservies-bottom {
                                                                   flex-wrap: wrap;
                                                                   padding: 26px;
                                                               }
                                                               .innerservies-bottom-btn {
                                                                   margin-left: 80px;
                                                               }
                                                           }
                                                           /* MOBILE */
                                                           
                                                           @media (max-width: 575px) {
                                                               .innerservies-page {
                                                                   padding: 58px 0;
                                                               }
                                                               .innerservies-page .container {
                                                                   width: calc(100% - 30px);
                                                               }
                                                               .innerservies-heading {
                                                                   margin-bottom: 34px;
                                                               }
                                                               .innerservies-heading h2 {
                                                                   font-size: 34px;
                                                                   letter-spacing: -1px;
                                                               }
                                                               .innerservies-heading>p {
                                                                   font-size: 14px;
                                                                   line-height: 1.8;
                                                               }
                                                               .innerservies-eyebrow {
                                                                   font-size: 10px;
                                                                   letter-spacing: 1.7px;
                                                               }
                                                               .innerservies-grid {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 20px;
                                                               }
                                                               .innerservies-image {
                                                                   height: 230px;
                                                               }
                                                               .innerservies-content {
                                                                   padding: 26px 22px 22px;
                                                               }
                                                               .innerservies-content h3 {
                                                                   font-size: 19px;
                                                                   line-height: 1.5;
                                                               }
                                                               .innerservies-content>p {
                                                                   min-height: 0;
                                                                   margin-bottom: 21px;
                                                                   font-size: 13.5px;
                                                               }
                                                               .innerservies-bottom {
                                                                   align-items: flex-start;
                                                                   gap: 15px;
                                                                   margin-top: 35px;
                                                                   padding: 23px 20px;
                                                               }
                                                               .innerservies-bottom-icon {
                                                                   width: 48px;
                                                                   height: 48px;
                                                                   flex-basis: 48px;
                                                                   font-size: 18px;
                                                               }
                                                               .innerservies-bottom-text {
                                                                   flex-basis: calc(100% - 65px);
                                                               }
                                                               .innerservies-bottom-text h3 {
                                                                   font-size: 17px;
                                                               }
                                                               .innerservies-bottom-text p {
                                                                   font-size: 12px;
                                                               }
                                                               .innerservies-bottom-btn {
                                                                   width: 100%;
                                                                   margin-left: 0;
                                                                   padding: 14px 16px;
                                                               }
                                                           }
                                                           /* ACCESSIBILITY */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .innerservies-page *,
                                                               .innerservies-page *::before,
                                                               .innerservies-page *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                                   scroll-behavior: auto !important;
                                                               }
                                                           }
                                                           
                                                           css
                                                           /* ==========================================
   SERVICES INNER PAGE - GRID & CARD FIX
========================================== */
                                                           
                                                           .innerservies-grid,
                                                           .innerservies-grid *,
                                                           .innerservies-grid *::before,
                                                           .innerservies-grid *::after {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .innerservies-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(3, minmax(0, 1fr));
                                                               gap: 26px;
                                                               width: 100%;
                                                               max-width: 100%;
                                                               min-width: 0;
                                                           }
                                                           /* Cards */
                                                           
                                                           .innerservies-grid .innerservies-card {
                                                               display: flex;
                                                               flex-direction: column;
                                                               width: 100%;
                                                               max-width: 100%;
                                                               min-width: 0;
                                                               height: 100%;
                                                               overflow: hidden;
                                                               border: 1px solid #e5e9ef;
                                                               border-radius: 16px;
                                                               background: #ffffff;
                                                               box-shadow: 0 8px 28px rgba(9, 27, 45, 0.06);
                                                               transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
                                                           }
                                                           
                                                           .innerservies-grid .innerservies-card:hover {
                                                               transform: translateY(-5px);
                                                               border-color: rgba(255, 198, 41, .65);
                                                               box-shadow: 0 18px 38px rgba(9, 27, 45, .11);
                                                           }
                                                           /* Images */
                                                           
                                                           .innerservies-grid .innerservies-image {
                                                               position: relative;
                                                               width: 100%;
                                                               height: 230px;
                                                               min-width: 0;
                                                               overflow: hidden;
                                                               flex-shrink: 0;
                                                               background: #10243a;
                                                           }
                                                           
                                                           .innerservies-grid .innerservies-image img {
                                                               display: block;
                                                               width: 100%;
                                                               max-width: 100%;
                                                               height: 100%;
                                                               object-fit: cover;
                                                               transition: transform .6s ease;
                                                           }
                                                           
                                                           .innerservies-grid .innerservies-card:hover .innerservies-image img {
                                                               transform: scale(1.045);
                                                           }
                                                           /* Card content */
                                                           
                                                           .innerservies-grid .innerservies-content {
                                                               display: flex;
                                                               flex: 1 1 auto;
                                                               flex-direction: column;
                                                               align-items: stretch;
                                                               width: 100%;
                                                               min-width: 0;
                                                               padding: 24px;
                                                           }
                                                           
                                                           .innerservies-grid .innerservies-content h3 {
                                                               margin: 15px 0 12px;
                                                               color: #10243a;
                                                               font-size: 21px;
                                                               font-weight: 800;
                                                               line-height: 1.45;
                                                               overflow-wrap: anywhere;
                                                           }
                                                           
                                                           .innerservies-grid .innerservies-content p {
                                                               margin: 0 0 22px;
                                                               color: #687789;
                                                               font-size: 13px;
                                                               line-height: 1.85;
                                                               overflow-wrap: anywhere;
                                                           }
                                                           /* ==========================================
   SHARED CALL + WHATSAPP BUTTONS
========================================== */
                                                           
                                                           .innerservies-grid .service-inner-cta-actions {
                                                               display: flex !important;
                                                               align-items: stretch !important;
                                                               flex-wrap: nowrap !important;
                                                               gap: 8px !important;
                                                               width: 100% !important;
                                                               max-width: 100% !important;
                                                               min-width: 0 !important;
                                                               margin-top: auto !important;
                                                               padding-top: 8px !important;
                                                           }
                                                           /* Call button */
                                                           
                                                           .innerservies-grid a.service-inner-call-btn {
                                                               box-sizing: border-box !important;
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: space-between !important;
                                                               gap: 7px !important;
                                                               flex: 1 1 0 !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               min-height: 47px !important;
                                                               margin: 0 !important;
                                                               padding: 6px 7px 6px 10px !important;
                                                               border: 1px solid #ffc629 !important;
                                                               border-radius: 7px !important;
                                                               background: #091b2d !important;
                                                               color: #ffffff !important;
                                                               font-size: 11px !important;
                                                               font-weight: 700 !important;
                                                               line-height: 1.3 !important;
                                                               text-decoration: none !important;
                                                               white-space: nowrap !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-call-btn>span:first-child {
                                                               display: inline-block !important;
                                                               flex: 1 1 auto !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               height: auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 0 !important;
                                                               background: transparent !important;
                                                               color: #ffffff !important;
                                                               font: inherit !important;
                                                               white-space: nowrap !important;
                                                               transform: none !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-call-btn>.service-inner-call-icon {
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: center !important;
                                                               width: 30px !important;
                                                               height: 30px !important;
                                                               min-width: 30px !important;
                                                               flex: 0 0 30px !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 6px !important;
                                                               background: #ffc629 !important;
                                                               color: #091b2d !important;
                                                               font-size: 12px !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-call-btn:hover {
                                                               background: #102b44 !important;
                                                               color: #ffffff !important;
                                                               transform: translateY(-2px);
                                                           }
                                                           /* WhatsApp button */
                                                           
                                                           .innerservies-grid a.service-inner-whatsapp-btn {
                                                               box-sizing: border-box !important;
                                                               display: inline-flex !important;
                                                               align-items: center !important;
                                                               justify-content: center !important;
                                                               gap: 6px !important;
                                                               flex: 1 1 0 !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               min-height: 47px !important;
                                                               margin: 0 !important;
                                                               padding: 0 8px !important;
                                                               border: 1px solid #128c50 !important;
                                                               border-radius: 7px !important;
                                                               background: #128c50 !important;
                                                               color: #ffffff !important;
                                                               font-size: 11px !important;
                                                               font-weight: 700 !important;
                                                               line-height: 1.2 !important;
                                                               text-decoration: none !important;
                                                               white-space: nowrap !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-whatsapp-btn>.fa-whatsapp {
                                                               flex: 0 0 auto !important;
                                                               font-size: 18px !important;
                                                               color: #ffffff !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-whatsapp-btn>span {
                                                               display: inline-block !important;
                                                               flex: 0 1 auto !important;
                                                               width: auto !important;
                                                               min-width: 0 !important;
                                                               height: auto !important;
                                                               margin: 0 !important;
                                                               padding: 0 !important;
                                                               border: 0 !important;
                                                               border-radius: 0 !important;
                                                               background: transparent !important;
                                                               color: #ffffff !important;
                                                               font: inherit !important;
                                                               white-space: nowrap !important;
                                                               transform: none !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-whatsapp-arrow {
                                                               flex: 0 0 auto !important;
                                                               font-size: 9px !important;
                                                               color: #ffffff !important;
                                                           }
                                                           
                                                           .innerservies-grid .service-inner-whatsapp-btn:hover {
                                                               background: #0b7540 !important;
                                                               border-color: #0b7540 !important;
                                                               color: #ffffff !important;
                                                               transform: translateY(-2px);
                                                           }
                                                           /* ==========================================
   TABLET
========================================== */
                                                           
                                                           @media (max-width: 991.98px) {
                                                               .innerservies-grid {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                   gap: 20px;
                                                               }
                                                               .innerservies-grid .innerservies-content {
                                                                   padding: 20px;
                                                               }
                                                               .innerservies-grid .innerservies-content h3 {
                                                                   font-size: 19px;
                                                               }
                                                           }
                                                           /* ==========================================
   MOBILE
========================================== */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .innerservies-grid {
                                                                   grid-template-columns: minmax(0, 1fr);
                                                                   gap: 20px;
                                                               }
                                                               .innerservies-grid .innerservies-card {
                                                                   width: 100%;
                                                                   min-width: 0;
                                                               }
                                                               .innerservies-grid .innerservies-image {
                                                                   height: 220px;
                                                               }
                                                               .innerservies-grid .innerservies-content {
                                                                   padding: 20px 17px;
                                                               }
                                                               .innerservies-grid .innerservies-content h3 {
                                                                   font-size: 20px;
                                                               }
                                                               .innerservies-grid .service-inner-cta-actions {
                                                                   gap: 8px !important;
                                                               }
                                                               .innerservies-grid a.service-inner-call-btn,
                                                               .innerservies-grid a.service-inner-whatsapp-btn {
                                                                   min-height: 46px !important;
                                                                   font-size: 11px !important;
                                                               }
                                                           }
                                                           /* Very small phones */
                                                           
                                                           @media (max-width: 360px) {
                                                               .innerservies-grid .innerservies-content {
                                                                   padding: 17px 12px;
                                                               }
                                                               .innerservies-grid .service-inner-cta-actions {
                                                                   gap: 6px !important;
                                                               }
                                                               .innerservies-grid a.service-inner-call-btn {
                                                                   gap: 4px !important;
                                                                   padding-left: 7px !important;
                                                                   font-size: 10px !important;
                                                               }
                                                               .innerservies-grid a.service-inner-whatsapp-btn {
                                                                   gap: 4px !important;
                                                                   padding: 0 6px !important;
                                                                   font-size: 10px !important;
                                                               }
                                                               .innerservies-grid .service-inner-call-btn>.service-inner-call-icon {
                                                                   width: 27px !important;
                                                                   height: 27px !important;
                                                                   min-width: 27px !important;
                                                                   flex-basis: 27px !important;
                                                               }
                                                               .innerservies-grid .service-inner-whatsapp-arrow {
                                                                   display: none !important;
                                                               }
                                                           }
                                                           /* Reduced motion */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .innerservies-grid *,
                                                               .innerservies-grid *::before,
                                                               .innerservies-grid *::after {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           /* =========================================
   MAYANK TRANSPORT — ACHIEVEMENTS SECTION
========================================= */
                                                           
                                                           .inner-achievement {
                                                               position: relative;
                                                               isolation: isolate;
                                                               overflow: hidden;
                                                               padding: 40px 0 85px;
                                                               background: #f4f7fa;
                                                               font-family: 'DM Sans', sans-serif;
                                                           }
                                                           /* Subtle background detail */
                                                           
                                                           .inner-achievement::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: -150px;
                                                               right: -130px;
                                                               width: 420px;
                                                               height: 420px;
                                                               border: 65px solid rgba(12, 71, 123, 0.035);
                                                               border-radius: 50%;
                                                               z-index: -1;
                                                           }
                                                           
                                                           .inner-achievement::after {
                                                               content: "";
                                                               position: absolute;
                                                               bottom: 0;
                                                               left: 0;
                                                               width: 100%;
                                                               height: 5px;
                                                               background: #ffc629;
                                                           }
                                                           /* Heading */
                                                           
                                                           .inner-achievement-heading {
                                                               max-width: 790px;
                                                               margin: 0 auto 55px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .inner-achievement-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin-bottom: 20px;
                                                               color: #0c477b;
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.5px;
                                                           }
                                                           
                                                           .inner-achievement-line {
                                                               display: inline-block;
                                                               width: 30px;
                                                               height: 3px;
                                                               background: #ffc629;
                                                           }
                                                           
                                                           .inner-achievement-heading h2 {
                                                               margin: 0;
                                                               color: #06294f;
                                                               font-size: clamp(30px, 4vw, 47px);
                                                               font-weight: 800;
                                                               line-height: 1.2;
                                                               letter-spacing: -1.5px;
                                                           }
                                                           
                                                           .inner-achievement-heading h2 span {
                                                               display: block;
                                                               margin-top: 5px;
                                                               color: #0c477b;
                                                           }
                                                           
                                                           .inner-achievement-heading p {
                                                               max-width: 620px;
                                                               margin: 20px auto 0;
                                                               color: #66778a;
                                                               font-size: 15px;
                                                               line-height: 1.8;
                                                           }
                                                           /* Cards */
                                                           
                                                           .inner-achievement-grid {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           
                                                           .inner-achievement-card {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               height: 100%;
                                                               min-height: 315px;
                                                               padding: 28px 24px 22px;
                                                               overflow: hidden;
                                                               background: #ffffff;
                                                               border: 1px solid #e1e8ef;
                                                               border-radius: 8px;
                                                               box-shadow: 0 8px 28px rgba(6, 41, 79, 0.045);
                                                           }
                                                           /* Yellow top accent */
                                                           
                                                           .inner-achievement-card::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               left: 0;
                                                               width: 52px;
                                                               height: 4px;
                                                               background: #ffc629;
                                                           }
                                                           /* Card top row */
                                                           
                                                           .inner-achievement-top {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               margin-bottom: 28px;
                                                           }
                                                           
                                                           .inner-achievement-icon {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 53px;
                                                               height: 53px;
                                                               color: #0c477b;
                                                               background: #edf4fa;
                                                               border: 1px solid #e0eaf3;
                                                               border-radius: 6px;
                                                               font-size: 21px;
                                                           }
                                                           
                                                           .inner-achievement-number {
                                                               color: #dce5ed;
                                                               font-size: 30px;
                                                               font-weight: 800;
                                                               line-height: 1;
                                                           }
                                                           /* Achievement highlight */
                                                           
                                                           .inner-achievement-value {
                                                               margin-bottom: 10px;
                                                               color: #0c477b;
                                                               font-size: clamp(24px, 2.2vw, 30px);
                                                               font-weight: 800;
                                                               line-height: 1.2;
                                                               letter-spacing: -0.8px;
                                                               overflow-wrap: anywhere;
                                                           }
                                                           
                                                           .inner-achievement-card h3 {
                                                               margin: 0 0 12px;
                                                               color: #06294f;
                                                               font-size: 17px;
                                                               font-weight: 800;
                                                               line-height: 1.4;
                                                           }
                                                           
                                                           .inner-achievement-card p {
                                                               margin: 0 0 25px;
                                                               color: #6b7a8b;
                                                               font-size: 13px;
                                                               line-height: 1.85;
                                                           }
                                                           /* Bottom label */
                                                           
                                                           .inner-achievement-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               margin-top: auto;
                                                               padding-top: 16px;
                                                               border-top: 1px solid #edf1f5;
                                                           }
                                                           
                                                           .inner-achievement-bottom span {
                                                               color: #718194;
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.5px;
                                                           }
                                                           
                                                           .inner-achievement-bottom i {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 30px;
                                                               height: 30px;
                                                               flex-shrink: 0;
                                                               color: #06294f;
                                                               background: #fff4ce;
                                                               border-radius: 4px;
                                                               font-size: 12px;
                                                           }
                                                           /* Bottom truck strip */
                                                           
                                                           .inner-achievement-footer {
                                                               position: relative;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 20px;
                                                               min-height: 105px;
                                                               margin-top: 36px;
                                                               padding: 22px 28px;
                                                               overflow: hidden;
                                                               color: #ffffff;
                                                               background: #06294f;
                                                               border-radius: 7px;
                                                           }
                                                           
                                                           .inner-achievement-truck {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 58px;
                                                               height: 58px;
                                                               flex-shrink: 0;
                                                               color: #06294f;
                                                               background: #ffc629;
                                                               border-radius: 5px;
                                                               font-size: 25px;
                                                           }
                                                           
                                                           .inner-achievement-footer-text {
                                                               position: relative;
                                                               z-index: 1;
                                                               display: flex;
                                                               flex-direction: column;
                                                               gap: 7px;
                                                           }
                                                           
                                                           .inner-achievement-footer-text strong {
                                                               color: #ffffff;
                                                               font-size: 17px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .inner-achievement-footer-text span {
                                                               color: #c6d5e4;
                                                               font-size: 12px;
                                                               line-height: 1.6;
                                                           }
                                                           
                                                           .inner-achievement-road {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               margin-left: auto;
                                                               padding-left: 20px;
                                                               opacity: 0.8;
                                                           }
                                                           
                                                           .inner-achievement-road span {
                                                               display: block;
                                                               width: 25px;
                                                               height: 4px;
                                                               flex-shrink: 0;
                                                               background: #ffc629;
                                                               border-radius: 2px;
                                                           }
                                                           /* Responsive */
                                                           
                                                           @media (max-width: 991px) {
                                                               .inner-achievement {
                                                                   padding: 75px 0 65px;
                                                               }
                                                               .inner-achievement-heading {
                                                                   margin-bottom: 40px;
                                                               }
                                                               .inner-achievement-card {
                                                                   min-height: 300px;
                                                               }
                                                               .inner-achievement-road {
                                                                   gap: 7px;
                                                               }
                                                               .inner-achievement-road span {
                                                                   width: 15px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 575px) {
                                                               .inner-achievement {
                                                                   padding: 60px 0 50px;
                                                               }
                                                               .inner-achievement-heading {
                                                                   margin-bottom: 32px;
                                                                   padding: 0 8px;
                                                               }
                                                               .inner-achievement-heading h2 {
                                                                   font-size: 29px;
                                                                   letter-spacing: -0.8px;
                                                               }
                                                               .inner-achievement-heading p {
                                                                   font-size: 13px;
                                                               }
                                                               .inner-achievement-card {
                                                                   min-height: 285px;
                                                                   padding: 23px 20px 20px;
                                                               }
                                                               .inner-achievement-footer {
                                                                   align-items: flex-start;
                                                                   gap: 14px;
                                                                   padding: 20px 16px;
                                                               }
                                                               .inner-achievement-truck {
                                                                   width: 45px;
                                                                   height: 45px;
                                                                   font-size: 20px;
                                                               }
                                                               .inner-achievement-footer-text strong {
                                                                   font-size: 14px;
                                                               }
                                                               .inner-achievement-footer-text span {
                                                                   font-size: 11px;
                                                               }
                                                               .inner-achievement-road {
                                                                   display: none;
                                                               }
                                                           }
                                                           /* ==========================================
   MAYANK TRANSPORT — CONTACT SECTION
========================================== */
                                                           
                                                           .mt-contact-section {
                                                               --mt-navy: #06294f;
                                                               --mt-blue: #0c477b;
                                                               --mt-yellow: #ffc629;
                                                               --mt-text: #172b40;
                                                               --mt-muted: #718094;
                                                               --mt-border: #e4eaf0;
                                                               position: relative;
                                                               overflow: hidden;
                                                               padding: 75px 0 75px;
                                                               background: #f4f7fa;
                                                               font-family: "DM Sans", sans-serif;
                                                           }
                                                           
                                                           .mt-contact-section::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: 0;
                                                               right: -130px;
                                                               width: 420px;
                                                               height: 420px;
                                                               border: 1px solid rgba(12, 71, 123, 0.07);
                                                               border-radius: 50%;
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-contact-section .container {
                                                               position: relative;
                                                               z-index: 1;
                                                           }
                                                           /* Heading */
                                                           
                                                           .mt-contact-heading {
                                                               max-width: 760px;
                                                               margin: 0 auto 55px;
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-contact-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 11px;
                                                               margin-bottom: 20px;
                                                               color: var(--mt-blue);
                                                               font-size: 11px;
                                                               font-weight: 800;
                                                               letter-spacing: 2.4px;
                                                           }
                                                           
                                                           .mt-eyebrow-line {
                                                               width: 30px;
                                                               height: 3px;
                                                               background: var(--mt-yellow);
                                                               border-radius: 4px;
                                                           }
                                                           
                                                           .mt-contact-heading h2 {
                                                               margin: 0 0 17px;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(32px, 4.2vw, 50px);
                                                               font-weight: 800;
                                                               line-height: 1.16;
                                                               letter-spacing: -1.8px;
                                                           }
                                                           
                                                           .mt-contact-heading h2 span {
                                                               color: var(--mt-blue);
                                                           }
                                                           
                                                           .mt-contact-heading>p {
                                                               max-width: 610px;
                                                               margin: 0 auto;
                                                               color: var(--mt-muted);
                                                               font-size: 15px;
                                                               line-height: 1.9;
                                                           }
                                                           /* Main Layout */
                                                           
                                                           .mt-contact-layout {
                                                               display: grid;
                                                               grid-template-columns: 0.88fr 1.12fr;
                                                               align-items: stretch;
                                                               max-width: 1180px;
                                                               margin: 0 auto;
                                                               background: #fff;
                                                               border: 1px solid rgba(6, 41, 79, 0.06);
                                                               border-radius: 22px;
                                                               box-shadow: 0 24px 75px rgba(6, 41, 79, 0.09);
                                                           }
                                                           /* Left Panel */
                                                           
                                                           .mt-contact-info {
                                                               position: relative;
                                                               display: flex;
                                                               flex-direction: column;
                                                               overflow: hidden;
                                                               padding: 48px 37px 35px;
                                                               background: var(--mt-navy);
                                                               border-radius: 21px 0 0 21px;
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-contact-info::before {
                                                               content: "";
                                                               position: absolute;
                                                               top: -110px;
                                                               right: -100px;
                                                               width: 280px;
                                                               height: 280px;
                                                               border: 1px solid rgba(255, 255, 255, 0.10);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-contact-info::after {
                                                               content: "";
                                                               position: absolute;
                                                               top: -60px;
                                                               right: -50px;
                                                               width: 180px;
                                                               height: 180px;
                                                               border: 1px solid rgba(255, 198, 41, 0.16);
                                                               border-radius: 50%;
                                                           }
                                                           
                                                           .mt-info-top,
                                                           .mt-contact-details,
                                                           .mt-contact-bottom {
                                                               position: relative;
                                                               z-index: 2;
                                                           }
                                                           
                                                           .mt-info-tag {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               padding: 10px 13px;
                                                               border: 1px solid rgba(255, 198, 41, 0.28);
                                                               border-radius: 5px;
                                                               background: rgba(255, 198, 41, 0.09);
                                                               color: var(--mt-yellow);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.3px;
                                                           }
                                                           
                                                           .mt-info-top h3 {
                                                               max-width: 350px;
                                                               margin: 27px 0 15px;
                                                               color: #fff;
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: clamp(27px, 2.5vw, 35px);
                                                               font-weight: 800;
                                                               line-height: 1.3;
                                                               letter-spacing: -0.8px;
                                                           }
                                                           
                                                           .mt-info-top h3 span {
                                                               color: var(--mt-yellow);
                                                           }
                                                           
                                                           .mt-info-top>p {
                                                               max-width: 365px;
                                                               margin: 0;
                                                               color: #c3d1df;
                                                               font-size: 13px;
                                                               line-height: 1.95;
                                                           }
                                                           /* Contact Details */
                                                           
                                                           .mt-contact-details {
                                                               display: grid;
                                                               gap: 0;
                                                               margin-top: 30px;
                                                           }
                                                           
                                                           .mt-contact-detail {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 14px;
                                                               padding: 19px 0;
                                                               border-bottom: 1px solid rgba(255, 255, 255, 0.12);
                                                               color: #fff;
                                                               text-decoration: none;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-detail-icon {
                                                               display: flex;
                                                               flex-shrink: 0;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 43px;
                                                               height: 43px;
                                                               border-radius: 10px;
                                                               background: rgba(255, 198, 41, 0.12);
                                                               color: var(--mt-yellow);
                                                               font-size: 15px;
                                                           }
                                                           
                                                           .mt-detail-text {
                                                               display: flex;
                                                               flex: 1;
                                                               flex-direction: column;
                                                               gap: 4px;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-detail-text small {
                                                               color: #a8bdd1;
                                                               font-size: 9px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.4px;
                                                           }
                                                           
                                                           .mt-detail-text strong {
                                                               overflow-wrap: anywhere;
                                                               color: #fff;
                                                               font-size: 13px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-detail-text>span {
                                                               color: #afc1d2;
                                                               font-size: 11px;
                                                               line-height: 1.5;
                                                           }
                                                           
                                                           .mt-detail-arrow {
                                                               flex-shrink: 0;
                                                               color: #8da4bb;
                                                               font-size: 12px;
                                                           }
                                                           
                                                           a.mt-contact-detail:hover {
                                                               color: #fff;
                                                           }
                                                           
                                                           a.mt-contact-detail:hover .mt-detail-icon {
                                                               background: var(--mt-yellow);
                                                               color: var(--mt-navy);
                                                           }
                                                           /* Bottom Note */
                                                           
                                                           .mt-contact-bottom {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                               margin-top: auto;
                                                               padding: 23px 0 0;
                                                           }
                                                           
                                                           .mt-bottom-icon {
                                                               display: flex;
                                                               flex-shrink: 0;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 42px;
                                                               height: 42px;
                                                               border-radius: 50%;
                                                               background: var(--mt-yellow);
                                                               color: var(--mt-navy);
                                                               font-size: 16px;
                                                           }
                                                           
                                                           .mt-contact-bottom strong {
                                                               display: block;
                                                               margin-bottom: 5px;
                                                               color: #fff;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-contact-bottom p {
                                                               margin: 0;
                                                               color: #afc1d2;
                                                               font-size: 11px;
                                                               line-height: 1.6;
                                                           }
                                                           
                                                           .mt-contact-decoration {
                                                               position: absolute;
                                                               right: -14px;
                                                               bottom: -25px;
                                                               color: rgba(255, 255, 255, 0.035);
                                                               font-size: 125px;
                                                               transform: scaleX(-1);
                                                               pointer-events: none;
                                                           }
                                                           /* Right Form Panel */
                                                           
                                                           .mt-contact-form-wrap {
                                                               min-width: 0;
                                                               padding: 45px 42px 35px;
                                                           }
                                                           
                                                           .mt-form-heading {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               justify-content: space-between;
                                                               gap: 15px;
                                                               margin-bottom: 31px;
                                                           }
                                                           
                                                           .mt-form-kicker {
                                                               display: block;
                                                               margin-bottom: 9px;
                                                               color: var(--mt-blue);
                                                               font-size: 10px;
                                                               font-weight: 800;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-form-heading h3 {
                                                               margin: 0 0 8px;
                                                               color: var(--mt-navy);
                                                               font-family: "Manrope", sans-serif;
                                                               font-size: 29px;
                                                               font-weight: 800;
                                                               letter-spacing: -0.8px;
                                                           }
                                                           
                                                           .mt-form-heading p {
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 12px;
                                                               line-height: 1.8;
                                                           }
                                                           
                                                           .mt-form-number {
                                                               flex-shrink: 0;
                                                               color: var(--mt-blue);
                                                               font-size: 17px;
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-form-number span {
                                                               color: #a5b1bd;
                                                               font-size: 12px;
                                                               font-weight: 600;
                                                           }
                                                           /* Form Grid */
                                                           
                                                           .mt-form-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               gap: 22px 18px;
                                                           }
                                                           
                                                           .mt-form-field {
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-form-full {
                                                               grid-column: 1 / -1;
                                                           }
                                                           
                                                           .mt-form-field label {
                                                               display: block;
                                                               margin-bottom: 9px;
                                                               color: #233b53;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-form-field label>span,
                                                           .mt-form-note>span {
                                                               color: #dc624b;
                                                           }
                                                           
                                                           .mt-input-wrap {
                                                               position: relative;
                                                           }
                                                           
                                                           .mt-input-wrap>i {
                                                               position: absolute;
                                                               top: 50%;
                                                               left: 15px;
                                                               z-index: 1;
                                                               color: #8395a8;
                                                               font-size: 13px;
                                                               transform: translateY(-50%);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-input-wrap input,
                                                           .mt-input-wrap select,
                                                           .mt-input-wrap textarea {
                                                               display: block;
                                                               width: 100%;
                                                               min-width: 0;
                                                               border: 1px solid var(--mt-border);
                                                               border-radius: 8px;
                                                               outline: none;
                                                               background: #f8fafc;
                                                               color: var(--mt-text);
                                                               font-family: inherit;
                                                               font-size: 12px;
                                                               font-weight: 500;
                                                               transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
                                                           }
                                                           
                                                           .mt-input-wrap input,
                                                           .mt-input-wrap select {
                                                               height: 49px;
                                                               padding: 0 13px 0 41px;
                                                           }
                                                           
                                                           .mt-input-wrap select {
                                                               appearance: none;
                                                               cursor: pointer;
                                                               padding-right: 32px;
                                                           }
                                                           
                                                           .mt-select-wrap::after {
                                                               content: "\f107";
                                                               position: absolute;
                                                               top: 50%;
                                                               right: 15px;
                                                               color: #8395a8;
                                                               font-family: "Font Awesome 6 Free";
                                                               font-size: 12px;
                                                               font-weight: 900;
                                                               transform: translateY(-50%);
                                                               pointer-events: none;
                                                           }
                                                           
                                                           .mt-input-wrap input::placeholder,
                                                           .mt-input-wrap textarea::placeholder {
                                                               color: #a1adba;
                                                               font-weight: 400;
                                                           }
                                                           
                                                           .mt-input-wrap input:focus,
                                                           .mt-input-wrap select:focus,
                                                           .mt-input-wrap textarea:focus {
                                                               border-color: var(--mt-blue);
                                                               background: #fff;
                                                               box-shadow: 0 0 0 3px rgba(12, 71, 123, 0.08);
                                                           }
                                                           
                                                           .mt-input-wrap:focus-within>i {
                                                               color: var(--mt-blue);
                                                           }
                                                           
                                                           .mt-textarea-wrap>i {
                                                               top: 17px;
                                                               transform: none;
                                                           }
                                                           
                                                           .mt-input-wrap textarea {
                                                               min-height: 112px;
                                                               padding: 14px 14px 14px 41px;
                                                               resize: vertical;
                                                               line-height: 1.8;
                                                           }
                                                           /* Form Footer */
                                                           
                                                           .mt-form-footer {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 18px;
                                                               margin-top: 27px;
                                                           }
                                                           
                                                           .mt-form-footer>p {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 8px;
                                                               max-width: 210px;
                                                               margin: 0;
                                                               color: var(--mt-muted);
                                                               font-size: 10px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-form-footer>p i {
                                                               margin-top: 2px;
                                                               color: #2b8b69;
                                                           }
                                                           
                                                           .mt-submit-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 18px;
                                                               flex-shrink: 0;
                                                               min-height: 51px;
                                                               padding: 0 19px;
                                                               border: 0;
                                                               border-radius: 7px;
                                                               background: var(--mt-yellow);
                                                               color: var(--mt-navy);
                                                               font-family: inherit;
                                                               font-size: 12px;
                                                               font-weight: 800;
                                                               cursor: pointer;
                                                               transition: background 0.2s ease, color 0.2s ease;
                                                           }
                                                           
                                                           .mt-submit-btn i {
                                                               font-size: 13px;
                                                           }
                                                           
                                                           .mt-submit-btn:hover {
                                                               background: var(--mt-navy);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-form-note {
                                                               margin: 18px 0 0;
                                                               color: #9aa6b3;
                                                               font-size: 10px;
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-contact-section {
                                                                   padding: 80px 0;
                                                               }
                                                               .mt-contact-heading {
                                                                   margin-bottom: 40px;
                                                               }
                                                               .mt-contact-layout {
                                                                   grid-template-columns: 1fr;
                                                               }
                                                               .mt-contact-info {
                                                                   padding: 38px 35px;
                                                                   border-radius: 21px 21px 0 0;
                                                               }
                                                               .mt-info-top h3 {
                                                                   max-width: 540px;
                                                               }
                                                               .mt-info-top>p {
                                                                   max-width: 570px;
                                                               }
                                                               .mt-contact-details {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                   column-gap: 25px;
                                                               }
                                                               .mt-contact-bottom {
                                                                   margin-top: 24px;
                                                               }
                                                               .mt-contact-decoration {
                                                                   right: 5px;
                                                                   bottom: -18px;
                                                               }
                                                               .mt-contact-form-wrap {
                                                                   padding: 38px 35px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575px) {
                                                               .mt-contact-section {
                                                                   padding: 62px 0;
                                                               }
                                                               .mt-contact-heading {
                                                                   margin-bottom: 30px;
                                                                   padding: 0 5px;
                                                               }
                                                               .mt-contact-heading h2 {
                                                                   font-size: 32px;
                                                                   letter-spacing: -1.1px;
                                                               }
                                                               .mt-contact-heading>p {
                                                                   font-size: 13px;
                                                                   line-height: 1.8;
                                                               }
                                                               .mt-contact-layout {
                                                                   border-radius: 15px;
                                                               }
                                                               .mt-contact-info {
                                                                   padding: 29px 22px 25px;
                                                                   border-radius: 14px 14px 0 0;
                                                               }
                                                               .mt-info-top h3 {
                                                                   margin-top: 22px;
                                                                   font-size: 28px;
                                                               }
                                                               .mt-info-top>p {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-contact-details {
                                                                   grid-template-columns: 1fr;
                                                                   margin-top: 20px;
                                                               }
                                                               .mt-contact-detail {
                                                                   padding: 15px 0;
                                                               }
                                                               .mt-contact-decoration {
                                                                   right: -15px;
                                                                   bottom: -5px;
                                                                   font-size: 85px;
                                                               }
                                                               .mt-contact-form-wrap {
                                                                   padding: 29px 20px 25px;
                                                               }
                                                               .mt-form-heading {
                                                                   margin-bottom: 25px;
                                                               }
                                                               .mt-form-heading h3 {
                                                                   font-size: 25px;
                                                               }
                                                               .mt-form-heading p {
                                                                   max-width: 270px;
                                                               }
                                                               .mt-form-grid {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 18px;
                                                               }
                                                               .mt-form-full {
                                                                   grid-column: auto;
                                                               }
                                                               .mt-form-footer {
                                                                   align-items: stretch;
                                                                   flex-direction: column;
                                                                   gap: 17px;
                                                               }
                                                               .mt-form-footer>p {
                                                                   max-width: 100%;
                                                               }
                                                               .mt-submit-btn {
                                                                   width: 100%;
                                                                   min-height: 52px;
                                                               }
                                                           }
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-contact-section *,
                                                               .mt-contact-section *::before,
                                                               .mt-contact-section *::after {
                                                                   scroll-behavior: auto !important;
                                                                   transition: none !important;
                                                                   animation: none !important;
                                                               }
                                                           }
                                                           
                                                           .mt-footer-brand {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               text-decoration: none;
                                                               max-width: 100%;
                                                           }
                                                           
                                                           .mt-footer-logo {
                                                               display: block;
                                                               width: 230px;
                                                               height: 100px;
                                                               object-fit: contain;
                                                               object-position: left center;
                                                               transition: transform 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-brand:hover .mt-footer-logo {
                                                               transform: translateY(-2px);
                                                           }
                                                           /* Tablet */
                                                           
                                                           @media (max-width: 991px) {
                                                               .mt-footer-logo {
                                                                   width: 210px;
                                                                   height: 90px;
                                                               }
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 576px) {
                                                               .mt-footer-logo {
                                                                   width: 180px;
                                                                   height: 75px;
                                                               }
                                                           }
                                                           
                                                           .mt-footer-enquiry {
                                                               display: flex;
                                                               align-items: flex-start;
                                                               gap: 14px;
                                                           }
                                                           
                                                           .mt-footer-enquiry .mt-footer-contact-icon {
                                                               flex-shrink: 0;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 46px;
                                                               height: 46px;
                                                               border-radius: 10px;
                                                               background: rgba(255, 198, 41, 0.12);
                                                               color: #ffc629;
                                                               font-size: 18px;
                                                           }
                                                           
                                                           .mt-footer-contact-content {
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-footer-contact-content strong {
                                                               display: block;
                                                               color: #ffffff;
                                                               font-size: 16px;
                                                               font-weight: 700;
                                                               margin-bottom: 6px;
                                                           }
                                                           
                                                           .mt-footer-contact-content p {
                                                               color: #b8c2cf;
                                                               font-size: 13px;
                                                               line-height: 1.6;
                                                               margin: 0 0 10px;
                                                           }
                                                           
                                                           .mt-footer-contact-content a {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 10px;
                                                               width: 100%;
                                                               color: #ffffff;
                                                               font-size: 13px;
                                                               text-decoration: none;
                                                               overflow-wrap: anywhere;
                                                               padding: 7px 0;
                                                               border-bottom: 1px solid rgba(255, 255, 255, 0.10);
                                                               transition: color 0.25s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:last-child {
                                                               border-bottom: none;
                                                           }
                                                           
                                                           .mt-footer-contact-content a i {
                                                               flex-shrink: 0;
                                                               color: #ffc629;
                                                               font-size: 12px;
                                                               transition: transform 0.25s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:hover {
                                                               color: #ffc629;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:hover i {
                                                               transform: translateX(4px);
                                                           }
                                                           /* Mobile responsive */
                                                           
                                                           @media (max-width: 576px) {
                                                               .mt-footer-enquiry {
                                                                   gap: 12px;
                                                               }
                                                               .mt-footer-enquiry .mt-footer-contact-icon {
                                                                   width: 42px;
                                                                   height: 42px;
                                                               }
                                                               .mt-footer-contact-content strong {
                                                                   font-size: 15px;
                                                               }
                                                               .mt-footer-contact-content a {
                                                                   font-size: 12px;
                                                               }
                                                           }
                                                           
                                                           .mt-footer-contact-content a {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 9px;
                                                               width: 100%;
                                                               color: #e2e8f0;
                                                               font-size: 13px;
                                                               text-decoration: none;
                                                               overflow-wrap: anywhere;
                                                               padding: 9px 0;
                                                               border-bottom: 1px solid rgba(255, 255, 255, 0.10);
                                                               transition: color 0.25s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-content a>i:first-child {
                                                               flex-shrink: 0;
                                                               color: #ffc629;
                                                               font-size: 15px;
                                                           }
                                                           
                                                           .mt-footer-contact-content a span {
                                                               flex: 1;
                                                               min-width: 0;
                                                           }
                                                           
                                                           .mt-footer-contact-content a>i:last-child {
                                                               flex-shrink: 0;
                                                               color: #ffc629;
                                                               font-size: 11px;
                                                               transition: transform 0.25s ease;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:last-child {
                                                               border-bottom: none;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:hover {
                                                               color: #ffc629;
                                                           }
                                                           
                                                           .mt-footer-contact-content a:hover>i:last-child {
                                                               transform: translateX(4px);
                                                           }
                                                           /* Footer Social Media */
                                                           
                                                           .mt-footer-social {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 16px;
                                                               flex-wrap: wrap;
                                                               margin: 24px 0 22px;
                                                           }
                                                           
                                                           .mt-footer-social-title {
                                                               color: #b8c2cf;
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.8px;
                                                           }
                                                           
                                                           .mt-footer-social-links {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                           }
                                                           
                                                           .mt-footer-social-link {
                                                               width: 36px;
                                                               height: 36px;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               border: 1px solid rgba(255, 198, 41, 0.30);
                                                               border-radius: 10px;
                                                               background: rgba(255, 198, 41, 0.07);
                                                               color: #ffc629;
                                                               font-size: 13px;
                                                               text-decoration: none;
                                                               transition: all 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-social-link:hover {
                                                               background: #ffc629;
                                                               color: #091b2d;
                                                               border-color: #ffc629;
                                                               transform: translateY(-4px);
                                                               box-shadow: 0 7px 18px rgba(255, 198, 41, 0.18);
                                                           }
                                                           /* Mobile responsive */
                                                           
                                                           @media (max-width: 576px) {
                                                               .mt-footer-social {
                                                                   gap: 12px;
                                                                   margin: 20px 0;
                                                               }
                                                               .mt-footer-social-link {
                                                                   width: 40px;
                                                                   height: 40px;
                                                                   border-radius: 9px;
                                                               }
                                                           }
                                                           
                                                           .mt-footer-bottom {
                                                               display: grid;
                                                               grid-template-columns: 1fr 1fr 1fr;
                                                               align-items: center;
                                                               gap: 20px;
                                                               padding: 22px 0;
                                                               border-top: 1px solid rgba(255, 255, 255, 0.12);
                                                           }
                                                           
                                                           .mt-footer-copyright,
                                                           .mt-footer-credit {
                                                               margin: 0;
                                                               color: #b8c2cf;
                                                               font-size: 13px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-footer-copyright strong {
                                                               color: #ffffff;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .mt-footer-credit {
                                                               text-align: center;
                                                           }
                                                           
                                                           .mt-footer-credit a {
                                                               color: #ffc629;
                                                               text-decoration: none;
                                                               font-weight: 700;
                                                               transition: color 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-credit a:hover {
                                                               color: #ffffff;
                                                           }
                                                           
                                                           .mt-footer-back-top {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-self: end;
                                                               gap: 12px;
                                                               color: #ffffff;
                                                               font-size: 13px;
                                                               text-decoration: none;
                                                               white-space: nowrap;
                                                               transition: color 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-back-top span {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               width: 36px;
                                                               height: 36px;
                                                               border: 1px solid rgba(255, 198, 41, 0.4);
                                                               border-radius: 8px;
                                                               color: #ffc629;
                                                               transition: all 0.3s ease;
                                                           }
                                                           
                                                           .mt-footer-back-top:hover {
                                                               color: #ffc629;
                                                           }
                                                           
                                                           .mt-footer-back-top:hover span {
                                                               background: #ffc629;
                                                               color: #091b2d;
                                                               transform: translateY(-3px);
                                                           }
                                                           /* Tablet and Mobile */
                                                           
                                                           @media (max-width: 767px) {
                                                               .mt-footer-bottom {
                                                                   grid-template-columns: 1fr;
                                                                   justify-items: center;
                                                                   gap: 14px;
                                                                   text-align: center;
                                                                   padding: 22px 0;
                                                               }
                                                               .mt-footer-copyright,
                                                               .mt-footer-credit {
                                                                   text-align: center;
                                                               }
                                                               .mt-footer-back-top {
                                                                   justify-self: center;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 400px) {
                                                               .mt-footer-copyright,
                                                               .mt-footer-credit {
                                                                   font-size: 12px;
                                                               }
                                                           }
                                                           /* ========================================
   MAYANK TRANSPORT — FLOATING CONTACT UI
======================================== */
                                                           
                                                           .mt-floating-contact {
                                                               --mt-float-navy: #091b2d;
                                                               --mt-float-orange: #ffc629;
                                                               --mt-float-green: #20c768;
                                                               position: fixed;
                                                               right: 22px;
                                                               bottom: 26px;
                                                               z-index: 9999;
                                                               display: flex;
                                                               flex-direction: column;
                                                               align-items: flex-end;
                                                               gap: 15px;
                                                               font-family: inherit;
                                                           }
                                                           /* Base button */
                                                           
                                                           .mt-float-btn {
                                                               position: relative;
                                                               display: flex;
                                                               width: 58px;
                                                               height: 58px;
                                                               align-items: center;
                                                               justify-content: center;
                                                               border: 1px solid rgba(255, 255, 255, 0.35);
                                                               border-radius: 50%;
                                                               color: #fff;
                                                               text-decoration: none;
                                                               box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);
                                                               transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
                                                               animation: mtFloatEnter 0.65s ease both;
                                                           }
                                                           
                                                           .mt-float-btn svg {
                                                               width: 27px;
                                                               height: 27px;
                                                               flex-shrink: 0;
                                                               transition: transform 0.3s ease;
                                                           }
                                                           /* WhatsApp */
                                                           
                                                           .mt-float-whatsapp {
                                                               background: linear-gradient(145deg, #2ce477, #0eaf59);
                                                               animation: mtFloatEnter 0.65s ease both, mtWhatsAppPulse 2.8s 1s infinite;
                                                               animation-composition: replace;
                                                           }
                                                           
                                                           .mt-float-whatsapp svg {
                                                               width: 29px;
                                                               height: 29px;
                                                           }
                                                           /* Call */
                                                           
                                                           .mt-float-call {
                                                               color: var(--mt-float-orange);
                                                               background: linear-gradient(145deg, #183651, #091b2d);
                                                               animation: mtFloatEnter 0.75s 0.12s ease both;
                                                           }
                                                           /* Hover transforms */
                                                           
                                                           .mt-float-btn:hover {
                                                               transform: translateY(-5px) scale(1.07);
                                                               color: #fff;
                                                               box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
                                                           }
                                                           
                                                           .mt-float-whatsapp:hover {
                                                               background: #119f50;
                                                           }
                                                           
                                                           .mt-float-call:hover {
                                                               background: var(--mt-float-orange);
                                                               color: var(--mt-float-navy);
                                                           }
                                                           
                                                           .mt-float-btn:hover svg {
                                                               transform: scale(1.1) rotate(-5deg);
                                                           }
                                                           /* Tooltip */
                                                           
                                                           .mt-float-tooltip {
                                                               position: absolute;
                                                               right: 72px;
                                                               top: 50%;
                                                               padding: 10px 14px;
                                                               border: 1px solid rgba(255, 255, 255, 0.1);
                                                               border-radius: 8px;
                                                               background: var(--mt-float-navy);
                                                               color: #fff;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               white-space: nowrap;
                                                               opacity: 0;
                                                               visibility: hidden;
                                                               pointer-events: none;
                                                               transform: translate(8px, -50%);
                                                               transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
                                                           }
                                                           
                                                           .mt-float-tooltip::after {
                                                               position: absolute;
                                                               top: 50%;
                                                               right: -5px;
                                                               width: 9px;
                                                               height: 9px;
                                                               background: inherit;
                                                               content: "";
                                                               transform: translateY(-50%) rotate(45deg);
                                                           }
                                                           
                                                           .mt-float-btn:hover .mt-float-tooltip,
                                                           .mt-float-btn:focus-visible .mt-float-tooltip {
                                                               opacity: 1;
                                                               visibility: visible;
                                                               transform: translate(0, -50%);
                                                           }
                                                           /* Online status dot */
                                                           
                                                           .mt-float-status {
                                                               position: absolute;
                                                               top: 1px;
                                                               right: 1px;
                                                               width: 12px;
                                                               height: 12px;
                                                               border: 2px solid #fff;
                                                               border-radius: 50%;
                                                               background: #a8ff60;
                                                           }
                                                           /* Entrance */
                                                           
                                                           @keyframes mtFloatEnter {
                                                               from {
                                                                   opacity: 0;
                                                                   transform: translateX(22px) scale(0.85);
                                                               }
                                                               to {
                                                                   opacity: 1;
                                                                   transform: translateX(0) scale(1);
                                                               }
                                                           }
                                                           /* Soft WhatsApp pulse */
                                                           
                                                           @keyframes mtWhatsAppPulse {
                                                               0%,
                                                               100% {
                                                                   box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
                                                               }
                                                               50% {
                                                                   box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), 0 0 0 8px rgba(32, 199, 104, 0.12);
                                                               }
                                                           }
                                                           /* Keyboard accessibility */
                                                           
                                                           .mt-float-btn:focus-visible {
                                                               outline: 3px solid var(--mt-float-orange);
                                                               outline-offset: 4px;
                                                           }
                                                           /* Mobile */
                                                           
                                                           @media (max-width: 575.98px) {
                                                               .mt-floating-contact {
                                                                   right: 14px;
                                                                   bottom: 18px;
                                                                   gap: 12px;
                                                               }
                                                               .mt-float-btn {
                                                                   width: 51px;
                                                                   height: 51px;
                                                               }
                                                               .mt-float-btn svg {
                                                                   width: 24px;
                                                                   height: 24px;
                                                               }
                                                               .mt-float-whatsapp svg {
                                                                   width: 26px;
                                                                   height: 26px;
                                                               }
                                                               /* Avoid hover-only tooltip on touch devices */
                                                               .mt-float-tooltip {
                                                                   display: none;
                                                               }
                                                           }
                                                           /* Reduced motion accessibility */
                                                           
                                                           @media (prefers-reduced-motion: reduce) {
                                                               .mt-float-btn,
                                                               .mt-float-whatsapp {
                                                                   animation: none !important;
                                                                   transition: none !important;
                                                               }
                                                           }
                                                           
                                                           .mt-home-page-gallery {
                                                               --mtg-orange: #ffc629;
                                                               --mtg-light-orange: #ffac7e;
                                                               --mtg-navy: #081523;
                                                               --mtg-card: #10243a;
                                                               font-family: "Manrope", sans-serif;
                                                               padding: 78px 0;
                                                               background: #f7f9fb;
                                                               color: var(--mtg-navy);
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .mt-home-page-gallery,
                                                           .mt-home-page-gallery * {
                                                               box-sizing: border-box;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-container {
                                                               width: min(1320px, calc(100% - 48px));
                                                               margin: 0 auto;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-heading {
                                                               display: flex;
                                                               justify-content: space-between;
                                                               align-items: end;
                                                               gap: 28px;
                                                               margin-bottom: 34px;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-eyebrow {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               margin: 0 0 13px;
                                                               color: var(--mtg-orange);
                                                               font-size: 11px;
                                                               font-weight: 700;
                                                               letter-spacing: 2px;
                                                               text-transform: uppercase;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-eyebrow::before {
                                                               content: "";
                                                               width: 27px;
                                                               height: 2px;
                                                               background: var(--mtg-orange);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-title {
                                                               margin: 0;
                                                               color: var(--mtg-navy);
                                                               font-size: clamp(32px, 4vw, 52px);
                                                               font-weight: 800;
                                                               letter-spacing: -1.5px;
                                                               line-height: 1.12;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-title span {
                                                               color: var(--mtg-orange);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-description {
                                                               max-width: 420px;
                                                               margin: 0 0 3px;
                                                               color: #667487;
                                                               font-size: 13px;
                                                               line-height: 1.9;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(3, minmax(0, 1fr));
                                                               gap: 22px;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card {
                                                               position: relative;
                                                               display: block;
                                                               width: 100%;
                                                               aspect-ratio: 1.18 / 1;
                                                               padding: 0;
                                                               overflow: hidden;
                                                               border: 0;
                                                               border-radius: 5px;
                                                               background: #dce3e9;
                                                               text-align: left;
                                                               cursor: zoom-in;
                                                               box-shadow: 0 8px 24px rgba(8, 21, 35, .07);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card img {
                                                               display: block;
                                                               width: 100%;
                                                               height: 100%;
                                                               object-fit: cover;
                                                               transition: transform .55s ease;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card::after {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               background: linear-gradient(180deg, transparent 38%, rgba(8, 21, 35, .88) 100%);
                                                               transition: opacity .3s ease;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card:hover img {
                                                               transform: scale(1.055);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card-content {
                                                               position: absolute;
                                                               z-index: 1;
                                                               right: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               display: flex;
                                                               align-items: end;
                                                               justify-content: space-between;
                                                               gap: 12px;
                                                               padding: 22px;
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card-text small {
                                                               display: block;
                                                               margin-bottom: 7px;
                                                               color: var(--mtg-light-orange);
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.5px;
                                                               text-transform: uppercase;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card-text strong {
                                                               display: block;
                                                               color: #fff;
                                                               font-size: 17px;
                                                               font-weight: 700;
                                                               line-height: 1.35;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card-icon {
                                                               display: grid;
                                                               flex: 0 0 38px;
                                                               width: 38px;
                                                               height: 38px;
                                                               place-items: center;
                                                               border: 1px solid rgba(255, 255, 255, .55);
                                                               border-radius: 3px;
                                                               background: rgba(8, 21, 35, .28);
                                                               color: #fff;
                                                               font-size: 16px;
                                                               transition: background .25s, border-color .25s;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-card:hover .mt-home-page-gallery-card-icon {
                                                               border-color: var(--mtg-orange);
                                                               background: var(--mtg-orange);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta {
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 24px;
                                                               margin-top: 30px;
                                                               padding: 24px 28px;
                                                               border: 1px solid #f0d9ca;
                                                               border-left: 4px solid var(--mtg-orange);
                                                               background: #fff;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-copy small {
                                                               display: block;
                                                               margin-bottom: 6px;
                                                               color: var(--mtg-orange);
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                               letter-spacing: 1.6px;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-copy h3 {
                                                               margin: 0 0 5px;
                                                               color: var(--mtg-navy);
                                                               font-size: clamp(18px, 2vw, 24px);
                                                               font-weight: 800;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-copy p {
                                                               margin: 0;
                                                               color: #667487;
                                                               font-size: 12px;
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-button {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 11px;
                                                               min-height: 48px;
                                                               padding: 12px 18px;
                                                               border: 1px solid var(--mtg-navy);
                                                               border-radius: 3px;
                                                               background: var(--mtg-navy);
                                                               color: #fff;
                                                               font-size: 12px;
                                                               font-weight: 700;
                                                               text-decoration: none;
                                                               white-space: nowrap;
                                                               transition: background .25s, border-color .25s, transform .25s;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-button i {
                                                               color: #35d978;
                                                               font-size: 18px;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-cta-button:hover {
                                                               transform: translateY(-2px);
                                                               border-color: var(--mtg-orange);
                                                               background: var(--mtg-orange);
                                                               color: #fff;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-lightbox {
                                                               position: fixed;
                                                               inset: 0;
                                                               z-index: 999999;
                                                               display: none;
                                                               align-items: center;
                                                               justify-content: center;
                                                               padding: 25px;
                                                               background: rgba(5, 13, 22, .92);
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-lightbox.is-open {
                                                               display: flex;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-lightbox img {
                                                               display: block;
                                                               max-width: min(1100px, 92vw);
                                                               max-height: 84vh;
                                                               width: auto;
                                                               height: auto;
                                                               object-fit: contain;
                                                           }
                                                           
                                                           .mt-home-page-gallery .mt-home-page-gallery-lightbox-close {
                                                               position: absolute;
                                                               top: 20px;
                                                               right: 22px;
                                                               width: 44px;
                                                               height: 44px;
                                                               border: 0;
                                                               border-radius: 3px;
                                                               background: var(--mtg-orange);
                                                               color: #fff;
                                                               font-size: 22px;
                                                               cursor: pointer;
                                                           }
                                                           
                                                           @media (max-width: 900px) {
                                                               .mt-home-page-gallery {
                                                                   padding: 62px 0;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-heading {
                                                                   align-items: start;
                                                                   flex-direction: column;
                                                                   gap: 14px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-description {
                                                                   max-width: 650px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-grid {
                                                                   gap: 16px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-content {
                                                                   padding: 16px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-text strong {
                                                                   font-size: 15px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-cta {
                                                                   padding: 22px;
                                                               }
                                                           }
                                                           
                                                           @media (max-width: 600px) {
                                                               .mt-home-page-gallery {
                                                                   padding: 46px 0;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-container {
                                                                   width: calc(100% - 32px);
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-grid {
                                                                   grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                   gap: 11px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card {
                                                                   aspect-ratio: .92 / 1;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-content {
                                                                   padding: 12px;
                                                                   gap: 7px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-text small {
                                                                   font-size: 8px;
                                                                   letter-spacing: .8px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-text strong {
                                                                   font-size: 12px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-card-icon {
                                                                   flex-basis: 29px;
                                                                   width: 29px;
                                                                   height: 29px;
                                                                   font-size: 12px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-cta {
                                                                   align-items: stretch;
                                                                   flex-direction: column;
                                                                   gap: 16px;
                                                                   padding: 19px 16px;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-cta-button {
                                                                   width: 100%;
                                                                   white-space: normal;
                                                               }
                                                               .mt-home-page-gallery .mt-home-page-gallery-lightbox {
                                                                   padding: 14px;
                                                               }
                                                           }
                                                           /* Route CTA Buttons */
                                                           
                                                           .route-actions {
                                                               display: flex;
                                                               align-items: center;
                                                               flex-wrap: wrap;
                                                               gap: 12px;
                                                               margin-top: 22px;
                                                           }
                                                           /* Discuss This Route */
                                                           
                                                           .mt-route-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               gap: 14px;
                                                               min-height: 52px;
                                                               padding: 7px 9px 7px 18px;
                                                               background: #091b2d;
                                                               color: #fff;
                                                               border: 1px solid #ffc629;
                                                               border-radius: 8px;
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                               line-height: 1.3;
                                                               text-decoration: none;
                                                               white-space: nowrap;
                                                               flex: 0 0 auto;
                                                               transition: all 0.3s ease;
                                                           }
                                                           
                                                           .mt-route-btn:hover {
                                                               background: #102b44;
                                                               color: #fff;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .route-btn-icon {
                                                               width: 35px;
                                                               height: 35px;
                                                               flex-shrink: 0;
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               background: #ffc629;
                                                               color: #091b2d;
                                                               border-radius: 7px;
                                                           }
                                                           /* WhatsApp Button */
                                                           
                                                           .mt-whatsapp-btn {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               justify-content: center;
                                                               gap: 9px;
                                                               min-height: 52px;
                                                               padding: 0 18px;
                                                               background: #128c50;
                                                               color: #fff;
                                                               border: 1px solid #128c50;
                                                               border-radius: 8px;
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                               line-height: 1;
                                                               text-decoration: none;
                                                               white-space: nowrap;
                                                               flex: 0 0 auto;
                                                               transition: all 0.3s ease;
                                                           }
                                                           
                                                           .mt-whatsapp-btn:hover {
                                                               background: #0b7540;
                                                               border-color: #0b7540;
                                                               color: #fff;
                                                               transform: translateY(-2px);
                                                           }
                                                           
                                                           .mt-whatsapp-btn .fa-whatsapp {
                                                               font-size: 21px;
                                                           }
                                                           
                                                           .whatsapp-arrow {
                                                               font-size: 11px;
                                                               margin-left: 2px;
                                                           }
                                                           /* Mobile Responsive */
                                                           
                                                           @media (max-width: 480px) {
                                                               .route-actions {
                                                                   gap: 8px;
                                                                   flex-wrap: wrap;
                                                               }
                                                               .mt-route-btn {
                                                                   padding-left: 12px;
                                                                   gap: 10px;
                                                               }
                                                               .mt-whatsapp-btn {
                                                                   padding: 0 13px;
                                                                   gap: 7px;
                                                               }
                                                           }