.wrapper {
            background-color: #f8f9fa !important;
            padding-top: 0.25rem !important;
        }

        .navbar {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        .navbar-brand {
            display: flex !important;
            align-items: center !important;
        }

        .navbar-brand img {
            max-width: 100% !important;
        }

        .navbar-toggler {
            background: none !important;
            border: none !important;
            cursor: pointer !important;
            padding: 0 !important;
            outline: none !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            margin-left: auto !important;
        }

        .navbar-toggler span {
            display: block !important;
            width: 30px !important;
            height: 3px !important;
            background-color: #000 !important;
            margin: 6px 0 !important;
        }

        .navbar-collapse {
            flex-grow: 1 !important;
            justify-content: center !important;
            display: flex !important;
            transition: transform 0.3s ease !important;
            transform: translateX(100%) !important;
        }

        .navbar-nav {
            display: flex !important;
            flex-direction: column !important;
            gap: 1rem !important;
        }

        .nav-item {
            list-style: none !important;
        }

        .nav-link {
            text-decoration: none !important;
            color: #000 !important; /* Adjust color as needed */
            font-size: 18px !important; /* Adjust font size as needed */
        }

        .nav-link:hover {
            color: #4E2A84 !important; /* Change to desired hover color */
        }

        @media (max-width: 1024px) {
            .navbar-collapse {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                width: 50% !important;
                height: 100% !important;
                background-color: #fff !important;
                z-index: 9999 !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center !important;
                box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5) !important;
            }

            .navbar-collapse.offcanvas-nav {
                transform: translateX(0) !important;
            }

            .navbar-toggler {
                display: block !important;
            }

            .overlay {
                display: none !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                background: rgba(0, 0, 0, 0.5) !important;
                z-index: 9998 !important;
                transition: opacity 0.3s ease !important;
                opacity: 0 !important;
            }

            .overlay.active {
                display: block !important;
                opacity: 1 !important;
            }
        }

        @media (min-width: 1025px) {
            .navbar-toggler {
                display: none !important;
            }

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

            .navbar-nav {
                flex-direction: row !important;
            }

            .overlay {
                display: none !important;
            }
        }

/* ---- inline block ---- */
.partner-logo {
            max-width: 80px;
            /* Adjust the width as needed */
            max-height: 80px;
            margin: 10px;
            /* Adjust spacing between logos */
        }
        
        .col-md-3 {
            flex: 0 0 auto;
            width: 25%;
        }
        
        .col-sm-6 {
            flex: 0 0 auto;
            width: 50%;
        }
        
        .mb-1 {
            margin-bottom: 0.25rem !important;
        }
        
        .mb-2 {
            margin-bottom: 0.5rem !important;
        }
        
        .meta,
        .post-category,
        .filter,
        .filter ul li a {
            text-transform: uppercase;
            letter-spacing: 0.02rem;
            font-size: 0.7rem;
            font-weight: 700;
            color: #aab0bc;
        }
        
        .row {
            display: flex;
            flex-wrap: wrap;
        }
        
        .item {
            flex: 0 0 25%;
            /* Ensures each item takes up 25% of the row */
            max-width: 25%;
            /* Prevents any item from exceeding 25% of the row's width */
        }
        
        @media (max-width: 768px) {
            /* Adjusts when the viewport is 768px or less */
            .item {
                flex: 0 0 50%;
                /* Each item takes up 50% of the row */
                max-width: 50%;
                /* Prevents any item from exceeding 50% of the row's width */
            }
        }
        
        .meta {
            font-size: 0.95rem;
        }
        
        .gx-lg-8 {
            --bs-gutter-x: 3rem;
        }
        
        .gx-xl-12 {
            --bs-gutter-x: 4.5rem;
        }
        
        .gy-10 {
            --bs-gutter-y: 3.5rem;
        }
        
        .post-category {
            margin-bottom: 0.4rem;
        }
        
        .post-meta {
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: 0.7rem;
            color: #aab0bc;
        }
        
        .post-meta li {
            display: inline-block;
        }
        
        .post-meta li a {
            color: #aab0bc;
        }
        
        .wrapper {
            background-color: #f8f9fa;
            padding-top: 0.25rem;
        }
        
        .navbar {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .navbar-brand {
            display: flex;
            align-items: center;
            width: 100%;
        }
        
        .navbar-brand img {
            max-width: 100%;
        }
        
        .navbar-toggler {
            margin-left: auto;
        }
        
        .navbar-collapse {
            flex-grow: 1;
            justify-content: center;
            display: flex;
        }
        
        .navbar-nav {
            display: flex;
            gap: 1rem;
        }
        
        .nav-item {
            list-style: none;
        }
        
        .people-section {
            padding-top: 50px;
            /* Adds 50px space inside the top of the sections */
        }
        
        .nav-link {
            text-decoration: none;
            color: #000;
            /* Adjust color as needed */
            font-size: 26px;
            /* Adjust font size as needed */
        }
        
        .nav-link:hover {
            color: #4E2A84;
            /* Change to desired hover color */
        }
        
        .gtranslate_wrapper {
            margin-left: auto;
            display: flex;
            align-items: center;
        }
        
        @media (max-width: 768px) {
            .navbar-collapse {
                display: none;
            }
            .navbar-collapse.offcanvas-nav {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .navbar-toggler {
                display: block;
            }
        }