.elementor-73 .elementor-element.elementor-element-f123450{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e9121a0 *//* =========================================================
   BOLLYWOOD ESCOTS — PREMIUM TEXT LOGO HEADER CSS
========================================================= */

:root {

    --be-dark: #2C2C2C;

    --be-primary: #853953;

    --be-secondary: #612D53;

    --be-light: #F3F4F4;

    --be-white: #FFFFFF;

}


/* =========================================================
   RESET
========================================================= */

.be-header,
.be-header *,
.be-header *::before,
.be-header *::after {

    box-sizing: border-box;

}

.be-header {

    position: relative;

    z-index: 9999;

    width: 100%;

    background: var(--be-white);

    font-family:
        "Montserrat",
        "Segoe UI",
        Arial,
        sans-serif;

}

.be-header a {

    text-decoration: none;

}


/* =========================================================
   HEADER INNER
========================================================= */

.be-header-inner {

    width: min(1380px, 94%);

    min-height: 88px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

}


/* =========================================================
   PREMIUM TEXT LOGO
========================================================= */

.be-brand-logo {

    width: 178px;

    flex: 0 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;

    color: var(--be-dark);

    line-height: 1;

}


/* TOP BE MONOGRAM */

.be-brand-top {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-bottom: 5px;

}

.be-brand-top i {

    display: block;

    width: 27px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #B9A5AD
        );

}

.be-brand-top i:last-child {

    background:
        linear-gradient(
            90deg,
            #B9A5AD,
            transparent
        );

}

.be-brand-top b {

    width: 25px;

    height: 25px;

    display: grid;

    place-items: center;

    color: var(--be-primary);

    border: 1px solid var(--be-primary);

    border-radius: 50%;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: -0.5px;

}


/* MAIN BRAND NAME */

.be-brand-name {

    color: var(--be-dark);

    font-family:
        "Bodoni 72",
        "Didot",
        "Playfair Display",
        Georgia,
        serif;

    font-size: 29px;

    font-weight: 500;

    font-style: italic;

    letter-spacing: -1.5px;

    white-space: nowrap;

    line-height: 0.95;

}


/* ESCOTS */

.be-brand-bottom {

    position: relative;

    margin-top: 7px;

    padding-left: 5px;

    color: var(--be-primary);

    font-family:
        "Montserrat",
        "Segoe UI",
        sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 5px;

    line-height: 1;

}


/* LITTLE DECORATIVE LINE */

.be-brand-bottom::before,
.be-brand-bottom::after {

    content: "";

    position: absolute;

    top: 50%;

    width: 16px;

    height: 1px;

    background: #CFC5C9;

}

.be-brand-bottom::before {

    right: 100%;

    margin-right: 8px;

}

.be-brand-bottom::after {

    left: 100%;

    margin-left: 4px;

}


/* LOGO HOVER */

.be-brand-logo {

    transition: transform 0.3s ease;

}

.be-brand-logo:hover {

    transform: translateY(-2px);

}

.be-brand-logo:hover .be-brand-name {

    color: var(--be-primary);

}

.be-brand-logo:hover .be-brand-top b {

    color: var(--be-white);

    background: var(--be-primary);

}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.be-main-nav {

    height: 88px;

    display: flex;

    align-items: center;

    gap: 1px;

}

.be-nav-link {

    position: relative;

    height: 88px;

    padding: 0 12px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: var(--be-dark);

    font-size: 10.5px;

    font-weight: 700;

    letter-spacing: 0.25px;

    white-space: nowrap;

    transition:
        color 0.25s ease;

}

.be-nav-link::after {

    content: "";

    position: absolute;

    left: 12px;

    right: 12px;

    bottom: 21px;

    height: 2px;

    background: var(--be-primary);

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform 0.3s ease;

}

.be-nav-link:hover {

    color: var(--be-primary);

}

.be-nav-link:hover::after {

    transform: scaleX(1);

}


/* =========================================================
   LOCATION DROPDOWN
========================================================= */

.be-nav-dropdown {

    height: 88px;

    display: flex;

    align-items: center;

}

.be-dropdown-arrow {

    color: var(--be-primary);

    font-size: 14px;

    line-height: 1;

    transition:
        transform 0.3s ease;

}

.be-nav-dropdown:hover .be-dropdown-arrow {

    transform: rotate(180deg);

}


/* =========================================================
   MEGA MENU
========================================================= */

.be-mega-menu {

    position: absolute;

    top: 88px;

    left: 0;

    width: 100%;

    padding: 30px 0 34px;

    background:
        rgba(255, 255, 255, 0.98);

    border-top:
        1px solid #EEE9EB;

    border-bottom:
        1px solid #E8E3E5;

    box-shadow:
        0 24px 50px
        rgba(44, 44, 44, 0.12);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(12px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

}

.be-nav-dropdown:hover .be-mega-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateY(0);

}


/* =========================================================
   MEGA INNER
========================================================= */

.be-mega-inner {

    width: min(1180px, 90%);

    margin: auto;

    display: grid;

    grid-template-columns: 255px 1fr;

    gap: 55px;

}


/* INTRO */

.be-mega-intro {

    padding:
        8px
        30px
        8px
        0;

    border-right:
        1px solid #E5DFE2;

}

.be-mega-eyebrow {

    display: block;

    margin-bottom: 13px;

    color: var(--be-primary);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}

.be-mega-intro h3 {

    margin: 0 0 13px;

    color: var(--be-dark);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 31px;

    font-weight: 500;

    line-height: 1.15;

}

.be-mega-intro h3 span {

    display: block;

    color: var(--be-primary);

    font-style: italic;

}

.be-mega-intro p {

    margin: 0 0 20px;

    color: #777174;

    font-size: 11px;

    line-height: 1.8;

}

.be-mega-view-all {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding-bottom: 4px;

    color: var(--be-dark);

    border-bottom:
        1px solid var(--be-primary);

    font-size: 10px;

    font-weight: 800;

    transition:
        0.25s ease;

}

.be-mega-view-all span {

    color: var(--be-primary);

    font-size: 15px;

}

.be-mega-view-all:hover {

    color: var(--be-primary);

    gap: 16px;

}


/* =========================================================
   CITY GRID
========================================================= */

.be-city-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 10px;

}

.be-city-item {

    min-height: 74px;

    position: relative;

    display: grid;

    grid-template-columns:
        28px 1fr 20px;

    align-items: center;

    gap: 10px;

    padding: 12px 14px;

    background: #FAFAFA;

    border:
        1px solid #EEE9EB;

    overflow: hidden;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;

}

.be-city-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background: var(--be-primary);

    transform:
        scaleY(0);

    transform-origin:
        bottom;

    transition:
        transform 0.3s ease;

}

.be-city-item:hover {

    background: var(--be-white);

    border-color: #DCCBD2;

    transform:
        translateY(-3px);

    box-shadow:
        0 8px 20px
        rgba(44, 44, 44, 0.06);

}

.be-city-item:hover::before {

    transform:
        scaleY(1);

}

.be-city-number {

    color: #B8B1B5;

    font-size: 9px;

    font-weight: 800;

}

.be-city-item strong {

    display: block;

    color: var(--be-dark);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2;

    transition:
        color 0.25s ease;

}

.be-city-item small {

    display: block;

    margin-top: 4px;

    color: #918B8E;

    font-size: 8px;

    line-height: 1.2;

}

.be-city-item:hover strong {

    color: var(--be-primary);

}

.be-city-arrow {

    color: var(--be-primary);

    font-size: 15px;

    opacity: 0;

    transform:
        translateX(-5px);

    transition:
        0.25s ease;

}

.be-city-item:hover .be-city-arrow {

    opacity: 1;

    transform:
        translateX(0);

}


/* =========================================================
   RIGHT HEADER ACTIONS
========================================================= */

.be-header-actions {

    display: flex;

    align-items: center;

    gap: 9px;

}

.be-header-whatsapp {

    min-height: 42px;

    padding: 0 15px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--be-white);

    background: var(--be-primary);

    font-size: 10px;

    font-weight: 700;

    transition:
        0.3s ease;

}

.be-header-whatsapp:hover {

    color: var(--be-white);

    background: var(--be-secondary);

    transform:
        translateY(-2px);

}

.be-whatsapp-symbol {

    font-size: 9px;

}

.be-header-call {

    min-height: 42px;

    padding:
        0 12px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-left:
        1px solid #DDD8DA;

}

.be-header-call span {

    color: #8A8587;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.2px;

}

.be-header-call strong {

    color: var(--be-dark);

    font-size: 10.5px;

    white-space: nowrap;

}

.be-header-call:hover strong {

    color: var(--be-primary);

}


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

.be-mobile-toggle {

    width: 43px;

    height: 43px;

    padding: 0;

    display: none;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 5px;

    background:
        var(--be-dark);

    border: 0;

    cursor: pointer;

}

.be-mobile-toggle span {

    width: 19px;

    height: 1.5px;

    display: block;

    background:
        var(--be-white);

    transition:
        0.3s ease;

}

.be-mobile-toggle.be-menu-open span:nth-child(1) {

    transform:
        translateY(6.5px)
        rotate(45deg);

}

.be-mobile-toggle.be-menu-open span:nth-child(2) {

    opacity: 0;

}

.be-mobile-toggle.be-menu-open span:nth-child(3) {

    transform:
        translateY(-6.5px)
        rotate(-45deg);

}


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

.be-mobile-menu {

    display: none;

    max-height: 0;

    overflow: hidden;

    background:
        var(--be-white);

    border-top:
        1px solid #EEE9EB;

    transition:
        max-height 0.4s ease;

}

.be-mobile-menu.be-mobile-menu-open {

    max-height: 900px;

}

.be-mobile-menu-inner {

    width: 92%;

    margin: auto;

    padding:
        10px 0 25px;

}

.be-mobile-menu-inner > a {

    min-height: 52px;

    display: flex;

    align-items: center;

    border-bottom:
        1px solid #EEE9EB;

    color: var(--be-dark);

    font-size: 12px;

    font-weight: 700;

    transition:
        0.25s ease;

}

.be-mobile-menu-inner > a:hover {

    padding-left: 7px;

    color: var(--be-primary);

}


/* MOBILE LOCATION */

.be-mobile-location {

    border-bottom:
        1px solid #EEE9EB;

}

.be-mobile-location-title {

    min-height: 52px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: var(--be-dark);

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

}

.be-mobile-location-title span:last-child {

    color: var(--be-primary);

    font-size: 20px;

    font-weight: 400;

    transition:
        transform 0.3s ease;

}

.be-mobile-location-open
.be-mobile-location-title
span:last-child {

    transform:
        rotate(45deg);

}


/* CITY LIST */

.be-mobile-city-list {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 6px;

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    padding: 0;

    transition:
        max-height 0.35s ease,
        opacity 0.25s ease;

}

.be-mobile-location-open
.be-mobile-city-list {

    max-height: 500px;

    opacity: 1;

    padding:
        0 0 14px;

}

.be-mobile-city-list a {

    padding:
        11px 12px;

    color: #716B6E;

    background:
        #F8F7F7;

    font-size: 10px;

    font-weight: 600;

    border-left:
        2px solid transparent;

    transition:
        0.25s ease;

}

.be-mobile-city-list a:hover {

    color: var(--be-primary);

    border-left-color:
        var(--be-primary);

    background:
        #F4ECEF;

}


/* MOBILE ACTIONS */

.be-mobile-actions {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

    padding-top: 18px;

}

.be-mobile-actions a {

    min-height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--be-white);

    background:
        var(--be-primary);

    font-size: 10px;

    font-weight: 700;

    transition:
        0.25s ease;

}

.be-mobile-actions a:last-child {

    background:
        var(--be-dark);

}

.be-mobile-actions a:hover {

    background:
        var(--be-secondary);

}


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

@media (max-width: 1220px) {

    .be-header-inner {

        width: 95%;

        gap: 12px;

    }

    .be-brand-logo {

        width: 155px;

    }

    .be-brand-name {

        font-size: 26px;

    }

    .be-nav-link {

        padding:
            0 8px;

        font-size: 9.5px;

    }

    .be-nav-link::after {

        left: 8px;

        right: 8px;

    }

    .be-header-call {

        display: none;

    }

    .be-mega-inner {

        width: 94%;

        gap: 35px;

    }

}


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

@media (max-width: 900px) {

    .be-header-inner {

        min-height: 78px;

        width: 92%;

    }

    .be-main-nav,
    .be-header-actions {

        display: none;

    }

    .be-brand-logo {

        width: 160px;

    }

    .be-brand-name {

        font-size: 27px;

    }

    .be-mobile-toggle {

        display: flex;

    }

    .be-mobile-menu {

        display: block;

    }

}


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

@media (max-width: 480px) {

    .be-header-inner {

        width: 90%;

        min-height: 72px;

    }

    .be-brand-logo {

        width: 145px;

    }

    .be-brand-name {

        font-size: 24px;

    }

    .be-brand-top {

        margin-bottom: 3px;

    }

    .be-brand-top b {

        width: 22px;

        height: 22px;

        font-size: 7px;

    }

    .be-brand-top i {

        width: 22px;

    }

    .be-brand-bottom {

        font-size: 7px;

        letter-spacing: 4px;

        margin-top: 6px;

    }

    .be-mobile-toggle {

        width: 40px;

        height: 40px;

    }

    .be-mobile-city-list {

        grid-template-columns:
            1fr 1fr;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .be-header *,
    .be-header *::before,
    .be-header *::after {

        transition-duration:
            0.01ms !important;

    }

}/* End custom CSS */