{"id":1040,"date":"2026-07-04T06:44:25","date_gmt":"2026-07-04T06:44:25","guid":{"rendered":"https:\/\/pink-eel-901724.hostingersite.com\/?page_id=1040"},"modified":"2026-07-06T10:20:07","modified_gmt":"2026-07-06T10:20:07","slug":"elementor-1040","status":"publish","type":"page","link":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/elementor-1040\/","title":{"rendered":"Elementor #1040"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1040\" class=\"elementor elementor-1040\">\n\t\t\t\t<div class=\"elementor-element elementor-element-359be7b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"359be7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a0b7e0b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a0b7e0b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef897ac wpr-main-menu-align-right wpr-main-menu-align--tabletright wpr-main-menu-align--mobileright wpr-mobile-menu-item-align-right wpr-main-menu-align--widescreenleft wpr-main-menu-align--laptopleft wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-mobile wpr-mobile-menu-full-width wpr-mobile-toggle-v1 wpr-sub-divider-yes wpr-mobile-divider-yes elementor-widget elementor-widget-wpr-nav-menu\" data-id=\"ef897ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;menu_layout&quot;:&quot;horizontal&quot;}\" data-widget_type=\"wpr-nav-menu.default\">\n\t\t\t\t\t<nav class=\"wpr-nav-menu-container wpr-nav-menu-horizontal\" data-trigger=\"hover\" data-consider-header=\"\" data-scroll-speed=\"500\"><ul id=\"menu-1-ef897ac\" class=\"wpr-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-464\"><a href=\"#\" class=\"wpr-menu-item wpr-pointer-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-465\"><a aria-haspopup=\"true\" aria-expanded=\"false\" href=\"#\" class=\"wpr-menu-item wpr-pointer-item\">Projects<i class=\"wpr-sub-icon fas\" aria-hidden=\"true\"><\/i><\/a>\n<ul class=\"sub-menu wpr-sub-menu\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-468\"><a href=\"#\" class=\"wpr-sub-menu-item\">Aurum Seven<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-469\"><a href=\"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/aurum-girnar\/\" class=\"wpr-sub-menu-item\">Aurum Girnar<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-470\"><a href=\"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/aurum-arts\/\" class=\"wpr-sub-menu-item\">Aurum Arts<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-466\"><a href=\"#\" class=\"wpr-menu-item wpr-pointer-item\">Lifestyle<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-467\"><a href=\"#\" class=\"wpr-menu-item wpr-pointer-item\">About<\/a><\/li>\n<\/ul><\/nav><nav class=\"wpr-mobile-nav-menu-container\"><div class=\"wpr-mobile-toggle-wrap\"><div class=\"wpr-mobile-toggle\"><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><\/div><\/div><ul id=\"mobile-menu-2-ef897ac\" class=\"wpr-mobile-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-464\"><a href=\"#\" class=\"wpr-mobile-menu-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-465\"><a href=\"#\" class=\"wpr-mobile-menu-item\">Projects<\/a>\n<ul class=\"sub-menu wpr-sub-menu\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-468\"><a href=\"#\" class=\"wpr-mobile-sub-menu-item\">Aurum Seven<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-469\"><a href=\"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/aurum-girnar\/\" class=\"wpr-mobile-sub-menu-item\">Aurum Girnar<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-470\"><a href=\"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/aurum-arts\/\" class=\"wpr-mobile-sub-menu-item\">Aurum Arts<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-466\"><a href=\"#\" class=\"wpr-mobile-menu-item\">Lifestyle<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-467\"><a href=\"#\" class=\"wpr-mobile-menu-item\">About<\/a><\/li>\n<\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b5fca0 elementor-widget elementor-widget-heading\" data-id=\"4b5fca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THE EPICENTER\nOF INFLUENCE<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f47ac2c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"f47ac2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c4f51 wpr-button-icon-a-position-left wpr-button-icon-b-position-right elementor-widget elementor-widget-wpr-dual-button\" data-id=\"17c4f51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-dual-button.default\">\n\t\t\t\t\t\t\n\t<div class=\"wpr-dual-button\">\n\t\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-a-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button-a wpr-button-effect wpr-button-none\" data-text=\"Go 1\" href=\"#link\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content-a\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text-a\">book a private preview<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\n\t\t\n\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-b-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button-b wpr-button-effect wpr-button-none\" data-text=\"Go\" href=\"#\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content-b\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text-b\">pricing enquiry<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1c6a41 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"d1c6a41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1707eec elementor-widget elementor-widget-south_bombay_slider\" data-id=\"1707eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-1707eec\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-2ea3fd3 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-4.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-right\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-right pos-v-top txt-right heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"2ea3fd3\"\n        data-original-size=\"\"\n    >\n        ARCHITECTURE<br \/>\nBEFITTING<br \/>\nTHE ADDRESS    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-right txt-right\">\n    <p>Aurum Girnar elevates elite living through thoughtfully<br \/>designed residences, each offering expansive interiors and<br \/>stunning views of Mumbai\u2019s skyline and the endless sea beyond.<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-1707eec.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-1707eec.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-1707eec.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-1707eec .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-1707eec .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-1707eec .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-1707eec .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-1707eec .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-1707eec .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-1707eec.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-1707eec.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-1707eec    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-1707eec    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-1707eec    .southBombayRestart,\n    \n    #slider-1707eec    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-1707eec    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-1707eec    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-1707eec    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-1707eec    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-1707eec .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-1707eec .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-1707eec .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-1707eec .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-1707eec .pos-h-left { left: 6%; right: auto; }\n                #slider-1707eec .pos-h-right { right: 6%; left: auto; }\n                #slider-1707eec .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-1707eec .pos-v-top { top: 12%; transform: none; }\n                #slider-1707eec .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-1707eec .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-1707eec .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-1707eec .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-1707eec .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-1707eec .txt-left { text-align: left; }\n                #slider-1707eec .txt-center { text-align: center; }\n                #slider-1707eec .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-1707eec .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-1707eec .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-1707eec .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-1707eec .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-1707eec .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-1707eec .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-1707eec .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-1707eec .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-1707eec .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-1707eec .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-1707eec .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-1707eec .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-1707eec .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-1707eec .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-1707eec .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-1707eec .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-1707eec  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-1707eec  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-1707eec  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-1707eec  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-1707eec  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-1707eec .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-1707eec .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-1707eec .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-1707eec .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-1707eec .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-1707eec .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-1707eec .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-1707eec .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-1707eec .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-1707eec .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-1707eec .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-1707eec .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-1707eec .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-1707eec .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-1707eec .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-1707eec .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-1707eec .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-1707eec .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-1707eec .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-1707eec .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-1707eec .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-1707eec.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-1707eec .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-1707eec.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::before,\n#slider-1707eec.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-1707eec .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-1707eec .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-1707eec .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-1707eec .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-1707eec .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-1707eec .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-1707eec .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-1707eec .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-1707eec .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-1707eec.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::before,\n#slider-1707eec.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-1707eec.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-1707eec .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-1707eec.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-1707eec .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-1707eec.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-1707eec .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-1707eec.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-1707eec.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-1707eec .heading-size-big h1{ font-size:48px; }\n                    #slider-1707eec .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-1707eec.southBombayWrap{ height:85vh; }\n                    #slider-1707eec .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-1707eec .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-1707eec .southBombayPara { font-size: 15px; }\n                    #slider-1707eec .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-1707eec .qn-btn { text-align: center; }\n                    #slider-1707eec .southBombayArrow{ font-size:40px; }\n                    #slider-1707eec .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-1707eec .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-1707eec.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-1707eec.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-1707eec.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-1707eec'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3945399 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3945399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07b9f0 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"e07b9f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-e07b9f0\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-8fdf56b southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-9.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>LIMITED FULL FLOOR SKY RESIDENCES<br \/>WITH UTMOST PRIVACY<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <h2>LIMITED FULL FLOOR SKY RESIDENCES<br \/>WITH UTMOST PRIVACY<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-e07b9f0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-e07b9f0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-e07b9f0.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-e07b9f0 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-e07b9f0 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-e07b9f0 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-e07b9f0 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-e07b9f0 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-e07b9f0 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-e07b9f0.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-e07b9f0.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-e07b9f0    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-e07b9f0    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-e07b9f0    .southBombayRestart,\n    \n    #slider-e07b9f0    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-e07b9f0    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-e07b9f0    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-e07b9f0    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-e07b9f0    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-e07b9f0 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-e07b9f0 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-e07b9f0 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-e07b9f0 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-e07b9f0 .pos-h-left { left: 6%; right: auto; }\n                #slider-e07b9f0 .pos-h-right { right: 6%; left: auto; }\n                #slider-e07b9f0 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-e07b9f0 .pos-v-top { top: 12%; transform: none; }\n                #slider-e07b9f0 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-e07b9f0 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-e07b9f0 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-e07b9f0 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-e07b9f0 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-e07b9f0 .txt-left { text-align: left; }\n                #slider-e07b9f0 .txt-center { text-align: center; }\n                #slider-e07b9f0 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-e07b9f0 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-e07b9f0 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-e07b9f0 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-e07b9f0 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-e07b9f0 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-e07b9f0 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-e07b9f0 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-e07b9f0 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-e07b9f0 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-e07b9f0 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-e07b9f0 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-e07b9f0 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-e07b9f0 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-e07b9f0 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-e07b9f0 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-e07b9f0 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-e07b9f0  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-e07b9f0  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-e07b9f0  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-e07b9f0  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-e07b9f0  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-e07b9f0 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-e07b9f0 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-e07b9f0 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-e07b9f0 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-e07b9f0 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-e07b9f0 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-e07b9f0 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-e07b9f0 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-e07b9f0 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-e07b9f0 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-e07b9f0 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-e07b9f0 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-e07b9f0 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-e07b9f0 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-e07b9f0 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-e07b9f0 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-e07b9f0 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-e07b9f0 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-e07b9f0 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-e07b9f0 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-e07b9f0 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-e07b9f0.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-e07b9f0 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::before,\n#slider-e07b9f0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-e07b9f0 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-e07b9f0 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-e07b9f0 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-e07b9f0 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-e07b9f0 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-e07b9f0 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-e07b9f0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-e07b9f0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-e07b9f0 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::before,\n#slider-e07b9f0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-e07b9f0 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-e07b9f0.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-e07b9f0 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-e07b9f0.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-e07b9f0 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-e07b9f0.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-e07b9f0.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-e07b9f0 .heading-size-big h1{ font-size:48px; }\n                    #slider-e07b9f0 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-e07b9f0.southBombayWrap{ height:85vh; }\n                    #slider-e07b9f0 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-e07b9f0 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-e07b9f0 .southBombayPara { font-size: 15px; }\n                    #slider-e07b9f0 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-e07b9f0 .qn-btn { text-align: center; }\n                    #slider-e07b9f0 .southBombayArrow{ font-size:40px; }\n                    #slider-e07b9f0 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-e07b9f0 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-e07b9f0.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-e07b9f0.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-e07b9f0.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-e07b9f0'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47679cb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"47679cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a177988 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"a177988\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-a177988\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-919f77c southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/05\/Group.png\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>OASIS 34 TRANQUIL TERRACE<br \/>WITH DOWNTOWN VIEWS<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <h2>OASIS 34 TRANQUIL TERRACE<br \/>WITH DOWNTOWN VIEWS<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-a177988.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-a177988.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-a177988.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-a177988 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-a177988 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-a177988 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-a177988 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-a177988 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-a177988 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-a177988.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-a177988.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-a177988    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-a177988    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-a177988    .southBombayRestart,\n    \n    #slider-a177988    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-a177988    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-a177988    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-a177988    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-a177988    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-a177988 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-a177988 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-a177988 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-a177988 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-a177988 .pos-h-left { left: 6%; right: auto; }\n                #slider-a177988 .pos-h-right { right: 6%; left: auto; }\n                #slider-a177988 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-a177988 .pos-v-top { top: 12%; transform: none; }\n                #slider-a177988 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-a177988 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-a177988 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-a177988 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-a177988 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-a177988 .txt-left { text-align: left; }\n                #slider-a177988 .txt-center { text-align: center; }\n                #slider-a177988 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-a177988 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-a177988 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-a177988 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-a177988 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-a177988 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-a177988 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-a177988 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-a177988 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-a177988 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-a177988 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-a177988 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-a177988 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-a177988 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-a177988 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-a177988 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-a177988 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-a177988  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-a177988  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-a177988  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-a177988  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-a177988  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-a177988 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-a177988 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-a177988 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-a177988 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-a177988 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-a177988 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-a177988 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-a177988 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-a177988 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-a177988 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-a177988 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-a177988 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-a177988 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-a177988 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-a177988 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-a177988 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-a177988 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-a177988 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-a177988 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-a177988 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-a177988 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-a177988.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-a177988 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-a177988.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-a177988.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::before,\n#slider-a177988.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-a177988 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-a177988 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-a177988 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-a177988 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-a177988 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-a177988 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-a177988 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-a177988 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-a177988 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-a177988.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::before,\n#slider-a177988.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-a177988.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-a177988.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-a177988 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-a177988.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-a177988 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-a177988.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-a177988 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-a177988.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-a177988.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-a177988 .heading-size-big h1{ font-size:48px; }\n                    #slider-a177988 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-a177988.southBombayWrap{ height:85vh; }\n                    #slider-a177988 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-a177988 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-a177988 .southBombayPara { font-size: 15px; }\n                    #slider-a177988 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-a177988 .qn-btn { text-align: center; }\n                    #slider-a177988 .southBombayArrow{ font-size:40px; }\n                    #slider-a177988 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-a177988 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-a177988.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-a177988.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-a177988.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-a177988'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73cb8ef e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"73cb8ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00d30ac elementor-widget elementor-widget-south_bombay_slider\" data-id=\"00d30ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-00d30ac\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-8a784b3 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-6.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>GRAND LOBBY LOUNGE<br \/>WITH SOARING CEILINGS<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <h2>GRAND LOBBY LOUNGE<br \/>WITH SOARING CEILINGS<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-00d30ac.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-00d30ac.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-00d30ac.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-00d30ac .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-00d30ac .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-00d30ac .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-00d30ac .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-00d30ac .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-00d30ac .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-00d30ac.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-00d30ac.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-00d30ac    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-00d30ac    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-00d30ac    .southBombayRestart,\n    \n    #slider-00d30ac    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-00d30ac    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-00d30ac    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-00d30ac    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-00d30ac    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-00d30ac .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-00d30ac .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-00d30ac .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-00d30ac .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-00d30ac .pos-h-left { left: 6%; right: auto; }\n                #slider-00d30ac .pos-h-right { right: 6%; left: auto; }\n                #slider-00d30ac .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-00d30ac .pos-v-top { top: 12%; transform: none; }\n                #slider-00d30ac .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-00d30ac .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-00d30ac .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-00d30ac .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-00d30ac .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-00d30ac .txt-left { text-align: left; }\n                #slider-00d30ac .txt-center { text-align: center; }\n                #slider-00d30ac .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-00d30ac .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-00d30ac .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-00d30ac .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-00d30ac .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-00d30ac .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-00d30ac .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-00d30ac .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-00d30ac .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-00d30ac .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-00d30ac .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-00d30ac .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-00d30ac .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-00d30ac .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-00d30ac .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-00d30ac .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-00d30ac .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-00d30ac  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-00d30ac  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-00d30ac  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-00d30ac  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-00d30ac  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-00d30ac .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-00d30ac .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-00d30ac .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-00d30ac .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-00d30ac .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-00d30ac .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-00d30ac .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-00d30ac .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-00d30ac .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-00d30ac .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-00d30ac .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-00d30ac .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-00d30ac .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-00d30ac .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-00d30ac .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-00d30ac .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-00d30ac .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-00d30ac .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-00d30ac .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-00d30ac .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-00d30ac .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-00d30ac.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-00d30ac .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-00d30ac.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::before,\n#slider-00d30ac.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-00d30ac .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-00d30ac .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-00d30ac .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-00d30ac .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-00d30ac .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-00d30ac .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-00d30ac .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-00d30ac .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-00d30ac .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-00d30ac.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::before,\n#slider-00d30ac.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-00d30ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-00d30ac .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-00d30ac.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-00d30ac .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-00d30ac.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-00d30ac .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-00d30ac.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-00d30ac.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-00d30ac .heading-size-big h1{ font-size:48px; }\n                    #slider-00d30ac .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-00d30ac.southBombayWrap{ height:85vh; }\n                    #slider-00d30ac .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-00d30ac .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-00d30ac .southBombayPara { font-size: 15px; }\n                    #slider-00d30ac .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-00d30ac .qn-btn { text-align: center; }\n                    #slider-00d30ac .southBombayArrow{ font-size:40px; }\n                    #slider-00d30ac .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-00d30ac .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-00d30ac.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-00d30ac.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-00d30ac.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-00d30ac'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfc3d3a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cfc3d3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ab5b0 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"d4ab5b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-d4ab5b0\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-ae60e29 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/05\/Group.png\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-left\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-top txt-left heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"ae60e29\"\n        data-original-size=\"\"\n    >\n        A MELANGE<br \/>\nOF ACTIVITIES    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <p>Elevating Every Lifestyle Experience with a<br \/>climate-controlled lobby lounge, versatile wellness<br \/>hall, sky deck with gym and children\u2019s play area.<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-d4ab5b0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-d4ab5b0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-d4ab5b0.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-d4ab5b0 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-d4ab5b0 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-d4ab5b0 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-d4ab5b0 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-d4ab5b0 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-d4ab5b0 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-d4ab5b0.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-d4ab5b0.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-d4ab5b0    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayRestart,\n    \n    #slider-d4ab5b0    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-d4ab5b0    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-d4ab5b0 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-d4ab5b0 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-d4ab5b0 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-d4ab5b0 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-d4ab5b0 .pos-h-left { left: 6%; right: auto; }\n                #slider-d4ab5b0 .pos-h-right { right: 6%; left: auto; }\n                #slider-d4ab5b0 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-d4ab5b0 .pos-v-top { top: 12%; transform: none; }\n                #slider-d4ab5b0 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-d4ab5b0 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-d4ab5b0 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-d4ab5b0 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-d4ab5b0 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-d4ab5b0 .txt-left { text-align: left; }\n                #slider-d4ab5b0 .txt-center { text-align: center; }\n                #slider-d4ab5b0 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-d4ab5b0 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-d4ab5b0 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-d4ab5b0 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-d4ab5b0 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-d4ab5b0 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-d4ab5b0 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-d4ab5b0 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-d4ab5b0 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-d4ab5b0 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-d4ab5b0 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-d4ab5b0 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-d4ab5b0 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-d4ab5b0 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-d4ab5b0 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-d4ab5b0 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-d4ab5b0 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-d4ab5b0  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-d4ab5b0  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-d4ab5b0  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-d4ab5b0  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-d4ab5b0  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-d4ab5b0 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-d4ab5b0 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-d4ab5b0 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-d4ab5b0 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-d4ab5b0 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-d4ab5b0 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-d4ab5b0 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-d4ab5b0 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-d4ab5b0 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-d4ab5b0 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-d4ab5b0 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-d4ab5b0 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-d4ab5b0 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-d4ab5b0 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-d4ab5b0 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-d4ab5b0 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-d4ab5b0 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-d4ab5b0 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-d4ab5b0 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-d4ab5b0 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-d4ab5b0 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-d4ab5b0.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-d4ab5b0 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::before,\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-d4ab5b0 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-d4ab5b0 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-d4ab5b0 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-d4ab5b0 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-d4ab5b0 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-d4ab5b0 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-d4ab5b0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-d4ab5b0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-d4ab5b0 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::before,\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-d4ab5b0 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-d4ab5b0.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-d4ab5b0 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-d4ab5b0.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-d4ab5b0 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-d4ab5b0.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-d4ab5b0.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-d4ab5b0 .heading-size-big h1{ font-size:48px; }\n                    #slider-d4ab5b0 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-d4ab5b0.southBombayWrap{ height:85vh; }\n                    #slider-d4ab5b0 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-d4ab5b0 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-d4ab5b0 .southBombayPara { font-size: 15px; }\n                    #slider-d4ab5b0 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-d4ab5b0 .qn-btn { text-align: center; }\n                    #slider-d4ab5b0 .southBombayArrow{ font-size:40px; }\n                    #slider-d4ab5b0 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-d4ab5b0 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-d4ab5b0.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-d4ab5b0.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-d4ab5b0.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-d4ab5b0'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ccf175 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2ccf175\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d3483 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"c1d3483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-c1d3483\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-20f7d56 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-5.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>OPEN-AIR GYM<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>OPEN-AIR GYM<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-c1d3483.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-c1d3483.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-c1d3483.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-c1d3483 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-c1d3483 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-c1d3483 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-c1d3483 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-c1d3483 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-c1d3483 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-c1d3483.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-c1d3483.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-c1d3483    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-c1d3483    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-c1d3483    .southBombayRestart,\n    \n    #slider-c1d3483    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-c1d3483    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-c1d3483    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-c1d3483    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-c1d3483    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-c1d3483 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-c1d3483 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-c1d3483 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-c1d3483 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-c1d3483 .pos-h-left { left: 6%; right: auto; }\n                #slider-c1d3483 .pos-h-right { right: 6%; left: auto; }\n                #slider-c1d3483 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-c1d3483 .pos-v-top { top: 12%; transform: none; }\n                #slider-c1d3483 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-c1d3483 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-c1d3483 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-c1d3483 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-c1d3483 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-c1d3483 .txt-left { text-align: left; }\n                #slider-c1d3483 .txt-center { text-align: center; }\n                #slider-c1d3483 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-c1d3483 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-c1d3483 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-c1d3483 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-c1d3483 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-c1d3483 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-c1d3483 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-c1d3483 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-c1d3483 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-c1d3483 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-c1d3483 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-c1d3483 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-c1d3483 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-c1d3483 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-c1d3483 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-c1d3483 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-c1d3483 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-c1d3483  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-c1d3483  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-c1d3483  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-c1d3483  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-c1d3483  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-c1d3483 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-c1d3483 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-c1d3483 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-c1d3483 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-c1d3483 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-c1d3483 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-c1d3483 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-c1d3483 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-c1d3483 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-c1d3483 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-c1d3483 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-c1d3483 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-c1d3483 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-c1d3483 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-c1d3483 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-c1d3483 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-c1d3483 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-c1d3483 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-c1d3483 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-c1d3483 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-c1d3483 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-c1d3483.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-c1d3483 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-c1d3483.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::before,\n#slider-c1d3483.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-c1d3483 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-c1d3483 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-c1d3483 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-c1d3483 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-c1d3483 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-c1d3483 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-c1d3483 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-c1d3483 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-c1d3483 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-c1d3483.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::before,\n#slider-c1d3483.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-c1d3483.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-c1d3483 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-c1d3483.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-c1d3483 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-c1d3483.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-c1d3483 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-c1d3483.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-c1d3483.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-c1d3483 .heading-size-big h1{ font-size:48px; }\n                    #slider-c1d3483 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-c1d3483.southBombayWrap{ height:85vh; }\n                    #slider-c1d3483 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-c1d3483 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-c1d3483 .southBombayPara { font-size: 15px; }\n                    #slider-c1d3483 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-c1d3483 .qn-btn { text-align: center; }\n                    #slider-c1d3483 .southBombayArrow{ font-size:40px; }\n                    #slider-c1d3483 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-c1d3483 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-c1d3483.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-c1d3483.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-c1d3483.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-c1d3483'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70e2106 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"70e2106\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f696dc elementor-widget elementor-widget-south_bombay_slider\" data-id=\"5f696dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-5f696dc\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-40e10e9 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-8.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>MULTIPURPOSE HALL<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>MULTIPURPOSE HALL<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-5f696dc.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-5f696dc.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-5f696dc.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-5f696dc .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-5f696dc .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-5f696dc .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-5f696dc .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-5f696dc .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-5f696dc .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-5f696dc.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-5f696dc.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-5f696dc    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-5f696dc    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-5f696dc    .southBombayRestart,\n    \n    #slider-5f696dc    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-5f696dc    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-5f696dc    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-5f696dc    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-5f696dc    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-5f696dc .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-5f696dc .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-5f696dc .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-5f696dc .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-5f696dc .pos-h-left { left: 6%; right: auto; }\n                #slider-5f696dc .pos-h-right { right: 6%; left: auto; }\n                #slider-5f696dc .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-5f696dc .pos-v-top { top: 12%; transform: none; }\n                #slider-5f696dc .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-5f696dc .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-5f696dc .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-5f696dc .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-5f696dc .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-5f696dc .txt-left { text-align: left; }\n                #slider-5f696dc .txt-center { text-align: center; }\n                #slider-5f696dc .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-5f696dc .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-5f696dc .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-5f696dc .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-5f696dc .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-5f696dc .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-5f696dc .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-5f696dc .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-5f696dc .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-5f696dc .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-5f696dc .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-5f696dc .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-5f696dc .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-5f696dc .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-5f696dc .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-5f696dc .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-5f696dc .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-5f696dc  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-5f696dc  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-5f696dc  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-5f696dc  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-5f696dc  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-5f696dc .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-5f696dc .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-5f696dc .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-5f696dc .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-5f696dc .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-5f696dc .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-5f696dc .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-5f696dc .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-5f696dc .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-5f696dc .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-5f696dc .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-5f696dc .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-5f696dc .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-5f696dc .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-5f696dc .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-5f696dc .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-5f696dc .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-5f696dc .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-5f696dc .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-5f696dc .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-5f696dc .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-5f696dc.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-5f696dc .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-5f696dc.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::before,\n#slider-5f696dc.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-5f696dc .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-5f696dc .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-5f696dc .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-5f696dc .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-5f696dc .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-5f696dc .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-5f696dc .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-5f696dc .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-5f696dc .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-5f696dc.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::before,\n#slider-5f696dc.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-5f696dc.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-5f696dc .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-5f696dc.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-5f696dc .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-5f696dc.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-5f696dc .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-5f696dc.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-5f696dc.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-5f696dc .heading-size-big h1{ font-size:48px; }\n                    #slider-5f696dc .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-5f696dc.southBombayWrap{ height:85vh; }\n                    #slider-5f696dc .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-5f696dc .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-5f696dc .southBombayPara { font-size: 15px; }\n                    #slider-5f696dc .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-5f696dc .qn-btn { text-align: center; }\n                    #slider-5f696dc .southBombayArrow{ font-size:40px; }\n                    #slider-5f696dc .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-5f696dc .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-5f696dc.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-5f696dc.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-5f696dc.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-5f696dc'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0037cec e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0037cec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8734e75 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"8734e75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-8734e75\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-657b8f0 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-7.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>WELLNESS HUB<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>WELLNESS HUB<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-8734e75.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-8734e75.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-8734e75.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-8734e75 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-8734e75 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-8734e75 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-8734e75 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-8734e75 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-8734e75 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-8734e75.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-8734e75.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-8734e75    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-8734e75    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-8734e75    .southBombayRestart,\n    \n    #slider-8734e75    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-8734e75    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-8734e75    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-8734e75    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-8734e75    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-8734e75 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-8734e75 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-8734e75 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-8734e75 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-8734e75 .pos-h-left { left: 6%; right: auto; }\n                #slider-8734e75 .pos-h-right { right: 6%; left: auto; }\n                #slider-8734e75 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-8734e75 .pos-v-top { top: 12%; transform: none; }\n                #slider-8734e75 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-8734e75 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-8734e75 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-8734e75 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-8734e75 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-8734e75 .txt-left { text-align: left; }\n                #slider-8734e75 .txt-center { text-align: center; }\n                #slider-8734e75 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-8734e75 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-8734e75 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-8734e75 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-8734e75 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-8734e75 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-8734e75 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-8734e75 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-8734e75 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-8734e75 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-8734e75 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-8734e75 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-8734e75 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-8734e75 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-8734e75 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-8734e75 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-8734e75 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-8734e75  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-8734e75  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-8734e75  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-8734e75  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-8734e75  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-8734e75 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-8734e75 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-8734e75 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-8734e75 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-8734e75 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-8734e75 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-8734e75 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-8734e75 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-8734e75 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-8734e75 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-8734e75 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-8734e75 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-8734e75 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-8734e75 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-8734e75 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-8734e75 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-8734e75 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-8734e75 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-8734e75 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-8734e75 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-8734e75 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-8734e75.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-8734e75 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-8734e75.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::before,\n#slider-8734e75.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-8734e75 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-8734e75 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-8734e75 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-8734e75 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-8734e75 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-8734e75 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-8734e75 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-8734e75 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-8734e75 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-8734e75.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::before,\n#slider-8734e75.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-8734e75.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-8734e75 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-8734e75.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-8734e75 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-8734e75.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-8734e75 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-8734e75.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-8734e75.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-8734e75 .heading-size-big h1{ font-size:48px; }\n                    #slider-8734e75 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-8734e75.southBombayWrap{ height:85vh; }\n                    #slider-8734e75 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-8734e75 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-8734e75 .southBombayPara { font-size: 15px; }\n                    #slider-8734e75 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-8734e75 .qn-btn { text-align: center; }\n                    #slider-8734e75 .southBombayArrow{ font-size:40px; }\n                    #slider-8734e75 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-8734e75 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-8734e75.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-8734e75.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-8734e75.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-8734e75'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5dd28c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c5dd28c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d42a2 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"82d42a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-82d42a2\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-b788905 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-2.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>MEDITATION ZONE<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>MEDITATION ZONE<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-82d42a2.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-82d42a2.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-82d42a2.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-82d42a2 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-82d42a2 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-82d42a2 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-82d42a2 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-82d42a2 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-82d42a2 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-82d42a2.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-82d42a2.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-82d42a2    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-82d42a2    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-82d42a2    .southBombayRestart,\n    \n    #slider-82d42a2    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-82d42a2    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-82d42a2    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-82d42a2    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-82d42a2    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-82d42a2 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-82d42a2 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-82d42a2 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-82d42a2 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-82d42a2 .pos-h-left { left: 6%; right: auto; }\n                #slider-82d42a2 .pos-h-right { right: 6%; left: auto; }\n                #slider-82d42a2 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-82d42a2 .pos-v-top { top: 12%; transform: none; }\n                #slider-82d42a2 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-82d42a2 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-82d42a2 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-82d42a2 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-82d42a2 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-82d42a2 .txt-left { text-align: left; }\n                #slider-82d42a2 .txt-center { text-align: center; }\n                #slider-82d42a2 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-82d42a2 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-82d42a2 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-82d42a2 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-82d42a2 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-82d42a2 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-82d42a2 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-82d42a2 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-82d42a2 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-82d42a2 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-82d42a2 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-82d42a2 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-82d42a2 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-82d42a2 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-82d42a2 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-82d42a2 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-82d42a2 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-82d42a2  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-82d42a2  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-82d42a2  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-82d42a2  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-82d42a2  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-82d42a2 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-82d42a2 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-82d42a2 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-82d42a2 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-82d42a2 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-82d42a2 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-82d42a2 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-82d42a2 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-82d42a2 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-82d42a2 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-82d42a2 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-82d42a2 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-82d42a2 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-82d42a2 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-82d42a2 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-82d42a2 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-82d42a2 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-82d42a2 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-82d42a2 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-82d42a2 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-82d42a2 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-82d42a2.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-82d42a2 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-82d42a2.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::before,\n#slider-82d42a2.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-82d42a2 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-82d42a2 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-82d42a2 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-82d42a2 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-82d42a2 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-82d42a2 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-82d42a2 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-82d42a2 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-82d42a2 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-82d42a2.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::before,\n#slider-82d42a2.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-82d42a2.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-82d42a2 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-82d42a2.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-82d42a2 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-82d42a2.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-82d42a2 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-82d42a2.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-82d42a2.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-82d42a2 .heading-size-big h1{ font-size:48px; }\n                    #slider-82d42a2 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-82d42a2.southBombayWrap{ height:85vh; }\n                    #slider-82d42a2 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-82d42a2 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-82d42a2 .southBombayPara { font-size: 15px; }\n                    #slider-82d42a2 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-82d42a2 .qn-btn { text-align: center; }\n                    #slider-82d42a2 .southBombayArrow{ font-size:40px; }\n                    #slider-82d42a2 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-82d42a2 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-82d42a2.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-82d42a2.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-82d42a2.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-82d42a2'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63dbb06 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"63dbb06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73971c0 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"73971c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-73971c0\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-4fb3fde southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-1.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>SKY DECK<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>SKY DECK<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-73971c0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-73971c0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-73971c0.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-73971c0 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-73971c0 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-73971c0 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-73971c0 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-73971c0 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-73971c0 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-73971c0.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-73971c0.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-73971c0    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-73971c0    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-73971c0    .southBombayRestart,\n    \n    #slider-73971c0    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-73971c0    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-73971c0    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-73971c0    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-73971c0    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-73971c0 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-73971c0 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-73971c0 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-73971c0 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-73971c0 .pos-h-left { left: 6%; right: auto; }\n                #slider-73971c0 .pos-h-right { right: 6%; left: auto; }\n                #slider-73971c0 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-73971c0 .pos-v-top { top: 12%; transform: none; }\n                #slider-73971c0 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-73971c0 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-73971c0 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-73971c0 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-73971c0 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-73971c0 .txt-left { text-align: left; }\n                #slider-73971c0 .txt-center { text-align: center; }\n                #slider-73971c0 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-73971c0 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-73971c0 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-73971c0 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-73971c0 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-73971c0 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-73971c0 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-73971c0 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-73971c0 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-73971c0 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-73971c0 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-73971c0 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-73971c0 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-73971c0 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-73971c0 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-73971c0 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-73971c0 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-73971c0  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-73971c0  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-73971c0  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-73971c0  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-73971c0  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-73971c0 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-73971c0 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-73971c0 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-73971c0 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-73971c0 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-73971c0 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-73971c0 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-73971c0 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-73971c0 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-73971c0 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-73971c0 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-73971c0 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-73971c0 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-73971c0 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-73971c0 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-73971c0 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-73971c0 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-73971c0 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-73971c0 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-73971c0 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-73971c0 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-73971c0.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-73971c0 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-73971c0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::before,\n#slider-73971c0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-73971c0 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-73971c0 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-73971c0 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-73971c0 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-73971c0 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-73971c0 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-73971c0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-73971c0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-73971c0 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-73971c0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::before,\n#slider-73971c0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-73971c0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-73971c0 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-73971c0.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-73971c0 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-73971c0.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-73971c0 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-73971c0.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-73971c0.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-73971c0 .heading-size-big h1{ font-size:48px; }\n                    #slider-73971c0 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-73971c0.southBombayWrap{ height:85vh; }\n                    #slider-73971c0 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-73971c0 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-73971c0 .southBombayPara { font-size: 15px; }\n                    #slider-73971c0 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-73971c0 .qn-btn { text-align: center; }\n                    #slider-73971c0 .southBombayArrow{ font-size:40px; }\n                    #slider-73971c0 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-73971c0 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-73971c0.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-73971c0.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-73971c0.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-73971c0'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3411f04 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3411f04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e3726 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"b2e3726\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-b2e3726\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-25b6c20 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-9.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-left\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-top txt-left heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"25b6c20\"\n        data-original-size=\"\"\n    >\n        A LIFE IN<br \/>\nVISUALS    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left has-buttons\">\n    <p>Step inside Aurum Girnar, where every space tells a story of<br \/>elegance and ease. From light-filled living areas and<br \/>private terraces to thoughtfully crafted kitchens and serene<br \/>bedrooms, each corner is designed for inspired living.<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                                                    <div class=\"qn-hero-actions\">\n                                                                    <a href=\"#\" class=\"qn-btn qn-btn-outline\" >INTERIORS<\/a>\n                                \n                                                                    <a href=\"#\" class=\"qn-btn qn-btn-outline\" >EXTERIORS<\/a>\n                                                            <\/div>\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-b2e3726.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-b2e3726.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-b2e3726.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-b2e3726 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-b2e3726 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-b2e3726 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-b2e3726 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-b2e3726 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-b2e3726 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-b2e3726.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-b2e3726.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-b2e3726    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-b2e3726    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-b2e3726    .southBombayRestart,\n    \n    #slider-b2e3726    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-b2e3726    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-b2e3726    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-b2e3726    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-b2e3726    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-b2e3726 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-b2e3726 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-b2e3726 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-b2e3726 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-b2e3726 .pos-h-left { left: 6%; right: auto; }\n                #slider-b2e3726 .pos-h-right { right: 6%; left: auto; }\n                #slider-b2e3726 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-b2e3726 .pos-v-top { top: 12%; transform: none; }\n                #slider-b2e3726 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-b2e3726 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-b2e3726 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-b2e3726 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-b2e3726 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-b2e3726 .txt-left { text-align: left; }\n                #slider-b2e3726 .txt-center { text-align: center; }\n                #slider-b2e3726 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-b2e3726 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-b2e3726 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-b2e3726 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-b2e3726 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-b2e3726 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-b2e3726 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-b2e3726 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-b2e3726 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-b2e3726 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-b2e3726 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-b2e3726 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-b2e3726 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-b2e3726 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-b2e3726 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-b2e3726 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-b2e3726 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-b2e3726  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-b2e3726  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-b2e3726  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-b2e3726  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-b2e3726  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-b2e3726 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-b2e3726 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-b2e3726 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-b2e3726 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-b2e3726 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-b2e3726 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-b2e3726 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-b2e3726 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-b2e3726 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-b2e3726 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-b2e3726 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-b2e3726 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-b2e3726 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-b2e3726 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-b2e3726 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-b2e3726 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-b2e3726 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-b2e3726 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-b2e3726 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-b2e3726 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-b2e3726 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-b2e3726.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-b2e3726 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-b2e3726.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::before,\n#slider-b2e3726.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-b2e3726 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-b2e3726 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-b2e3726 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-b2e3726 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-b2e3726 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-b2e3726 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-b2e3726 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-b2e3726 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-b2e3726 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-b2e3726.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::before,\n#slider-b2e3726.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-b2e3726.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-b2e3726 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-b2e3726.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-b2e3726 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-b2e3726.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-b2e3726 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-b2e3726.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-b2e3726.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-b2e3726 .heading-size-big h1{ font-size:48px; }\n                    #slider-b2e3726 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-b2e3726.southBombayWrap{ height:85vh; }\n                    #slider-b2e3726 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-b2e3726 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-b2e3726 .southBombayPara { font-size: 15px; }\n                    #slider-b2e3726 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-b2e3726 .qn-btn { text-align: center; }\n                    #slider-b2e3726 .southBombayArrow{ font-size:40px; }\n                    #slider-b2e3726 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-b2e3726 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-b2e3726.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-b2e3726.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-b2e3726.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-b2e3726'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c68860 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3c68860\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d5427 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"55d5427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-55d5427\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-34abdc1 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-11.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-middle txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-55d5427.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-55d5427.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-55d5427.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-55d5427 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-55d5427 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-55d5427 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-55d5427 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-55d5427 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-55d5427 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-55d5427.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-55d5427.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-55d5427    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-55d5427    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-55d5427    .southBombayRestart,\n    \n    #slider-55d5427    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-55d5427    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-55d5427    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-55d5427    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-55d5427    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-55d5427 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-55d5427 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-55d5427 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-55d5427 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-55d5427 .pos-h-left { left: 6%; right: auto; }\n                #slider-55d5427 .pos-h-right { right: 6%; left: auto; }\n                #slider-55d5427 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-55d5427 .pos-v-top { top: 12%; transform: none; }\n                #slider-55d5427 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-55d5427 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-55d5427 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-55d5427 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-55d5427 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-55d5427 .txt-left { text-align: left; }\n                #slider-55d5427 .txt-center { text-align: center; }\n                #slider-55d5427 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-55d5427 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-55d5427 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-55d5427 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-55d5427 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-55d5427 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-55d5427 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-55d5427 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-55d5427 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-55d5427 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-55d5427 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-55d5427 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-55d5427 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-55d5427 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-55d5427 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-55d5427 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-55d5427 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-55d5427  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-55d5427  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-55d5427  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-55d5427  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-55d5427  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-55d5427 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-55d5427 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-55d5427 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-55d5427 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-55d5427 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-55d5427 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-55d5427 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-55d5427 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-55d5427 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-55d5427 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-55d5427 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-55d5427 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-55d5427 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-55d5427 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-55d5427 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-55d5427 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-55d5427 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-55d5427 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-55d5427 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-55d5427 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-55d5427 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-55d5427.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-55d5427 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-55d5427.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::before,\n#slider-55d5427.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-55d5427 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-55d5427 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-55d5427 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-55d5427 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-55d5427 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-55d5427 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-55d5427 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-55d5427 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-55d5427 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-55d5427.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::before,\n#slider-55d5427.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-55d5427.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-55d5427 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-55d5427.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-55d5427 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-55d5427.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-55d5427 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-55d5427.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-55d5427.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-55d5427 .heading-size-big h1{ font-size:48px; }\n                    #slider-55d5427 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-55d5427.southBombayWrap{ height:85vh; }\n                    #slider-55d5427 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-55d5427 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-55d5427 .southBombayPara { font-size: 15px; }\n                    #slider-55d5427 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-55d5427 .qn-btn { text-align: center; }\n                    #slider-55d5427 .southBombayArrow{ font-size:40px; }\n                    #slider-55d5427 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-55d5427 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-55d5427.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-55d5427.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-55d5427.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-55d5427'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98e91c8 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"98e91c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a34e5 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"51a34e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-51a34e5\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-417cb6d southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-12.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-middle txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-51a34e5.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-51a34e5.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-51a34e5.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-51a34e5 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-51a34e5 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-51a34e5 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-51a34e5 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-51a34e5 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-51a34e5 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-51a34e5.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-51a34e5.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-51a34e5    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-51a34e5    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-51a34e5    .southBombayRestart,\n    \n    #slider-51a34e5    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-51a34e5    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-51a34e5    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-51a34e5    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-51a34e5    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-51a34e5 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-51a34e5 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-51a34e5 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-51a34e5 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-51a34e5 .pos-h-left { left: 6%; right: auto; }\n                #slider-51a34e5 .pos-h-right { right: 6%; left: auto; }\n                #slider-51a34e5 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-51a34e5 .pos-v-top { top: 12%; transform: none; }\n                #slider-51a34e5 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-51a34e5 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-51a34e5 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-51a34e5 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-51a34e5 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-51a34e5 .txt-left { text-align: left; }\n                #slider-51a34e5 .txt-center { text-align: center; }\n                #slider-51a34e5 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-51a34e5 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-51a34e5 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-51a34e5 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-51a34e5 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-51a34e5 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-51a34e5 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-51a34e5 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-51a34e5 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-51a34e5 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-51a34e5 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-51a34e5 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-51a34e5 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-51a34e5 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-51a34e5 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-51a34e5 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-51a34e5 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-51a34e5  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-51a34e5  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-51a34e5  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-51a34e5  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-51a34e5  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-51a34e5 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-51a34e5 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-51a34e5 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-51a34e5 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-51a34e5 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-51a34e5 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-51a34e5 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-51a34e5 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-51a34e5 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-51a34e5 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-51a34e5 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-51a34e5 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-51a34e5 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-51a34e5 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-51a34e5 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-51a34e5 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-51a34e5 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-51a34e5 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-51a34e5 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-51a34e5 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-51a34e5 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-51a34e5.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-51a34e5 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-51a34e5.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::before,\n#slider-51a34e5.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-51a34e5 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-51a34e5 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-51a34e5 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-51a34e5 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-51a34e5 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-51a34e5 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-51a34e5 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-51a34e5 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-51a34e5 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-51a34e5.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::before,\n#slider-51a34e5.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-51a34e5.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-51a34e5 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-51a34e5.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-51a34e5 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-51a34e5.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-51a34e5 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-51a34e5.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-51a34e5.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-51a34e5 .heading-size-big h1{ font-size:48px; }\n                    #slider-51a34e5 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-51a34e5.southBombayWrap{ height:85vh; }\n                    #slider-51a34e5 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-51a34e5 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-51a34e5 .southBombayPara { font-size: 15px; }\n                    #slider-51a34e5 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-51a34e5 .qn-btn { text-align: center; }\n                    #slider-51a34e5 .southBombayArrow{ font-size:40px; }\n                    #slider-51a34e5 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-51a34e5 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-51a34e5.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-51a34e5.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-51a34e5.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-51a34e5'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57f20b1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"57f20b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4722e4 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"f4722e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-f4722e4\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-f2f5963 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-1.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-left\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-top txt-left heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"f2f5963\"\n        data-original-size=\"\"\n    >\n        A LIFE IN<br \/>\nVISUALS    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left has-buttons\">\n    <p>Step inside Aurum Girnar, where every space tells a story of<br \/>elegance and ease. From light-filled living areas and<br \/>private terraces to thoughtfully crafted kitchens and serene<br \/>bedrooms, each corner is designed for inspired living.<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                                                    <div class=\"qn-hero-actions\">\n                                                                    <a href=\"#\" class=\"qn-btn qn-btn-outline\" >INTERIORS<\/a>\n                                \n                                                                    <a href=\"#\" class=\"qn-btn qn-btn-outline\" >EXTERIORS<\/a>\n                                                            <\/div>\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-f4722e4.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-f4722e4.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-f4722e4.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-f4722e4 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-f4722e4 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-f4722e4 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-f4722e4 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-f4722e4 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-f4722e4 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-f4722e4.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-f4722e4.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-f4722e4    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-f4722e4    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-f4722e4    .southBombayRestart,\n    \n    #slider-f4722e4    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-f4722e4    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-f4722e4    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-f4722e4    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-f4722e4    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-f4722e4 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-f4722e4 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-f4722e4 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-f4722e4 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-f4722e4 .pos-h-left { left: 6%; right: auto; }\n                #slider-f4722e4 .pos-h-right { right: 6%; left: auto; }\n                #slider-f4722e4 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-f4722e4 .pos-v-top { top: 12%; transform: none; }\n                #slider-f4722e4 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-f4722e4 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-f4722e4 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-f4722e4 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-f4722e4 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-f4722e4 .txt-left { text-align: left; }\n                #slider-f4722e4 .txt-center { text-align: center; }\n                #slider-f4722e4 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-f4722e4 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-f4722e4 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-f4722e4 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-f4722e4 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-f4722e4 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-f4722e4 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-f4722e4 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-f4722e4 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-f4722e4 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-f4722e4 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-f4722e4 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-f4722e4 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-f4722e4 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-f4722e4 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-f4722e4 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-f4722e4 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-f4722e4  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-f4722e4  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-f4722e4  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-f4722e4  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-f4722e4  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-f4722e4 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-f4722e4 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-f4722e4 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-f4722e4 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-f4722e4 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-f4722e4 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-f4722e4 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-f4722e4 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-f4722e4 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-f4722e4 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-f4722e4 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-f4722e4 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-f4722e4 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-f4722e4 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-f4722e4 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-f4722e4 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-f4722e4 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-f4722e4 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-f4722e4 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-f4722e4 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-f4722e4 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-f4722e4.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-f4722e4 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-f4722e4.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::before,\n#slider-f4722e4.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-f4722e4 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-f4722e4 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-f4722e4 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-f4722e4 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-f4722e4 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-f4722e4 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-f4722e4 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-f4722e4 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-f4722e4 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-f4722e4.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::before,\n#slider-f4722e4.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-f4722e4.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-f4722e4 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-f4722e4.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-f4722e4 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-f4722e4.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-f4722e4 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-f4722e4.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-f4722e4.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-f4722e4 .heading-size-big h1{ font-size:48px; }\n                    #slider-f4722e4 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-f4722e4.southBombayWrap{ height:85vh; }\n                    #slider-f4722e4 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-f4722e4 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-f4722e4 .southBombayPara { font-size: 15px; }\n                    #slider-f4722e4 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-f4722e4 .qn-btn { text-align: center; }\n                    #slider-f4722e4 .southBombayArrow{ font-size:40px; }\n                    #slider-f4722e4 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-f4722e4 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-f4722e4.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-f4722e4.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-f4722e4.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-f4722e4'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07575bb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"07575bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7376fd0 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"7376fd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-7376fd0\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-5332e1d southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-6.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-middle txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-7376fd0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-7376fd0.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-7376fd0.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-7376fd0 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-7376fd0 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-7376fd0 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-7376fd0 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-7376fd0 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-7376fd0 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-7376fd0.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-7376fd0.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-7376fd0    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-7376fd0    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-7376fd0    .southBombayRestart,\n    \n    #slider-7376fd0    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-7376fd0    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-7376fd0    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-7376fd0    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-7376fd0    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-7376fd0 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-7376fd0 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-7376fd0 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-7376fd0 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-7376fd0 .pos-h-left { left: 6%; right: auto; }\n                #slider-7376fd0 .pos-h-right { right: 6%; left: auto; }\n                #slider-7376fd0 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-7376fd0 .pos-v-top { top: 12%; transform: none; }\n                #slider-7376fd0 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-7376fd0 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-7376fd0 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-7376fd0 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-7376fd0 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-7376fd0 .txt-left { text-align: left; }\n                #slider-7376fd0 .txt-center { text-align: center; }\n                #slider-7376fd0 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-7376fd0 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-7376fd0 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-7376fd0 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-7376fd0 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-7376fd0 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-7376fd0 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-7376fd0 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-7376fd0 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-7376fd0 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-7376fd0 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-7376fd0 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-7376fd0 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-7376fd0 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-7376fd0 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-7376fd0 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-7376fd0 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-7376fd0  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-7376fd0  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-7376fd0  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-7376fd0  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-7376fd0  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-7376fd0 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-7376fd0 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-7376fd0 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-7376fd0 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-7376fd0 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-7376fd0 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-7376fd0 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-7376fd0 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-7376fd0 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-7376fd0 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-7376fd0 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-7376fd0 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-7376fd0 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-7376fd0 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-7376fd0 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-7376fd0 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-7376fd0 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-7376fd0 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-7376fd0 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-7376fd0 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-7376fd0 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-7376fd0.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-7376fd0 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-7376fd0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::before,\n#slider-7376fd0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-7376fd0 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-7376fd0 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-7376fd0 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-7376fd0 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-7376fd0 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-7376fd0 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-7376fd0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-7376fd0 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-7376fd0 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-7376fd0.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::before,\n#slider-7376fd0.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-7376fd0.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-7376fd0 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-7376fd0.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-7376fd0 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-7376fd0.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-7376fd0 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-7376fd0.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-7376fd0.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-7376fd0 .heading-size-big h1{ font-size:48px; }\n                    #slider-7376fd0 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-7376fd0.southBombayWrap{ height:85vh; }\n                    #slider-7376fd0 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-7376fd0 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-7376fd0 .southBombayPara { font-size: 15px; }\n                    #slider-7376fd0 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-7376fd0 .qn-btn { text-align: center; }\n                    #slider-7376fd0 .southBombayArrow{ font-size:40px; }\n                    #slider-7376fd0 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-7376fd0 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-7376fd0.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-7376fd0.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-7376fd0.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-7376fd0'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b088594 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b088594\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b63ba2c elementor-widget elementor-widget-south_bombay_slider\" data-id=\"b63ba2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-b63ba2c\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-f0bf59d southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-5.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-middle txt-left heading-size-big\">\n                            \n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-b63ba2c.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-b63ba2c.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-b63ba2c.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-b63ba2c .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-b63ba2c .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-b63ba2c .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-b63ba2c .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-b63ba2c .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-b63ba2c .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-b63ba2c.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-b63ba2c.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-b63ba2c    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-b63ba2c    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-b63ba2c    .southBombayRestart,\n    \n    #slider-b63ba2c    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-b63ba2c    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-b63ba2c    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-b63ba2c    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-b63ba2c    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-b63ba2c .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-b63ba2c .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-b63ba2c .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-b63ba2c .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-b63ba2c .pos-h-left { left: 6%; right: auto; }\n                #slider-b63ba2c .pos-h-right { right: 6%; left: auto; }\n                #slider-b63ba2c .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-b63ba2c .pos-v-top { top: 12%; transform: none; }\n                #slider-b63ba2c .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-b63ba2c .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-b63ba2c .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-b63ba2c .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-b63ba2c .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-b63ba2c .txt-left { text-align: left; }\n                #slider-b63ba2c .txt-center { text-align: center; }\n                #slider-b63ba2c .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-b63ba2c .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-b63ba2c .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-b63ba2c .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-b63ba2c .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-b63ba2c .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-b63ba2c .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-b63ba2c .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-b63ba2c .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-b63ba2c .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-b63ba2c .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-b63ba2c .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-b63ba2c .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-b63ba2c .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-b63ba2c .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-b63ba2c .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-b63ba2c .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-b63ba2c  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-b63ba2c  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-b63ba2c  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-b63ba2c  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-b63ba2c  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-b63ba2c .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-b63ba2c .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-b63ba2c .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-b63ba2c .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-b63ba2c .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-b63ba2c .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-b63ba2c .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-b63ba2c .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-b63ba2c .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-b63ba2c .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-b63ba2c .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-b63ba2c .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-b63ba2c .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-b63ba2c .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-b63ba2c .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-b63ba2c .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-b63ba2c .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-b63ba2c .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-b63ba2c .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-b63ba2c .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-b63ba2c .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-b63ba2c.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-b63ba2c .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::before,\n#slider-b63ba2c.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-b63ba2c .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-b63ba2c .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-b63ba2c .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-b63ba2c .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-b63ba2c .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-b63ba2c .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-b63ba2c .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-b63ba2c .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-b63ba2c .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::before,\n#slider-b63ba2c.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-b63ba2c .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-b63ba2c.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-b63ba2c .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-b63ba2c.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-b63ba2c .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-b63ba2c.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-b63ba2c.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-b63ba2c .heading-size-big h1{ font-size:48px; }\n                    #slider-b63ba2c .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-b63ba2c.southBombayWrap{ height:85vh; }\n                    #slider-b63ba2c .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-b63ba2c .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-b63ba2c .southBombayPara { font-size: 15px; }\n                    #slider-b63ba2c .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-b63ba2c .qn-btn { text-align: center; }\n                    #slider-b63ba2c .southBombayArrow{ font-size:40px; }\n                    #slider-b63ba2c .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-b63ba2c .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-b63ba2c.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-b63ba2c.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-b63ba2c.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-b63ba2c'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-617da9e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"617da9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51f87ac elementor-widget elementor-widget-south_bombay_slider\" data-id=\"51f87ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-51f87ac\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-95eda39 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-14.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-bottom txt-right heading-size-big\">\n                            \n                            \n                            \n                           \n\n                                                            <div class=\"southBombayPara groupedPara\">\n                                    <h2>ROOFTOP GARDEN<\/h2>                                <\/div>\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-right\">\n    <h2>ROOFTOP GARDEN<\/h2><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-51f87ac.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-51f87ac.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-51f87ac.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-51f87ac .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-51f87ac .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-51f87ac .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-51f87ac .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-51f87ac .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-51f87ac .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-51f87ac.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-51f87ac.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-51f87ac    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-51f87ac    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-51f87ac    .southBombayRestart,\n    \n    #slider-51f87ac    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-51f87ac    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-51f87ac    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-51f87ac    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-51f87ac    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-51f87ac .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-51f87ac .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-51f87ac .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-51f87ac .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-51f87ac .pos-h-left { left: 6%; right: auto; }\n                #slider-51f87ac .pos-h-right { right: 6%; left: auto; }\n                #slider-51f87ac .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-51f87ac .pos-v-top { top: 12%; transform: none; }\n                #slider-51f87ac .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-51f87ac .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-51f87ac .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-51f87ac .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-51f87ac .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-51f87ac .txt-left { text-align: left; }\n                #slider-51f87ac .txt-center { text-align: center; }\n                #slider-51f87ac .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-51f87ac .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-51f87ac .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-51f87ac .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-51f87ac .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-51f87ac .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-51f87ac .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-51f87ac .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-51f87ac .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-51f87ac .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-51f87ac .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-51f87ac .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-51f87ac .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-51f87ac .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-51f87ac .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-51f87ac .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-51f87ac .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-51f87ac  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-51f87ac  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-51f87ac  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-51f87ac  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-51f87ac  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-51f87ac .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-51f87ac .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-51f87ac .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-51f87ac .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-51f87ac .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-51f87ac .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-51f87ac .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-51f87ac .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-51f87ac .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-51f87ac .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-51f87ac .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-51f87ac .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-51f87ac .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-51f87ac .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-51f87ac .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-51f87ac .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-51f87ac .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-51f87ac .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-51f87ac .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-51f87ac .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-51f87ac .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-51f87ac.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-51f87ac .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-51f87ac.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::before,\n#slider-51f87ac.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-51f87ac .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-51f87ac .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-51f87ac .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-51f87ac .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-51f87ac .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-51f87ac .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-51f87ac .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-51f87ac .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-51f87ac .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-51f87ac.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::before,\n#slider-51f87ac.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-51f87ac.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-51f87ac .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-51f87ac.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-51f87ac .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-51f87ac.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-51f87ac .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-51f87ac.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-51f87ac.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-51f87ac .heading-size-big h1{ font-size:48px; }\n                    #slider-51f87ac .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-51f87ac.southBombayWrap{ height:85vh; }\n                    #slider-51f87ac .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-51f87ac .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-51f87ac .southBombayPara { font-size: 15px; }\n                    #slider-51f87ac .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-51f87ac .qn-btn { text-align: center; }\n                    #slider-51f87ac .southBombayArrow{ font-size:40px; }\n                    #slider-51f87ac .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-51f87ac .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-51f87ac.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-51f87ac.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-51f87ac.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-51f87ac'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4920da0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4920da0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151acbb elementor-widget elementor-widget-south_bombay_slider\" data-id=\"151acbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-151acbb\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-b33ff1b southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-13.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-left\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-top txt-left heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"b33ff1b\"\n        data-original-size=\"\"\n    >\n        AN ELEVATED<br \/>\nHAVEN    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <p>Envisioned as an elevated sanctuary, Aurum Girnar rises above<br \/>Malabar Hill - grand, light-filled, and crafted for refined living.<br \/>Blending elegance with serenity, each residence reflects architectural brilliance and calm sophistication, redefining the essence of elevated living.<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-151acbb.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-151acbb.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-151acbb.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-151acbb .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-151acbb .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-151acbb .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-151acbb .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-151acbb .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-151acbb .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-151acbb.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-151acbb.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-151acbb    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-151acbb    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-151acbb    .southBombayRestart,\n    \n    #slider-151acbb    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-151acbb    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-151acbb    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-151acbb    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-151acbb    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-151acbb .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-151acbb .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-151acbb .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-151acbb .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-151acbb .pos-h-left { left: 6%; right: auto; }\n                #slider-151acbb .pos-h-right { right: 6%; left: auto; }\n                #slider-151acbb .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-151acbb .pos-v-top { top: 12%; transform: none; }\n                #slider-151acbb .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-151acbb .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-151acbb .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-151acbb .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-151acbb .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-151acbb .txt-left { text-align: left; }\n                #slider-151acbb .txt-center { text-align: center; }\n                #slider-151acbb .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-151acbb .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-151acbb .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-151acbb .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-151acbb .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-151acbb .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-151acbb .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-151acbb .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-151acbb .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-151acbb .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-151acbb .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-151acbb .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-151acbb .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-151acbb .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-151acbb .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-151acbb .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-151acbb .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-151acbb  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-151acbb  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-151acbb  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-151acbb  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-151acbb  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-151acbb .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-151acbb .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-151acbb .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-151acbb .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-151acbb .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-151acbb .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-151acbb .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-151acbb .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-151acbb .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-151acbb .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-151acbb .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-151acbb .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-151acbb .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-151acbb .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-151acbb .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-151acbb .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-151acbb .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-151acbb .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-151acbb .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-151acbb .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-151acbb .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-151acbb.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-151acbb .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-151acbb.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::before,\n#slider-151acbb.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-151acbb .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-151acbb .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-151acbb .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-151acbb .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-151acbb .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-151acbb .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-151acbb .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-151acbb .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-151acbb .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-151acbb.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::before,\n#slider-151acbb.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-151acbb.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-151acbb .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-151acbb.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-151acbb .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-151acbb.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-151acbb .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-151acbb.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-151acbb.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-151acbb .heading-size-big h1{ font-size:48px; }\n                    #slider-151acbb .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-151acbb.southBombayWrap{ height:85vh; }\n                    #slider-151acbb .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-151acbb .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-151acbb .southBombayPara { font-size: 15px; }\n                    #slider-151acbb .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-151acbb .qn-btn { text-align: center; }\n                    #slider-151acbb .southBombayArrow{ font-size:40px; }\n                    #slider-151acbb .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-151acbb .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-151acbb.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-151acbb.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-151acbb.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-151acbb'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa9a678 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"fa9a678\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6b601 elementor-widget elementor-widget-south_bombay_slider\" data-id=\"ff6b601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-ff6b601\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-ebfd7f0 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-15.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                     \n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-middle txt-center heading-size-big\">\n                            \n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-center\">\n    <\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-ff6b601.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-ff6b601.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-ff6b601.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-ff6b601 .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-ff6b601 .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-ff6b601 .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-ff6b601 .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-ff6b601 .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-ff6b601 .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-ff6b601.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-ff6b601.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-ff6b601    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-ff6b601    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-ff6b601    .southBombayRestart,\n    \n    #slider-ff6b601    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-ff6b601    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-ff6b601    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-ff6b601    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-ff6b601    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-ff6b601 .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-ff6b601 .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-ff6b601 .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-ff6b601 .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-ff6b601 .pos-h-left { left: 6%; right: auto; }\n                #slider-ff6b601 .pos-h-right { right: 6%; left: auto; }\n                #slider-ff6b601 .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-ff6b601 .pos-v-top { top: 12%; transform: none; }\n                #slider-ff6b601 .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-ff6b601 .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-ff6b601 .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-ff6b601 .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-ff6b601 .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-ff6b601 .txt-left { text-align: left; }\n                #slider-ff6b601 .txt-center { text-align: center; }\n                #slider-ff6b601 .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-ff6b601 .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-ff6b601 .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-ff6b601 .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-ff6b601 .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-ff6b601 .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-ff6b601 .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-ff6b601 .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-ff6b601 .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-ff6b601 .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-ff6b601 .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-ff6b601 .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-ff6b601 .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-ff6b601 .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-ff6b601 .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-ff6b601 .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-ff6b601 .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-ff6b601  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-ff6b601  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-ff6b601  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-ff6b601  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-ff6b601  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-ff6b601 .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-ff6b601 .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-ff6b601 .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-ff6b601 .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-ff6b601 .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-ff6b601 .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-ff6b601 .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-ff6b601 .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-ff6b601 .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-ff6b601 .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-ff6b601 .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-ff6b601 .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-ff6b601 .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-ff6b601 .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-ff6b601 .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-ff6b601 .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-ff6b601 .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-ff6b601 .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-ff6b601 .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-ff6b601 .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-ff6b601 .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-ff6b601.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-ff6b601 .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-ff6b601.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::before,\n#slider-ff6b601.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-ff6b601 .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-ff6b601 .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-ff6b601 .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-ff6b601 .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-ff6b601 .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-ff6b601 .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-ff6b601 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-ff6b601 .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-ff6b601 .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-ff6b601.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::before,\n#slider-ff6b601.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-ff6b601.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-ff6b601 .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-ff6b601.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-ff6b601 .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-ff6b601.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-ff6b601 .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-ff6b601.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-ff6b601.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-ff6b601 .heading-size-big h1{ font-size:48px; }\n                    #slider-ff6b601 .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-ff6b601.southBombayWrap{ height:85vh; }\n                    #slider-ff6b601 .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-ff6b601 .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-ff6b601 .southBombayPara { font-size: 15px; }\n                    #slider-ff6b601 .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-ff6b601 .qn-btn { text-align: center; }\n                    #slider-ff6b601 .southBombayArrow{ font-size:40px; }\n                    #slider-ff6b601 .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-ff6b601 .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-ff6b601.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-ff6b601.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-ff6b601.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-ff6b601'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac781ed e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ac781ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be570e elementor-widget elementor-widget-south_bombay_slider\" data-id=\"7be570e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"south_bombay_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            \n            <div class=\"southBombayWrap\" id=\"slider-7be570e\">\n\n                                \n                    <!-- Elementor Item ID class is required here for custom margins\/fonts to work -->\n\n<div class=\"southBombaySlide elementor-repeater-item-bfc14d4 southBombayActive is-single\">\n                        \n                        \n    <img decoding=\"async\"\n        class=\"southBombayBg\"\n        src=\"https:\/\/pink-eel-901724.hostingersite.com\/wp-content\/uploads\/2026\/07\/img-10.jpg\"\n        alt=\"Slide Background\"\n    >\n\n\t\n\t\n                         <div class=\"southBombayOverlay overlaypos-h-left\"><\/div>\n\n\n                        <!-- MAIN CONTENT WRAPPER -->\n                        <div class=\"southBombayContent pos-h-left pos-v-top txt-left heading-size-big\">\n                            \n                                                                <h1\n        class=\"southBombayHeading\"\n        data-heading-type=\"big\"\n        data-slide-id=\"bfc14d4\"\n        data-original-size=\"\"\n    >\n        MALABAR HILL -<br \/>\nTHE ONLY ADDRESS<br \/>\nTHAT MATTERS    <\/h1>\n                            \n                            \n                           \n\n                            \n                        <\/div>\n\t\n\t \n                        \n<div class=\"southBombayPara floatingPara pos-h-left txt-left\">\n    <p>Aurum Girnar places you at the heart of one of Mumbai\u2019s most treasured<br \/>neighborhoods, providing access to city's most hallowed institutions, private<br \/>clubs and cultural landmarks, all while retaining the serene, cloistered<br \/>atmosphere that defines this exclusive pinnacle<\/p><\/div>\n\n                        <!-- BUTTONS -->\n                        \n                        \n                    <\/div>\n\n                \n              \n                <!-- ARROWS -->\n                \n            <\/div>\n\n            <style>\n                \/* DEFAULT STATE: 100vh COVER *\/\n\t\t\t\t#slider-7be570e.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 12% !important;\n    }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:1920px){\n\t\t\t\t\t.qn-hero-actions .qn-btn{\n\t\t\t\t\t\tfont-size: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t@media (min-width:2100px){\n    #slider-7be570e.southBombayWrap .southBombayPara.floatingPara.pos-h-left.txt-left.has-buttons{\n       bottom: 10% !important;\n    }\n}\n\t\t\t\t\n                #slider-7be570e.southBombayWrap { position:relative; width:100%; height:100vh; overflow:hidden; background:#000; font-family: sans-serif; }\n                #slider-7be570e .southBombaySlide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }\n                #slider-7be570e .southBombaySlide.southBombayActive { opacity:1; visibility:visible; z-index:2; }\n                #slider-7be570e .southBombayBg { width:100%; height:105%; display:block; object-fit: cover; margin-top: -10px; }\n\t\t\t\t\n#slider-7be570e .southBombayCollage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #000;\n}\n\n#slider-7be570e .southBombayCollageItem {\n    position: absolute;\n    overflow: hidden;\n}\n\n#slider-7be570e .southBombayCollageImage {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n}\n\n\n\n\/* Prevent auto-height collage slides from collapsing *\/\n#slider-7be570e.southBombay-auto-height\n.southBombaySlide.is-collage {\n    min-height: 100vh;\n}\n\n@media (max-width: 767px) {\n    #slider-7be570e.southBombay-auto-height\n    .southBombaySlide.is-collage {\n        min-height: 85vh;\n    }\n}\n\t\t\t\t\n\t@media (max-width: 767px) {\n\n    #slider-7be570e    .southBombayAutoplayControls {\n\n        top: 14px;\n        right: 14px;\n\n        height: 38px;\n\n        padding: 0 11px 0 6px;\n\n        gap: 8px;\n    }\n\n\n    #slider-7be570e    .southBombayAutoplayIndicator {\n\n        width: 65px;\n    }\n\n\n    #slider-7be570e    .southBombayRestart,\n    \n    #slider-7be570e    .southBombayRestart.has-buttons {\n\n        top: 14px;\n        right: 14px;\n\n        bottom: auto;\n\n        min-height: 38px;\n\n        padding: 0 14px;\n\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n\n    #slider-7be570e    .southBombayArrow {\n\n        width: 48px;\n        height: 70px;\n\n        font-size: 48px;\n    }\n\n\n    #slider-7be570e    .southBombayPrev {\n\n        left: 5px;\n    }\n\n\n    #slider-7be570e    .southBombayNext {\n\n        right: 5px;\n    }\n\n\n    #slider-7be570e    .southBombayArrow::before {\n\n        width: 65px;\n        height: 95px;\n    }\n\n}\t\t\t\n\t\t\t\t\n                #slider-7be570e .southBombayOverlay { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% ); pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-7be570e .southBombaySlide.has-video .southBombayOverlay.overlaypos-h-left { position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100% )!important; pointer-events: none;}\n\t\t\t\t\n\t\t\t\t#slider-7be570e .southBombaySlide.has-video .southBombayOverlay{ position:absolute; inset:0; background:linear-gradient(268deg, rgb(0 0 0 \/ 76%) 0%, rgba(0, 0, 0, .25) 100%, rgba(0, 0, 0, .10) 100%) !important; pointer-events: none;}\n\n                \/* DYNAMIC ALIGNMENT WRAPPER *\/\n                #slider-7be570e .southBombayContent {\n                    position:absolute;\n                    z-index:5;\n                    width:90%;\n                    max-width: 1140px;\n                }\n                \n                \/* Horizontal Alignments *\/\n                #slider-7be570e .pos-h-left { left: 6%; right: auto; }\n                #slider-7be570e .pos-h-right { right: 6%; left: auto; }\n                #slider-7be570e .pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* Vertical Alignments *\/\n                #slider-7be570e .pos-v-top { top: 12%; transform: none; }\n                #slider-7be570e .pos-h-center.pos-v-top { left: 50%; transform: translateX(-50%); }\n                #slider-7be570e .pos-v-middle { top: 48%; transform: translateY(-50%); }\n                #slider-7be570e .pos-h-center.pos-v-middle { transform: translate(-50%, -50%); }\n                #slider-7be570e .pos-v-bottom { top: auto; bottom: 10%; transform: none; }\n                #slider-7be570e .pos-h-center.pos-v-bottom { left: 50%; transform: translateX(-50%); }\n                \n                \/* Text Alignments *\/\n                #slider-7be570e .txt-left { text-align: left; }\n                #slider-7be570e .txt-center { text-align: center; }\n                #slider-7be570e .txt-right { text-align: right; }\n\n                \/* TYPOGRAPHY *\/\n                #slider-7be570e .southBombayContent h1 { \n                    margin:0 0 20px 0; \n                    color:#f3efe9; \n                    line-height:1.326; \n                    font-weight: 300 !important; \n                    letter-spacing: 15px; \n                    text-transform:uppercase;  \n                    font-family: \"Avenir\";\n                }\n\t\t\t\t@media screen and (max-width: 1920px){\n\t\t\t\t\t #slider-7be570e .southBombayContent h1 { \n                    \tletter-spacing: 10px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-7be570e .pos-v-bottom {\n\t\t\t\t\t\tbottom: 5%;\n\t\t\t\t\t}\n\n\t\t\t\t\t#slider-7be570e .pos-v-bottom h1 { \n                    \tletter-spacing: 8px; \n                    \n                \t}\n\t\t\t\t\t\n\t\t\t\t\t#slider-7be570e .pos-h-right {\n    \t\t\t\t\tright: 5%;\n\t\t\t\t\t}\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n                \/* Pre-defined Heading Sizes *\/\n                #slider-7be570e .heading-size-big h1 { font-size: clamp(55px, 3.2vw, 102px); letter-spacing: 15px;}\n                #slider-7be570e .heading-size-small h1 { font-size: 60px; letter-spacing: 15px;}\n\n                #slider-7be570e .southBombayPara { color: #fff; font-family: \"Avenir\"; font-size:clamp(16px, 1.15vw, 23px); line-height: 1.38; font-weight: 300; opacity: 0.9; max-width: 700px; letter-spacing: 0.04em; }\n                #slider-7be570e .txt-center .southBombayPara { margin-left: auto; margin-right: auto; }\n                #slider-7be570e .txt-right .southBombayPara { margin-left: auto; margin-right: 0; }\n                \n                \/* SEPARATED FLOATING PARAGRAPH *\/\n                #slider-7be570e .southBombayPara.floatingPara { position: absolute; bottom: 6%; z-index: 5; max-width: 700px; }\n                #slider-7be570e .floatingPara.pos-h-left { left: 6%; right: auto; }\n                #slider-7be570e .floatingPara.pos-h-right { right: 6%; left: auto; }\n                #slider-7be570e .floatingPara.pos-h-center { left: 50%; transform: translateX(-50%); }\n\n                \/* LOGO & PLAY BUTTON *\/\n                #slider-7be570e .southBombayLogoWrap { position: relative; margin: 45px 0;  display: inline-block; padding-top: 10px; }\n                #slider-7be570e .southBombayLogoWrap img { max-width: 250px; height: auto; }\n\t\t\t\t\n\t\t\t\t#slider-7be570e  .southBombaySlide.has-video .southBombayContent {\n    max-width: 650px !important;\n}\n\t\t\t\t#slider-7be570e  .southBombaySlide.has-video .southBombayContent.pos-h-right {\n    max-width: 750px !important;\n}\n\t\t\t\t@media screen and (min-width:1920px){\n\t\t\t\t#slider-7be570e  .southBombaySlide.has-video .southBombayContent.pos-h-right, #slider-7be570e  .southBombaySlide.has-video .southBombayContent.pos-h-left {\n    max-width: 1000px !important;\n\t}\t\t\t\n\t\t\t\t\n}\n\t\t\t\t\n\t\t\t\t#slider-7be570e  .southBombaySlide.has-video .southBombayContent.pos-h-right h1{\n\t\t\t\t\tletter-spacing: 9px!important;\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\n                #slider-7be570e .southBombayPlay { \n                    width: 75px; height: 75px; background: rgba(255,255,255,0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px 0; cursor: pointer; transition: 0.3s; text-decoration: none;   position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);z-index: 999999;\n                }\n                #slider-7be570e .txt-center .southBombayPlay { margin: 30px auto; }\n                #slider-7be570e .txt-right .southBombayPlay { margin-left: auto; margin-right: 0; }\n                #slider-7be570e .southBombayPlay::after { content: ''; display: block; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #999; margin-left: 6px; }\n               \n.has-video img {\n    object-position: 20%;\n}\n                \/* BUTTONS *\/\n                #slider-7be570e .qn-hero-actions { position: absolute; bottom: 40px; left: 6%; z-index: 10; display: flex; gap: 0px; }\n                #slider-7be570e .qn-btn { color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; text-decoration: none; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; transition: 0.3s ease; }\n                #slider-7be570e .qn-btn:hover { background: #7f5741; color: #fff; }\n\n               \/* =========================================\n   SLIDER ARROWS\n========================================= *\/\n\n#slider-7be570e .southBombayArrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 70px;\n    height: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n    font-size: 72px;\n    line-height: 1;\n    font-weight: 200;\n\n    z-index: 100;\n    cursor: pointer;\n    user-select: none;\n\n    opacity: 0.85;\n    transition:\n        opacity .25s ease,\n        transform .25s ease;\n\n    \/* Keeps arrow visible even over white images *\/\n    text-shadow:\n        0 2px 5px rgba(0,0,0,.85),\n        0 5px 18px rgba(0,0,0,.65);\n\n    isolation: isolate;\n}\n\n\n\/* Soft dark gradient\/shadow behind arrow *\/\n#slider-7be570e .southBombayArrow::before {\n    content: \"\";\n    position: absolute;\n\n    width: 90px;\n    height: 130px;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-75%, -50%);\n\n    background: radial-gradient(ellipse at center, rgb(0 0 0 \/ 37%) 0%, rgb(0 0 0 \/ 12%) 35%, rgb(0 0 0 \/ 4%) 60%, transparent 76%);\n\n    filter: blur(2px);\n    pointer-events: none;\n    z-index: -1;\n}\n\n\n\/* Keep arrows safely inside viewport *\/\n#slider-7be570e .southBombayPrev {\n    left: clamp(18px, 2.2vw, 55px);\n}\n\n#slider-7be570e .southBombayNext {\n    right: clamp(18px, 1vw, 55px);\n}\n\n\n#slider-7be570e .southBombayArrow:hover {\n    opacity: 1;\n}\n\n#slider-7be570e .southBombayPrev:hover {\n    transform: translateY(-50%) translateX(-3px);\n}\n\n#slider-7be570e .southBombayNext:hover {\n    transform: translateY(-50%) translateX(3px);\n}\n\n\n\/* Large monitors *\/\n@media (min-width: 1920px) {\n    \n     #slider-7be570e .southBombayContent.pos-v-bottom {\n        bottom: 5% !important;\n    }\n\n  \n    \n\t#slider-7be570e .southBombayPara.floatingPara {  max-width: 1100px; }\n\n    #slider-7be570e .southBombayArrow {\n        width: 90px;\n        height: 130px;\n        font-size: clamp(78px, 4vw, 96px);\n    }\n\n    #slider-7be570e .southBombayPrev {\n        left: clamp(45px, 3vw, 85px);\n    }\n\n    #slider-7be570e .southBombayNext {\n        right: clamp(45px, 1vw, 85px);\n    }\n\n    #slider-7be570e .southBombayArrow::before {\n        width: 120px;\n        height: 165px;\n    }\n}\n\n              \/* =========================================\n   AUTOPLAY CONTROLS\n========================================= *\/\n\n#slider-7be570e .southBombayAutoplayControls {\n\n    position: absolute;\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    z-index: 110;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    height: 42px;\n    padding: 0 14px 0 8px;\n\n    background: rgb(0 0 0 \/ 0%);\n\n    \n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        opacity .25s ease,\n        visibility .25s ease;\n}\n\n\n\/* Hide pause\/progress on final slide.\n   Start Over occupies this area instead. *\/\n\n#slider-7be570e.is-last-slide\n.southBombayAutoplayControls {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   VISIBLE PLAY \/ PAUSE BUTTON\n========================================= *\/\n\n#slider-7be570e .southBombayAutoplayToggle {\n    width: 38px !important;\n    height: 38px !important;\n    min-width: 38px !important;\n    min-height: 38px !important;\n\n    flex: 0 0 38px;\n\n    padding: 0 !important;\n    margin: 0 !important;\n\n   \n\n   \n    color: #fff !important;\n\n    box-shadow:\n        0 3px 12px rgba(0,0,0,.3),\n        0 0 18px rgba(0,0,0,.18);\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    position: relative;\n    overflow: visible;\n\n    cursor: pointer;\n\n    opacity: 1 !important;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n        background .25s ease,\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.7) !important;\n    border-color: #fff !important;\n    transform: scale(1.06);\n}\n\n\n\/* ============================\n   PAUSE ICON\n============================ *\/\n\n#slider-7be570e.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block !important;\n\n    width: 12px;\n    height: 15px;\n\n    color: #fff !important;\n\n    z-index: 2;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::before,\n#slider-7be570e.southBombayAutoplayToggleIcon::after {\n\n    content: \"\" !important;\n\n    position: absolute;\n\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff !important;\n\n    border-radius: 1px;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* ============================\n   PLAY ICON WHEN PAUSED\n============================ *\/\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: 0 !important;\n    height: 0 !important;\n\n    margin-left: 3px;\n\n    border-top: 8px solid transparent !important;\n    border-bottom: 8px solid transparent !important;\n    border-left: 13px solid #fff !important;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before,\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none !important;\n}\n\t#slider-7be570e .southBombayAutoplayToggle {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    min-height: 40px;\n    padding: 0;\n    margin: 0;\n    border: 1px solid rgba(255,255,255,.65);\n    border-radius: 50%;\n    background: rgba(0,0,0,.40);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    box-shadow: 0 4px 14px rgba(0,0,0,.22);\n    transition: background .25s ease, transform .2s ease, border-color .25s ease;\n}\n\n#slider-7be570e .southBombayAutoplayToggle:hover {\n    background: rgba(0,0,0,.58);\n    border-color: rgba(255,255,255,.9);\n    transform: scale(1.05);\n}\n\n#slider-7be570e .southBombayAutoplayIcon {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s ease, visibility .2s ease;\n}\n\n#slider-7be570e .southBombayAutoplayIcon svg {\n    width: 25px;\n    height: 25px;\n    display: block;\n    fill: currentColor;\n}\n\n\/* Default state = autoplay running = show pause *\/\n#slider-7be570e .southBombayAutoplayIcon--pause {\n    opacity: 1;\n    visibility: visible;\n}\n\n#slider-7be570e .southBombayAutoplayIcon--play {\n    opacity: 0;\n    visibility: hidden;\n}\n\n\/* Paused state = show play *\/\n#slider-7be570e .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--pause {\n    opacity: 0;\n    visibility: hidden;\n}\n\n#slider-7be570e .southBombayAutoplayToggle.is-paused .southBombayAutoplayIcon--play {\n    opacity: 1;\n    visibility: visible;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/* BUTTON *\/\n#slider-7be570e .southBombayAutoplayToggle {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n\n    padding: 0;\n    margin: 0;\n\n    border: 0;\n    background: transparent;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #fff;\n\n    cursor: pointer;\n}\n\n\n\/* =========================\n   DEFAULT = PAUSE\n========================= *\/\n\n#slider-7be570e.southBombayAutoplayToggleIcon {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 15px;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::before,\n#slider-7be570e.southBombayAutoplayToggleIcon::after {\n\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n\n    width: 4px;\n    height: 15px;\n\n    background: #fff;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::before {\n    left: 0;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggleIcon::after {\n    right: 0;\n}\n\n\n\/* =========================\n   PAUSED = EICONS PLAY\n========================= *\/\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon {\n\n    width: auto;\n    height: auto;\n\n    font-family: \"eicons\" !important;\n    font-size: 18px;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::before {\n\n    content: \"\\e89d\";\n\n    position: static;\n\n    width: auto;\n    height: auto;\n\n    background: none;\n\n    font-family: \"eicons\" !important;\n}\n\n\n#slider-7be570e.southBombayAutoplayToggle.is-paused\n.southBombayAutoplayToggleIcon::after {\n    display: none;\n}\n\n\/* PROGRESS TRACK *\/\n\n#slider-7be570e .southBombayAutoplayIndicator {\n\n    position: relative;\n\n    top: auto;\n    right: auto;\n\n    width: clamp(80px, 5vw, 110px);\n    height: 2px;\n\n    transform: none;\n\n    background: rgba(255,255,255,.35);\n\n    overflow: hidden;\n\n    opacity: .8;\n\n    pointer-events: none;\n\n    transition: opacity .25s ease;\n}\n\n\n#slider-7be570e.is-autoplay-running\n.southBombayAutoplayIndicator {\n    opacity: 1;\n}\n\n\n#slider-7be570e .southBombayAutoplayProgress {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    background: #fff;\n\n    transform: scaleX(0);\n    transform-origin: left center;\n}\n\n\n#slider-7be570e.southBombayAutoplayProgress.is-counting {\n\n    animation-name: southBombayAutoplayProgress;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n}\n\n\n@keyframes southBombayAutoplayProgress {\n\n    from {\n        transform: scaleX(0);\n    }\n\n    to {\n        transform: scaleX(1);\n    }\n\n}\n               \/* =========================================\n   LAST SLIDE - START OVER\n========================================= *\/\n\n#slider-7be570e .southBombayRestart {\n\n    position: absolute;\n\n    \/* SAME position occupied by pause\/progress *\/\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    left: auto;\n    bottom: auto;\n\n    transform: none;\n\n    z-index: 111;\n\n    min-height: 42px;\n\n    border: 1px solid rgba(255,255,255,.55);\n    border-radius: 0;\n\n    background: rgba(0,0,0,.22);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #fff;\n\n    padding: 0 20px;\n\n    font-family: \"Avenir\", sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n\/* Don't reposition it based on bottom buttons anymore *\/\n\n#slider-7be570e.southBombayRestart.has-buttons {\n\n    top: clamp(18px, 1.5vw, 30px);\n    right: clamp(20px, 2.2vw, 48px);\n\n    bottom: auto;\n}\n\n\n#slider-7be570e.southBombayRestart:hover {\n\n    background: #fff;\n    color: #000;\n    border-color: #fff;\n}\n\n                \/* RESPONSIVE *\/\n                @media(max-width:1024px){\n                    #slider-7be570e .heading-size-big h1{ font-size:48px; }\n                    #slider-7be570e .heading-size-small h1{ font-size:40px; }\n                }\n                @media(max-width:767px){\n                    #slider-7be570e.southBombayWrap{ height:85vh; }\n                    #slider-7be570e .heading-size-big h1{ font-size:32px; letter-spacing:0.13em; }\n                    #slider-7be570e .heading-size-small h1{ font-size:28px; letter-spacing: 0.13em; }\n                    #slider-7be570e .southBombayPara { font-size: 15px; }\n                    #slider-7be570e .qn-hero-actions { bottom: 20px; left: 6%; flex-direction: column; width: 88%; gap: 10px; }\n                    #slider-7be570e .qn-btn { text-align: center; }\n                    #slider-7be570e .southBombayArrow{ font-size:40px; }\n                    #slider-7be570e .southBombayPara.floatingPara { bottom: 6%; }\n\t\t\t\t\t#slider-7be570e .southBombayPara.floatingPara.has-buttons {\n    bottom: 18% !important;\n}\n                                   \n                }\n                \n                \/* AUTO HEIGHT BEHAVIOR OVERRIDES (Placed at the end to override media queries) *\/\n                #slider-7be570e.southBombay-auto-height {\n                    height: auto !important;\n                    display: grid;\n                }\n                #slider-7be570e.southBombay-auto-height .southBombaySlide {\n                    position: relative;\n                    grid-area: 1 \/ 1;\n                    inset: auto;\n                }\n                #slider-7be570e.southBombay-auto-height .southBombayBg {\n                    height: auto;\n                }\n                \n                .southBombaySlide p {\n                    letter-spacing: 0.04em;\n                }\n                .southBombayContent.pos-v-bottom h1 {\n                    margin: 0 !important;\n                    font-size: 55px !important;\n                }\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t.southBombayVideoModal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.9);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:99999;\n}\n\n.southBombayVideoInner{\n    width:90%;\n    max-width:1200px;\n    aspect-ratio:16\/9;\n    position:relative;\n}\n\n.southBombayVideoInner iframe{\n    width:100%;\n    height:100%;\n    border:none;\n}\n\n.southBombayVideoClose{\n    position:absolute;\n    top: -22px;\n    right: -18px;\n    color: #fff;\n    font-size:40px;\n    cursor:pointer;\n}\n\t.southBombayPara.floatingPara.pos-h-right.txt-right {\n    padding-right: 10.16px;\n}\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n            <\/style>\n\n<script>\n(function () {\n\n    function initSouthBombaySlider() {\n\n        const sliderWrapElement = document.getElementById(\n            'slider-7be570e'\n        );\n\n        if (\n            !sliderWrapElement ||\n            sliderWrapElement.dataset.autoplayReady === 'yes'\n        ) {\n            return;\n        }\n\n        sliderWrapElement.dataset.autoplayReady = 'yes';\n\n\n        \/* =====================================================\n           ELEMENTS\n        ===================================================== *\/\n\n        const southBombaySlides =\n            sliderWrapElement.querySelectorAll('.southBombaySlide');\n\n        const southBombayNext =\n            sliderWrapElement.querySelector('.southBombayNext');\n\n        const southBombayPrev =\n            sliderWrapElement.querySelector('.southBombayPrev');\n\n        const restartButton =\n            sliderWrapElement.querySelector('.southBombayRestart');\n\n        const progressBar =\n            sliderWrapElement.querySelector('.southBombayAutoplayProgress');\n\n        const autoplayToggle =\n            sliderWrapElement.querySelector('.southBombayAutoplayToggle');\n\n\n        \/*\n         * IMPORTANT FOR MULTIPLE ELEMENTOR SLIDERS\n         *\n         * Find only THIS Elementor widget.\n         *\/\n        const widgetRoot =\n            sliderWrapElement.closest('.elementor-widget-south_bombay_slider') ||\n            sliderWrapElement.closest('.elementor-widget') ||\n            sliderWrapElement.parentElement;\n\n\n        \/* =====================================================\n           LARGE SCREEN TYPOGRAPHY\n        ===================================================== *\/\n\n        function adjustLargeScreenTypography() {\n\n    const excludedSliders = [\n        'slider-7bb4ecab'\n    ];\n\n    const isExcludedSlider =\n        excludedSliders.includes(sliderWrapElement.id);\n\n\n    const headings =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayContent h1'\n        );\n\n    const paragraphs =\n        sliderWrapElement.querySelectorAll(\n            '.southBombayPara'\n        );\n\n\n    headings.forEach((heading) => {\n\n        \n\n\n        const originalSize =\n    parseFloat(\n        heading.dataset.originalSize ||\n        heading.dataset.originalFontSize\n    );\n\n\n        \/*\n         * EXCLUDED SLIDERS:\n         * Do NOT resize headings above 60px.\n         *\n         * 60px itself will still be resized.\n         *\/\n        if (\n            isExcludedSlider &&\n            originalSize > 60\n        ) {\n\n            heading.style.removeProperty(\n                'font-size'\n            );\n\n            return;\n        }\n\n\n       if (window.innerWidth > 1920) {\n\n    let newSize = originalSize;\n\n    if (originalSize >= 80) {\n\n        newSize = 130;\n\n    }\n    else if (originalSize === 64) {\n\n        newSize = 100;\n\n    }\n    else if (originalSize === 65) {\n\n        newSize = 65;\n\n    }\n    else if (originalSize >= 60) {\n\n        newSize = 90;\n\n    }\n    else if (originalSize >= 30) {\n\n        newSize = 50;\n\n    }\n\n    heading.style.setProperty(\n        'font-size',\n        newSize + 'px',\n        'important'\n    );\n\n    if (originalSize < 60) {\n\n        heading.style.setProperty(\n            'letter-spacing',\n            '7px',\n            'important'\n        );\n\n    } else {\n\n        heading.style.removeProperty(\n            'letter-spacing'\n        );\n\n    }\n\n}\nelse {\n\n    heading.style.removeProperty('font-size');\n    heading.style.removeProperty('letter-spacing');\n\n}\n\n    });\n\n\n    \/*\n     * Paragraph sizing still works normally,\n     * even for excluded sliders.\n     *\/\n    paragraphs.forEach((paragraph) => {\n\n        const width =\n            window.innerWidth;\n\n\n        if (width > 2000) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '27px',\n                'important'\n            );\n\n        }\n        else if (\n            width >= 1920 &&\n            width <= 2000\n        ) {\n\n            paragraph.style.setProperty(\n                'font-size',\n                '25px',\n                'important'\n            );\n\n        }\n        else {\n\n            paragraph.style.removeProperty(\n                'font-size'\n            );\n\n        }\n\n    });\n\n}\n\n\n        adjustLargeScreenTypography();\n\n        window.addEventListener(\n            'resize',\n            adjustLargeScreenTypography\n        );\n\n\n        \/* =====================================================\n           AUTOPLAY TIMINGS\n\n           CHANGE THESE 4 VALUES ONLY\n        ===================================================== *\/\n\n        const SLIDE_TIMINGS = {\n\n            \/\/ 1st slide\n            firstSlide: 5000,\n\n            \/\/ Heading greater than 80px\n            largeHeading: 5000,\n\n            \/\/ Other text slides\n            textSlide: 3000,\n\n            \/\/ Image-only slides\n            imageOnly: 2000\n\n        };\n\n\n        \/* =====================================================\n           VARIABLES\n        ===================================================== *\/\n\n        let southBombayCurrent = 0;\n\n        let autoplayTimer = null;\n\n        let sliderIsVisible = false;\n\n        let userPaused = false;\n\n        let autoplayStartedAt = 0;\n\n        let autoplayRemaining =\n            SLIDE_TIMINGS.firstSlide;\n\n\n        \/* =====================================================\n           GET ORIGINAL HEADING SIZE\n        ===================================================== *\/\n\n        function getSlideHeadingSize(slide) {\n\n            if (!slide) {\n                return 0;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (!heading) {\n                return 0;\n            }\n\n\n            const originalSize =\n                parseFloat(\n                    heading.dataset.originalFontSize\n                );\n\n\n            if (\n                Number.isFinite(\n                    originalSize\n                )\n            ) {\n\n                return originalSize;\n\n            }\n\n\n            const computedSize =\n                parseFloat(\n                    window.getComputedStyle(\n                        heading\n                    ).fontSize\n                );\n\n\n            return Number.isFinite(\n                computedSize\n            )\n                ? computedSize\n                : 0;\n\n        }\n\n\n        \/* =====================================================\n           CHECK WHETHER SLIDE HAS TEXT\n        ===================================================== *\/\n\n        function slideHasText(slide) {\n\n            if (!slide) {\n                return false;\n            }\n\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            const hasHeading =\n                heading &&\n                heading.textContent.trim() !== '';\n\n\n            const paragraphs =\n                slide.querySelectorAll(\n                    '.southBombayPara'\n                );\n\n\n            const hasParagraph =\n                Array.from(paragraphs).some(\n                    (paragraph) =>\n                        paragraph.textContent.trim() !== ''\n                );\n\n\n            return Boolean(\n                hasHeading ||\n                hasParagraph\n            );\n\n        }\n\n\n        \/* =====================================================\n           DYNAMIC SLIDE TIME\n\n           PRIORITY:\n\n           1. First slide\n           2. Heading > 80px\n           3. Normal text\n           4. Image only\n        ===================================================== *\/\n\n        function getSlideAutoplayDelay(\n            index = southBombayCurrent\n        ) {\n\n            const slide =\n                southBombaySlides[index];\n\n\n            if (!slide) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 1. FIRST SLIDE *\/\n\n            if (index === 0) {\n\n                return SLIDE_TIMINGS.firstSlide;\n\n            }\n\n\n            \/* 2. HEADING > 80PX *\/\n\n            const heading =\n                slide.querySelector(\n                    '.southBombayContent h1'\n                );\n\n\n            if (\n                heading &&\n                heading.textContent.trim() !== ''\n            ) {\n\n                const headingSize =\n                    getSlideHeadingSize(\n                        slide\n                    );\n\n\n                if (headingSize > 80) {\n\n                    return SLIDE_TIMINGS.largeHeading;\n\n                }\n\n            }\n\n\n            \/* 3. OTHER TEXT *\/\n\n            if (slideHasText(slide)) {\n\n                return SLIDE_TIMINGS.textSlide;\n\n            }\n\n\n            \/* 4. IMAGE ONLY *\/\n\n            return SLIDE_TIMINGS.imageOnly;\n\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        function updateArrows() {\n\n            if (southBombayPrev) {\n\n                southBombayPrev.style.display =\n                    southBombayCurrent === 0\n                        ? 'none'\n                        : 'block';\n\n            }\n\n\n            if (southBombayNext) {\n\n                southBombayNext.style.display =\n                    southBombayCurrent ===\n                    southBombaySlides.length - 1\n                        ? 'none'\n                        : 'block';\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           AUTOPLAY BUTTON\n        ===================================================== *\/\n\n        function updateAutoplayButton() {\n\n            if (!autoplayToggle) {\n                return;\n            }\n\n\n            autoplayToggle.classList.toggle(\n                'is-paused',\n                userPaused\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-pressed',\n                userPaused\n                    ? 'true'\n                    : 'false'\n            );\n\n\n            autoplayToggle.setAttribute(\n                'aria-label',\n                userPaused\n                    ? 'Resume autoplay'\n                    : 'Pause autoplay'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CLEAR TIMER\n        ===================================================== *\/\n\n        function clearAutoplayTimer() {\n\n            if (!autoplayTimer) {\n                return;\n            }\n\n\n            clearTimeout(\n                autoplayTimer\n            );\n\n\n            autoplayTimer = null;\n\n        }\n\n\n        \/* =====================================================\n           PROGRESS BAR\n        ===================================================== *\/\n\n        function resetProgressAnimation(\n            duration = getSlideAutoplayDelay()\n        ) {\n\n            if (!progressBar) {\n                return;\n            }\n\n\n            progressBar.classList.remove(\n                'is-counting'\n            );\n\n\n            progressBar.style.animation =\n                'none';\n\n\n            void progressBar.offsetWidth;\n\n\n            progressBar.style.animation = '';\n\n\n            progressBar.style.animationDuration =\n                duration + 'ms';\n\n\n            progressBar.style.animationPlayState =\n                userPaused\n                    ? 'paused'\n                    : 'running';\n\n\n            progressBar.classList.add(\n                'is-counting'\n            );\n\n        }\n\n\n        \/* =====================================================\n           CAN AUTOPLAY\n        ===================================================== *\/\n\n        function canAutoplay() {\n\n            return (\n\n                sliderIsVisible &&\n\n                !document.hidden &&\n\n                southBombaySlides.length > 1 &&\n\n                southBombayCurrent <\n                    southBombaySlides.length - 1\n\n            );\n\n        }\n\n\n        \/* =====================================================\n           STOP AUTOPLAY\n        ===================================================== *\/\n\n        function stopAutoplay(\n            resetProgress = true\n        ) {\n\n            clearAutoplayTimer();\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            if (resetProgress) {\n\n                autoplayRemaining =\n                    getSlideAutoplayDelay(\n                        southBombayCurrent\n                    );\n\n\n                if (progressBar) {\n\n                    progressBar.classList.remove(\n                        'is-counting'\n                    );\n\n\n                    progressBar.style.animation =\n                        'none';\n\n\n                    void progressBar.offsetWidth;\n\n\n                    progressBar.style.animation =\n                        '';\n\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START AUTOPLAY\n        ===================================================== *\/\n\n        function startAutoplay() {\n\n            clearAutoplayTimer();\n\n\n            const currentSlideDelay =\n                getSlideAutoplayDelay(\n                    southBombayCurrent\n                );\n\n\n            autoplayRemaining =\n                currentSlideDelay;\n\n\n            resetProgressAnimation(\n                currentSlideDelay\n            );\n\n\n            if (!canAutoplay()) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n                return;\n\n            }\n\n\n            if (userPaused) {\n\n                sliderWrapElement.classList.remove(\n                    'is-autoplay-running'\n                );\n\n\n                if (progressBar) {\n\n                    progressBar.style.animationPlayState =\n                        'paused';\n\n                }\n\n\n                return;\n\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE AUTOPLAY\n        ===================================================== *\/\n\n        function pauseAutoplay() {\n\n            if (userPaused) {\n                return;\n            }\n\n\n            userPaused = true;\n\n\n            if (autoplayTimer) {\n\n                const elapsed =\n                    performance.now() -\n                    autoplayStartedAt;\n\n\n                autoplayRemaining =\n                    Math.max(\n                        0,\n                        autoplayRemaining - elapsed\n                    );\n\n\n                clearAutoplayTimer();\n\n            }\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-running'\n            );\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-paused'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'paused';\n\n            }\n\n\n            updateAutoplayButton();\n\n        }\n\n\n        \/* =====================================================\n           RESUME AUTOPLAY\n        ===================================================== *\/\n\n        function resumeAutoplay() {\n\n            if (!userPaused) {\n                return;\n            }\n\n\n            userPaused = false;\n\n\n            sliderWrapElement.classList.remove(\n                'is-autoplay-paused'\n            );\n\n\n            updateAutoplayButton();\n\n\n            if (!canAutoplay()) {\n                return;\n            }\n\n\n            sliderWrapElement.classList.add(\n                'is-autoplay-running'\n            );\n\n\n            if (progressBar) {\n\n                progressBar.style.animationPlayState =\n                    'running';\n\n            }\n\n\n            autoplayStartedAt =\n                performance.now();\n\n\n            autoplayTimer =\n                window.setTimeout(\n                    function () {\n\n                        autoplayTimer = null;\n\n\n                        southBombayCurrent++;\n\n\n                        showSouthBombaySlide(\n                            southBombayCurrent,\n                            true\n                        );\n\n                    },\n\n                    autoplayRemaining\n\n                );\n\n        }\n\n\n        \/* =====================================================\n           PAUSE \/ PLAY BUTTON\n        ===================================================== *\/\n\n        if (autoplayToggle) {\n\n            autoplayToggle.addEventListener(\n                'click',\n                function () {\n\n                    if (userPaused) {\n\n                        resumeAutoplay();\n\n                    }\n                    else {\n\n                        pauseAutoplay();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SHOW SLIDE\n        ===================================================== *\/\n\n        function showSouthBombaySlide(\n            index,\n            restartTimer = false\n        ) {\n\n            southBombaySlides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'southBombayActive'\n                    );\n\n                }\n            );\n\n\n            if (southBombaySlides[index]) {\n\n                southBombaySlides[index]\n                    .classList.add(\n                        'southBombayActive'\n                    );\n\n            }\n\n\n            const isLastSlide =\n                southBombayCurrent ===\n                southBombaySlides.length - 1;\n\n\n            sliderWrapElement.classList.toggle(\n                'is-last-slide',\n                isLastSlide\n            );\n\n\n            updateArrows();\n\n\n            if (restartTimer) {\n\n                startAutoplay();\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           GO TO SLIDE\n        ===================================================== *\/\n\n        function goToSlide(index) {\n\n            southBombayCurrent = index;\n\n\n            showSouthBombaySlide(\n                southBombayCurrent,\n                true\n            );\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ===================================================== *\/\n\n        if (southBombayNext) {\n\n            southBombayNext.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent <\n                        southBombaySlides.length - 1\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent + 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           PREVIOUS\n        ===================================================== *\/\n\n        if (southBombayPrev) {\n\n            southBombayPrev.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        southBombayCurrent > 0\n                    ) {\n\n                        goToSlide(\n                            southBombayCurrent - 1\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           START OVER\n        ===================================================== *\/\n\n        if (restartButton) {\n\n            restartButton.addEventListener(\n                'click',\n                function () {\n\n                    goToSlide(0);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           #slide-X LINKS\n        ===================================================== *\/\n\n        sliderWrapElement\n            .querySelectorAll(\n                'a[href^=\"#slide-\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n                    anchor.addEventListener(\n                        'click',\n                        function (e) {\n\n                            e.preventDefault();\n\n\n                            const slideHref =\n                                this.getAttribute(\n                                    'href'\n                                );\n\n\n                            const slideNum =\n                                parseInt(\n                                    slideHref.replace(\n                                        '#slide-',\n                                        ''\n                                    ),\n                                    10\n                                );\n\n\n                            if (\n                                !isNaN(slideNum) &&\n                                slideNum > 0 &&\n                                slideNum <=\n                                    southBombaySlides.length\n                            ) {\n\n                                goToSlide(\n                                    slideNum - 1\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n        \/* =====================================================\n           VIEWPORT AUTOPLAY\n        ===================================================== *\/\n\n        const visibilityObserver =\n            new IntersectionObserver(\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            const wasVisible =\n                                sliderIsVisible;\n\n\n                            sliderIsVisible =\n                                entry.isIntersecting &&\n                                entry.intersectionRatio >= 0.35;\n\n\n                            if (\n                                sliderIsVisible &&\n                                !wasVisible\n                            ) {\n\n                                startAutoplay();\n\n                            }\n                            else if (\n                                !sliderIsVisible &&\n                                wasVisible\n                            ) {\n\n                                stopAutoplay();\n\n                            }\n\n                        }\n                    );\n\n                },\n                {\n                    threshold: [\n                        0,\n                        0.35,\n                        0.75\n                    ]\n                }\n            );\n\n\n        visibilityObserver.observe(\n            sliderWrapElement\n        );\n\n\n        \/* =====================================================\n           TAB VISIBILITY\n        ===================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                if (document.hidden) {\n\n                    stopAutoplay();\n\n                }\n                else if (sliderIsVisible) {\n\n                    startAutoplay();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           VIDEO\n           \n           IMPORTANT:\n           Everything is scoped to THIS Elementor widget.\n           No global const variables.\n        ===================================================== *\/\n\n        if (\n            widgetRoot &&\n            widgetRoot.dataset.southBombayVideoReady !== 'yes'\n        ) {\n\n            widgetRoot.dataset.southBombayVideoReady =\n                'yes';\n\n\n            \/*\n             * Event delegation is intentional.\n             *\n             * It also works if Elementor inserts the\n             * modal HTML after this script executes.\n             *\/\n            widgetRoot.addEventListener(\n                'click',\n                function (event) {\n\n\n                    \/* =========================================\n                       PLAY VIDEO\n                    ========================================= *\/\n\n                    const playButton =\n                        event.target.closest(\n                            '.southBombayPlay'\n                        );\n\n\n                    if (\n                        playButton &&\n                        widgetRoot.contains(playButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        let url =\n                            playButton.dataset.video;\n\n\n                        if (!url) {\n                            return;\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtube.com\/watch?v='\n                            )\n                        ) {\n\n                            url =\n                                url.replace(\n                                    'watch?v=',\n                                    'embed\/'\n                                );\n\n                        }\n\n\n                        if (\n                            url.includes(\n                                'youtu.be\/'\n                            )\n                        ) {\n\n                            const videoId =\n                                url.split('\/').pop();\n\n\n                            url =\n                                'https:\/\/www.youtube.com\/embed\/' +\n                                videoId;\n\n                        }\n\n\n                        \/*\n                         * Find ONLY modal belonging\n                         * to this slider widget.\n                         *\/\n                        const currentVideoModal =\n                            widgetRoot.querySelector(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        if (!currentVideoIframe) {\n                            return;\n                        }\n\n\n                        currentVideoIframe.src =\n                            url + '?autoplay=1';\n\n\n                        currentVideoModal.style.display =\n                            'flex';\n\n\n                        return;\n\n                    }\n\n\n                    \/* =========================================\n                       CLOSE VIDEO\n                    ========================================= *\/\n\n                    const closeButton =\n                        event.target.closest(\n                            '.southBombayVideoClose'\n                        );\n\n\n                    if (\n                        closeButton &&\n                        widgetRoot.contains(closeButton)\n                    ) {\n\n                        event.preventDefault();\n\n\n                        const currentVideoModal =\n                            closeButton.closest(\n                                '.southBombayVideoModal'\n                            );\n\n\n                        if (!currentVideoModal) {\n                            return;\n                        }\n\n\n                        const currentVideoIframe =\n                            currentVideoModal.querySelector(\n                                'iframe'\n                            );\n\n\n                        currentVideoModal.style.display =\n                            'none';\n\n\n                        if (currentVideoIframe) {\n\n                            currentVideoIframe.src = '';\n\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           INITIAL SLIDE\n        ===================================================== *\/\n\n        showSouthBombaySlide(0);\n\n    }\n\n\n    \/* =====================================================\n       INITIALIZE\n    ===================================================== *\/\n\n    if (document.readyState === 'loading') {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initSouthBombaySlider\n        );\n\n    }\n    else {\n\n        initSouthBombaySlider();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"southBombayVideoModal\">\n    <div class=\"southBombayVideoInner\">\n        <span class=\"southBombayVideoClose\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"40\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"\n    background: #000000;\n    border-radius: 100%;\n\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\" fill=\"currentColor\"><\/path><\/svg><\/span>\n        <iframe src=\"\" allowfullscreen><\/iframe>\n    <\/div>\n<\/div>\n\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Projects Aurum Seven Aurum Girnar Aurum Arts Lifestyle About Home Projects Aurum Seven Aurum Girnar Aurum Arts Lifestyle About THE EPICENTER OF INFLUENCE book a private preview pricing enquiry ARCHITECTURE BEFITTING THE ADDRESS Aurum Girnar elevates elite living through thoughtfullydesigned residences, each offering expansive interiors andstunning views of Mumbai\u2019s skyline and the endless sea beyond. &#8249; &#8250; LIMITED FULL FLOOR SKY RESIDENCESWITH UTMOST PRIVACY &#8249; &#8250; OASIS 34 TRANQUIL TERRACEWITH DOWNTOWN VIEWS &#8249; &#8250; GRAND LOBBY LOUNGEWITH SOARING CEILINGS &#8249; &#8250; A MELANGE OF ACTIVITIES Elevating Every Lifestyle Experience with aclimate-controlled lobby lounge, versatile wellnesshall, sky deck with gym and children\u2019s play area. &#8249; &#8250; OPEN-AIR GYM &#8249; &#8250; MULTIPURPOSE HALL &#8249; &#8250; WELLNESS HUB &#8249; &#8250; MEDITATION ZONE &#8249; &#8250; SKY DECK &#8249; &#8250; A LIFE IN VISUALS Step inside Aurum Girnar, where every space tells a story ofelegance and ease. From light-filled living areas andprivate terraces to thoughtfully crafted kitchens and serenebedrooms, each corner is designed for inspired living. INTERIORS EXTERIORS &#8249; &#8250; &#8249; &#8250; &#8249; &#8250; A LIFE IN VISUALS Step inside Aurum Girnar, where every space tells a story ofelegance and ease. From light-filled living areas andprivate terraces to thoughtfully crafted kitchens and serenebedrooms, each corner is designed for inspired living. INTERIORS EXTERIORS &#8249; &#8250; &#8249; &#8250; &#8249; &#8250; ROOFTOP GARDEN &#8249; &#8250; AN ELEVATED HAVEN Envisioned as an elevated sanctuary, Aurum Girnar rises aboveMalabar Hill &#8211; grand, light-filled, and crafted for refined living.Blending elegance with serenity, each residence reflects architectural brilliance and calm sophistication, redefining the essence of elevated living. &#8249; &#8250; &#8249; &#8250; MALABAR HILL &#8211; THE ONLY ADDRESS THAT MATTERS Aurum Girnar places you at the heart of one of Mumbai\u2019s most treasuredneighborhoods, providing access to city&#8217;s most hallowed institutions, privateclubs and cultural landmarks, all while retaining the serene, cloisteredatmosphere that defines this exclusive pinnacle &#8249; &#8250;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1040","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/pages\/1040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/comments?post=1040"}],"version-history":[{"count":0,"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/pages\/1040\/revisions"}],"wp:attachment":[{"href":"https:\/\/pink-eel-901724.hostingersite.com\/index.php\/wp-json\/wp\/v2\/media?parent=1040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}