{"id":21,"date":"2026-08-17T07:52:48","date_gmt":"2026-08-17T07:52:48","guid":{"rendered":"https:\/\/midasrealty.co.in\/?page_id=21"},"modified":"2026-08-19T06:39:35","modified_gmt":"2026-08-19T06:39:35","slug":"home","status":"publish","type":"page","link":"https:\/\/midasrealty.co.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff79e93 e-flex e-con-boxed e-con e-parent\" data-id=\"ff79e93\" 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-c8d0dd4 elementor-widget elementor-widget-html\" data-id=\"c8d0dd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================================\r\n   MIDAS REALTY \u2014 LUXURY HERO SECTION STYLING\r\n========================================================================== *\/\r\n\r\n.midas-hero {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-height: 720px !important;\r\n\r\n    \/* CHANGE ONLY THIS IMAGE URL IF NEEDED *\/\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(23, 23, 23, 0.85) 0%,\r\n            rgba(23, 23, 23, 0.55) 38%,\r\n            rgba(23, 23, 23, 0.15) 75%,\r\n            rgba(23, 23, 23, 0.05) 100%\r\n        ),\r\n        url(\"https:\/\/midasrealty.co.in\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-19-2026-12_08_46-PM-1.png\") !important;\r\n\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    padding: 80px 8% !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.midas-hero-content {\r\n    max-width: 650px !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Luxury Eyebrow (Uses same font stack as the announcement bar & matches the gold accent) *\/\r\n.midas-hero-eyebrow {\r\n    margin: 0 0 22px !important;\r\n    font-family: 'Optima', 'Segoe UI', 'Candara', 'URW Classico', -apple-system, sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.25em !important;\r\n    text-transform: uppercase !important;\r\n    color: #B89B6A !important; \/* Warm gold accent color *\/\r\n}\r\n\r\n\/* Luxury Title (Uses same font stack as logo - elegant Roman serif) *\/\r\n.midas-hero-title {\r\n    margin: 0 0 24px !important;\r\n    font-family: 'Cormorant Garamond', 'Garamond', 'Times New Roman', serif !important;\r\n    font-size: 68px !important;\r\n    font-weight: 300 !important; \/* Light serif is highly premium and editorial *\/\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.01em !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Muted luxury body text (Uses Inter\/Montserrat stack) *\/\r\n.midas-hero-description {\r\n    max-width: 540px !important;\r\n    margin: 0 0 38px !important;\r\n    font-family: 'Inter', 'Montserrat', sans-serif !important;\r\n    font-size: 16px !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.8 !important;\r\n    color: rgba(255, 255, 255, 0.8) !important; \/* Soft, readable off-white contrast *\/\r\n    letter-spacing: 0.02em !important;\r\n}\r\n\r\n.midas-hero-buttons {\r\n    display: flex !important;\r\n    gap: 16px !important;\r\n    flex-wrap: wrap !important;\r\n}\r\n\r\n\/* Custom premium buttons matching menu & button elements *\/\r\n.midas-hero-button {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    min-height: 52px !important;\r\n    padding: 0 32px !important;\r\n    font-family: 'Inter', 'Montserrat', sans-serif !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 0.18em !important;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase !important;\r\n    border-radius: 0px !important; \/* Sharp architectural corners *\/\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\n\/* Primary Gold Button (Solid luxury gold) *\/\r\n.midas-hero-button-primary {\r\n    background-color: #B89B6A !important; \/* Warm gold accent *\/\r\n    color: #171717 !important; \/* Charcoal black text *\/\r\n    border: 1px solid #B89B6A !important;\r\n}\r\n\r\n.midas-hero-button-primary:hover {\r\n    background-color: transparent !important;\r\n    color: #ffffff !important;\r\n    border-color: #ffffff !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 6px 16px rgba(184, 155, 106, 0.25) !important;\r\n}\r\n\r\n\/* Secondary Outline Button (WITH VISITED STATE FIX to force white text) *\/\r\n.midas-hero-button-secondary,\r\n.midas-hero-button-secondary:link,\r\n.midas-hero-button-secondary:visited {\r\n    background-color: transparent !important;\r\n    color: #ffffff !important; \/* Force text to be white even if visited *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.6) !important; \/* Force border to be white *\/\r\n}\r\n\r\n.midas-hero-button-secondary:hover {\r\n    background-color: #ffffff !important;\r\n    color: #171717 !important; \/* Charcoal black text on hover *\/\r\n    border-color: #ffffff !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.15) !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   TABLET RESPONSIVENESS\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .midas-hero {\r\n        min-height: 600px !important;\r\n        padding: 70px 6% !important;\r\n    }\r\n    \r\n    .midas-hero-title {\r\n        font-size: 54px !important;\r\n    }\r\n    \r\n    .midas-hero-content {\r\n        max-width: 600px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   MOBILE RESPONSIVENESS\r\n   ========================================================================== *\/\r\n@media (max-width: 767px) {\r\n    .midas-hero {\r\n        min-height: 560px !important;\r\n        padding: 70px 24px 60px !important;\r\n        align-items: flex-end !important;\r\n    }\r\n    \r\n    .midas-hero-content {\r\n        max-width: 100% !important;\r\n    }\r\n    \r\n    .midas-hero-eyebrow {\r\n        font-size: 11px !important;\r\n        letter-spacing: 0.2em !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    \r\n    .midas-hero-title {\r\n        font-size: 38px !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 18px !important;\r\n    }\r\n    \r\n    .midas-hero-description {\r\n        font-size: 15px !important;\r\n        line-height: 1.6 !important;\r\n        margin-bottom: 26px !important;\r\n    }\r\n    \r\n    .midas-hero-buttons {\r\n        width: 100% !important;\r\n        gap: 10px !important;\r\n    }\r\n    \r\n    .midas-hero-button {\r\n        flex: 1 !important;\r\n        min-height: 50px !important;\r\n        padding: 0 16px !important;\r\n        font-size: 10px !important;\r\n        letter-spacing: 0.14em !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"midas-hero\">\r\n    <div class=\"midas-hero-content\">\r\n        <p class=\"midas-hero-eyebrow\">\r\n            Exceptional Spaces. Distinctive Living.\r\n        <\/p>\r\n\r\n        <h1 class=\"midas-hero-title\">\r\n            Find a Place<br>\r\n            Worth Calling Home\r\n        <\/h1>\r\n\r\n        <p class=\"midas-hero-description\">\r\n            Discover thoughtfully selected properties in prime locations,\r\n            designed for the way you want to live.\r\n        <\/p>\r\n\r\n        <div class=\"midas-hero-buttons\">\r\n            <a href=\"\/properties\/\" class=\"midas-hero-button midas-hero-button-primary\">\r\n                Explore Properties\r\n            <\/a>\r\n\r\n            <a href=\"\/contact-us\/\" class=\"midas-hero-button midas-hero-button-secondary\">\r\n                Enquire Now\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ae0d48 e-con-full e-flex e-con e-child\" data-id=\"3ae0d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba63ed0 elementor-widget elementor-widget-html\" data-id=\"ba63ed0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     MIDAS REALTY \u2014 TRUSTED DEVELOPERS PARTNERS TICKER SECTION\r\n     ========================================================================== -->\r\n<style>\r\n.midas-partners-section {\r\n    background-color: #1E1D16 !important; \/* Logo Deep Bronze Background *\/\r\n    padding: 80px 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    width: 100vw !important; \/* Breakout full viewport width *\/\r\n}\r\n\r\n.midas-partners-header {\r\n    text-align: center !important;\r\n    margin-bottom: 48px !important;\r\n    max-width: 650px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n    padding: 0 20px !important;\r\n}\r\n\r\n\/* Refined, elegant semi-bold heading in default font *\/\r\n.midas-partners-title {\r\n    font-family: inherit !important;\r\n    font-size: 26px !important;\r\n    font-weight: 600 !important; \/* Medium\/Semi-bold weight *\/\r\n    line-height: 1.3 !important;\r\n    color: #FAF8F5 !important; \/* Cream text *\/\r\n    margin: 0 0 14px 0 !important;\r\n    letter-spacing: 0.02em !important;\r\n}\r\n\r\n\/* Centered, readable, smaller description *\/\r\n.midas-partners-desc {\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.65 !important;\r\n    color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* Infinite loop carousel container *\/\r\n.midas-carousel-wrapper {\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    padding: 10px 0 !important;\r\n}\r\n\r\n\/* Smooth blur shadow edges for premium fade effect *\/\r\n.midas-carousel-wrapper::before,\r\n.midas-carousel-wrapper::after {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    width: 150px !important;\r\n    height: 100% !important;\r\n    z-index: 2 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.midas-carousel-wrapper::before {\r\n    left: 0 !important;\r\n    background: linear-gradient(to right, #1E1D16 20%, rgba(30, 29, 22, 0) 100%) !important;\r\n}\r\n\r\n.midas-carousel-wrapper::after {\r\n    right: 0 !important;\r\n    background: linear-gradient(to left, #1E1D16 20%, rgba(30, 29, 22, 0) 100%) !important;\r\n}\r\n\r\n\/* Flex track holding slides *\/\r\n.midas-carousel-track {\r\n    display: flex !important;\r\n    width: max-content !important;\r\n    gap: 40px !important;\r\n    animation: midas-marquee 30s linear infinite !important; \/* Continuous seamless loop *\/\r\n}\r\n\r\n\/* Pause animation on hover *\/\r\n.midas-carousel-track:hover {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n\/* Slide container (Sit inside clean softly rounded\/circular containers) *\/\r\n.midas-carousel-slide {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 160px !important; \/* Circular outline width *\/\r\n    height: 160px !important; \/* Circular outline height *\/\r\n    background: #25241C !important; \/* Dark Luxury Card *\/\r\n    border: 1px solid rgba(197, 168, 128, 0.15) !important; \/* Subtle gold border *\/\r\n    border-radius: 50% !important; \/* Circular container *\/\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; \/* Soft shadow *\/\r\n    flex-shrink: 0 !important;\r\n    box-sizing: border-box !important;\r\n    transition: all 0.3s ease !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Interactive hover transition *\/\r\n.midas-carousel-slide:hover {\r\n    border-color: #C5A880 !important; \/* Gold hover border *\/\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 8px 24px rgba(197, 168, 128, 0.15) !important;\r\n}\r\n\r\n\/* Scale styling for actual images when you replace them *\/\r\n.midas-carousel-slide img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: contain !important; \/* Fits image beautifully inside circle *\/\r\n    filter: grayscale(100%) brightness(1.8) !important; \/* Premium monochrome look with dark background visibility *\/\r\n    opacity: 0.8 !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n.midas-carousel-slide:hover img {\r\n    filter: grayscale(0%) brightness(1) !important; \/* Returns color on hover *\/\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   CAROUSEL MARQUEE KEYFRAMES (Seamless Loop Calculation - NO !important in keyframes)\r\n   ========================================================================== *\/\r\n@keyframes midas-marquee {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        \/* Scroll exactly 1 full set width (8 slides * 160px width + 8 gaps * 40px = 1600px) *\/\r\n        transform: translateX(calc(-160px * 8 - 40px * 8));\r\n    }\r\n}\r\n\r\n\/* Responsive overrides (Number of logos visible is controlled by wrapper sizing) *\/\r\n@media (max-width: 1024px) {\r\n    .midas-partners-section {\r\n        padding: 60px 0 !important;\r\n    }\r\n    .midas-partners-title {\r\n        font-size: 22px !important;\r\n    }\r\n    .midas-carousel-track {\r\n        gap: 32px !important;\r\n    }\r\n    @keyframes midas-marquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-160px * 8 - 32px * 8)); }\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .midas-partners-section {\r\n        padding: 50px 0 !important;\r\n    }\r\n    .midas-partners-title {\r\n        font-size: 20px !important;\r\n    }\r\n    .midas-carousel-track {\r\n        gap: 24px !important;\r\n        animation-duration: 25s !important; \/* Faster scrolling on mobile *\/\r\n    }\r\n    @keyframes midas-marquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-160px * 8 - 24px * 8)); }\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"midas-partners-section\">\r\n    \r\n    <!-- Header Text -->\r\n    <div class=\"midas-partners-header\">\r\n        <h2 class=\"midas-partners-title\">Trusted by India\u2019s Top Developers<\/h2>\r\n        <p class=\"midas-partners-desc\">\r\n            We partner with RERA-approved, reputed builders to ensure transparency, quality, and value in every property we recommend.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Carousel container -->\r\n    <div class=\"midas-carousel-wrapper\">\r\n        <div class=\"midas-carousel-track\">\r\n            \r\n            <!-- ==========================================\r\n                 FIRST SET (8 Developer Partner Logos)\r\n                 ========================================== -->\r\n            \r\n            <!-- Slide 1 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=PRIME+ESTATES\" alt=\"Prime Developers\">\r\n            <\/div>\r\n\r\n            <!-- Slide 2 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=URBAN+ESTATES\" alt=\"Urban Estates\">\r\n            <\/div>\r\n\r\n            <!-- Slide 3 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=VISTA+DEV\" alt=\"Vista Developers\">\r\n            <\/div>\r\n\r\n            <!-- Slide 4 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=ELITE+HOMES\" alt=\"Elite Homes\">\r\n            <\/div>\r\n\r\n            <!-- Slide 5 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=CAPITAL+BLD\" alt=\"Capital Builders\">\r\n            <\/div>\r\n\r\n            <!-- Slide 6 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=SIGNATURE\" alt=\"Signature Developments\">\r\n            <\/div>\r\n\r\n            <!-- Slide 7 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=GRAND+EST\" alt=\"Grand Estates\">\r\n            <\/div>\r\n\r\n            <!-- Slide 8 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=METRO+DEV\" alt=\"Metro Developers\">\r\n            <\/div>\r\n\r\n            <!-- ==========================================\r\n                 SECOND SET (Duplicate for Infinite Seamless Loop)\r\n                 ========================================== -->\r\n            \r\n            <!-- Duplicate Slide 1 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=PRIME+ESTATES\" alt=\"Prime Developers\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 2 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=URBAN+ESTATES\" alt=\"Urban Estates\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 3 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=VISTA+DEV\" alt=\"Vista Developers\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 4 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=ELITE+HOMES\" alt=\"Elite Homes\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 5 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=CAPITAL+BLD\" alt=\"Capital Builders\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 6 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=SIGNATURE\" alt=\"Signature Developments\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 7 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=GRAND+EST\" alt=\"Grand Estates\">\r\n            <\/div>\r\n\r\n            <!-- Duplicate Slide 8 -->\r\n            <div class=\"midas-carousel-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/ffffff\/666666?text=METRO+DEV\" alt=\"Metro Developers\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dee83b e-con-full e-flex e-con e-child\" data-id=\"7dee83b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bad8928 elementor-widget elementor-widget-html\" data-id=\"bad8928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     MIDAS REALTY \u2014 ABOUT \/ WHY CHOOSE US LAYOUT SECTION\r\n     ========================================================================== -->\r\n<style>\r\n.midas-about-section {\r\n    background-color: #1E1D16 !important; \/* Logo Deep Bronze Background *\/\r\n    padding: 100px 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    width: 100vw !important; \/* Breakout full viewport width *\/\r\n}\r\n\r\n\/* Two-column grid layout *\/\r\n.midas-about-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 8% !important;\r\n    display: grid !important;\r\n    grid-template-columns: 1.15fr 0.85fr !important;\r\n    gap: 60px !important;\r\n    align-items: center !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Left column (Content) *\/\r\n.midas-about-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    text-align: left !important;\r\n}\r\n\r\n\/* Small elegant label *\/\r\n.midas-about-eyebrow {\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A880 !important; \/* Accent Gold *\/\r\n    margin-bottom: 14px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* Clean heading *\/\r\n.midas-about-title {\r\n    font-family: inherit !important;\r\n    font-size: 36px !important;\r\n    font-weight: 600 !important; \/* Semi-bold *\/\r\n    line-height: 1.25 !important;\r\n    color: #FAF8F5 !important; \/* Cream text *\/\r\n    margin: 0 0 20px 0 !important;\r\n    letter-spacing: -0.01em !important;\r\n}\r\n\r\n\/* Supporting description *\/\r\n.midas-about-desc {\r\n    font-family: inherit !important;\r\n    font-size: 14.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.7 !important;\r\n    color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n    margin: 0 0 16px 0 !important;\r\n}\r\n\r\n\/* Statistics Row styling *\/\r\n.midas-about-stats-row {\r\n    display: flex !important;\r\n    gap: 40px !important;\r\n    margin: 24px 0 32px 0 !important;\r\n    width: 100% !important;\r\n    border-top: 1px solid rgba(197, 168, 128, 0.15) !important; \/* Soft gold border *\/\r\n    border-bottom: 1px solid rgba(197, 168, 128, 0.15) !important;\r\n    padding: 20px 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.midas-about-stat-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n.midas-about-stat-num {\r\n    font-family: inherit !important;\r\n    font-size: 24px !important;\r\n    font-weight: 700 !important;\r\n    color: #C5A880 !important; \/* Midas Gold *\/\r\n    margin-bottom: 3px !important;\r\n    line-height: 1.1 !important;\r\n}\r\n\r\n.midas-about-stat-label {\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.04em !important;\r\n    color: #A39E93 !important; \/* Muted text *\/\r\n}\r\n\r\n\/* CTA Button (Filled luxury button) *\/\r\nhtml body .midas-about-section a.midas-about-btn,\r\nbody .midas-about-section a.midas-about-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    height: 50px !important;\r\n    padding: 0 32px !important;\r\n    background-color: #C5A880 !important; \/* Midas Gold *\/\r\n    color: #1E1D16 !important; \/* Dark bronze text *\/\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    border-radius: 4px !important;\r\n    text-decoration: none !important;\r\n    border: 1px solid #C5A880 !important;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\nhtml body .midas-about-section a.midas-about-btn:hover,\r\nbody .midas-about-section a.midas-about-btn:hover {\r\n    background-color: transparent !important;\r\n    color: #C5A880 !important;\r\n    border-color: #C5A880 !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 6px 16px rgba(197, 168, 128, 0.15) !important;\r\n}\r\n\r\n\/* Right column (Large Video Card) *\/\r\n.midas-about-video-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    aspect-ratio: 16 \/ 10 !important; \/* Cinematic widescreen ratio *\/\r\n    background-color: #000000 !important;\r\n    border-radius: 12px !important; \/* Subtle rounded corners *\/\r\n    overflow: hidden !important;\r\n    border: 1px solid rgba(197, 168, 128, 0.15) !important; \/* Thin Gold Border *\/\r\n    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.03) !important; \/* Subtle shadow *\/\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n.midas-about-video-element {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\n.midas-about-video-wrapper:hover .midas-about-video-element {\r\n    transform: scale(1.03) !important; \/* Subtle hover zoom transition *\/\r\n}\r\n\r\n\/* Custom play button overlay *\/\r\n.midas-about-play-btn {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    background-color: rgba(24, 24, 24, 0.8) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    z-index: 2 !important;\r\n    cursor: pointer !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    backdrop-filter: blur(4px) !important;\r\n    -webkit-backdrop-filter: blur(4px) !important;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\n.midas-about-play-btn svg {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    color: #FFFFFF !important;\r\n    fill: currentColor !important;\r\n    margin-left: 2px !important; \/* Triangle align offset *\/\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.midas-about-video-wrapper:hover .midas-about-play-btn {\r\n    background-color: #C5A880 !important;\r\n    border-color: #C5A880 !important;\r\n    transform: translate(-50%, -50%) scale(1.08) !important;\r\n}\r\n\r\n.midas-about-video-wrapper.is-playing .midas-about-play-btn {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE BEHAVIOR (Tablet & Mobile Adaptations)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .midas-about-section {\r\n        padding: 70px 0 !important;\r\n    }\r\n    .midas-about-container {\r\n        padding: 0 6% !important;\r\n        gap: 40px !important;\r\n    }\r\n    .midas-about-title {\r\n        font-size: 30px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .midas-about-section {\r\n        padding: 60px 0 !important;\r\n    }\r\n    .midas-about-container {\r\n        padding: 0 24px !important;\r\n        grid-template-columns: 1fr !important; \/* Stack vertically *\/\r\n        gap: 40px !important;\r\n    }\r\n    .midas-about-title {\r\n        font-size: 26px !important;\r\n        margin-bottom: 16px !important;\r\n    }\r\n    .midas-about-stats-row {\r\n        gap: 20px !important;\r\n        justify-content: space-between !important;\r\n    }\r\n    .midas-about-video-wrapper {\r\n        aspect-ratio: 16 \/ 9 !important; \/* Standard video ratio on mobile *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"midas-about-section\">\r\n    <div class=\"midas-about-container\">\r\n        \r\n        <!-- Left Side Content -->\r\n        <div class=\"midas-about-content\">\r\n            <span class=\"midas-about-eyebrow\">ABOUT MIDAS REALTY<\/span>\r\n            <h2 class=\"midas-about-title\">Your Trusted Real Estate Partner in Gurgaon<\/h2>\r\n            \r\n            <p class=\"midas-about-desc\">With years of market experience, Midas Realty helps buyers, investors, and businesses discover exceptional residential and commercial opportunities across Gurgaon and Delhi NCR.<\/p>\r\n            <p class=\"midas-about-desc\" style=\"margin-bottom: 0;\">Our approach is built on transparency, personalized guidance, and deep local expertise \u2014 making every property decision simple, secure, and rewarding.<\/p>\r\n\r\n            <!-- Statistics row -->\r\n            <div class=\"midas-about-stats-row\">\r\n                <div class=\"midas-about-stat-item\">\r\n                    <span class=\"midas-about-stat-num\">12+<\/span>\r\n                    <span class=\"midas-about-stat-label\">Years Experience<\/span>\r\n                <\/div>\r\n                <div class=\"midas-about-stat-item\">\r\n                    <span class=\"midas-about-stat-num\">100+<\/span>\r\n                    <span class=\"midas-about-stat-label\">Properties<\/span>\r\n                <\/div>\r\n                <div class=\"midas-about-stat-item\">\r\n                    <span class=\"midas-about-stat-num\">Trusted<\/span>\r\n                    <span class=\"midas-about-stat-label\">Advisory<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CTA Button -->\r\n            <a href=\"\/about-us\/\" class=\"midas-about-btn\">\r\n                Discover More &rarr;\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Right Side Video Card -->\r\n        <!-- REPLACE THE poster URL LINK IN THE <video> TAG BELOW WITH YOUR CUSTOM COVER IMAGE LINK: -->\r\n        <div class=\"midas-about-video-wrapper\" id=\"midas-about-video-card\">\r\n            \r\n            <!-- Center play button overlay -->\r\n            <div class=\"midas-about-play-btn\" onclick=\"toggleMidasAboutVideo()\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M8 5v14l11-7z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- Video Element -->\r\n            <video class=\"midas-about-video-element\" id=\"midas-about-video-el\" \r\n                   preload=\"metadata\" playsinline muted loop \r\n                   poster=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80\">\r\n                \r\n                <!-- REPLACE THE src LINK IN THE <source> TAG BELOW WITH YOUR UPLOADED MP4 LINK: -->\r\n                <source src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-luxury-home-entrance-with-modern-design-4824-large.mp4\" type=\"video\/mp4\">\r\n                \r\n                Your browser does not support the video tag.\r\n            <\/video>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Inline script to toggle play state -->\r\n<script>\r\nfunction toggleMidasAboutVideo() {\r\n    var card = document.getElementById('midas-about-video-card');\r\n    var video = document.getElementById('midas-about-video-el');\r\n    \r\n    if (!card || !video) return;\r\n\r\n    if (video.paused) {\r\n        \/\/ Pause any other playing videos on the page\r\n        var otherVideos = document.querySelectorAll('.midas-video-element');\r\n        otherVideos.forEach(function(el) {\r\n            if (!el.paused) {\r\n                el.pause();\r\n                var otherCard = el.closest('.midas-video-card');\r\n                if (otherCard) {\r\n                    otherCard.classList.remove('is-playing');\r\n                    el.controls = false;\r\n                }\r\n            }\r\n        });\r\n\r\n        video.play();\r\n        card.classList.add('is-playing');\r\n        video.controls = true; \/\/ Show native controls once playing\r\n    } else {\r\n        video.pause();\r\n        card.classList.remove('is-playing');\r\n        video.controls = false;\r\n    }\r\n\r\n    video.onpause = function() {\r\n        card.classList.remove('is-playing');\r\n        video.controls = false;\r\n    };\r\n    \r\n    video.onplay = function() {\r\n        card.classList.add('is-playing');\r\n        video.controls = true;\r\n    };\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dc7a28 e-con-full e-flex e-con e-child\" data-id=\"7dc7a28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f8e5fe elementor-widget elementor-widget-shortcode\" data-id=\"6f8e5fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    \/* ==========================================================================\r\n       MIDAS REALTY \u2014 FEATURED PROPERTIES LAYOUT & DESIGN SYSTEM\r\n       ========================================================================== *\/\r\n    \r\n    .midas-featured-section {\r\n        background-color: #1E1D16 !important; \/* Logo Deep Bronze Background *\/\r\n        padding: 90px 8% !important;\r\n        box-sizing: border-box !important;\r\n        width: 100% !important;\r\n        position: relative !important;\r\n        left: 50% !important;\r\n        right: 50% !important;\r\n        margin-left: -50vw !important;\r\n        margin-right: -50vw !important;\r\n        width: 100vw !important; \/* Breakout boxed layout *\/\r\n    }\r\n\r\n    .midas-featured-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        max-width: 700px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    \/* Small elegant label inheriting default theme font *\/\r\n    .midas-featured-eyebrow {\r\n        font-family: inherit !important;\r\n        font-size: 11px !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.1em !important;\r\n        text-transform: uppercase !important;\r\n        color: #C5A880 !important; \/* Muted warm gold *\/\r\n        margin-bottom: 12px !important;\r\n        display: block !important;\r\n    }\r\n\r\n    \/* Clean title inheriting default theme font *\/\r\n    .midas-featured-title {\r\n        font-family: inherit !important;\r\n        font-size: 36px !important;\r\n        font-weight: 700 !important; \/* Heading bold 700 *\/\r\n        line-height: 1.25 !important;\r\n        letter-spacing: -0.01em !important;\r\n        color: #FAF8F5 !important; \/* Cream text *\/\r\n        margin: 0 0 16px 0 !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* Smaller, readable description inheriting default theme font *\/\r\n    .midas-featured-desc {\r\n        font-family: inherit !important;\r\n        font-size: 14px !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.7 !important;\r\n        color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n        margin: 0 !important;\r\n        letter-spacing: normal !important;\r\n    }\r\n\r\n    \/* 3-Column Responsive Property Grid *\/\r\n    .midas-property-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 36px !important;\r\n        margin-bottom: 60px !important;\r\n        max-width: 1200px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    \/* Property Card Design (16px border-radius, subtle shadow, light borders) *\/\r\n    .midas-property-card {\r\n        background-color: #25241C !important; \/* Dark Luxury Card *\/\r\n        border: 1px solid rgba(197, 168, 128, 0.15) !important; \/* Soft gold border *\/\r\n        border-radius: 16px !important; \/* Clean rounded card corners *\/\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        text-decoration: none !important; \/* Remove link underlines *\/\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important; \/* Soft dark shadow *\/\r\n    }\r\n\r\n    .midas-property-card:hover {\r\n        transform: translateY(-5px) !important;\r\n        border-color: rgba(197, 168, 128, 0.25) !important; \/* Soft gold on hover *\/\r\n        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;\r\n    }\r\n\r\n    \/* Consistent image heights *\/\r\n    .midas-property-img-wrapper {\r\n        position: relative !important;\r\n        height: 250px !important;\r\n        width: 100% !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .midas-property-img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    }\r\n\r\n    .midas-property-card:hover .midas-property-img {\r\n        transform: scale(1.06) !important;\r\n    }\r\n\r\n    \/* Card Details Layout (Generous but controlled spacing) *\/\r\n    .midas-property-body {\r\n        padding: 24px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        flex-grow: 1 !important;\r\n    }\r\n\r\n    \/* Title inheriting default theme font *\/\r\n    .midas-property-name {\r\n        font-family: inherit !important;\r\n        font-size: 18px !important;\r\n        font-weight: 600 !important; \/* Property name weight 600 *\/\r\n        line-height: 1.35 !important;\r\n        color: #1E1D16 !important; \/* Dark charcoal *\/\r\n        margin: 0 0 16px 0 !important;\r\n        text-transform: none !important;\r\n        letter-spacing: -0.01em !important;\r\n    }\r\n\r\n    \/* Specifications Grid inheriting default theme font *\/\r\n    .midas-property-specs-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1.15fr 0.85fr !important;\r\n        gap: 12px 14px !important;\r\n        margin-bottom: 24px !important;\r\n        text-align: left !important;\r\n    }\r\n\r\n    .midas-spec-item {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        font-family: inherit !important;\r\n        font-size: 12.5px !important; \/* Clear readable size *\/\r\n        font-weight: 500 !important; \/* Details weight 500 *\/\r\n        color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n        line-height: 1.2 !important;\r\n        letter-spacing: normal !important;\r\n    }\r\n\r\n    \/* Mini SVG icons *\/\r\n    .midas-spec-item svg {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n        margin-right: 6px !important;\r\n        color: #C5A880 !important; \/* Midas Gold *\/\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Footer: Price + View Property Link (Aligned on the SAME horizontal line) *\/\r\n    .midas-property-footer {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        margin-top: auto !important;\r\n        border-top: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n        padding-top: 16px !important;\r\n    }\r\n\r\n    \/* Price styling inheriting default theme font *\/\r\n    .midas-property-price {\r\n        font-family: inherit !important;\r\n        font-size: 15px !important;\r\n        font-weight: 700 !important; \/* Prices bold 700 *\/\r\n        color: #C5A880 !important; \/* Midas Gold *\/\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        letter-spacing: normal !important;\r\n        white-space: nowrap !important;\r\n        flex-shrink: 1 !important;\r\n    }\r\n\r\n    .midas-property-price svg {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n        margin-right: 4px !important;\r\n        color: #C5A880 !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Clean link inheriting default theme font *\/\r\n    .midas-property-link {\r\n        font-family: inherit !important;\r\n        font-size: 12.5px !important;\r\n        font-weight: 600 !important; \/* Medium-bold weight *\/\r\n        text-transform: uppercase !important;\r\n        color: #FAF8F5 !important; \/* Cream text *\/\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        white-space: nowrap !important;\r\n        flex-shrink: 0 !important;\r\n        margin-left: 12px !important;\r\n        transition: color 0.3s ease !important;\r\n    }\r\n\r\n    .midas-property-link svg {\r\n        width: 12px !important;\r\n        height: 12px !important;\r\n        margin-left: 4px !important;\r\n        transition: transform 0.3s ease !important;\r\n        color: #FAF8F5 !important;\r\n    }\r\n\r\n    .midas-property-card:hover .midas-property-link {\r\n        color: #C5A880 !important; \/* Swaps to gold on card hover *\/\r\n    }\r\n\r\n    .midas-property-card:hover .midas-property-link svg {\r\n        transform: translateX(4px) !important; \/* Smooth arrow slide *\/\r\n        color: #C5A880 !important;\r\n    }\r\n\r\n    \/* Bottom Centered CTA inheriting default theme font *\/\r\n    .midas-featured-footer {\r\n        text-align: center !important;\r\n    }\r\n\r\n    \/* Ultra-high specificity selectors to override generic theme link styles *\/\r\n    html body .midas-featured-section .midas-btn-all,\r\n    body .midas-featured-section .midas-btn-all,\r\n    .midas-featured-section .midas-btn-all,\r\n    a.midas-btn-all {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        min-width: 220px !important; \/* Elegant min-width to fit text in one line *\/\r\n        padding: 0 24px !important; \/* Clean side padding *\/\r\n        white-space: nowrap !important; \/* Force no wrap *\/\r\n        height: 50px !important; \/* Clean height *\/\r\n        background-color: #C5A880 !important; \/* Midas Gold *\/\r\n        color: #1E1D16 !important; \/* Dark bronze text *\/\r\n        border: 1px solid #C5A880 !important;\r\n        font-family: inherit !important;\r\n        font-size: 11px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.1em !important;\r\n        border-radius: 4px !important; \/* Subtle rounded corners *\/\r\n        text-decoration: none !important;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    }\r\n\r\n    html body .midas-featured-section .midas-btn-all:hover,\r\n    body .midas-featured-section .midas-btn-all:hover,\r\n    .midas-featured-section .midas-btn-all:hover,\r\n    a.midas-btn-all:hover {\r\n        background-color: transparent !important;\r\n        color: #C5A880 !important; \/* Swaps to gold text on transparent background *\/\r\n        border-color: #C5A880 !important;\r\n        transform: translateY(-2px) !important;\r\n        box-shadow: 0 6px 16px rgba(197, 168, 128, 0.18) !important;\r\n    }\r\n\r\n    \/* Target arrow inside CTA button *\/\r\n    .midas-btn-all svg.midas-btn-arrow {\r\n        width: 12px !important;\r\n        height: 12px !important;\r\n        margin-left: 6px !important;\r\n        stroke: currentColor !important; \/* Dynamically inherits parent text color (white or black!) *\/\r\n        transition: transform 0.3s ease !important;\r\n        display: inline-block !important;\r\n        vertical-align: middle !important;\r\n    }\r\n\r\n    .midas-btn-all:hover svg.midas-btn-arrow {\r\n        transform: translateX(4px) !important; \/* Elegant arrow slide on hover *\/\r\n    }\r\n\r\n    \/* Responsive breakpoints *\/\r\n    @media (max-width: 1024px) {\r\n        .midas-featured-section {\r\n            padding: 70px 6% !important;\r\n        }\r\n        \r\n        .midas-property-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 28px !important;\r\n        }\r\n        \r\n        .midas-featured-title {\r\n            font-size: 30px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .midas-featured-section {\r\n            padding: 60px 24px !important;\r\n        }\r\n        \r\n        .midas-property-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 24px !important;\r\n        }\r\n        \r\n        .midas-featured-title {\r\n            font-size: 26px !important;\r\n        }\r\n        \r\n        .midas-property-img-wrapper {\r\n            height: 220px !important;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <section class=\"midas-featured-section\">\r\n        \r\n        <div class=\"midas-featured-header\">\r\n            <span class=\"midas-featured-eyebrow\">Featured Collections<\/span>\r\n            <h2 class=\"midas-featured-title\">Featured Properties<\/h2>\r\n            <p class=\"midas-featured-desc\">\r\n                Discover thoughtfully selected properties in prime locations, curated for exceptional living and investment.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"midas-property-grid\">\r\n                            <a href=\"#\" class=\"midas-property-card\">\r\n                    <div class=\"midas-property-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"The Palatial \u2013 Hero Homes - 104\" class=\"midas-property-img\">\r\n                    <\/div>\r\n\r\n                    <div class=\"midas-property-body\">\r\n                        <h3 class=\"midas-property-name\">The Palatial \u2013 Hero Homes - 104<\/h3>\r\n                        \r\n                        <!-- 2x2 Specifications Grid matching Image 2 with SVG Icons -->\r\n                        <div class=\"midas-property-specs-grid\">\r\n                            <!-- Left Column: Location -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Map Pin Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                                Sector 104                            <\/div>\r\n                            \r\n                            <!-- Right Column: Status -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Calendar Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                                Under Construction                            <\/div>\r\n                            \r\n                            <!-- Left Column: Area -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Expand\/Ruler Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 3H3v18h18V3zM3 9h18M9 21V9\"><\/path><\/svg>\r\n                                2,500 \u2013 5,000 (SQ.FT.)                            <\/div>\r\n                            \r\n                            <!-- Right Column: BHK Type -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Document\/Building Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n                                3.5 BHK &amp; 4.5 BHK                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card Footer: Price + View Property Link (Forced on the same horizontal line) -->\r\n                        <div class=\"midas-property-footer\">\r\n                            <span class=\"midas-property-price\">\r\n                                <!-- Rupee Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12M6 8h12M6 13h8.5a4.5 4.5 0 0 0 0-9H6m6 9l-6 8\"><\/path><\/svg>\r\n                                \u20b9 On Request                            <\/span>\r\n                            \r\n                            <span class=\"midas-property-link\">\r\n                                View Property \r\n                                <!-- Elegant Arrow Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <a href=\"#\" class=\"midas-property-card\">\r\n                    <div class=\"midas-property-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Max Estates - 36A\" class=\"midas-property-img\">\r\n                    <\/div>\r\n\r\n                    <div class=\"midas-property-body\">\r\n                        <h3 class=\"midas-property-name\">Max Estates - 36A<\/h3>\r\n                        \r\n                        <!-- 2x2 Specifications Grid matching Image 2 with SVG Icons -->\r\n                        <div class=\"midas-property-specs-grid\">\r\n                            <!-- Left Column: Location -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Map Pin Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                                Sector 36A                            <\/div>\r\n                            \r\n                            <!-- Right Column: Status -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Calendar Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                                Under Construction                            <\/div>\r\n                            \r\n                            <!-- Left Column: Area -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Expand\/Ruler Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 3H3v18h18V3zM3 9h18M9 21V9\"><\/path><\/svg>\r\n                                2,500 \u2013 5,000 (SQ.FT.)                            <\/div>\r\n                            \r\n                            <!-- Right Column: BHK Type -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Document\/Building Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n                                3 &amp; 4 BHK                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card Footer: Price + View Property Link (Forced on the same horizontal line) -->\r\n                        <div class=\"midas-property-footer\">\r\n                            <span class=\"midas-property-price\">\r\n                                <!-- Rupee Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12M6 8h12M6 13h8.5a4.5 4.5 0 0 0 0-9H6m6 9l-6 8\"><\/path><\/svg>\r\n                                \u20b9 On Request                            <\/span>\r\n                            \r\n                            <span class=\"midas-property-link\">\r\n                                View Property \r\n                                <!-- Elegant Arrow Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <a href=\"#\" class=\"midas-property-card\">\r\n                    <div class=\"midas-property-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"ELAN THE EMPEROR - 106\" class=\"midas-property-img\">\r\n                    <\/div>\r\n\r\n                    <div class=\"midas-property-body\">\r\n                        <h3 class=\"midas-property-name\">ELAN THE EMPEROR - 106<\/h3>\r\n                        \r\n                        <!-- 2x2 Specifications Grid matching Image 2 with SVG Icons -->\r\n                        <div class=\"midas-property-specs-grid\">\r\n                            <!-- Left Column: Location -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Map Pin Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                                Sector 106                            <\/div>\r\n                            \r\n                            <!-- Right Column: Status -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Calendar Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                                Coming Soon                            <\/div>\r\n                            \r\n                            <!-- Left Column: Area -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Expand\/Ruler Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 3H3v18h18V3zM3 9h18M9 21V9\"><\/path><\/svg>\r\n                                5434 \u2013 5891 (SQ.FT.)                            <\/div>\r\n                            \r\n                            <!-- Right Column: BHK Type -->\r\n                            <div class=\"midas-spec-item\">\r\n                                <!-- Document\/Building Layout Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n                                4 &amp; 5 BHK                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card Footer: Price + View Property Link (Forced on the same horizontal line) -->\r\n                        <div class=\"midas-property-footer\">\r\n                            <span class=\"midas-property-price\">\r\n                                <!-- Rupee Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12M6 8h12M6 13h8.5a4.5 4.5 0 0 0 0-9H6m6 9l-6 8\"><\/path><\/svg>\r\n                                \u20b9 On Request                            <\/span>\r\n                            \r\n                            <span class=\"midas-property-link\">\r\n                                View Property \r\n                                <!-- Elegant Arrow Icon -->\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                    <\/div>\r\n\r\n        <!-- Refined luxury CTA button (VIEW ALL PROPERTIES \u2192) -->\r\n        <div class=\"midas-featured-footer\">\r\n            <a href=\"\/properties\/\" class=\"midas-btn-all\">\r\n                View All Properties \r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"midas-btn-arrow\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/section>\r\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c55932e e-con-full e-flex e-con e-child\" data-id=\"c55932e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1176248 elementor-widget elementor-widget-html\" data-id=\"1176248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     MIDAS REALTY \u2014 HOW WE HELP YOU SECTION\r\n     ========================================================================== -->\r\n<style>\r\n.midas-help-section {\r\n    background-color: #1E1D16 !important; \/* Logo Deep Bronze Background *\/\r\n    padding: 100px 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    width: 100vw !important; \/* Breakout full viewport width *\/\r\n}\r\n\r\n\/* Two-column grid layout *\/\r\n.midas-help-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 8% !important;\r\n    display: grid !important;\r\n    grid-template-columns: 0.9fr 1.1fr !important; \/* 45% Visual \/ 55% Content split *\/\r\n    gap: 70px !important;\r\n    align-items: center !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Left Column: Premium Visual with Floating Info Cards *\/\r\n.midas-help-visual-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n\/* Architectural offset gold frame behind the image *\/\r\n.midas-visual-frame-offset {\r\n    position: absolute !important;\r\n    top: 15px !important;\r\n    left: -15px !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: 2px solid #C5A880 !important; \/* Muted gold border *\/\r\n    border-radius: 12px !important;\r\n    z-index: 1 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n\/* Main image container *\/\r\n.midas-visual-image-container {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    aspect-ratio: 4 \/ 5 !important; \/* Elegant vertical portrait ratio *\/\r\n    border-radius: 12px !important;\r\n    overflow: hidden !important;\r\n    z-index: 2 !important;\r\n    background-color: #000000 !important;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;\r\n}\r\n\r\n.midas-visual-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n    transition: transform 0.5s ease !important;\r\n}\r\n\r\n.midas-help-visual-wrapper:hover .midas-visual-img {\r\n    transform: scale(1.04) !important;\r\n}\r\n\r\n\/* Floating Info Cards (Absolute positions over visual wrapper) *\/\r\n.midas-floating-card {\r\n    position: absolute !important;\r\n    background-color: #25241C !important; \/* Dark Luxury Card *\/\r\n    border-left: 3px solid #C5A880 !important; \/* Subtle gold accent stripe *\/\r\n    padding: 12px 18px !important;\r\n    border-radius: 6px !important;\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;\r\n    z-index: 3 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n\/* Card 1: Top Right *\/\r\n.midas-floating-card-1 {\r\n    top: 30px !important;\r\n    right: -20px !important;\r\n}\r\n\r\n\/* Card 2: Middle Left *\/\r\n.midas-floating-card-2 {\r\n    bottom: 120px !important;\r\n    left: -30px !important;\r\n}\r\n\r\n\/* Card 3: Bottom Right *\/\r\n.midas-floating-card-3 {\r\n    bottom: 30px !important;\r\n    right: -20px !important;\r\n}\r\n\r\n\/* Hover float response *\/\r\n.midas-help-visual-wrapper:hover .midas-floating-card {\r\n    transform: translateY(-5px) !important;\r\n}\r\n\r\n.midas-floating-card-num {\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n    color: #C5A880 !important; \/* Midas Gold *\/\r\n    line-height: 1.2 !important;\r\n    margin-bottom: 2px !important;\r\n}\r\n\r\n.midas-floating-card-lbl {\r\n    font-family: inherit !important;\r\n    font-size: 9px !important;\r\n    font-weight: 500;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.05em !important;\r\n    color: #A39E93 !important; \/* Muted text *\/\r\n}\r\n\r\n\r\n\/* Right Column: Editorial Process Details *\/\r\n.midas-help-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    text-align: left !important;\r\n}\r\n\r\n\/* Small Gold Eyebrow *\/\r\n.midas-help-eyebrow {\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A880 !important; \/* Gold *\/\r\n    margin-bottom: 14px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* Section Title *\/\r\n.midas-help-title {\r\n    font-family: inherit !important;\r\n    font-size: 36px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.25 !important;\r\n    color: #FAF8F5 !important; \/* Cream text *\/\r\n    margin: 0 0 16px 0 !important;\r\n    letter-spacing: -0.01em !important;\r\n}\r\n\r\n\/* Description paragraph *\/\r\n.midas-help-desc {\r\n    font-family: inherit !important;\r\n    font-size: 14.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.65 !important;\r\n    color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n    margin: 0 0 40px 0 !important;\r\n}\r\n\r\n\/* 2x2 Process Grid (Editorial style, no boxes) *\/\r\n.midas-process-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 36px 40px !important;\r\n    width: 100% !important;\r\n    margin-bottom: 40px !important;\r\n}\r\n\r\n.midas-process-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n}\r\n\r\n\/* Number row layout *\/\r\n.midas-process-number-row {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    margin-bottom: 12px !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Large subtle number in soft gold *\/\r\n.midas-process-num {\r\n    font-family: inherit !important;\r\n    font-size: 26px !important;\r\n    font-weight: 700 !important;\r\n    color: rgba(197, 168, 128, 0.25) !important; \/* Soft gold watermark *\/\r\n    line-height: 1 !important;\r\n}\r\n\r\n\/* Horizontal Gold line beside the number *\/\r\n.midas-process-line {\r\n    height: 1px !important;\r\n    width: 35px !important;\r\n    background-color: #C5A880 !important;\r\n    margin-left: 10px !important;\r\n    opacity: 0.6 !important;\r\n    transition: width 0.3s ease !important;\r\n}\r\n\r\n.midas-process-item:hover .midas-process-line {\r\n    width: 50px !important; \/* Dynamic line expand hover animation *\/\r\n}\r\n\r\n\/* Process Item Header *\/\r\n.midas-process-title {\r\n    font-family: inherit !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    color: #FAF8F5 !important; \/* Cream text *\/\r\n    margin: 0 0 6px 0 !important;\r\n}\r\n\r\n\/* Process Item Copy *\/\r\n.midas-process-copy {\r\n    font-family: inherit !important;\r\n    font-size: 13px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.6 !important;\r\n    color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* Start Your Property Journey Button (High specificity override) *\/\r\nhtml body .midas-help-section a.midas-help-btn,\r\nbody .midas-help-section a.midas-help-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    height: 50px !important;\r\n    padding: 0 32px !important;\r\n    background-color: #C5A880 !important; \/* Midas Gold *\/\r\n    color: #1E1D16 !important; \/* Dark bronze text *\/\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    border-radius: 4px !important;\r\n    text-decoration: none !important;\r\n    border: 1px solid #C5A880 !important;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\nhtml body .midas-help-section a.midas-help-btn:hover,\r\nbody .midas-help-section a.midas-help-btn:hover {\r\n    background-color: transparent !important;\r\n    color: #C5A880 !important;\r\n    border-color: #C5A880 !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 6px 16px rgba(197, 168, 128, 0.15) !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE BEHAVIOR (Tablet & Mobile Adaptations)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .midas-help-section {\r\n        padding: 70px 0 !important;\r\n    }\r\n    .midas-help-container {\r\n        padding: 0 6% !important;\r\n        gap: 50px !important;\r\n    }\r\n    .midas-help-title {\r\n        font-size: 30px !important;\r\n    }\r\n    .midas-process-grid {\r\n        gap: 28px 30px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .midas-help-section {\r\n        padding: 60px 0 !important;\r\n    }\r\n    .midas-help-container {\r\n        padding: 0 24px !important;\r\n        grid-template-columns: 1fr !important; \/* Stack vertically on mobile *\/\r\n        gap: 50px !important;\r\n    }\r\n    \r\n    \/* Visual shifts to top position on Mobile stack *\/\r\n    .midas-help-visual-wrapper {\r\n        order: 1 !important;\r\n        max-width: 320px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n    \r\n    .midas-help-content {\r\n        order: 2 !important;\r\n    }\r\n\r\n    .midas-help-title {\r\n        font-size: 26px !important;\r\n        margin-bottom: 16px !important;\r\n    }\r\n    .midas-help-desc {\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    \/* Process grid collapses to single column *\/\r\n    .midas-process-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 24px !important;\r\n    }\r\n\r\n    .midas-floating-card-1 {\r\n        right: -10px !important;\r\n    }\r\n    .midas-floating-card-2 {\r\n        left: -15px !important;\r\n        bottom: 100px !important;\r\n    }\r\n    .midas-floating-card-3 {\r\n        right: -10px !important;\r\n    }\r\n\r\n    \/* CTA becomes responsive-width *\/\r\n    html body .midas-help-section a.midas-help-btn,\r\n    body .midas-help-section a.midas-help-btn {\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"midas-help-section\">\r\n    <div class=\"midas-help-container\">\r\n        \r\n        <!-- Left Column: Visual Representation with offset frame and floating cards -->\r\n        <div class=\"midas-help-visual-wrapper\">\r\n            <!-- Architectural gold offset frame -->\r\n            <div class=\"midas-visual-frame-offset\"><\/div>\r\n\r\n            <!-- Absolute positioned floating card 1 -->\r\n            <div class=\"midas-floating-card midas-floating-card-1\">\r\n                <span class=\"midas-floating-card-num\">12+ Years<\/span>\r\n                <span class=\"midas-floating-card-lbl\">Experience<\/span>\r\n            <\/div>\r\n\r\n            <!-- Absolute positioned floating card 2 -->\r\n            <div class=\"midas-floating-card midas-floating-card-2\">\r\n                <span class=\"midas-floating-card-num\">100+ Properties<\/span>\r\n                <span class=\"midas-floating-card-lbl\">Curated<\/span>\r\n            <\/div>\r\n\r\n            <!-- Absolute positioned floating card 3 -->\r\n            <div class=\"midas-floating-card midas-floating-card-3\">\r\n                <span class=\"midas-floating-card-num\">Trusted<\/span>\r\n                <span class=\"midas-floating-card-lbl\">Advisory<\/span>\r\n            <\/div>\r\n\r\n            <!-- Main consultant portrait -->\r\n            <div class=\"midas-visual-image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=800&q=80\" alt=\"Midas Realty Property Advisory\" class=\"midas-visual-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Editorial copy and 2x2 process grid -->\r\n        <div class=\"midas-help-content\">\r\n            <span class=\"midas-help-eyebrow\">OUR APPROACH<\/span>\r\n            <h2 class=\"midas-help-title\">How We Help You Find the Right Property<\/h2>\r\n            <p class=\"midas-help-desc\">\r\n                At Midas Realty, we follow a transparent and structured approach designed to make your property journey simple, strategic, and stress-free.\r\n            <\/p>\r\n\r\n            <!-- 2x2 Process Items Grid -->\r\n            <div class=\"midas-process-grid\">\r\n                \r\n                <!-- Process 01 -->\r\n                <div class=\"midas-process-item\">\r\n                    <div class=\"midas-process-number-row\">\r\n                        <span class=\"midas-process-num\">01<\/span>\r\n                        <div class=\"midas-process-line\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"midas-process-title\">Understanding Requirements<\/h3>\r\n                    <p class=\"midas-process-copy\">\r\n                        Before recommending a property, we understand your location, budget, lifestyle, investment goals, and long-term plans.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Process 02 -->\r\n                <div class=\"midas-process-item\">\r\n                    <div class=\"midas-process-number-row\">\r\n                        <span class=\"midas-process-num\">02<\/span>\r\n                        <div class=\"midas-process-line\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"midas-process-title\">Smart Shortlisting<\/h3>\r\n                    <p class=\"midas-process-copy\">\r\n                        We carefully filter the market and present only relevant, verified properties that match your requirements.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Process 03 -->\r\n                <div class=\"midas-process-item\">\r\n                    <div class=\"midas-process-number-row\">\r\n                        <span class=\"midas-process-num\">03<\/span>\r\n                        <div class=\"midas-process-line\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"midas-process-title\">Guided Property Visits<\/h3>\r\n                    <p class=\"midas-process-copy\">\r\n                        We arrange property visits and provide honest insights on location, pricing, amenities, connectivity, and investment potential.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Process 04 -->\r\n                <div class=\"midas-process-item\">\r\n                    <div class=\"midas-process-number-row\">\r\n                        <span class=\"midas-process-num\">04<\/span>\r\n                        <div class=\"midas-process-line\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"midas-process-title\">Deal Finalization<\/h3>\r\n                    <p class=\"midas-process-copy\">\r\n                        From negotiation and documentation to closing, we guide you through every important step with complete transparency.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Start Journey CTA Button -->\r\n            <a href=\"\/contact\/\" class=\"midas-help-btn\">\r\n                Start Your Property Journey &rarr;\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\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-513e85f e-flex e-con-boxed e-con e-parent\" data-id=\"513e85f\" 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-9fd9deb elementor-widget elementor-widget-shortcode\" data-id=\"9fd9deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    \/* ==========================================================================\r\n       MIDAS REALTY \u2014 VIDEO SHOWCASE SECTION DESIGN SYSTEM\r\n       ========================================================================== *\/\r\n    \r\n    .midas-video-section {\r\n        background-color: #1E1D16 !important; \/* Logo Deep Bronze Background *\/\r\n        padding: 90px 8% !important;\r\n        box-sizing: border-box !important;\r\n        width: 100% !important;\r\n        position: relative !important;\r\n        left: 50% !important;\r\n        right: 50% !important;\r\n        margin-left: -50vw !important;\r\n        margin-right: -50vw !important;\r\n        width: 100vw !important; \/* Full breakout width *\/\r\n    }\r\n\r\n    .midas-video-header {\r\n        text-align: center !important;\r\n        margin-bottom: 50px !important;\r\n        max-width: 700px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    \/* Elegant, not oversized title in default font *\/\r\n    .midas-video-title {\r\n        font-family: inherit !important;\r\n        font-size: 28px !important;\r\n        font-weight: 600 !important; \/* Medium\/Semi-bold weight *\/\r\n        line-height: 1.3 !important;\r\n        color: #FAF8F5 !important; \/* Cream text *\/\r\n        margin: 0 0 12px 0 !important;\r\n        letter-spacing: -0.01em !important;\r\n    }\r\n\r\n    \/* Subtitle - elegant, centered, readable *\/\r\n    .midas-video-subtitle {\r\n        font-family: inherit !important;\r\n        font-size: 14px !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.6 !important;\r\n        color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* Horizontal grid layout (approx 9:16 aspect ratio vertical cards) *\/\r\n    .midas-video-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(4, 1fr) !important;\r\n        gap: 30px !important;\r\n        max-width: 1200px !important;\r\n        margin: 0 auto 60px auto !important;\r\n    }\r\n\r\n    \/* Video card styling *\/\r\n    .midas-video-card {\r\n        position: relative !important;\r\n        aspect-ratio: 9 \/ 16 !important; \/* Vertical aspect ratio *\/\r\n        background-color: #000000 !important;\r\n        border-radius: 16px !important; \/* Rounded corners around 14-18px *\/\r\n        overflow: hidden !important;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; \/* Subtle shadow *\/\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    }\r\n\r\n    .midas-video-card:hover {\r\n        transform: translateY(-4px) !important;\r\n        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;\r\n    }\r\n\r\n    \/* HTML5 video tag *\/\r\n    .midas-video-element {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important; \/* Crop cover *\/\r\n        display: block !important;\r\n    }\r\n\r\n    \/* Overlay gradient for text readability and premium look *\/\r\n    .midas-video-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%) !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    .midas-video-card.is-playing .midas-video-overlay {\r\n        opacity: 0.3 !important; \/* Fade overlay slightly while playing *\/\r\n    }\r\n\r\n    \/* Minimal video controls bar at bottom of poster *\/\r\n    .midas-video-info {\r\n        position: absolute !important;\r\n        bottom: 20px !important;\r\n        left: 20px !important;\r\n        right: 20px !important;\r\n        z-index: 2 !important;\r\n        color: #FFFFFF !important;\r\n        pointer-events: none !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    .midas-video-card.is-playing .midas-video-info {\r\n        opacity: 0 !important; \/* Hide info while playing for clean look *\/\r\n    }\r\n\r\n    .midas-video-card-title {\r\n        font-family: inherit !important;\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.06em !important;\r\n        margin: 0 !important;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;\r\n    }\r\n\r\n    \/* Play button overlay *\/\r\n    .midas-video-play-btn {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        width: 54px !important;\r\n        height: 54px !important;\r\n        background-color: rgba(24, 24, 24, 0.8) !important;\r\n        border-radius: 50% !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        z-index: 2 !important;\r\n        cursor: pointer !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n        backdrop-filter: blur(4px) !important;\r\n        -webkit-backdrop-filter: blur(4px) !important;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    }\r\n\r\n    .midas-video-play-btn svg {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        color: #FFFFFF !important;\r\n        fill: currentColor !important;\r\n        margin-left: 2px !important; \/* Centering offset for play triangle *\/\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    .midas-video-card:hover .midas-video-play-btn {\r\n        background-color: #C5A880 !important; \/* Accent gold on hover *\/\r\n        border-color: #C5A880 !important;\r\n        transform: translate(-50%, -50%) scale(1.08) !important;\r\n    }\r\n\r\n    .midas-video-card.is-playing .midas-video-play-btn {\r\n        opacity: 0 !important; \/* Hide play button while playing *\/\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Premium Empty State *\/\r\n    .midas-videos-empty {\r\n        text-align: center !important;\r\n        padding: 60px 20px !important;\r\n        background-color: #25241C !important; \/* Dark Luxury Card *\/\r\n        border-radius: 12px !important;\r\n        max-width: 800px !important;\r\n        margin: 0 auto !important;\r\n        border: 1px dashed rgba(197, 168, 128, 0.2) !important; \/* Subtle gold dashed border *\/\r\n    }\r\n\r\n    .midas-videos-empty p {\r\n        font-family: inherit !important;\r\n        font-size: 15px !important;\r\n        color: #A39E93 !important; \/* Muted Warm Grey *\/\r\n        margin: 0 !important;\r\n        font-style: italic !important;\r\n    }\r\n\r\n    \/* Refined Social CTA Footer Section *\/\r\n    .midas-video-footer {\r\n        text-align: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .midas-video-footer-title {\r\n        font-family: inherit !important;\r\n        font-size: 12px !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: #C5A880 !important;\r\n        margin-bottom: 20px !important;\r\n        display: block !important;\r\n    }\r\n\r\n    .midas-social-buttons {\r\n        display: inline-flex !important;\r\n        gap: 16px !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Minimal filled CTA styling (Instagram) & Outline (YouTube) *\/\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn,\r\n    body .midas-video-section .midas-social-buttons a.midas-social-btn,\r\n    .midas-video-section .midas-social-buttons a.midas-social-btn {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        height: 46px !important;\r\n        padding: 0 24px !important;\r\n        border-radius: 4px !important;\r\n        font-family: inherit !important;\r\n        font-size: 11px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.08em !important;\r\n        text-decoration: none !important;\r\n        transition: all 0.3s ease !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn-filled,\r\n    body .midas-video-section .midas-social-buttons a.midas-social-btn-filled {\r\n        background-color: #C5A880 !important; \/* Gold background *\/\r\n        color: #1E1D16 !important; \/* Dark text *\/\r\n        border: 1px solid #C5A880 !important;\r\n    }\r\n\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn-filled:hover,\r\n    body .midas-video-section .midas-social-buttons a.midas-social-btn-filled:hover {\r\n        background-color: transparent !important;\r\n        color: #C5A880 !important;\r\n        border-color: #C5A880 !important;\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn-outline,\r\n    body .midas-video-section .midas-social-buttons a.midas-social-btn-outline {\r\n        background-color: transparent !important;\r\n        color: #FAF8F5 !important; \/* Cream text for visibility on dark background *\/\r\n        border: 1px solid #C5A880 !important; \/* Gold outline *\/\r\n    }\r\n\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn-outline:hover,\r\n    body .midas-video-section .midas-social-buttons a.midas-social-btn-outline:hover {\r\n        border-color: #C5A880 !important;\r\n        background-color: #C5A880 !important; \/* Gold on hover *\/\r\n        color: #1E1D16 !important;\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    \/* Social SVG Icon dimensions *\/\r\n    html body .midas-video-section .midas-social-buttons a.midas-social-btn svg {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n        margin-right: 8px !important;\r\n        fill: currentColor !important;\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       RESPONSIVE BEHAVIOR (Peeking Mobile Slider)\r\n       ========================================================================== *\/\r\n    @media (max-width: 1024px) {\r\n        .midas-video-section {\r\n            padding: 70px 6% !important;\r\n        }\r\n        .midas-video-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 24px !important;\r\n        }\r\n        .midas-video-title {\r\n            font-size: 24px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .midas-video-section {\r\n            padding: 60px 24px !important;\r\n        }\r\n        .midas-video-title {\r\n            font-size: 22px !important;\r\n        }\r\n        \r\n        \/* Mobile horizontal swipe peeking behavior *\/\r\n        .midas-video-grid {\r\n            display: flex !important;\r\n            overflow-x: auto !important;\r\n            scroll-snap-type: x mandatory !important;\r\n            gap: 16px !important;\r\n            margin-bottom: 40px !important;\r\n            padding-bottom: 12px !important;\r\n            scroll-padding: 0 10px !important;\r\n            -webkit-overflow-scrolling: touch !important; \/* Smooth iOS swipe inertia *\/\r\n        }\r\n        \r\n        .midas-video-grid::-webkit-scrollbar {\r\n            height: 4px !important;\r\n        }\r\n        .midas-video-grid::-webkit-scrollbar-track {\r\n            background: #F1F1F1 !important;\r\n        }\r\n        .midas-video-grid::-webkit-scrollbar-thumb {\r\n            background: #C5A880 !important;\r\n            border-radius: 2px !important;\r\n        }\r\n\r\n        .midas-video-card {\r\n            flex: 0 0 76% !important; \/* 76% card width, leaving 24% for next card to peek in *\/\r\n            scroll-snap-align: start !important;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <section class=\"midas-video-section\">\r\n        \r\n        <!-- Heading -->\r\n        <div class=\"midas-video-header\">\r\n            <h2 class=\"midas-video-title\">Real Estate, Beyond the Address<\/h2>\r\n            <p class=\"midas-video-subtitle\">\r\n                Explore properties, locations, insights, and stories through our latest videos.\r\n            <\/p>\r\n        <\/div>\r\n\r\n                    <!-- Video Grid -->\r\n            <div class=\"midas-video-grid\">\r\n                                    <div class=\"midas-video-card\" id=\"midas-video-card-0\">\r\n                        \r\n                        <!-- Custom centered play button overlay -->\r\n                        <div class=\"midas-video-play-btn\" onclick=\"toggleMidasVideo(0)\">\r\n                            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M8 5v14l11-7z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <!-- Card text overlays -->\r\n                        <div class=\"midas-video-overlay\"><\/div>\r\n                        <div class=\"midas-video-info\">\r\n                            <h3 class=\"midas-video-card-title\">Pant House Tour<\/h3>\r\n                        <\/div>\r\n\r\n                        <!-- HTML5 Video element -->\r\n                        <video class=\"midas-video-element\" id=\"midas-video-el-0\" \r\n                               preload=\"metadata\" playsinline muted loop \r\n                               >\r\n                            <source src=\"https:\/\/midasrealty.co.in\/wp-content\/uploads\/2026\/08\/WhatsApp-Video-2026-08-19-at-12.20.52.mp4\" type=\"video\/mp4\">\r\n                            Your browser does not support the video tag.\r\n                        <\/video>\r\n\r\n                    <\/div>\r\n                            <\/div>\r\n        \r\n        <!-- Refined Social CTA Footer Section -->\r\n        <div class=\"midas-video-footer\">\r\n            <span class=\"midas-video-footer-title\">Follow Us<\/span>\r\n            <div class=\"midas-social-buttons\">\r\n                \r\n                <!-- Instagram (Filled Button) -->\r\n                <a href=\"https:\/\/instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"midas-social-btn midas-social-btn-filled\">\r\n                    <!-- Instagram SVG -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n                    Instagram\r\n                <\/a>\r\n\r\n                <!-- YouTube (Outline Button) -->\r\n                <a href=\"https:\/\/youtube.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"midas-social-btn midas-social-btn-outline\">\r\n                    <!-- YouTube SVG -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M23.498 6.163a3.003 3.003 0 0 0-2.11-2.11C19.518 3.545 12 3.545 12 3.545s-7.518 0-9.388.508a3.003 3.003 0 0 0-2.11 2.11C0 8.033 0 12 0 12s0 3.967.502 5.837a3.003 3.003 0 0 0 2.11 2.11C4.482 20.455 12 20.455 12 20.455s7.518 0 9.388-.508a3.003 3.003 0 0 0 2.11-2.11C24 15.967 24 12 24 12s0-3.967-.502-5.837zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n                    YouTube\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <!-- Vanilla Javascript to handle Play\/Pause toggle and pause other playing videos -->\r\n    <script>\r\n    function toggleMidasVideo(index) {\r\n        var card = document.getElementById('midas-video-card-' + index);\r\n        var video = document.getElementById('midas-video-el-' + index);\r\n        \r\n        if (!card || !video) return;\r\n\r\n        \/\/ Toggle logic\r\n        if (video.paused) {\r\n            \/\/ 1. Pause any other currently playing video first (Premium User Experience)\r\n            var allVideos = document.querySelectorAll('.midas-video-element');\r\n            allVideos.forEach(function(el) {\r\n                if (el !== video && !el.paused) {\r\n                    el.pause();\r\n                    var otherCard = el.closest('.midas-video-card');\r\n                    if (otherCard) {\r\n                        otherCard.classList.remove('is-playing');\r\n                        el.controls = false; \/\/ Hide native controls\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ 2. Play this video, show standard controls (fullscreen \/ scrubbing \/ unmute)\r\n            video.play();\r\n            card.classList.add('is-playing');\r\n            video.controls = true; \/\/ Show video interface once playing\r\n        } else {\r\n            video.pause();\r\n            card.classList.remove('is-playing');\r\n            video.controls = false;\r\n        }\r\n\r\n        \/\/ Add pause listener to toggle button overlay back if user pauses via browser controls\r\n        video.onpause = function() {\r\n            card.classList.remove('is-playing');\r\n            video.controls = false;\r\n        };\r\n        \r\n        video.onplay = function() {\r\n            card.classList.add('is-playing');\r\n            video.controls = true;\r\n        };\r\n    }\r\n    <\/script>\r\n    <\/div>\n\t\t\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>Exceptional Spaces. Distinctive Living. Find a Place Worth Calling Home Discover thoughtfully selected properties in prime locations, designed for the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":28,"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/midasrealty.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}