.header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: top 0.3s ease-in-out;
        z-index: 1000;
    }
    body > *:first-child:not(.page-loader):not(.header) {
        padding-top: 100px;
    }

    /* Dropdown button styling (base for both desktop and mobile) */
    .dropdown-toggle {
        background: none;
        border: none;
        padding: 0;
        font: inherit;
        color: inherit;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
    }
    .dropdown-toggle:hover,
    .dropdown-toggle:focus {
        color: #00c4cc;
        text-decoration: underline;
    }
    .dropdown.open .dropdown-toggle img {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }

    /* Mobile / burger menu – make Services & Locations slightly bigger & better spaced */
    @media (max-width: 1230px) {
        .for-mobile-menu .menu {
            flex-direction: column;
            align-items: flex-start;
        }
        .for-mobile-menu .menu > li {
            width: 100%;
        }
        .for-mobile-menu .menu > li > a,
        .for-mobile-menu .menu > li > .dropdown-toggle {
            font-size: 18px !important;          /* larger than default */
            font-weight: 600 !important;         /* bolder for prominence */
            padding: 14px 24px !important;       /* more vertical breathing room */
            width: 100%;
            justify-content: flex-start;
            box-sizing: border-box;
        }
        .for-mobile-menu .submenu {
            padding-left: 40px !important;
            font-size: 16px !important;
        }
        .for-mobile-menu .submenu li a {
            padding: 10px 24px !important;
        }
    }