section.main-nav {
        display: none;
    }

    section.footer {
        display: none;
    }

    section.copy {
        display: none;
    }
    .serv-link {
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
    cursor: pointer !important;
}

.serv-link,
.serv-link .serv,
.serv-link .serv *,
.serv-link .serv::before,
.serv-link .serv::after {
    cursor: pointer !important;
}

/* Overlays click ko block na karein */
.serv .bg,
.serv .photo,
.serv .ph-tex,
.serv::before,
.serv::after {
    pointer-events: none;
}

.serv-link:hover,
.serv-link:focus,
.serv-link:active {
    color: inherit;
    text-decoration: none;
}


/* ==================================================
   GLOBAL HEADER: TOP BAR + MAIN NAVIGATION
================================================== */

:root {
    --rmr-topbar-height: 42px;
    --rmr-main-header-height: 88px;
    --rmr-admin-offset: 0px;
}

/* WordPress desktop admin bar */
body.admin-bar {
    --rmr-admin-offset: 32px;
}


/* ==================================================
   TOP INFORMATION BAR
================================================== */

.cs-header-info {
    position: fixed !important;
    top: var(--rmr-admin-offset) !important;
    left: 0;
    right: 0;
    z-index: 99999;

    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    width: 100%;
    height: var(--rmr-topbar-height);
    min-height: var(--rmr-topbar-height);
    margin: 0 !important;
    padding: 0 42px !important;

    border: 0 !important;
    border-bottom: 1px solid rgb(113 113 113) !important;
    border-radius: 0 !important;

    background: rgb(43 111 211 / 44%) !important;
    color: #fff !important;

    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transition:
        transform .28s ease,
        opacity .22s ease,
        visibility .22s ease;

    font-family: "Saira Condensed", "Arial Narrow", sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    letter-spacing: 1.2px;

    box-shadow:
        0 18px 45px -20px rgba(17, 18, 20, .35) !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, .7),
        0 0 7px rgba(255, 255, 255, .3);
}

.cs-header-info b,
.cs-header-info a,
.cs-header-info i {
    color: #fff !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, .7),
        0 0 7px rgba(255, 255, 255, .3);
}


/* Reset Bootstrap columns */
.cs-header-info > [class*="col-"] {
    float: none !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}


/* Empty balancing column */
.cs-header-info .col-md-4 {
    display: block;
}


/* Turnaround text */
.cs-header-info .col-md-3 {
    justify-self: center;
    text-align: center;
    white-space: nowrap;
}


/* Contact information */
.cs-header-info .col-md-5 {
    justify-self: end;
}

.cs-header-info .header-contact-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    white-space: nowrap;
}

.cs-header-info a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
}

.cs-header-info a:hover {
    color: #dceaff !important;
}


/* Home page ke elawa tamam pages */
body:not(.home):not(.page-template-page-home) .cs-header-info {
    border-bottom: 1px solid rgb(255 255 255) !important;
    background: rgb(43 111 211) !important;
}

/* Inner pages ka main navigation */
body:not(.home):not(.page-template-page-home) #siteNav:not(.scrolled) {
    background: rgb(43 111 211) !important;
    border-bottom: 1px solid rgb(255 255 255) !important;
}


/* ==================================================
   MAIN STICKY NAVIGATION
================================================== */

#siteNav {
    position: fixed !important;

    top: calc(
        var(--rmr-admin-offset) +
        var(--rmr-topbar-height)
    ) !important;

    left: 0;
    right: 0;
    z-index: 99998;

    transition:
        top .28s ease,
        background .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        backdrop-filter .35s ease !important;
}


/* Light overlay before scrolling */
#siteNav:not(.scrolled) {
    background: rgb(43 111 211 / 22%) !important;
    border-bottom: 1px solid rgb(113 113 113) !important;

    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}


/* ==================================================
   INNER PAGE BANNER SPACER
================================================== */

.rmr-inner-header-spacer {
    display: block;

    width: 100%;
    height: calc(
        var(--rmr-topbar-height) +
        var(--rmr-main-header-height)
    );

    min-height: calc(
        var(--rmr-topbar-height) +
        var(--rmr-main-header-height)
    );

    margin: 0;
    padding: 0;

    pointer-events: none;
    background: transparent;
}


/* ==================================================
   SCROLL STATE
================================================== */

/* Scroll par top bar hide */
body.rmr-topbar-hidden .cs-header-info {
    transform: translateY(-110%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/* Scroll par main header top par */
body.rmr-topbar-hidden #siteNav,
#siteNav.scrolled {
    top: var(--rmr-admin-offset) !important;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 991px) {

    .cs-header-info {
        grid-template-columns: 1fr auto;
        padding: 0 16px !important;
        font-size: 13px;
    }

    .cs-header-info .col-md-4 {
        display: none !important;
    }

    .cs-header-info .col-md-3 {
        justify-self: start;
    }

    .cs-header-info .header-contact-info {
        gap: 12px;
    }
}


/* WordPress mobile admin bar */
@media (max-width: 782px) {

    body.admin-bar {
        --rmr-admin-offset: 46px;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    :root {
        --rmr-topbar-height: 44px;
    }

    .cs-header-info {
        padding: 0 12px !important;
        font-size: 12px;
    }

    .cs-header-info .header-contact-info {
        gap: 9px;
    }

    .cs-header-info .header-contact-info a[href^="mailto:"] {
        display: none !important;
    }
}