/* .result-pane,
.map-container {
  max-height: 800px;
  height: 800px;
}

.result-pane ul {
  overflow: auto;
  max-height: 755px;
  height: 755px;
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


	Cookies Banner

#CookieBanner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgb(33 33 33 / 95%);
  color: #ffffff;
  font-size: 90%;
}


	Image hover slide up text overlay

.hover-slide-up-text {
  position: relative;
}

.hover-slide-up-text:hover .overlay {
  height: 100%;
}

.hover-slide-up-text .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .75);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.hover-slide-up-text .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
}

.dropdown-menu {
  transition: all 0.5s;
  transform: scale(1, 0);
  transform-origin: top center;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
  border: 0px solid #ccc;
  display: block;
  margin-top: -2px;
  background: #fff;
  border-radius: 0;
}

.dropdown:hover>.dropdown-menu {
  display: block;
  transform: scale(1);
} */

/* .dropdown-menu a.dropdown-item {
  color: #121e74;
  padding: .5rem 2rem;
} */

/* .dropdown-menu a.dropdown-item:hover {
  color: #fff;
  background: #121e74;
}

.dropdown-menu a.dropdown-item.active {
  color: #fff;
}

.dropdown-menu a.dropdown-item.active:hover {
  background: #121e74;
} */

/********** Jay Enn Styles ****************/ 
/* a {color:#333333; }

.btn-primary {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}
.btn-primary:hover {
	color:#000;
	background-color:#efefef;
	 border-color: #1f1f1f;
} */

/* .navbar-light .navbar-nav .nav-link {
	color:#121e74 !important;
	font-family: "Rajdhani", sans-serif;
	font-weight:600;
	font-size:1.5rem;	
	padding-left:1rem;
	padding-right:1rem;
} */

/* .catdesc {
	font-size:22px !important;
}

p { font-size:18px; }

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.bg-primary-light {
	background-color:#efefef;
}
.d-lg-inline { color:#333333; }

.font-size-lg-150{
	font-size:1.5rem;
}
h1 { color:#333333 ;
font-family: "Kdam Thmor Pro", sans-serif;}
h2 { color:#333333 ;
font-family: "Kdam Thmor Pro", sans-serif;}
h3 { color:#333333 ;
font-family: "Kdam Thmor Pro", sans-serif;}

.whitey {color:#fff; }
.herolabel {
	margin-top:-180px;
color: #fff;
font-family: "Kdam Thmor Pro", sans-serif;

}
.bg-image {
	min-height:300px
	;background-repeat:no-repeat;
	background-size:cover;
	padding-top:100px;
}

.text-primary {
	font-size:48px;
	font-weight:500;
	color:#000 !important;
} */

 /* START MESSINA CUSTOM - KI */
 .absolute-center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1em;
 }
 .video-card-header {
  height: 70vh;
 }
 .video-card-header .video {
  object-fit: cover; 
  z-index: 0;
 }
.video-overlay {
  background: rgba(0,0,0,0.5); 
  z-index: 1;
}
.video-content {
  z-index: 2;
  position: absolute;
  top: 20%;
  left: 98%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1em;
}
.video-content > div {
  width: 50%;
}
.absolute-cards {
    /* max-width: 50rem; */
    /* width: 90%; */
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, 50%);
}
/* Section following absolute-cards */
.card-margin {
  margin-top: 10em;
}

.overflow-section-margin {
  margin-top: 0;
}

.icon-square {
  background-color: #a7122f40; 
  width: 45px; 
  height: 45px;
}

.icon-square .bi::before {
  font-size: 1.5rem;
}
.display-n {
	display:none;
}
/* HERO for all other pages */
.hero {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 50vh;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;                        /* covers all four edges */
  background: rgba(0, 0, 0, 0.55); /* 0–1 controls darkness */
  z-index: 0;
}

/* Concrete Calculator */
.input-label {
  display: block;
  font-size: 12px;

}

.input-width {
  width: 100%
}

.input-width-button {
  width: 50%;
}

.calculator {
  box-shadow: 0px 2px 7px 0px #00000026;
}

/* Input Cards - Contact Form */
 /* --- Location Cards --- */
    .field-label {
      font-size: 1em;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .location-cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 1.5rem;
    }

    .loc-card {
      position: relative;
      border: 1.5px solid #e0ddd8;
      border-radius: 10px;
      padding: 14px 12px;
      cursor: pointer;
      transition: border-color 0.15s, background 0.15s;
      background: #fff;
      text-align: left;
    }

    .loc-card:hover {
      border-color: #c0bdb8;
      background: #faf9f7;
    }

    .loc-card input[type="radio"] {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }

    .loc-card.selected {
      border-color: #a7112e;
      background: #a7112f10;
    }

    .loc-card .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #d0ceca;
      margin-bottom: 10px;
      transition: background 0.15s;
    }

    .loc-card.selected .dot {
      background: #a7112e;
    }

    .loc-card .city {
      font-size: 14px;
      font-weight: 600;
      color: #1a1a1a;
      font-family: system-ui, sans-serif;
      margin-bottom: 4px;
    }

    .loc-card.selected .city {
      color: #a7112e;
    }

    .loc-card .addr {
      font-size: 12px;
      color: #999;
      line-height: 1.5;
      font-family: system-ui, sans-serif;
    }

    .loc-card.selected .addr {
      color: #a7112e;
    }
 /* --- Map panel --- */
    .map-panel {
      position: relative;
      min-height: 500px;
      background: #e8e5df;
    }

    .map-panel iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: none;
      display: block;
      transition: opacity 0.2s;
    }

    .map-panel iframe.fading {
      opacity: 0;
    }

    .map-label {
      position: absolute;
      bottom: 16px;
      left: 16px;
      background: #fff;
      border-radius: 8px;
      padding: 10px 14px;
      font-family: system-ui, sans-serif;
      font-size: 13px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.12);
      z-index: 2;
      pointer-events: none;
      transition: opacity 0.2s;
    }

    .map-label .label-city { font-weight: 600; color: #1a1a1a; }
    .map-label .label-addr { color: #888; margin-top: 2px; }

    /* Hide google default label */
    .place-details-compact-container {
      display: none !important;
      visibility: hidden !important;
    }

/* PLANT CARD */
.plant-card {
  transform: translate(0%, -33%);
}



/* Small devices (portrait phones, 300px and up) */
@media (min-width: 300px) {
	.video-content {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1em;
}
.video-content > div {
  width: 50%;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.video-content {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1em;
}
.video-content > div {
  width: 50%;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.video-content {
  z-index: 2;
  position: absolute;
  top: 22%;
  left: 98%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1em;
}
.video-content > div {
  width: 50%;
}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .absolute-cards {
  transform: translate(-50%, 85%);
}
.card-margin {
  margin-top: 22em;
}
 .video-card-header {
  height: 90vh;
 }
 .overflow-section-margin {
  margin-top: 3em;
}
.video-content > div {
  width: 100%;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .plant-card {
    transform: translate(0%, -15%);
  }
}

/* BOOTSTRAP CAROUSEL ICONS */
.carousel-control-prev, .carousel-control-next {
  opacity: 0;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* .dropdown-menu {
    transform: scale(1, 1);
    box-shadow: none;
  }

  .dropdown-menu a.dropdown-item {
    color: #121e74;
    padding: 1rem 1.5rem;
	font-weight:700;
  }

  .nav-link.dropdown-toggle {
   display: none;
  }

  .navbar-nav .dropdown-menu {
    padding: 0;
  } */
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}