.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.glass-panel-label {
    opacity: 0.65;
}
.glass-panel {
    background: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    backdrop-filter: blur(24px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
        .heritage-slider {
            position: relative;
        }
        .heritage-slide {
            opacity: 0;
            position: absolute;
            inset: 0;
        }
        .heritage-slide.active {
            opacity: 1;
        }
        .heritage-dot {
            border: 1px solid rgba(15, 23, 42, 0.15);
            background-color: rgba(148, 163, 184, 0.7);
        }
        .heritage-dot.active {
            background-color: #2c6485;
            border-color: #2c6485;
        }
        @keyframes fleetScroll {
            from { transform: translateX(0); }
            to   { transform: translateX(-50%); }
        }
        .fleet-track {
            animation: fleetScroll 20s linear infinite;
            will-change: transform;
        }
        .fleet-carousel-outer:hover .fleet-track {
            animation-play-state: paused;
        }
        .fleet-carousel-outer {
            overflow: hidden;
            padding: 32px 0;
            margin: -32px 0;
            position: relative;
        }
        .fleet-carousel-outer::before,
        .fleet-carousel-outer::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 80px;
            z-index: 10;
            pointer-events: none;
        }
        .fleet-carousel-outer::before {
            left: 0;
            background: radial-gradient(ellipse 100% 50% at left center, rgba(0,0,0,0.18) 30%, transparent 100%);
        }
        .fleet-carousel-outer::after {
            right: 0;
            background: radial-gradient(ellipse 100% 50% at right center, rgba(0,0,0,0.18) 30%, transparent 100%);
        }
        .fleet-track {
            width: max-content;
        }
        .oc-rich-text ul { list-style: disc; padding-left: 1.4em; margin: 0.4em 0; }
        .oc-rich-text ol { list-style: decimal; padding-left: 1.4em; margin: 0.4em 0; }
        .oc-rich-text li { margin-bottom: 0.2em; }
        .oc-rich-text blockquote { border-left: 3px solid #cbd5e1; padding-left: 0.9em; margin: 0.4em 0; color: #64748b; }
        .oc-rich-text p { margin-bottom: 0.6em; }
        .oc-rich-text p:last-child { margin-bottom: 0; }
        .oc-rich-text strong { font-weight: 700; }
        .oc-rich-text em { font-style: italic; }
        @keyframes statLetterIn {
          from { opacity: 0; transform: translateY(18px); }
          to   { opacity: 1; transform: translateY(0); }
        }
        @keyframes statLabelIn {
          from { opacity: 0; transform: translateY(8px); }
          to   { opacity: 1; transform: translateY(0); }
        }
        .stat-letter {
          display: inline-block;
          opacity: 0;
          animation: statLetterIn 0.45s cubic-bezier(0.22,1,0.36,1) forwards;
        }
        .stat-label-anim {
          opacity: 0;
          animation: statLabelIn 0.5s ease forwards;
        }
        #ourCompanyModal, #ourServiceModal, #fleetModal, #latestNewsModal, #jobOpportunitiesModal {
            display: none;
        }
        #ourCompanyModal.open, #ourServiceModal.open, #fleetModal.open, #latestNewsModal.open, #jobOpportunitiesModal.open {
            display: flex !important;
        }
        .oc-overlay {
            background: rgba(0, 0, 0, 0.35);
            -webkit-backdrop-filter: brightness(0.62) blur(5px);
            backdrop-filter: brightness(0.62) blur(5px);
        }


        @keyframes ocPanelIn {
            from {
                opacity: 0;
                transform: translateY(28px) scale(0.97);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        @keyframes ocOverlayIn {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        #ourCompanyModal.open .oc-overlay,
        #ourServiceModal.open .oc-overlay,
        #fleetModal.open .oc-overlay,
        #latestNewsModal.open .oc-overlay,
        #jobOpportunitiesModal.open .oc-overlay {
            animation: ocOverlayIn 0.22s ease forwards;
        }
        #ourCompanyModal.open .oc-modal-panel,
        #ourServiceModal.open .oc-modal-panel,
        #fleetModal.open .oc-modal-panel,
        #latestNewsModal.open .oc-modal-panel,
        #jobOpportunitiesModal.open .oc-modal-panel {
            animation: ocPanelIn 0.32s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }
        .oc-sw-btn {
            position: relative;
            white-space: nowrap;
            transition: color 0.18s;
        }
        .oc-sw-btn.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            background: #191c1e;
            border-radius: 2px 2px 0 0;
        }
        .oc-content-body { color: #44474e; }
        .oc-content-body p { margin-bottom: 1em; }
        .oc-content-body b, .oc-content-body strong { color: #191c1e; }
        .oc-content-body h1,.oc-content-body h2,.oc-content-body h3 { color: #191c1e; font-family: 'Manrope'; font-weight: 700; margin-bottom: 0.5em; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        #fleetModal.open .oc-modal-panel {
            animation: ocPanelIn 0.32s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }