.premium-farm-hero {
  --farm-card-width: 230px;
  --farm-card-height: 340px;
  --farm-card-gap: 20px;

  position: relative;
  min-height: 720px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #111;
}

.pf-bg-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: background-image 0.7s ease-in-out;
  z-index: 1;
}

.pf-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(15, 18, 12, 0.82) 0%,
    rgba(15, 18, 12, 0.58) 35%,
    rgba(15, 18, 12, 0.28) 68%,
    rgba(15, 18, 12, 0.5) 100%
  );
  z-index: 2;
}

.premium-farm-hero .container {
  position: relative;
  z-index: 3;
}

.pf-hero-grid {
  display: grid;
  grid-template-columns: calc(38% - 20px) calc(62% - 20px);
  align-items: center;
  gap: 40px;
}

.pf-hero-content {
  color: #fff;
  max-width: 520px;
}

.pf-small-title {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #005f0b;
  margin-bottom: 14px;
}

/* Using your existing section typography classes */
.premium-farm-hero .sec-2-home-7__headline {
  color: #fff;
}

.premium-farm-hero .sec-2-home-7__desc {
  color: rgba(255, 255, 255, 0.82);
  max-width: 520px;
}

.premium-farm-hero .theme-primary {
  color: #f3d27a;
}

.pf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 34px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.pf-btn:hover {
  background: #005f0b;
  border-color: #005f0b;
  color: #fff;
}

.pf-slider-side {
  width: 100%;
  overflow: visible;
}

.pf-cards-window {
  width: calc((var(--farm-card-width) * 3) + (var(--farm-card-gap) * 2));
  overflow: hidden;
  margin-left: auto;
}

.pf-cards-track {
  display: flex;
  gap: var(--farm-card-gap);
  transition: transform 0.65s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

.pf-place-card {
  flex: 0 0 var(--farm-card-width);
  width: var(--farm-card-width);
  height: var(--farm-card-height);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
  opacity: 0.68;
  transform: scale(0.94);
  transition: all 0.45s ease;
}

.pf-place-card.active {
  opacity: 1;
  transform: scale(1);
}

.pf-place-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.18) 48%,
    rgba(0, 0, 0, 0.78) 100%
  );
  z-index: 1;
}

.pf-card-content {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 20px;
  z-index: 2;
  color: #fff;
}

.pf-card-content span {
  display: block;
  font-size: 12px;
  color: #f3d27a;
  margin-bottom: 6px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.pf-card-content h3 {
  font-size: 18px;
  line-height: 1.1;
  color: #fff;
  font-weight: 500;
  margin: 0;
}

.pf-slider-bottom {
  width: calc((var(--farm-card-width) * 3) + (var(--farm-card-gap) * 2) + 70px);
  max-width: 100%;
  margin-left: auto;
  margin-top: 28px;
  display: flex;
  /* align-items: center; */
  justify-content: right;
  gap: 14px;
  position: relative;
  z-index: 5;
  overflow: visible;
}

.pf-arrow {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.36);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.pf-arrow:hover {
  background: #005f0b;
  color: #fff;
  border-color: #005f0b;
}

.pf-progress {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  overflow: hidden;
}

.pf-progress span {
  display: block;
  height: 100%;
  width: 20%;
  background: #005f0b;
  border-radius: 50px;
  transition: width 0.45s ease;
}

.pf-count {
  flex: 0 0 45px;
  min-width: 45px;
  display: block;
  text-align: right;
  font-size: 28px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  position: relative;
  z-index: 6;
}

/* Farm hero custom text reveal */
.premium-farm-hero .pf-reveal-title,
.premium-farm-hero .pf-reveal-desc {
  overflow: hidden;
}

.premium-farm-hero .pf-reveal-word {
  display: inline-block;
  opacity: 0.28;
  transform: translateY(12px);
  filter: blur(1px);
  transition: opacity 0.7s ease, transform 0.7s ease, filter 0.7s ease;
}

.premium-farm-hero .pf-reveal-word.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Preserve font style after JS wraps words into spans */
.premium-farm-hero .pf-reveal-title span,
.premium-farm-hero .pf-reveal-title div,
.premium-farm-hero .pf-reveal-desc span,
.premium-farm-hero .pf-reveal-desc strong,
.premium-farm-hero .pf-reveal-desc div {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

/* Keep golden word color */
.premium-farm-hero .pf-reveal-title .theme-primary,
.premium-farm-hero .pf-reveal-title .theme-primary span {
  color: #f3d27a !important;
}

/* Responsive */
@media (max-width: 1199px) {
  .premium-farm-hero {
    --farm-card-width: 200px;
    --farm-card-height: 300px;
  }
}

@media (max-width: 991px) {
  .premium-farm-hero {
    min-height: auto;
    padding: 100px 0 70px;
  }

  .pf-hero-grid {
    grid-template-columns: 1fr;
  }

  .pf-cards-window,
  .pf-slider-bottom {
    margin-left: 0;
  }

  .premium-farm-hero .sec-2-home-7__headline {
    font-size: 46px;
  }

  .premium-farm-hero .sec-2-home-7__desc {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .premium-farm-hero {
    --farm-card-width: 220px;
    --farm-card-height: 300px;
  }

  .pf-cards-window {
    width: calc((var(--farm-card-width) * 2) + var(--farm-card-gap));
  }

  .pf-slider-bottom {
    width: calc((var(--farm-card-width) * 2) + var(--farm-card-gap) + 70px);
  }
}

@media (max-width: 575px) {
  .premium-farm-hero {
    --farm-card-width: 210px;
    --farm-card-height: 290px;
    --farm-card-gap: 16px;
    padding: 90px 0 60px;
  }

  .premium-farm-hero .sec-2-home-7__headline {
    font-size: 34px;
    line-height: 1.08;
  }

  .premium-farm-hero .sec-2-home-7__desc {
    font-size: 15px;
    line-height: 1.5;
  }

  .pf-cards-window {
    width: calc((var(--farm-card-width) * 1) + var(--farm-card-gap));
  }

  .pf-slider-bottom {
    width: 100%;
  }

  .pf-count {
    font-size: 24px;
  }
}

.reet-founder-section .reveal-text {
  font-family: var(--at-heading-font);
  color: #1d1d1d;
  font-size: 70px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0em;
}

.reet-founder-intro {
  font-size: 18px;
  line-height: 1.45;
  color: var(--at-neutral-600, #555);
}

.reet-founder-card {
  height: 100%;
}

.reet-founder-name-card {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.reet-founder-name-card h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.reet-founder-name-card:hover {
  background: #005f0b !important;
  color: #fff;
}

.reet-founder-body {
  height: calc(100% - 68px);
  transition: all 0.3s ease;
}

.reet-founder-img {
  display: block;
  width: 100%;
  height: 340px;
  overflow: hidden;
  border-radius: 18px;
  background: #f3f3f3;
}

.reet-founder-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
}

.reet-founder-card:hover .reet-founder-img img {
  transform: scale(1.06);
}

.reet-founder-content p:first-child {
  color: var(--at-neutral-950, #0f0f0f);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.reet-founder-content p:last-child {
  font-size: 18px;
  line-height: 1.45;
  color: var(--at-neutral-500, #555);
}

@media (max-width: 991px) {
  .reet-founder-section .reveal-text {
    font-size: 42px;
  }

  .reet-founder-img {
    height: 300px;
  }
}

@media (max-width: 575px) {
  .reet-founder-section .reveal-text {
    font-size: 34px;
  }

  .reet-founder-name-card h3 {
    font-size: 19px;
  }

  .reet-founder-img {
    height: 280px;
  }

  .reet-founder-content p:last-child {
    font-size: 16px;
  }
}

.at-brand-item .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}

.at-brand-item .brand-logo-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.at-brand-item .brand-logo-slide i {
  font-size: 40px;
  line-height: 1;
  color: rgba(11, 61, 46, 0.78);
  font-weight: 200;
}

.reet-location-map-section {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  background: #10251b;
}

.reet-location-bg {
  position: absolute;
  inset: 0;
  background-image: url("assets/imgs/pages/location-map-bg.webp");
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  z-index: 1;
}

.reet-location-overlay {
  position: absolute;
  inset: 0;
  background: #ffffff;
  z-index: 2;
}

.reet-location-map-section .container {
  position: relative;
  z-index: 3;
}

.reet-location-head {
  max-width: 980px;
  margin: 0 auto 55px;
  position: relative;
  z-index: 5;
}

.reet-location-head .sec-2-home-7__headline {
  color: #1d1d1d;
}

.reet-location-desc {
  max-width: 850px;
  margin: 0 auto;
}

.reet-location-desc span,
.reet-location-desc strong,
.reet-location-desc div {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/* Map Canvas */

/* Route SVG */
.reet-route-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.reet-route-glow,
.reet-route-main,
.reet-route-dash {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.reet-route-glow {
  stroke: rgba(244, 187, 82, 0.34);
  stroke-width: 30;
  filter: blur(7px);
}

.reet-route-main {
  stroke: #000;
  stroke-width: 12;
  filter: drop-shadow(0 0 10px rgba(46, 46, 46, 0.75));
}

.reet-route-dash {
  stroke: rgba(255, 255, 255, 0.95);
  stroke-width: 3;
  stroke-dasharray: 12 18;
  animation: reetRouteMove 2s linear infinite;
}

.reet-map-pin {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.reet-pin-dot {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #0b3d2e;
  font-size: 34px;
  box-shadow: 0 18px 40px rgba(8, 35, 24, 0.28);
  cursor: pointer;
  position: relative;
  z-index: 22;
  transition: transform 0.45s ease, background 0.45s ease, color 0.45s ease;
}

.reet-project-pin {
  background: #005f0b;
  color: #10251b;
}

@keyframes reetRouteMove {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -60;
  }
}

/* Pins */
.reet-map-pin {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.reet-pin-dot {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #0b3d2e;
  font-size: 34px;
  box-shadow: 0 18px 40px rgba(8, 35, 24, 0.28);
  cursor: pointer;
  position: relative;
  z-index: 22;
  transition: transform 0.45s ease, background 0.45s ease, color 0.45s ease;
}

.reet-project-pin {
  background: #005f0b;
  color: #fff;
}

/* Pulse ring */
.reet-pin-dot::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1px solid rgba(245, 196, 91, 0.85);
  opacity: 0;
}

/* JS zooming pin */
.reet-map-pin.is-zooming .reet-pin-dot {
  transform: scale(1.16);
  background: #005f0b;
  color: #fff;
}

.reet-map-pin.is-zooming .reet-pin-dot::before {
  animation: reetPinPulse 1.8s ease;
}

@keyframes reetPinPulse {
  0% {
    transform: scale(0.85);
    opacity: 0.9;
  }

  100% {
    transform: scale(1.45);
    opacity: 0;
  }
}

/* Pin Card - hidden by default */
.reet-pin-card {
  position: absolute;
  width: 285px;
  /* left: 50%; */
  left: 100%;
  bottom: 78px;
  transform: translateX(-50%) translateY(14px);
  background: rgba(247, 243, 232, 0.96);
  backdrop-filter: blur(12px);
  padding: 22px;
  border-radius: 22px;
  box-shadow: 0 25px 70px rgba(8, 35, 24, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.55);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s ease;
  z-index: 40;
}

/* Show card only on hover */
.reet-map-pin:hover .reet-pin-card {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Top-side cards open downward */
.reet-pin-card-down {
  top: 76px;
  bottom: auto;
  transform: translateX(-50%) translateY(-10px);
}

.reet-map-pin:hover .reet-pin-card-down {
  transform: translateX(-50%) translateY(0);
}

/* Right-side card stays inside */
.reet-pin-card-left {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(14px);
}

.reet-map-pin:hover .reet-pin-card-left {
  transform: translateX(0) translateY(0);
}

.reet-pin-card-down.reet-pin-card-left {
  transform: translateX(0) translateY(-10px);
}

.reet-map-pin:hover .reet-pin-card-down.reet-pin-card-left {
  transform: translateX(0) translateY(0);
}

.reet-pin-card-large {
  width: 330px;
}

.reet-pin-card span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #005f0b;
  margin-bottom: 10px;
}

.reet-pin-card h4 {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 600;
  color: #10251b;
  margin-bottom: 12px;
}

.reet-pin-card p {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(16, 37, 27, 0.76);
  margin-bottom: 14px;
}

.reet-pin-card ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.reet-pin-card ul li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(16, 37, 27, 0.82);
  margin-bottom: 7px;
}

.reet-pin-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #0b3d2e;
  border-radius: 50%;
}

/* Distance Panel */
.reet-distance-panel {
  position: absolute;
  right: 28px;
  bottom: 28px;
  /* width: 340px; */
  width: 400px;
  padding: 24px;
  border-radius: 24px;
  background: rgba(247, 243, 232, 0.94);
  backdrop-filter: blur(12px);
  z-index: 4;
  box-shadow: 0 25px 70px rgba(8, 35, 24, 0.22);
}

.reet-distance-panel h4 {
  font-size: 22px;
  font-weight: 600;
  color: #10251b;
  margin-bottom: 18px;
}

/* .reet-distance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(16, 37, 27, 0.13);
} */

.reet-distance-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(16, 37, 27, 0.13);
}

.reet-distance-item:last-child {
  border-bottom: 0;
}

.reet-distance-item span {
  font-size: 14px;
  line-height: 1.35;
  color: rgba(16, 37, 27, 0.75);
}

.reet-distance-item strong {
  font-size: 14px;
  color: #0b3d2e;
  white-space: nowrap;
}

/* Bottom USP */
.reet-location-bottom {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.reet-location-bottom div {
  min-height: 90px;
  padding: 22px;
  border-radius: 20px;
  background: #f7f3e8;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 18px 50px rgba(8, 35, 24, 0.06);
}

.reet-location-bottom i {
  font-size: 30px;
  color: #0b3d2e;
}

.reet-location-bottom span {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  color: #10251b;
}

/* Responsive */
@media (max-width: 1199px) {
  .reet-map-canvas {
    min-height: 620px;
  }

  .reet-distance-panel {
    width: 300px;
  }
}

@media (max-width: 991px) {
  .reet-location-map-section {
    padding: 90px 0;
  }

  .reet-map-canvas {
    min-height: 620px;
  }

  .reet-pin-card {
    width: 255px;
  }

  .reet-distance-panel {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 32px);
    /* margin: 420px auto 16px; */
    margin: 420px 0px 0px auto;
  }

  .reet-location-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  .reet-map-pin:hover .reet-pin-card-below {
    transform: translateX(-20%) translateY(0);
  }
}

@media (max-width: 575px) {
  .reet-map-canvas {
    min-height: 760px;
    border-radius: 24px;
  }

  .reet-map-pin {
    transform: translate(-50%, -50%) scale(0.85);
  }

  .reet-pin-card {
    width: 235px;
    padding: 18px;
  }

  .reet-pin-card h4 {
    font-size: 20px;
  }

  .reet-distance-panel {
    width: calc(80% - 20px);
    margin-top: 470px;
    padding: 10px;
  }

  .reet-location-bottom {
    grid-template-columns: 1fr;
  }

  .reet-location-head .sec-2-home-7__headline {
    font-size: 34px;
  }

  .reet-location-desc {
    font-size: 16px !important;
  }
  .reet-location-map-section {
    padding: 50px 0;
  }
  .reet-distance-item span {
    margin-left: 15px !important;
  }
}

.reet-word-rotate {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  overflow: hidden;
  vertical-align: bottom;
  min-width: 6.4em;
}

.reet-word-list {
  display: flex;
  flex-direction: column;
  animation: reetRotateWords 6s infinite;
}

.reet-word-list span {
  display: block;
  height: 1em;
  line-height: 1em;
}

@keyframes reetRotateWords {
  0%,
  25% {
    transform: translateY(0);
  }

  33%,
  58% {
    transform: translateY(-1em);
  }

  66%,
  91% {
    transform: translateY(-2em);
  }

  100% {
    transform: translateY(0);
  }
}

/* ================================
   Reet About Section Responsive Fix
   Add this at the bottom of CSS file
================================ */

.sec-3-home-8 {
  overflow: hidden;
}

.sec-3-home-8__container {
  max-width: 1760px;
  margin: 0 auto;
  padding-left: clamp(24px, 4vw, 90px);
  padding-right: clamp(24px, 4vw, 90px);
}

/* Make row vertically balanced on desktop */
.sec-3-home-8 .row {
  align-items: center !important;
}

/* Text side responsive */
.sec-3-home-8__title {
  font-size: clamp(42px, 4.2vw, 76px);
  line-height: 1.05;
}

.sec-3-home-8__lead {
  max-width: 640px;
  font-size: clamp(16px, 1.05vw, 20px);
  line-height: 1.7;
}

.sec-3-home-8__tags {
  gap: 12px;
}

/* Right image side */
.sec-3-home-8__media {
  width: 100%;
  max-width: 100%;
  gap: clamp(16px, 1.8vw, 30px);
  min-width: 0;
}

/* Common image card style */
.sec-3-home-8__photo {
  flex-shrink: 1;
  border-radius: 28px;
  overflow: hidden;
  min-width: 0;
}

.sec-3-home-8__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}

.sec-3-home-8__photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Large desktop */
@media (min-width: 1400px) {
  .sec-3-home-8__photo--narrow {
    flex: 0 0 clamp(230px, 16vw, 320px);
    height: clamp(440px, 36vw, 620px);
    margin-top: clamp(70px, 6vw, 120px);
  }

  .sec-3-home-8__photo--wide {
    flex: 0 0 clamp(320px, 24vw, 480px);
    height: clamp(520px, 42vw, 700px);
  }
}

/* Normal desktop / laptop */
@media (max-width: 1399px) and (min-width: 1200px) {
  .sec-3-home-8__container {
    padding-left: 45px;
    padding-right: 45px;
  }

  .sec-3-home-8__media {
    justify-content: center !important;
    gap: 20px;
  }

  .sec-3-home-8__photo--narrow {
    flex: 0 0 210px;
    height: 470px;
    margin-top: 60px;
  }

  .sec-3-home-8__photo--wide {
    flex: 0 0 330px;
    height: 540px;
  }

  .sec-3-home-8__title {
    font-size: clamp(42px, 4vw, 58px);
  }
}

/* Small desktop / large tablet landscape */
@media (max-width: 1199px) and (min-width: 992px) {
  .sec-3-home-8__container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sec-3-home-8__media {
    justify-content: center !important;
    gap: 16px;
  }

  .sec-3-home-8__photo--narrow {
    flex: 0 0 38%;
    height: 430px;
    margin-top: 45px;
  }

  .sec-3-home-8__photo--wide {
    flex: 0 0 calc(62% - 16px);
    height: 500px;
  }

  .sec-3-home-8__title {
    font-size: 44px;
    line-height: 1.08;
  }

  .sec-3-home-8__lead {
    font-size: 16px;
    line-height: 1.65;
  }
}

/* Tablet */
@media (max-width: 991px) {
  .sec-3-home-8__container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sec-3-home-8__media {
    justify-content: center !important;
    gap: 18px;
    margin-top: 10px;
  }

  .sec-3-home-8__photo--narrow {
    flex: 0 0 38%;
    height: 420px;
    margin-top: 45px;
  }

  .sec-3-home-8__photo--wide {
    flex: 0 0 calc(62% - 18px);
    height: 500px;
  }

  .sec-3-home-8__title {
    font-size: 42px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .sec-3-home-8__container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sec-3-home-8__title {
    font-size: 34px;
    line-height: 1.12;
  }

  .sec-3-home-8__lead {
    font-size: 15px;
    line-height: 1.65;
  }

  .sec-3-home-8__media {
    flex-direction: column;
    gap: 18px;
  }

  .sec-3-home-8__photo--narrow,
  .sec-3-home-8__photo--wide {
    flex: 0 0 auto;
    width: 100%;
    height: 420px;
    margin-top: 0;
  }
}

.reet-amenity-slider-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.reet-amenity-slider {
  width: 100%;
  overflow: hidden;
}

.reet-amenity-track {
  display: flex;
  gap: 24px;
  will-change: transform;
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}

.reet-amenity-slide {
  flex: 0 0 calc((100% - 72px) / 4);
  max-width: calc((100% - 72px) / 4);
}

.reet-amenity-card {
  height: 430px;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  /* box-shadow: 0 22px 50px rgba(0, 0, 0, 0.16); */
}

.reet-amenity-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(0, 0, 0, 0.22) 35%,
      rgba(0, 0, 0, 0.86) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.1) 55%,
      rgba(0, 0, 0, 0.35) 100%
    );
  pointer-events: none;
}

.reet-amenity-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0.18),
    transparent 38%
  );
  pointer-events: none;
}

.reet-amenity-card > a,
.reet-amenity-card .at-service-card-content {
  z-index: 3;
}

.reet-amenity-card .at-service-card-icon {
  color: #fff;
}

.reet-amenity-card h4 a {
  color: #fff;
  text-decoration: none;
}

.reet-amenity-card p {
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.55;
}

@media (max-width: 1199px) {
  .reet-amenity-slide {
    flex: 0 0 calc((100% - 48px) / 3);
    max-width: calc((100% - 48px) / 3);
  }

  .reet-amenity-card {
    height: 400px;
  }
}

@media (max-width: 991px) {
  .reet-amenity-slide {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }

  .reet-amenity-card {
    height: 390px;
  }
}

@media (max-width: 575px) {
  .reet-amenity-track {
    gap: 16px;
  }

  .reet-amenity-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .reet-amenity-card {
    height: 420px;
  }
}

/* Amenities card text always bottom */
.reet-amenity-card .at-service-card-content {
  position: absolute !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 28px !important;
  z-index: 4 !important;
}

.reet-amenity-card .at-service-card-icon {
  margin-bottom: 10px;
}

.reet-amenity-card h4 {
  margin-bottom: 10px !important;
}

.reet-amenity-card .at-service-card-description p {
  margin-bottom: 0 !important;
}

/* Better readable bottom shadow */
.reet-amenity-card::before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.02) 0%,
    rgba(0, 0, 0, 0.2) 38%,
    rgba(0, 0, 0, 0.88) 100%
  ) !important;
}

/* Mobile improvement */
@media (max-width: 575px) {
  .reet-amenity-card .at-service-card-content {
    padding: 24px !important;
  }

  .reet-amenity-card {
    height: 420px;
  }

  .reet-amenity-card h4 {
    font-size: 20px;
  }

  .reet-amenity-card p {
    font-size: 15px !important;
    line-height: 1.5;
  }
}

.reet-contact-address {
  max-width: 560px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px;
  /* background: rgba(0, 95, 11, 0.06); */
  border: 1px solid rgba(0, 95, 11, 0.12);
  /* border-left: 4px solid #005f0b; */
  border-radius: 18px;
}

.reet-address-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: #005f0b;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  /* box-shadow: 0 10px 25px rgba(0, 95, 11, 0.25); */
}

.reet-address-icon i {
  font-size: 24px;
  line-height: 1;
}

.reet-contact-address address {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #1d1d1d;
  font-style: normal;
}
.reet-contact-info a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #1d1d1d;
  font-style: normal;
}

.reet-contact-address strong {
  display: inline-block;
  color: #005f0b;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}

@media (max-width: 575px) {
  .reet-contact-address {
    padding: 18px;
    gap: 12px;
    margin-top: 18px !important;
  }

  .reet-address-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }

  .reet-address-icon i {
    font-size: 21px;
  }

  .reet-contact-address address {
    font-size: 15px;
    line-height: 1.5;
  }

  .reet-contact-address strong {
    font-size: 17px;
  }
}

/* @media (max-width: 767px) {

    .sec-5-about {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        overflow: hidden !important;
    }

    .sec-5-about .mg-gallery-area,
    .sec-5-about .at-gallery-wrapper {
        overflow: visible !important;
    }

    .sec-5-about .at-gallery-item-wrapper {
        transform: none !important;
        translate: none !important;
        rotate: none !important;
        scale: none !important;
        will-change: auto !important;
    }

    .sec-5-about .row.gx-30 {
        --bs-gutter-x: 12px !important;
    }

    .sec-5-about .col-4 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .sec-5-about .at-gallery-item {
        margin-bottom: 12px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .sec-5-about .at-gallery-item img {
        width: 100% !important;
        height: 165px !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 420px) {
    .sec-5-about .at-gallery-item img {
        height: 145px !important;
    }
} */

/* Founder lower selected design - no new font family or font styles added */
.rp-founder-selected-layout {
  position: relative;
  width: 100%;
  margin-top: 60px;
  padding: 34px 28px 42px;
  border-radius: 26px;
  background: radial-gradient(
      circle at 14% 8%,
      rgba(194, 152, 83, 0.12),
      transparent 30%
    ),
    linear-gradient(180deg, #fffaf0 0%, #fffdfa 55%, #f8f0df 100%);
  border: 1px solid rgba(194, 152, 83, 0.24);
  box-shadow: 0 24px 70px rgba(10, 40, 24, 0.1);
  overflow: hidden;
}
.rp-founder-selected-layout::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -50px;
  height: 130px;
  background: repeating-radial-gradient(
    ellipse at center,
    rgba(194, 152, 83, 0.2) 0 1px,
    transparent 1px 10px
  );
  opacity: 0.22;
  pointer-events: none;
}
.rp-founder-perspective-card {
  position: relative;
  min-height: 300px;
  border-radius: 22px;
  padding: 48px 52px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(
      90deg,
      rgba(255, 250, 240, 0.98) 0%,
      rgba(255, 250, 240, 0.9) 38%,
      rgba(255, 250, 240, 0.5) 62%,
      rgba(255, 250, 240, 0.12) 100%
    ),
    var(--rp-perspective-image, url("assets/imgs/team/2.png"));
  background-size: cover;
  background-position: center right;
  border: 1px solid rgba(194, 152, 83, 0.46);
  /* box-shadow: 0 18px 45px rgba(10, 40, 24, 0.13); */
  overflow: hidden;
}
.rp-founder-perspective-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 18px;
  border: 1px solid rgba(194, 152, 83, 0.3);
  pointer-events: none;
}
.rp-perspective-content {
  position: relative;
  max-width: 610px;
  z-index: 1;
}
.rp-heading-line {
  display: block;
  width: 150px;
  height: 1px;
  background: linear-gradient(90deg, #005f0b, rgba(194, 152, 83, 0.16));
  margin: -6px 0 22px;
  position: relative;
}
.rp-heading-line::after {
  content: "✦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #005f0b;
  background: #fffaf0;
  padding: 0 8px;
}
.rp-center-title {
  position: relative;
  text-align: center;
  margin: 42px 0 26px;
  z-index: 1;
}
.rp-center-title .rp-heading-line {
  margin-left: auto;
  margin-right: auto;
}
.rp-responsibility-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 900px;
  margin: 0 auto 34px;
}
.rp-responsibility-card {
  position: relative;
  min-height: 118px;
  padding: 28px 28px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(194, 152, 83, 0.42);
  /* box-shadow: 0 12px 28px rgba(10, 40, 24, 0.07); */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rp-responsibility-card::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 70px;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(
    90deg,
    rgba(194, 152, 83, 0.3),
    rgba(194, 152, 83, 0.95),
    rgba(194, 152, 83, 0.3)
  );
}
.rp-responsibility-card:hover {
  transform: translateY(-4px);
  /* box-shadow: 0 18px 36px rgba(10, 40, 24, 0.10); */
}
.rp-contact-follow-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}
.rp-info-card {
  min-height: 245px;
  padding: 40px 42px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(194, 152, 83, 0.25);
  /* box-shadow: 0 14px 35px rgba(10, 40, 24, 0.08); */
}
.rp-info-list {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
}
.rp-info-item,
.rp-follow-link {
  display: flex;
  align-items: center;
  gap: 14px;
  color: inherit;
}
.rp-info-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #005f0b;
  color: #fff;
  /* box-shadow: 0 8px 18px rgba(6, 63, 42, 0.18); */
}
.rp-follow-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
}
.rp-follow-link {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(194, 152, 83, 0.28);
}
.rp-follow-list li:last-child .rp-follow-link {
  border-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .rp-founder-selected-layout {
    margin-top: 44px;
    padding: 24px 18px 34px;
    border-radius: 20px;
  }
  .rp-founder-perspective-card {
    min-height: 280px;
    padding: 36px 34px;
    background-image: linear-gradient(
        90deg,
        rgba(255, 250, 240, 0.99) 0%,
        rgba(255, 250, 240, 0.9) 52%,
        rgba(255, 250, 240, 0.48) 100%
      ),
      var(
        --rp-perspective-image,
        url("assets/imgs/new-images/founders-perspective.png")
      );
  }
}
@media (max-width: 767px) {
  .rp-founder-selected-layout {
    margin-top: 34px;
    padding: 16px 12px 26px;
    border-radius: 18px;
  }
  .rp-founder-perspective-card {
    min-height: auto;
    padding: 28px 22px;
    border-radius: 16px;
    background-image: linear-gradient(
        180deg,
        rgba(255, 250, 240, 0.98) 0%,
        rgba(255, 250, 240, 0.91) 100%
      ),
      var(
        --rp-perspective-image,
        url("assets/imgs/new-images/founders-perspective.png")
      );
    background-position: center;
  }
  .rp-founder-perspective-card::before {
    inset: 7px;
    border-radius: 13px;
  }
  .rp-heading-line {
    width: 118px;
    margin-bottom: 16px;
  }
  .rp-center-title {
    margin: 30px 0 18px;
  }
  .rp-responsibility-grid,
  .rp-contact-follow-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    max-width: 100%;
  }
  .rp-responsibility-card {
    min-height: auto;
    padding: 22px 18px;
  }
  .rp-info-card {
    min-height: auto;
    padding: 28px 22px;
  }
  .rp-info-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
}
@media (max-width: 420px) {
  .rp-founder-selected-layout {
    padding-left: 10px;
    padding-right: 10px;
  }
  .rp-founder-perspective-card {
    padding: 24px 18px;
  }
  .rp-info-card {
    padding: 24px 18px;
  }
}

/* Founder Perspective exact full-row image + left white overlay design */
.rp-founder-perspective-card {
  position: relative !important;
  isolation: isolate;
  min-height: 330px !important;
  padding: 80px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background-image: linear-gradient(
      90deg,
      rgba(255, 250, 240, 0.34) 0%,
      rgba(255, 250, 240, 0.16) 44%,
      rgba(255, 250, 240, 0.04) 100%
    ),
    var(--rp-perspective-image, url("assets/imgs/team/2.png")) !important;
  background-size: cover !important;
  background-position: center right !important;
  border: 1px solid rgba(194, 152, 83, 0.52) !important;
  /* box-shadow: 0 16px 36px rgba(10, 40, 24, 0.10) !important; */
}

.rp-founder-perspective-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(
    90deg,
    rgba(255, 246, 232, 0.5) 0%,
    rgba(255, 246, 232, 0.18) 45%,
    rgba(255, 246, 232, 0) 68%
  ) !important;
  pointer-events: none !important;
}

.rp-perspective-content {
  position: relative !important;
  z-index: 1 !important;
  width: min(48%, 500px) !important;
  max-width: 400px !important;
  padding: 45px 45px !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(194, 152, 83, 0.35) !important;
  /* box-shadow: 0 18px 38px rgba(8, 35, 25, 0.10) !important; */
  backdrop-filter: blur(4px);
}

.rp-perspective-content .rp-heading-line {
  margin-bottom: 18px !important;
}

@media (max-width: 991px) {
  .rp-founder-perspective-card {
    min-height: 310px !important;
    padding: 24px !important;
  }
  .rp-perspective-content {
    width: min(58%, 500px) !important;
    padding: 30px 26px !important;
  }
}

@media (max-width: 767px) {
  .rp-founder-perspective-card {
    min-height: 430px !important;
    padding: 12px 12px 165px !important;
    align-items: flex-start !important;
    background-position: center right !important;
  }
  .rp-founder-perspective-card::before {
    background: linear-gradient(
      180deg,
      rgba(255, 246, 232, 0.35) 0%,
      rgba(255, 246, 232, 0.06) 58%,
      rgba(255, 246, 232, 0) 100%
    ) !important;
  }
  .rp-perspective-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 18px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 420px) {
  .rp-founder-perspective-card {
    min-height: 410px !important;
    padding: 10px 10px 145px !important;
  }
  .rp-perspective-content {
    padding: 22px 16px !important;
  }
}

/* new */

.reet-map-canvas {
  position: relative;
  min-height: 680px;
  border-radius: 34px;
  overflow: hidden;
  background: linear-gradient(
      180deg,
      rgba(8, 35, 24, 0.04),
      rgba(8, 35, 24, 0.72)
    ),
    url("assets/imgs/new-images/land-location.png");
  background-size: cover;
  background-position: center 62%;
  /* box-shadow: 0 35px 100px rgba(8, 35, 24, 0.28); */
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.reet-founder-section .reet-founder-desc {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0em !important;
  color: var(--at-neutral-900, #1d1d1d);
}

.reet-founder-content p:last-child {
  line-height: 1.2;
}

.fz-font-lg {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0em !important;
}

.head-font-styling {
  font-size: 49px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0em !important;
}

.head-font-styling span {
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0em !important;
}

.short-head-font-styling {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0em !important;
}

.marquee-font-25px {
  font-size: 25px !important;
  font-weight: 500 !important;
}

.testimonial-cart-wrap.style-2 .testimonial-author {
  margin-top: 0px;
}

@media screen and (min-width: 1401px) {
  h6,
  .h6 {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1401px) {
  h3,
  .h3 {
    font-size: 56px;
  }
}

@media screen and (min-width: 1401px) {
  h6,
  .h6 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1401px) {
  h4,
  .h4 {
    font-size: 56px;
  }
}

.reet-founder-section .reet-founder-desc {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0em !important;
  color: var(--at-neutral-900, #1d1d1d);
}

.reet-founder-section .reet-founder-desc span,
.reet-founder-section .reet-founder-desc strong,
.reet-founder-section .reet-founder-desc div {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
  font-size: 48px;
  padding: 0;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0em;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
  transform: translateY(-300px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}

.bg-neutral-900 {
  background-color: #005f0b !important;
}

.sec-3-home-8__title-accent {
  color: #005f0b;
}

.at-brand-item .brand-logo-slide i {
  font-size: 40px;
  line-height: 1;
  color: #005f0b;
  font-weight: 200;
}

@media screen and (min-width: 1401px) {
  .fz-font-lg {
    font-size: 16px !important;
  }
}

.reet_space {
  margin-top: 50px;
  margin-bottom: 50px;
}

.reet_pad_space {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .fz-font-lg {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0em !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  h6,
  .h6 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .mobile-spacing-30px {
    padding-top: 30px !important;
  }

  .head-font-styling {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0em !important;
  }

  .head-font-styling span {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0em !important;
  }

  .mobile-margin-12px {
    margin-top: 12px;
  }

  .mobile-mb-20px {
    margin-bottom: 20px !important;
  }

  .mobile-mb-12px {
    margin-bottom: 12px !important;
  }

  .mobile-mb-0px {
    margin-bottom: 0px !important;
  }

  .mobile-mt-0px {
    margin-top: 0px !important;
  }

  .mobile-mt-10px {
    margin-top: 10px !important;
  }

  .mobile-mt-mb-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mobile-mt-20px {
    margin-top: 20px !important;
  }

  .mobile-mt-15px {
    margin-top: 15px !important;
  }

  .mobile-pb-0px {
    padding-bottom: 0px !important;
  }

  .mobile-padding-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .mobile-pt-0px {
    padding-top: 0px !important;
  }

  .mobile-pt-10px {
    padding-top: 10px !important;
  }

  .mobile-pt-20px {
    padding-top: 20px !important;
  }

  .mobile-pt-30px {
    padding-top: 30px !important;
  }

  .mobile-pt-50px {
    padding-top: 50px !important;
  }

  .mobile-pt-70px {
    padding-top: 70px !important;
  }

  .mobile-fs-18px {
    font-size: 18px !important;
  }

  .mobile-pb-20px {
    padding-bottom: 20px !important;
  }

  .mobile-pb-30px {
    padding-bottom: 30px !important;
  }

  .at-offcanvas-2-area.menu-open,
  .at-offcanvas-2-area.menu-open-temp {
    width: 350px !important;
  }
}

.sec-3-home-8__tags {
  gap: 15px;
  max-width: 100% !important;
}

/* Hero first image mobile fix only */
@media (max-width: 767px) {
  #herosection .testimonial-cart {
    padding-right: 0 !important;
    margin-bottom: 10px !important;
  }

  #herosection .testimonial-cart .ripple-image {
    width: 100% !important;
    height: clamp(260px, 72vw, 340px) !important;
    max-height: 340px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    position: relative !important;
  }

  #herosection .testimonial-cart .ripple-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 2 !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-8-home-12 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
html {
  scroll-behavior: auto !important;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lazy-img {
  opacity: 0;
  transition: opacity 0.45s ease;
}

.lazy-img.is-loaded {
  opacity: 1;
}
.lifestyle-left-fixed {
  margin-left: 5%;
}

/* ===============================
Lifestyle Mobile Responsive Fix
================================ */

@media (max-width: 991px) {
  #lifestyle {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    overflow: hidden !important;
  }

  #lifestyle .container,
  #lifestyle .row {
    overflow: visible !important;
  }

  .lifestyle-row {
    row-gap: 30px;
  }

  /* Left side should not be fixed on mobile */
  .lifestyle-left-fixed {
    position: static !important;
    top: auto !important;
  }

  .lifestyle-title-wrap {
    gap: 10px;
    margin-bottom: 18px;
  }

  .lifestyle-title-wrap img {
    width: 18px;
    height: 20px;
    margin-top: 5px;
  }

  .lifestyle-title-wrap h1 {
    font-size: 34px !important;
    line-height: 1.1 !important;
  }

  .lifestyle-main-img img {
    width: 100%;
    height: auto !important;
    max-height: 420px;
    object-fit: cover;
    border-radius: 18px;
  }

  /* Right side should not have fixed scroll on mobile */
  .lifestyle-right-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
    margin-top: 25px;
  }

  .lifestyle-right-scroll .at-brand-scroll {
    width: 100% !important;
  }

  .lifestyle-right-scroll .at-brand-scroll-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px !important;
    width: 100% !important;
    justify-content: unset !important;
  }

  .lifestyle-right-scroll .at-brand-item {
    width: 100% !important;
  }

  .lifestyle-right-scroll .brand {
    height: 170px !important;
    min-height: 170px !important;
    padding: 22px 10px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .lifestyle-right-scroll .brand h6 {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    text-align: center;
  }
}

@media (max-width: 575px) {
  #lifestyle {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .lifestyle-title-wrap h1 {
    font-size: 30px !important;
  }

  .lifestyle-main-img img {
    max-height: 360px;
  }

  .lifestyle-right-scroll .at-brand-scroll-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px !important;
  }

  .lifestyle-right-scroll .brand {
    height: 155px !important;
    min-height: 155px !important;
    border-radius: 18px !important;
    padding: 18px 8px !important;
  }

  .lifestyle-right-scroll .brand-logo-slide {
    font-size: 30px !important;
    margin-bottom: 8px;
  }

  .lifestyle-right-scroll .brand h6 {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 360px) {
  .lifestyle-right-scroll .at-brand-scroll-wrap {
    grid-template-columns: 1fr;
  }

  .lifestyle-right-scroll .brand {
    height: 145px !important;
    min-height: 145px !important;
  }
}
.brdr-r {
  border-radius: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0em;
}
@media screen and (min-width: 1401px) {
  h3,
  .h3 {
    font-size: 56px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
  }
}
.marquee-font-25px {
  font-size: 25px !important;
  font-weight: 500 !important;
}
@media screen and (min-width: 1401px) {
  .fz-font-lg {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .fz-font-lg {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}

.head-font-styling {
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0em !important;
}
.head-font-styling a {
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0em !important;
}
.short-head-font-styling {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0em !important;
}
.fz-font-lg {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0em !important;
}
.card_case__studies-card:hover {
  box-shadow: none !important;
}
@media (max-width: 575px) {
  .head-font-styling {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0em !important;
  }
  .head-font-styling span {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0em !important;
  }
  .mobile-mb-12px {
    margin-bottom: 12px !important;
  }
  .mobile-pt-0px {
    padding-top: 0px !important;
  }
  .mobile-pt-50px {
    padding-top: 50px !important;
  }
  .mobile-pb-30px {
    padding-bottom: 30px !important;
  }
  .mobile-plus-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .at-offcanvas-2-area.menu-open,
  .at-offcanvas-2-area.menu-open-temp {
    width: 350px !important;
  }
  .mobile-mt-0px {
    margin-top: 0px !important;
  }
}
/* ===============================
   Mobile Static Icons Fix
   No rotate, no slide, only one icon
================================ */

@media (max-width: 991px) {
  #lifestyle .brand {
    position: relative !important;
    overflow: visible !important;
  }

  /* Hide all icons first */
  #lifestyle .brand .brand-logo-slide {
    display: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    rotate: 0deg !important;
  }

  /* Show only first icon as normal static icon */
  #lifestyle .brand .brand-logo-slide:first-of-type {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;
    transform: rotate(0deg) !important;
    rotate: 0deg !important;
    animation: none !important;
    transition: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 12px auto !important;

    color: #006b1f !important;
    font-size: 36px !important;
    line-height: 1 !important;
  }

  #lifestyle .brand .brand-logo-slide:first-of-type i {
    display: block !important;
    transform: rotate(0deg) !important;
    rotate: 0deg !important;
    animation: none !important;
    transition: none !important;

    color: #006b1f !important;
    font-size: 36px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 575px) {
  #lifestyle .brand .brand-logo-slide:first-of-type {
    width: 34px !important;
    height: 34px !important;
    font-size: 30px !important;
    margin-bottom: 10px !important;
  }

  #lifestyle .brand .brand-logo-slide:first-of-type i {
    font-size: 30px !important;
  }
}