/* Smart Green Living homepage 4492 overrides.
 * Loaded only on the published DEV homepage.
 */

/* ==========================================================================
   SGL HOMEPAGE 4492 -- LEAD-IN + SVG HEADLINE ACCENTS
   Compatibility layer for the current Elementor class names on the official
   DEV homepage. The accent uses the exported Figma artwork verbatim.
   ========================================================================== */

@media (min-width: 1201px) {
  body.home .elementor-4492 .about-section {
    position: relative !important;
    margin: 0 !important;
    padding: 98px 0 138px !important;
    overflow: visible !important;
    background: #fff !important;
  }

  body.home .elementor-4492 .about-section > .elementor-container {
    display: grid !important;
    grid-template-columns: 72px 354px minmax(0, 802px) !important;
    column-gap: 0 !important;
    align-items: start !important;
    width: 1228px !important;
    max-width: calc(100vw - 80px) !important;
    min-height: 493px !important;
    margin: 0 auto !important;
  }

  body.home .elementor-4492 .about-section > .elementor-container > .elementor-column {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.home .elementor-4492 .about-section .rotate-column {
    position: relative !important;
    overflow: visible !important;
  }

  body.home .elementor-4492 .about-section .rotate-column > .elementor-widget-wrap {
    position: relative !important;
    min-height: 493px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.home .elementor-4492 .about-section .rotate-column .elementor-widget-text-editor,
  body.home .elementor-4492 .about-section .rotate-column .elementor-widget-container,
  body.home .elementor-4492 .about-section .rotate-column p {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home .elementor-4492 .about-section .sgl-intro__side-label {
    position: absolute !important;
    top: 126px !important;
    right: 68px !important;
    display: block !important;
    writing-mode: horizontal-tb !important;
    width: max-content !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: rotate(-90deg) !important;
    transform-origin: top right !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 1.25px !important;
    white-space: nowrap !important;
    color: rgba(114, 145, 78, .25) !important;
    pointer-events: none !important;
  }

  body.home .elementor-4492 .about-section .rotate-column > .elementor-widget-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: 82px !important;
    right: 46px !important;
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    transform: rotate(-90deg) !important;
    transform-origin: right center !important;
    background: #9f9f9f !important;
    pointer-events: none !important;
  }

  body.home .elementor-4492 .about-section .elementor-element-b66f5e0,
  body.home .elementor-4492 .about-section .elementor-element-b66f5e0 > .elementor-widget-wrap,
  body.home .elementor-4492 .about-section .elementor-element-9ac21a9,
  body.home .elementor-4492 .about-section .elementor-element-9ac21a9 .elementor-widget-container {
    width: 354px !important;
    height: 493px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home .elementor-4492 .about-section .elementor-element-9ac21a9 img {
    display: block !important;
    width: 354px !important;
    height: 493px !important;
    max-width: none !important;
    object-fit: cover !important;
  }

  body.home .elementor-4492 .about-section .elementor-element-e92a826 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 73px 0 121px !important;
  }

  body.home .elementor-4492 .about-section .elementor-element-e92a826 > .elementor-widget-wrap {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home .elementor-4492 .about-section .elementor-element-535ef0a {
    margin: 0 25px 70px 0 !important;
    font-size: 55px !important;
    line-height: 60px !important;
  }
}

body.home .elementor-4492 .about-section .smart-floor-plan em {
  color: #7f9b5f !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

@media (max-width: 1200px) {
  body.home .elementor-4492 .about-section .rotate-column {
    display: none !important;
  }
}

body.home .elementor-4492 .smart-floor-plan em,
body.home .elementor-4492 .sgl-feature-widget .sec-title h1 b,
body.home .elementor-4492 .building-info h1.title b,
body.home .elementor-4492 .building-info h1.title strong,
body.home .elementor-4492 .sgl-home-apartments .sgl-apartment-table__heading strong {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
  display: inline-block !important;
  text-decoration: none !important;
}

body.home .elementor-4492 .smart-floor-plan em::after,
body.home .elementor-4492 .sgl-feature-widget .sec-title h1 b::after,
body.home .elementor-4492 .building-info h1.title b::after,
body.home .elementor-4492 .building-info h1.title strong::after,
body.home .elementor-4492 .sgl-home-apartments .sgl-apartment-table__heading strong::after {
  content: "" !important;
  position: absolute !important;
  left: -2% !important;
  bottom: -4px !important;
  z-index: -1 !important;
  display: block !important;
  width: 104% !important;
  max-width: none !important;
  height: 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent url("../images/figma/headline_accent.svg") center bottom / 100% 15px no-repeat !important;
  pointer-events: none !important;
}

body.home .elementor-4492 .sgl-home-apartments .sgl-apartment-table__heading strong::after {
	display:none!important;
}


/* ==========================================================================
   SGL HOMEPAGE 4492 -- BUILDING SLIDER CARD FINETUNING
   Figma cards: 350 x 431 px. Scoped to the existing shortcode widget only.
   ========================================================================== */

body.home .elementor-4492
.elementor-element-390b265.building-wapper
.elementor-element-cc66c33 .building-slider .slick-list {
  /* Keep Slick's horizontal clipping, but reserve room for the 12 px card shadow. */
  margin: -12px 0 !important;
  padding: 12px 0 !important;
}

body.home .elementor-4492
.elementor-element-390b265.building-wapper
.elementor-element-cc66c33 .building-slider .service-block-one .caption-box {
  padding-right: 54px !important;
}

body.home .elementor-4492
.elementor-element-390b265.building-wapper
.elementor-element-cc66c33 .building-slider .service-block-one .caption-box::before {
  height: 2px !important;
}

@media (min-width: 1201px) {
  body.home .elementor-4492
  .elementor-element-390b265.building-wapper
  .elementor-element-cc66c33 .building-slider-wrap {
    max-width: 1050px;
    margin-left: auto;
  }
}