/*
Template Name:agricultural
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/



/********************* middle ****************/
#middle{ 
 padding-top:30px;
 padding-bottom:30px;
}
.middle_1{ 
 text-align:center;
}
.middle_1 h3{ 
 padding-bottom:10px;
}
.middle_1 h2{ 
 padding-bottom:10px;
}
.middle_1 h2 a{ 
 color: var(--eml-green-deep);
}
.middle_1 p{ 
 padding-bottom:20px;
}
.middle_3 img{ 
 border: 5px solid var(--eml-green-deep);
 border-radius: 120px 50px 60px 50px;
 }
.middle_3{ 
 }
.middle_3 h3{ 
 text-align:center;
 padding-bottom:10px;
 padding-top:13px;
 }
.middle_3 p{ 
 text-align:center;
 padding-bottom:0px;
 }
/********************* middle_end ****************/
/********************* offers ****************/
#offers{ 
 background:rgba(255,255,255,0.14)!important;
 backdrop-filter: blur(8px);
 }
.offers_main{ 
 text-align:center;
 padding-top: 110px;
 padding-bottom: 111px;
 }
.offers_4 h2{ 
 background-color:rgba(255,255,255,0.2);
 padding: 10px;
 }
.offers_4 p{ 
 padding-bottom:0px;
 }
.offers_2{ 
 background-color: rgba(255,255,255,0.18);
 padding: 20px;
 margin:30px;
 border: 1px solid rgba(255,255,255,0.35);
 backdrop-filter: blur(8px);
 }
.offers_2 h3{ 
 padding-bottom:7px;
 }
.offers_2 h2 a{ 
 color: var(--eml-green-deep);
 }
.offers_2 h2{ 
 padding-bottom:5px;
 }
/********************* offers_end ****************/
/********************* our ****************/
#our{ 
 padding-top:30px;
 padding-bottom:30px;
}
.our_2{ 
 text-align:center;
 position:relative;
 box-shadow: 0 0 1px black;
 padding: 20px 10px 10px 10px;
}
.our_2 h3{ 
 padding-top:80px;
 padding-bottom:3px;
 color: var(--eml-green-deep);
}
.our_2 p{ 
 padding-bottom:0px;
}
.our_3 i{ 
 font-size: 60px;
 background: rgba(255,255,255,0.2);
 color: #060606;
 width: 150px;
 height: 150px;
 line-height: 130px;
 text-align: center;
 border: 2px solid #ffffff;
 border-radius: 50%;
}
.our_3{ 
 position:absolute;
 top: 37%;
 left: 30%;
}
/********************* our_end ****************/
/********************* facts ***************/
#facts{ 
 padding-top: 30px;
 padding-bottom: 46px;
 border-top: 10px solid var(--eml-green-deep);
 border-radius: 50px;
 border-bottom: 10px solid var(--eml-green-deep);
 }
.facts_2{ 
 text-align:center;
}
.facts_2 h3{ 
 padding-top:12px;
}
.facts_2 img{ 
 border-left: 15px solid #000;
 border-radius: 60%;
 border-right: 15px solid var(--eml-green-deep);
 }
.facts_2 ul{ 
 padding-top:12px;
 }
.facts_2 li{ 
 display:inline;
 padding-right:10px;
 color:#999;
 }
.date{ 
 color:var(--eml-green-deep)!important;
}
.facts_3{ 
 text-align:center;
 }
.facts_3 h3{ 
 padding-bottom:5px;
 }
.facts_3 h2{ 
 padding-bottom:35px;
 }
.facts_3 h2 a{ 
 color: var(--eml-green-deep);
 }
/********************* facts_end ***************/
/********************* people ****************/
#people{ 
 background:rgba(255,255,255,0.18);
 backdrop-filter: blur(8px);
 }
.people_main{ 
 position:relative;
 }
.people_3{ 
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0%;
 right: 0%;
 }
.people_main_1{ 
 padding-left:40px;
 padding-top:120px;
 }
.people_4 h4{ 
 padding-bottom:10px;
 }
.people_4 h2{ 
 padding-bottom:10px;
 }
.people_4 h2 a{ 
 color: var(--eml-green-deep);
 }
#people .form-control {
 font-size: 20px;
 border: 2px solid #cccccc;
 color: #707787;
 background-color: rgba(255,255,255,0.2);
}
#people .form-control::placeholder {
 color: #707787;
}
.people_6 input {
 padding-top: 25px;
 padding-bottom: 25px;
 margin-bottom: 10px;
  width: 90%;
}
.people_8 textarea {
 height: 155px;
 width: 95%;
}
.people_10{ 
 padding-top:30px;
 }
/********************* people_end ****************/
/********************* place ****************/
#place{ 
 background-image: none;
 background: transparent;
 }
.place_main{ 
 padding-top:100px;
 padding-bottom:250px;
 background: linear-gradient(140deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.24) 100%);
 backdrop-filter: blur(9px);
 }
.place_1{ 
 text-align:center;
 }
.place_1 h4{ 
 color:#fff;
 padding-bottom:10px;
 }
.place_1 h2{ 
 color:#fff;
 }
.place_1 p{ 
 color:#fff;
 padding-bottom:30px;
 }
/********************* place_end ****************/
/********************* request ****************/
#request{ 
 padding-bottom:50px;
 margin-top:-140px;
 }
.request_3{ 
 text-align: center;
 background-color: rgba(255,255,255,0.2);
 box-shadow: 13px 9px 3px 4px #4d8401;
 padding: 0px 0px 15px 0px;
 border: 1px solid rgba(255,255,255,0.35);
 backdrop-filter: blur(8px);
 }
.request_3 h3{ 
 padding-top:10px;
 font-weight:bold;
 color: #fff;
 }
.request_3 p{ 
 padding:0px;
 margin:0px;
 padding-bottom: 10px;
 padding-top: 5px;
 color: #ffffff;
 }
.request_3 li{ 
 display:inline;
 padding-right:10px;
 }
.request_3 li a{ 
 font-size:18px;
 color:#000;
 }
.request_3 li a:hover{ 
 color:#fff;
 }
/********************* request_end ****************/
/********************* testimonials ****************/
#testimonials{ 
 background:rgba(255,255,255,0.16);
 backdrop-filter: blur(8px);
 }
.testimonials_3{ 
 padding-top:130px;
 }
.testimonials_main{ 
 padding-left:50px;
 }
.testimonials_3 h2{ 
 padding-bottom:10px;
 }
.testimonials_3 h2 a{ 
 color: var(--eml-green-deep);
 }
.testimonials_5 i{ 
 padding-right:10px;
 font-size:20px;
 color: var(--eml-green-deep);
 }
/********************* testimonials_end ****************/

/********************* plant ****************/
#plant{
 padding-top: 30px;
 padding-bottom: 30px;
}
#plant .plant_2{
 margin-bottom: 15px;
}
#plant .plant_3,
#plant .plant_5{
 border-radius: 12px;
 overflow: hidden;
 background-color: rgba(255,255,255,0.18);
 border: 1px solid rgba(255,255,255,0.35);
 backdrop-filter: blur(8px);
}
#plant .plant_3 img,
#plant .plant_5 img{
 width: 100%;
 height: auto;
 display: block;
 object-fit: contain;
}
/********************* plant_end ****************/

/********************* eco_commitment ****************/
#eco_commitment{
 position: relative;
 overflow: hidden;
 padding: 84px 0 96px;
}
#eco_commitment::before{
 content:none;
}
.eco_commitment_video{
 position:absolute;
 inset:0;
 z-index:0;
}
.eco_commitment_video video{
 width:100%;
 height:100%;
 object-fit:cover;
 filter:none;
}
.eco_commitment_shell{
 position:relative;
 z-index:2;
 padding:42px;
 border:none;
 border-radius:26px;
 background:transparent;
 box-shadow:none;
 backdrop-filter:none;
}
.eco_commitment_shell::before{
 content:none;
}
.eco_commitment_intro,
.eco_commitment_grid{
 position:relative;
 z-index:1;
}
.eco_commitment_intro{
 max-width:760px;
 margin-bottom:30px;
}
.eco_commitment_kicker{
 display:inline-block;
 margin-bottom:12px;
 padding:7px 14px;
 border-radius:999px;
 border:1px solid rgba(22,61,23,0.28);
 background:rgba(255,248,231,0.18);
 color:#163d17;
 font-size:13px;
 font-weight:800;
 letter-spacing:0.16em;
 text-transform:uppercase;
}
.eco_commitment_intro h2,
.eco_commitment_intro h3{
 color:#163d17;
 font-weight:800;
}
.eco_commitment_intro h2{
 margin:0 0 12px;
 font-family:'Wavehaus', sans-serif;
 font-size:42px;
 letter-spacing:0.01em;
}
.eco_commitment_intro h3{
 margin:0;
 font-family:'Wavehaus', sans-serif;
 font-size:26px;
 line-height:1.4;
}
.eco_commitment_grid{
 display:grid;
 grid-template-columns:minmax(0, 1.55fr) minmax(280px, 0.9fr);
 gap:28px;
 align-items:start;
}
.eco_commitment_copy p{
 margin-bottom:18px;
 padding:19px 22px;
 border-left:4px solid rgba(8,34,10,0.82);
 border-radius:14px;
 background:rgba(255,248,231,0.34);
 color:#0b2a0e;
 font-weight:900;
 line-height:1.82;
 box-shadow:0 10px 20px rgba(0,0,0,0.12);
}
.eco_commitment_panel{
 margin:0;
 padding:18px;
 border-radius:18px;
 background:rgba(255,248,231,0.18);
 border:1px solid rgba(22,61,23,0.16);
 box-shadow:0 18px 36px rgba(0,0,0,0.18);
}
.eco_commitment_panel img{
 display:block;
 width:100%;
 height:auto;
 border-radius:14px;
 box-shadow:0 18px 34px rgba(0,0,0,0.22);
}
.eco_commitment_panel figcaption{
 margin-top:14px;
 color:#163d17;
 font-weight:800;
 text-align:center;
 line-height:1.6;
}
/********************* eco_commitment_end ****************/

/********************* hero_banner ****************/
#center{
 padding: 20px 0 28px;
}
#center .banner{
 position: relative;
 padding: 0 16px;
}
#center .banner::before{
 content:"";
 position:absolute;
 inset:22px 0 0;
 background:
  radial-gradient(circle at 14% 18%, rgba(201, 237, 155, 0.22), transparent 26%),
  radial-gradient(circle at 82% 16%, rgba(126, 176, 97, 0.16), transparent 30%),
  linear-gradient(180deg, rgba(8, 23, 11, 0.2) 0%, rgba(8, 23, 11, 0) 100%);
 pointer-events:none;
}
  #center .banner::after{
   content:"";
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   height:120px;
   background:linear-gradient(180deg, rgba(8,17,10,0) 0%, rgba(8,17,10,0.26) 58%, rgba(8,17,10,0.44) 100%);
   pointer-events:none;
   z-index:1;
  }
#center #kb{
 position:relative;
 z-index:2;
 border-radius: 22px;
 overflow:hidden;
 border:1px solid rgba(245,230,197,0.45);
 box-shadow: 0 30px 62px rgba(0,0,0,0.22);
 background:#08110a;
}
#center .kb_wrapper{
 background:transparent;
}
#center .kb_elastic .item{
 transform:none;
 transition:opacity 280ms ease;
}
#center .kb_elastic .item.active{
 transform:none;
}
#center .kb_wrapper>.carousel-inner>.item{
 min-height: clamp(560px, 78vh, 760px);
}
#center .kb_wrapper>.carousel-inner>.item::after{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(90deg, rgba(6,18,10,0.7) 0%, rgba(6,18,10,0.44) 34%, rgba(6,18,10,0.12) 65%, rgba(6,18,10,0.5) 100%),
  linear-gradient(180deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0) 28%, rgba(8,17,10,0.22) 100%),
  radial-gradient(circle at 16% 18%, rgba(245,223,179,0.18), rgba(245,223,179,0) 38%);
 z-index:1;
 pointer-events:none;
}
#center .kb_wrapper>.carousel-inner>.item>img,
#center .kb_wrapper>.carousel-inner>.item>a>img{
 width:100%!important;
 height: clamp(560px, 78vh, 760px);
 min-height: clamp(560px, 78vh, 760px);
 object-fit:cover;
 opacity:1;
 filter:brightness(0.76) saturate(1.04) contrast(1.03);
 transform-origin:center center;
 animation:none;
}
#center .carousel-caption.kb_caption.kb_caption_right{
 left: clamp(28px, 6vw, 88px);
 right:auto;
 top:auto;
 bottom: clamp(24px, 5vw, 54px);
 width:min(600px, calc(100% - 56px));
 padding:0;
 text-align:left;
 z-index:3;
}
#center .kb_caption{
 background:none;
}
#center .banner_copy_panel{
 position:relative;
 padding: 32px 36px 30px;
 border-radius: 20px;
 border:1px solid rgba(247,230,193,0.26);
 background:linear-gradient(146deg, rgba(21,43,27,0.74) 0%, rgba(19,39,25,0.5) 52%, rgba(8,17,10,0.8) 100%);
 box-shadow: 0 20px 42px rgba(0,0,0,0.26);
 backdrop-filter: blur(10px);
 overflow:hidden;
}
#center .banner_copy_panel::after{
 content:"";
 position:absolute;
 inset:-35% auto auto -20%;
 width:54%;
 height:160%;
 background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 100%);
 transform:rotate(12deg);
 pointer-events:none;
}
#center .item.active .banner_copy_panel{
 animation: bannerPanelIn 0.75s cubic-bezier(0.22,0.6,0.36,1) both;
}
.banner_kicker{
 margin:0 0 12px;
 color:#edd7ad;
 font-size:12px;
 letter-spacing:0.2em;
 text-transform:uppercase;
}
#center .kb_caption h1{
 margin:0 0 14px;
 padding-top:0;
 color:#f6ffe7;
 font-family:'Wavehaus', sans-serif;
 font-size: clamp(38px, 5.2vw, 60px);
 line-height:1.06;
 letter-spacing:0.02em;
 text-shadow:0 14px 30px rgba(0,0,0,0.3);
}
#center .kb_caption p{
 margin:0;
 color:rgba(249,243,228,0.9);
 font-size: clamp(17px, 1.7vw, 20px);
 line-height:1.75;
 letter-spacing:0.01em;
}
#center .banner_meta{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:18px;
}
#center .banner_meta span{
 display:inline-flex;
 align-items:center;
 padding:8px 13px;
 border-radius:999px;
 border:1px solid rgba(243,223,180,0.3);
 background:rgba(243,223,180,0.08);
 color:#f8ead0;
 font-size:12px;
 letter-spacing:0.08em;
 text-transform:uppercase;
}
#center .kb_control_left,
#center .kb_control_right{
 top:auto;
 bottom:28px;
 z-index:4;
 opacity:1;
 width:54px;
 height:54px;
 border-radius:50%;
 border:1px solid rgba(236,248,212,0.28);
 background:rgba(15,37,18,0.66)!important;
 box-shadow:0 14px 30px rgba(0,0,0,0.22);
 backdrop-filter:blur(8px);
}
#center .kb_control_left{
 left:auto!important;
 right:94px!important;
}
#center .kb_control_right{
 right:28px!important;
}
#center .kb_icons{
 line-height:54px!important;
 font-size:28px!important;
}
@keyframes homeHeroDrift{
 0%{
  transform:scale(1) translate3d(0,0,0);
 }
 100%{
  transform:scale(1.08) translate3d(-1.5%,0,0);
 }
}
@keyframes bannerPanelIn{
 0%{
  opacity:0;
  transform:translateY(18px) scale(0.98);
 }
 100%{
  opacity:1;
  transform:translateY(0) scale(1);
 }
}
/********************* hero_banner_end ****************/

/********************* scroll_story ****************/
#scroll_story{
 padding: 66px 0 84px;
 background: linear-gradient(180deg, rgba(255,253,245,0.2) 0%, rgba(247,240,224,0.34) 100%);
 border-top: 1px solid rgba(16, 80, 29, 0.12);
 border-bottom: 1px solid rgba(16, 80, 29, 0.12);
 backdrop-filter: blur(10px);
}
.scroll_story_intro{
 max-width: 980px;
 margin: 0 auto 42px;
 text-align: center;
 position: relative;
 padding: 28px 34px;
 border-radius: 22px;
 border: 1px solid rgba(227,245,211,0.18);
 background: linear-gradient(180deg, rgba(78,138,61,0.94) 0%, rgba(52,112,40,0.96) 52%, rgba(30,82,24,0.98) 100%);
 box-shadow: 0 24px 48px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.18);
 backdrop-filter: blur(10px);
 overflow: hidden;
}
.scroll_story_intro::before{
 content:"";
 position:absolute;
 top:-36%;
 left:-10%;
 width:44%;
 height:180%;
 background: radial-gradient(circle at top left, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.08) 36%, rgba(255,255,255,0) 74%);
 pointer-events:none;
}
.scroll_story_intro::after{
 content:"";
 position:absolute;
 top:-52%;
 left:-18%;
 width:42%;
 height:220%;
 background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 46%, rgba(255,255,255,0) 76%);
 transform: rotate(9deg);
 pointer-events:none;
}
.scroll_story_intro h3{
 margin: 0 0 8px;
 color: #ffffff;
 text-transform: none;
 letter-spacing: 0.03em;
 font-family:'Wavehaus', sans-serif;
 font-size: 40px;
 position: relative;
 z-index: 1;
}
.scroll_story_intro p{
 margin: 0;
 font-size: 18px;
 line-height: 1.8;
 color: rgba(255,255,255,0.94);
 position: relative;
 z-index: 1;
}
.scroll_story_track{
 position: relative;
}
.scroll_story_track .container{
 width: min(1680px, 99vw);
}
.scroll_story_band{
 display: grid;
 grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.8fr);
 gap: 24px;
 align-items: center;
 margin-bottom: 40px;
 opacity: 0;
 transform: translateY(24px);
 transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 will-change: opacity, transform;
}
.scroll_story_band.is-visible{
 opacity: 1;
 transform: none;
}
.scroll_story_band_reverse{
 grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.7fr);
}
.scroll_story_band_reverse .scroll_story_band_media{
 order: 2;
}
.scroll_story_band_reverse .scroll_story_band_copy{
 order: 1;
}
.scroll_story_band_media{
 position: relative;
 min-height: 74vh;
 border-radius: 16px;
 overflow: hidden;
 border: 1px solid rgba(247,231,198,0.36);
 box-shadow: 0 24px 54px rgba(0, 0, 0, 0.26);
 background: rgba(255,255,255,0.16);
 backdrop-filter: blur(8px);
 opacity: 0;
 transform: translateY(40px);
 transition: opacity 0.55s ease-out, transform 0.55s ease-out;
}
.scroll_story_band.is-visible .scroll_story_band_media{
 opacity: 1;
 transform: none;
 transition-delay: 0s;
}
.scroll_story_band_media::after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(130deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.12) 100%);
 pointer-events:none;
 z-index:4;
}
.scroll_story_band_media video,
.scroll_story_band_media img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}
.scroll_story_band_copy{
 min-height: 74vh;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 48px 42px;
 border: 1px solid rgba(247,230,193,0.36);
 opacity: 0;
 transform: translateY(50px);
 transition: opacity 0.55s ease-out, transform 0.55s ease-out;
 transition-delay: 0.18s;
}
.scroll_story_band.is-visible .scroll_story_band_copy{
 opacity: 1;
 transform: none;
}
.scroll_story_band_copy{
 border-radius: 16px;
 background: linear-gradient(180deg, rgba(78,138,61,0.94) 0%, rgba(52,112,40,0.96) 52%, rgba(30,82,24,0.98) 100%);
 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255,255,255,0.18);
 backdrop-filter: blur(10px);
 position: relative;
 overflow: hidden;
}
.scroll_story_band_copy::before{
 content:"";
 position:absolute;
 top:-34%;
 left:-12%;
 width:44%;
 height:180%;
 background: radial-gradient(circle at top left, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 36%, rgba(255,255,255,0) 74%);
 pointer-events:none;
}
.scroll_story_band_copy::after{
 content:"";
 position:absolute;
 top:-54%;
 left:-18%;
 width:42%;
 height:220%;
 background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 46%, rgba(255,255,255,0) 76%);
 transform: rotate(9deg);
 pointer-events:none;
}
.scroll_story_kicker{
 margin: 0 0 10px;
 font-size: 12px;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: #f4dfb7;
 position: relative;
 z-index: 1;
}
.scroll_story_band_copy h3{
 margin: 0 0 10px;
 color: #ffffff;
 font-family:'Wavehaus', sans-serif;
 font-size: 38px;
 line-height: 1.2;
 position: relative;
 z-index: 1;
}
.scroll_story_band_copy p:last-child{
 margin: 0;
 color: rgba(255,246,229,0.93);
 font-size: 18px;
 line-height: 1.85;
 position: relative;
 z-index: 1;
}
/********************* scroll_story_end ****************/

/********************* fade_up_reveal ****************/
.fade-up-reveal{
 opacity: 0;
 transform: translateY(44px);
 transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-up-reveal.is-visible{
 opacity: 1;
 transform: none;
}
.fade-up-reveal:nth-child(2).is-visible{
 transition-delay: 0.18s;
}
/********************* fade_up_reveal_end ****************/





@media screen and (max-width : 767px){
#center .carousel-caption {
 position:absolute;
 width:auto;
 padding-bottom:0;
}
#center .kb_caption h1 {
 font-size:32px;
 line-height:1.12;
}
#center .kb_wrapper {
 background: transparent;
}
#center .kb_control_right {
 top:auto;
 right:18px!important;
}
#center .kb_control_left {
 top:auto;
 right:82px!important;
 }
#center {
 padding: 10px 0 16px;
 position:relative;
 z-index:2;
}
#center .banner {
 padding: 0 10px;
}
#center .banner::after{
 height:96px;
 background:linear-gradient(180deg, rgba(8,17,10,0) 0%, rgba(8,17,10,0.34) 62%, rgba(8,17,10,0.56) 100%);
}
#center .kb_wrapper>.carousel-inner>.item{
 position:relative;
 overflow:hidden;
 min-height: 52vh;
 height: 52vh;
 max-height: 560px;
}
#center .kb_wrapper>.carousel-inner>.item,
#center .kb_wrapper>.carousel-inner>.item>img,
#center .kb_wrapper>.carousel-inner>.item>a>img {
 min-height: 52vh;
 height: 52vh;
 max-height: 560px;
}
#center .kb_wrapper>.carousel-inner>.item::after{
 background:
  linear-gradient(90deg, rgba(6,18,10,0.52) 0%, rgba(6,18,10,0.32) 34%, rgba(6,18,10,0.1) 65%, rgba(6,18,10,0.38) 100%),
  linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 28%, rgba(8,17,10,0.16) 100%);
}
#center .kb_wrapper>.carousel-inner>.item video{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}
#center .carousel-caption.kb_caption.kb_caption_right {
 left:18px;
 right:18px;
 bottom:18px;
 width:auto;
}
#center .banner_copy_panel {
 padding: 18px 15px 14px;
 border-radius: 15px;
}
#center .banner_summary{
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden;
}
#center .banner_meta{
 display:none;
}
#center .kb_caption p {
 font-size:14px;
 line-height:1.6;
}
#center .banner_meta {
 gap:8px;
 margin-top:16px;
}
#center .banner_meta span {
 padding:7px 10px;
 font-size:11px;
}
#middle {
 text-align: center;
 position:relative;
 z-index:1;
}
.middle_1 p {
 padding-bottom:0px;
 margin-left: 10px;
 margin-right: 10px;
}
.middle_3 {
 margin-bottom: 10px;
}
.offers_main {
 padding-top: 20px;
 padding-bottom: 21px;
}
#our {
 text-align: center;
}
.our_3 i {
 font-size: 48px;
 width:100px;
 height:100px;
 line-height:100px;
}
.our_3 {
 top: 32%;
 left: 35%;
}
#facts {
 text-align: center;
}
.facts_2 {
 padding-bottom: 25px;
}
#people {
 text-align: center;
}
.people_main_1 {
 padding-left: 0px;
 padding-top: 30px;
}
.people_6 input {
 width: 90%;
 margin-left: 15px;
}
.people_8 textarea {
 width: 90%;
 margin-left: 15px;
}
.place_main {
 padding-top: 50px;
 padding-bottom: 50px;
}
#request {
 padding-bottom:10px;
 margin-top: 30px;
 text-align: center;
}
.request_3 {
 margin-bottom:25px;
}
#testimonials {
 text-align: center;
}
.testimonials_3 {
 padding-top: 30px;
}
.testimonials_main {
 padding-left: 0px;
}
.our_2 {
 margin-bottom: 10px;
}
#plant .plant_3 img,
#plant .plant_5 img{
 height: auto;
}
#plant .plant_3,
#plant .plant_5{
 margin-bottom: 10px;
}
.scroll_story_intro p {
 font-size: 15px;
}
.scroll_story_intro h3 {
 font-size: 30px;
 letter-spacing: 0.02em;
}
.scroll_story_track .container{
 width: 100%;
}
.scroll_story_band,
.scroll_story_band_reverse {
 grid-template-columns: 1fr;
 gap: 14px;
 margin-bottom: 18px;
 backdrop-filter: none;
}
.scroll_story_band_media,
.scroll_story_band_copy,
.scroll_story_intro,
#scroll_story,
.banner_copy_panel {
 backdrop-filter: none;
}
.scroll_story_band_reverse .scroll_story_band_media,
.scroll_story_band_reverse .scroll_story_band_copy {
 order: initial;
}
.scroll_story_band_media {
 min-height: 300px;
}
.scroll_story_band_copy {
 min-height: auto;
 padding: 22px 18px;
 }
 .scroll_story_band_copy h3 {
  font-size: 29px;
  line-height:1.2;
 }
 .scroll_story_band_copy p:last-child {
  font-size: 14px;
  line-height:1.7;
 }
}

@media screen and (max-width : 991px){
 .eco_commitment_grid{
  grid-template-columns:1fr;
 }
 .eco_commitment_panel{
  max-width:520px;
  margin:0 auto;
 }
}

@media screen and (max-width : 767px){
 #eco_commitment{
  padding:56px 0 64px;
 }
 .eco_commitment_shell{
  padding:24px 16px;
  border-radius:18px;
 }
 .eco_commitment_intro h2{
  font-size:34px;
 }
 .eco_commitment_intro h3{
  font-size:22px;
 }
 .eco_commitment_copy p{
  padding:16px 16px;
 }
}

@media screen and (max-width: 767px) and (orientation: portrait){
 #center .kb_wrapper>.carousel-inner>.item,
 #center .kb_wrapper>.carousel-inner>.item>img,
 #center .kb_wrapper>.carousel-inner>.item>a>img{
  min-height:56vh;
  height:56vh;
 }
}

@media screen and (max-width: 900px) and (orientation: landscape) and (max-height: 520px){
 #center .kb_wrapper>.carousel-inner>.item,
 #center .kb_wrapper>.carousel-inner>.item>img,
 #center .kb_wrapper>.carousel-inner>.item>a>img{
  min-height:62vh;
  height:62vh;
  max-height:none;
 }
 #center .carousel-caption.kb_caption.kb_caption_right{
  left:14px;
  right:14px;
  bottom:12px;
 }
 #center .banner_copy_panel{
  padding:14px 14px 12px;
 }
 #center .kb_caption h1{
  font-size:25px;
  margin-bottom:8px;
 }
 #center .kb_caption p{
  font-size:13px;
  line-height:1.45;
 }
 #center .banner_summary{
  -webkit-line-clamp:2;
 }
}

@media (min-width:470px) and (max-width:767px) { 

}
 
@media (min-width:768px) and (max-width:960px) { 
#center .kb_caption h1 {
 font-size:36px;
}
#center .kb_caption p{ 
 font-size:16px;
}
#center .banner_copy_panel{
 padding:24px 24px 22px;
}
#center .carousel-caption.kb_caption.kb_caption_right{
 left:34px;
 bottom:28px;
 width:min(500px, calc(100% - 68px));
}
.offers_main {
 padding-top: 23px;
 padding-bottom: 24px;
}
.offers_2 h2 {
 font-size: 30px;
}
.offers_2 h3 {
 font-size:20px;
}
.offers_4 h2 {
 font-size: 15px!important;
}
.offers_4 p {
 font-size: 13px;
}
.our_3 i {
 font-size: 40px;
 width: 100px;
 height: 100px;
 line-height: 100px;
}
.our_3 {
 top: 25%;
}
.people_main_1 {
 padding-top: 20px;
 padding-bottom: 30px;
}
.people_4 h2 a {
 font-size: 30px;
}
.people_4 h2 {
 font-size: 30px;
}
#people .form-control {
 font-size: 15px;
}
.people_6 input {
 padding-top: 15px;
 padding-bottom: 15px;
}
.people_8 textarea {
 height: 80px;
}
.people_4 h2 {
 padding-bottom: 0px;
}
.testimonials_3 {
 padding-top: 20px;
}
.testimonials_3 h2 a {
 font-size: 30px;
}
.testimonials_3 h2 {
 padding-bottom: 2px;
 font-size: 30px;
}
.testimonials_3 p{
 font-size: 16px;
 padding-bottom: 0px;
}
.testimonials_5 h3{ 
 font-size: 16px;
}
.testimonials_5 p{ 
 font-size: 14px;
 padding-bottom: 0px;
}
} 

 
@media (min-width:961px) and (max-width:1200px) {
#center .kb_caption h1 {
 font-size:42px;
}
#center .kb_caption p{ 
 font-size:17px;
}
#center .banner_copy_panel{
 padding:26px 28px 24px;
}
#center .carousel-caption.kb_caption.kb_caption_right{
 width:min(540px, calc(100% - 80px));
}
.offers_main {
 padding-top: 63px;
 padding-bottom: 64px;
}
.offers_2 h2 {
 font-size: 30px;
}
.offers_2 h3 {
 font-size:20px;
}
.offers_4 h2 {
 font-size: 15px!important;
}
.offers_4 p {
 font-size: 13px;
}
.our_3 i {
 font-size: 40px;
 width: 100px;
 height: 100px;
 line-height: 100px;
}
.our_3 {
 top: 25%;
}
.people_main_1 {
 padding-top: 20px;
 padding-bottom: 30px;
}
.people_4 h2 a {
 font-size: 30px;
}
.people_4 h2 {
 font-size: 30px;
}
#people .form-control {
 font-size: 15px;
}
.people_6 input {
 padding-top: 15px;
 padding-bottom: 15px;
}
.people_8 textarea {
 height: 80px;
}
.people_4 h2 {
 padding-bottom: 0px;
}
.testimonials_3 {
 padding-top: 20px;
}
.testimonials_3 h2 a {
 font-size: 30px;
}
.testimonials_3 h2 {
 padding-bottom: 2px;
 font-size: 30px;
}
.testimonials_3 p{
 font-size: 16px;
 padding-bottom: 0px;
}
.testimonials_5 h3{ 
 font-size: 16px;
}
.testimonials_5 p{ 
 font-size: 14px;
 padding-bottom: 0px;
}
}

@media (min-width:1201px) and (max-width:1320px) {
.offers_main {
 padding-top:70px;
 padding-bottom:70px;
}
}