.elementor-528 .elementor-element.elementor-element-bf69b39:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-bf69b39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DAE9C2;}.elementor-528 .elementor-element.elementor-element-bf69b39 > .elementor-container{max-width:1500px;}.elementor-528 .elementor-element.elementor-element-bf69b39{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 50px 34px 50px;}.elementor-528 .elementor-element.elementor-element-bf69b39 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-528 .elementor-element.elementor-element-cdf1b31.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-528 .elementor-element.elementor-element-cdf1b31.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-528 .elementor-element.elementor-element-cdf1b31.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-528 .elementor-element.elementor-element-cdf1b31 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-528 .elementor-element.elementor-element-cdf1b31 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 20px 0px;}.elementor-528 .elementor-element.elementor-element-cdf1b31 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-528 .elementor-element.elementor-element-8f076ff{--divider-border-style:solid;--divider-color:#CACACA;--divider-border-width:1px;}.elementor-528 .elementor-element.elementor-element-8f076ff .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-528 .elementor-element.elementor-element-8f076ff .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-98a5ed5 > .elementor-widget-container{padding:80px 0px 20px 0px;}.elementor-528 .elementor-element.elementor-element-98a5ed5{text-align:center;}.elementor-528 .elementor-element.elementor-element-98a5ed5 .elementor-heading-title{font-family:"degular", Sans-serif;font-size:3.5em;font-weight:400;color:#315C52;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-208e2ab{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"degular", Sans-serif;font-weight:400;color:#315C52;}.elementor-528 .elementor-element.elementor-element-4aba913:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-4aba913 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DAE9C2;}.elementor-528 .elementor-element.elementor-element-4aba913 > .elementor-container{max-width:1500px;}.elementor-528 .elementor-element.elementor-element-4aba913{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 50px 0px 50px;}.elementor-528 .elementor-element.elementor-element-4aba913 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-528 .elementor-element.elementor-element-a1c7363 > .elementor-widget-container{padding:50px 0px 50px 0px;}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-bf69b39{padding:10px 10px 10px 10px;}.elementor-528 .elementor-element.elementor-element-208e2ab{width:var( --container-widget-width, 309.062px );max-width:309.062px;--container-widget-width:309.062px;--container-widget-flex-grow:0;}.elementor-528 .elementor-element.elementor-element-4aba913{padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-a1c7363 *//* ===== Base ===== */
html, body { 
  margin: 0; 
  padding: 0; 
  background: transparent; 
  font-family: "degular", sans-serif; 
  background-color: #1B4235;  
}

h3 { 
  margin: 0; 
  font-weight: 600; 
  line-height: 1.15; 
  letter-spacing: -.01em; 
}

p { 
  margin: 0; 
  font-weight: 400; 
  line-height: 1.45; 
}

a { 
  color: inherit; 
  text-decoration: none; 
}

.yard-shotR51 .solar-pv-layout {
    align-items: end!important;
}

p.pv-box-text .accent {
    color: #9fcf72!important;
}

/* ---------- Scoped to this section only ---------- */
.yard-shotR51 {
  --gap: 8px;
  --radius: 10px;
  --pad: 25px;

  --ink: #0c2917;
  --muted: #4c6b5a;
  --border: rgba(0,0,0,.08);

  --green-900: #1d4a3c;
  --green-soft: #e9f1e9;

  --grad-soft: linear-gradient(180deg, #f4f7f2 0%, #e9f1e9 100%);
  --grad-soft-2: linear-gradient(180deg, #f6f6ee 0%, #ecead6 100%);

  font-family: "degular", sans-serif;
  color: var(--ink);
  margin: 0;
}

/* 5 equal columns → 40% (2 cols) + 20% + 20% + 20% */
.yard-shotR51 .grid {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: minmax(250px, auto);
  align-items: stretch;
}

/* Cards */
.yard-shotR51 .card {
  position: relative;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  isolation: isolate;
}

/* R-label chip */
.yard-shotR51 .r-label {
  position: absolute; 
  top: 8px; 
  left: 8px; 
  z-index: 5;
  background: #a4d369; 
  color: #063225;
  font: 600 12px/1 "degular", sans-serif;
  padding: 6px 9px; 
  border-radius: 999px; 
  letter-spacing: .02em;
  user-select: none;
  display: none; 
}

/* Media layers */
.yard-shotR51 .bg-img {
  position: absolute; 
  inset: 0; 
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat; 
  z-index: 0;
}

.yard-shotR51 .bg-video {
  position: absolute; 
  inset: 0; 
  width: 100%; 
  height: 100%;
  object-fit: cover; 
  z-index: 0;
}

.yard-shotR51 .tint-top {
  position: absolute; 
  inset: 0; 
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}

.yard-shotR51 .tint-bottom {
  position: absolute; 
  inset: 0; 
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.45) 100%);
  pointer-events: none;
}

/* Content placements */
.yard-shotR51 .content { 
  position: relative; 
  z-index: 2; 
  padding: var(--pad); 
}

.yard-shotR51 .content.top { 
  padding-top: calc(var(--pad) + 6px); 
}

.yard-shotR51 .content.bottom { 
  position: absolute; 
  left: 0; 
  right: 0; 
  bottom: 0; 
}

.yard-shotR51 h3 {
  margin: 0 0 10px 0; 
  font-weight: 500;
  font-size: clamp(18px, 2.2vw, 28px); 
  line-height: 1.15; 
  letter-spacing: -.01em;
}

.yard-shotR51 p { 
  margin: 0; 
  color: var(--muted); 
  font-weight: 400; 
  line-height: 1.45; 
}

.yard-shotR51 .on-media h3 { 
  color: #fff; 
}

.yard-shotR51 .on-media p { 
  color: rgba(255,255,255,.9); 
}

/* Top-right round icon for small tiles */
.yard-shotR51 .tr-badge {
  position: absolute; 
  top: 12px; 
  right: 12px; 
  z-index: 3;
  width: 60px; 
  height: 60px; 
  border-radius: 999px; 
  background: #fff;
  display: grid; 
  place-items: center; 
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.yard-shotR51 .tr-badge svg { 
  width: 28px; 
  height: 28px; 
  color: #2b7b41; 
}

/* Center/center helper (R3) */
.yard-shotR51 .center-cc {
  position: absolute; 
  inset: 0; 
  display: grid; 
  place-items: center; 
  text-align: center;
  padding: var(--pad);
}

/* R7 two-column inner */
.yard-shotR51 .two-col {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: min(3vw, 24px);
  padding: 26px 24px;
}

.yard-shotR51 .two-col .right-media {
  display: grid;
  place-items: center;
  min-height: 220px;
}

.yard-shotR51 .two-col .right-media img {
  max-width: 88%;
  height: auto;
  object-fit: contain;
}

/* R7 Solar PV Layout */
.yard-shotR51 .solar-pv-layout {
  /* display: grid; */
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 26px 24px;
  align-items: center;
}

.yard-shotR51 .pv-content {
  position: relative;
}

.yard-shotR51 .pv-title {
  font-family: 'Degular Demo', 'degular', sans-serif;
  font-weight: 500;
  font-size: 39px;
  line-height: 39px;
  color: #FFFFFF;
  margin: 0 0 16px 0;
}

.yard-shotR51 .pv-description {
  font-family: 'Degular Demo', 'degular', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  margin: 0 0 30px 0;
}

.yard-shotR51 .pv-info-boxes {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.yard-shotR51 .pv-info-box {
  background: rgba(6, 50, 37, 0.4);
  border: 1px solid #A4D369;
  border-radius: 10px;
  padding: 16px 18px;
  box-sizing: border-box;
}

.yard-shotR51 .pv-info-box.opacity-50 {
  opacity: 0.5;
}

.yard-shotR51 .pv-box-title {
  font-family: 'Degular Demo', 'degular', sans-serif;
  font-weight: 500;
  font-size: 29px;
  line-height: 29px;
  color: #A4D369;
  margin: 0 0 8px 0;
}

.yard-shotR51 .pv-box-text {
  font-family: 'Degular Demo', 'degular', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.yard-shotR51 .pv-illustration {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 290px;
}

.yard-shotR51 .dashed-circle {
  position: absolute;
  width: 100%;
  max-width: 333px;
  height: auto;
  z-index: 1;
}

.yard-shotR51 .pv-solar-img {
  position: absolute;
  width: 100%;
  max-width: 350px;
  height: auto;
  z-index: 2;
  object-fit: contain;
}

/* Gradient info tiles */
.yard-shotR51 .gradient { 
  background: var(--grad-soft); 
}

.yard-shotR51 .gradient.alt { 
  background: var(--grad-soft-2); 
}

/* R11: New stacked layout for combined content */
.yard-shotR51 .info-stack {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--pad);
  gap: 20px;
  justify-content: center;
}

.yard-shotR51 .info-2col {
  display: grid; 
  grid-template-columns: 64px 1fr; 
  gap: 14px;
  align-items: center;
  padding: 20px 0;
}

.yard-shotR51 .icon-cc {
  width: 60px; 
  height: 60px; 
  border-radius: 999px; 
  background: #fff;
  display: grid; 
  place-items: center; 
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  justify-self: center;
}

.yard-shotR51 .icon-cc svg { 
  width: 22px; 
  height: 22px; 
  color: #2b7b41; 
}

.yard-shotR51 .info-2col .txt { 
  align-self: center; 
}

.yard-shotR51 .info-2col .txt h3 { 
  margin: 0 0 6px 0; 
}

.yard-shotR51 .info-2col .txt p { 
  margin: 0; 
}

/* Bottom wide image */
.yard-shotR51 .bleed img {
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block;
}

/* ---------- Exact placement ---------- */
/* Row 1 */
.yard-shotR51 .r1 { 
  grid-column: 1 / span 2; 
  grid-row: 1 / span 2; 
  min-height: 360px; 
}

.yard-shotR51 .r2 { 
  grid-column: 3 / span 1; 
  grid-row: 1; 
}

.yard-shotR51 .r3 { 
  grid-column: 4 / span 1; 
  grid-row: 1; 
}

.yard-shotR51 .r4 { 
  grid-column: 5 / span 1; 
  grid-row: 1 / span 2; 
  min-height: 360px; 
}

/* Row 2 under R2/R3 */
.yard-shotR51 .r5 { 
  grid-column: 3 / span 1; 
  grid-row: 2; 
}

.yard-shotR51 .r6 { 
  grid-column: 4 / span 1; 
  grid-row: 2; 
}

/* Middle */
.yard-shotR51 .r7 { 
  grid-column: 1 / span 2; 
  grid-row: 3 / span 2; 
  min-height: 320px; 
}
.yard-shotR51 .r8 { 
  grid-column: 3/ span 2; 
  grid-row: 3 / span 2; 
  
}

/* R11 EPC: Separate card for EPC target A+ - now in 1 column (column 4), row 3 */
.yard-shotR51 .r11-epc { 
  grid-column: 5 / span 1; 
  grid-row: 3; 
  min-height: 180px; 
}

/* R11 BREEAM: Separate card for BREEAM target Excellent - now in 1 column (column 4), row 4 */
.yard-shotR51 .r11-breeam { 
  grid-column: 5 / span 1; 
  grid-row: 4; 
  min-height: 180px; 
}

/* Bottom */
.yard-shotR51 .r10 { 
  grid-column: 1 / span 5; 
  grid-row: 5; 
  min-height: 340px; 
}
.yard-shotR51 .content .info-list {
  list-style: none; /* Reset default bullets */
  padding-left: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: white;
}
.yard-shotR51 .content .info-list li {
  position: relative;
  padding-left: 1.5rem; /* Space for custom bullet */
  margin-bottom: 1.7rem;
  color: white; /* Ensure text is white */
}
/* White bullet as a custom before element */
.yard-shotR51 .content .info-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  font-size: 1.5rem;
  line-height: 1;
}

/* Responsive */
@media (max-width: 900px) {
  .yard-shotR51 .grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  .yard-shotR51 .r1 { 
    grid-column: 1 / -1; 
    grid-row: auto; 
  }
  
  .yard-shotR51 .r2,
  .yard-shotR51 .r3,
  .yard-shotR51 .r5,
  .yard-shotR51 .r6 { 
    grid-column: span 1; 
  }
  
  .yard-shotR51 .r4 { 
    grid-column: 1 / -1; 
    grid-row: auto; 
    min-height: 300px; 
  }
  
  .yard-shotR51 .r7,
  .yard-shotR51 .r11-epc,
  .yard-shotR51 .r11-breeam,
  .yard-shotR51 .r10 {
    grid-column: 1 / -1;
  }

  .yard-shotR51 .two-col {
    grid-template-columns: 1fr;
  }

  .yard-shotR51 .solar-pv-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .yard-shotR51 .pv-title {
    font-size: 32px;
    line-height: 32px;
  }

  .yard-shotR51 .pv-box-title {
    font-size: 24px;
    line-height: 24px;
  }
}

/* Mobile: stack everything */
@media (max-width: 600px) {
  .yard-shotR51 .grid {
    grid-template-columns: 1fr;
  }

  .yard-shotR51 .card {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: auto;
  }

  .yard-shotR51 .two-col {
    grid-template-columns: 1fr;
  }

  .yard-shotR51 .solar-pv-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .yard-shotR51 .pv-title {
    font-size: 28px;
    line-height: 28px;
  }

  .yard-shotR51 .pv-description {
    font-size: 16px;
    line-height: 22px;
  }

  .yard-shotR51 .pv-box-title {
    font-size: 20px;
    line-height: 20px;
  }

  .yard-shotR51 .pv-box-text {
    font-size: 16px;
    line-height: 22px;
  }

  .yard-shotR51 .info-2col {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .yard-shotR51 .info-2col .txt {
    text-align: center;
  }
}/* End custom CSS */