        .header-layout6 .menu-area {
            background: #f1f2f7 !important;
        }

        .header-layout6 .logo-shape {
            display: none;
        }

        .header-layout6 .main-menu > ul > li > a,
        .header-layout6 .simple-icon {
            color: #1f2d5c;
        }

        @media (min-width: 992px) {
            .header-layout6 .menu-area .header-logo {
                margin-left: -8px;
            }

            .header-layout6 .menu-area .row {
                flex-wrap: nowrap;
            }

            .header-layout6 .menu-area .menu-main-wrap {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 14px;
                flex-wrap: nowrap;
                width: 100%;
                padding-right: 28px;
            }

            .header-layout6 .menu-area .menu-holder {
                flex: 1 1 auto;
                min-width: 0;
                display: flex;
                justify-content: flex-end;
            }

            .header-layout6 .main-menu > ul {
                white-space: nowrap;
            }

            .header-layout6 .main-menu > ul > li {
                margin: 0 11px;
            }

            .header-layout6 .main-menu > ul > li > a {
                padding: 38px 0;
            }

            .header-layout6 .header-button {
                margin-left: 0;
            }

            .header-layout6 .header-button .sideMenuToggler {
                margin-left: 14px;
            }
        }

        @media (max-width: 1399px) and (min-width: 992px) {
            .header-layout6 .menu-area .header-logo {
                margin-left: 0;
            }

            .header-layout6 .main-menu > ul > li {
                margin: 0 9px;
            }
        }

        @media (max-width: 991px) {
            .header-layout6 .menu-area .header-logo {
                margin-left: 0 !important;
                padding-left: 10px;
            }

            .header-layout6 .menu-area .header-logo img {
                max-width: clamp(190px, 60vw, 245px);
                width: 100%;
                height: auto;
            }

            .header-layout6 .menu-area .container {
                padding-left: 14px;
                padding-right: 14px;
            }

            .header-layout6 .menu-area .th-menu-toggle {
                margin-right: 6px;
            }
        }

        @media (max-width: 575px) {
            .header-layout6 .menu-area .header-logo img {
                max-width: 68vw;
            }

            .th-menu-wrapper .th-menu-area {
                padding-left: 12px;
                padding-right: 12px;
            }

            .th-menu-wrapper .th-menu-toggle {
                right: 8px;
            }

            .th-mobile-menu ul li a {
                padding-right: 12px;
            }
        }

        .facility-card {
            position: relative;
            overflow: hidden;
            border-radius: 12px;
        }

        .facility-card img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            transition: transform 0.35s ease;
        }

        .facility-card:hover img {
            transform: scale(1.06);
        }

        .facility-overlay {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(27, 39, 83, 0.88);
            color: #fff;
            padding: 16px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
        }

        .facility-overlay h4 {
            margin: 0;
            font-size: 20px;
            color: #fff;
        }

        .facility-btn {
            background: #fff;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            flex-shrink: 0;
            transition: transform 0.2s ease, background-color 0.2s ease;
        }

        .facility-btn i {
            color: #1b2753;
        }

        .facility-btn:hover {
            background: #ffca06;
            transform: translateY(-1px);
        }

        .facility-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.65);
            z-index: 9999;
            padding: 24px 14px;
            overflow-y: auto;
        }

        .facility-modal.show {
            display: block;
        }

        .facility-modal-content {
            position: relative;
            background: #fff;
            width: min(680px, 100%);
            margin: 4% auto;
            padding: 34px 26px 26px;
            border-radius: 12px;
            text-align: center;
        }

        .facility-modal-content img {
            width: 100%;
            border-radius: 10px;
            margin-bottom: 18px;
            max-height: 360px;
            object-fit: cover;
        }

        .facility-modal-content h3 {
            margin-bottom: 10px;
        }

        .facility-modal-content p {
            margin-bottom: 0;
        }

        .facility-close {
            position: absolute;
            top: 10px;
            right: 14px;
            font-size: 30px;
            line-height: 1;
            cursor: pointer;
            color: #1b2753;
        }

        @media (max-width: 575px) {
            .facility-overlay h4 {
                font-size: 18px;
            }

            .facility-modal-content {
                margin: 8% auto;
                padding: 28px 16px 20px;
            }

            .facility-modal-content img {
                max-height: 250px;
            }
        }

        .chairman-photo-wrap {
            position: relative;
            border-radius: 18px;
            overflow: hidden;
            padding: 14px;
            background: #ffffff;
            box-shadow: 0 18px 45px rgba(15, 31, 73, 0.16);
            background-image: url("assets/img/bg/about-5-bg.png");
            background-size: cover;
            background-position: center;
        }

        .chairman-photo-wrap::before {
            content: "";
            position: absolute;
            top: -34px;
            left: -34px;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            background: rgba(13, 94, 244, 0.16);
            z-index: 0;
        }

        .chairman-photo {
            position: relative;
            z-index: 1;
            width: 100%;
            border-radius: 12px;
            display: block;
            object-fit: cover;
            min-height: 460px;
            max-height: 560px;
        }

        @media (max-width: 1199px) {
            .chairman-photo {
                min-height: 360px;
            }
        }
    
