.elementor-kit-5{--e-global-color-primary:#7A1F35;--e-global-color-secondary:#C89A1C;--e-global-color-text:#2F3A3D;--e-global-color-accent:#C69214;--e-global-color-f9277f4:#115E59;--e-global-color-9a3a964:#1F2937;--e-global-color-a5f212b:#5F6368;--e-global-color-2e98643:#FFFFFF;--e-global-color-b025cb4:#FFFFFF;--e-global-color-5d34804:#E5E7EB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:700;color:#5F6368;font-size:17px;font-weight:400;line-height:1.7px;letter-spacing:0.1px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#C89A1C;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;line-height:1.2px;border-style:none;border-radius:8px 8px 8px 8px;padding:14px 30px 14px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#A97F12;color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{font-weight:700;line-height:1.15px;letter-spacing:-1px;}.elementor-kit-5 h1{color:#1F2937;font-size:60px;font-weight:700;}.elementor-kit-5 h2{color:#1F2937;font-size:42px;font-weight:700;line-height:1.2px;letter-spacing:-0.5px;}.elementor-kit-5 h3{font-size:30px;font-weight:600;line-height:1.3px;}.elementor-kit-5 h4{color:#1F2937;font-size:24px;font-weight:600;line-height:1.35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   DASANI REALTY WEBSITE DESIGN SYSTEM

   Version: 1.0

   Author: Ravi Dasani
   Purpose: Global reusable design classes for Elementor

   Revision History
   ------------------------------------------------------------
   v1.0
   - Added reusable section layout classes
   - Added section heading styles
   - Added eyebrow styles
   - Added description width styles

   ============================================================ */
   /* ============================================================
   DASANI REALTY WEBSITE DESIGN SYSTEM
   Version: 1.0
   Purpose: Global reusable classes for consistent section styling
   ============================================================ */


/* ------------------------------------------------------------
   SECTION PADDING
   Applies consistent vertical spacing to every major section.
   Usage: Add class "section-padding" to the outer section container.
------------------------------------------------------------- */
.section-padding {
    padding: 110px 30px;
}


/* ------------------------------------------------------------
   SECTION CONTENT
   Restricts the width of introductory content (heading + text)
   so it remains easy to read on large screens.

   Usage:
   Add to the inner container that holds the eyebrow,
   heading, and description.
------------------------------------------------------------- */
.section-content {
    max-width: 760px;
    margin: 0 auto;
}

/* Main section heading — keeps widget full width
   while limiting and centering the actual heading text */
.section-heading {
    width: 100%;
    text-align: center;
}

.section-heading .elementor-heading-title {
    display: block;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.15em
}

/* Section introduction — keeps widget full width,
   while limiting the paragraph content */
.section-description {
    width: 100%;
    text-align: center;
}

.section-description .elementor-widget-container {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; 

}


/* ------------------------------------------------------------
   SECTION EYEBROW
   Small uppercase label displayed above section headings.

   Examples:
   • CLIENT EXPERIENCES
   • COMMON DECISIONS
   • LOCAL EXPERTISE

   Usage:
   Add to the eyebrow Heading widget.
------------------------------------------------------------- */
.section-eyebrow {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
}
/* ============================================================
   TYPOGRAPHY SAFETY FIX
   Prevents Elementor heading line heights from collapsing
   ============================================================ */

.elementor-widget-heading .elementor-heading-title {
    line-height: 1.2 !important;
}/* End custom CSS */