.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 */
        }


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

        .navbar {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
        }

        p.center-text {
            text-align: center;
        }

        p.center-text a {
            color: black;
            /* Sets the text color to black */
            text-decoration: none;
            /* Removes underline from links */
        }

        p.center-text a:hover,
        p.center-text a:focus,
        p.center-text a:active {
            color: black;
            /* Keeps the text color black on hover, focus, and active states */
            text-decoration: none;
            /* Ensures no underline appears when hovered */
        }

        .inline-content a {
            white-space: nowrap;
            /* Prevent wrapping inside the link */
        }

        .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;
        }

        .navbar,
        .main-content,
        .footer-content {
            justify-content: center;
            /* Centers flex children horizontally */
            align-items: center;
            /* Centers flex children vertically if it's a column flex container */
        }

        .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;
        }

        .email-container {
            display: flex;
            /* Enables flexbox layout which is great for centering */
            justify-content: center;
            /* Centers horizontally in flex container */
            width: 100%;
            /* Full width to ensure it takes the container's full space */
        }

        .email-link {
            color: black;
            /* Ensures the link is black */
            text-decoration: none;
            /* No underline by default */
            font-weight: bold;
            /* Makes the link bold */
        }

        .email-link:hover {
            text-decoration: underline;
            /* Underline on hover for clarity */
        }

        @media (max-width: 768px) {
            .navbar-collapse {
                display: none;
            }

            .navbar-collapse.offcanvas-nav {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .navbar-toggler {
                display: block;
            }
        }