@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
  --bs-primery-color: #ffffff;
  --bs-second-color:#170e04;
 --bs-light:#faf2e7;
  --bs-yellow:#f4b905;
  --bs-green:#008540;
  --bs-darkgreen:#2c3d1e;
  --bs-lightgreen:#1f4e3d;

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{
    font-family:'Poppins',sans-serif;
}
h1, h2 {
    font-family: "Jost", sans-serif;
}
/* Navbar */

.farm-navbar{

 

  

    padding:8px 0;

    transition:.4s;

}

.navbar-brand img{

    height:72px;

}

.navbar-nav .nav-item{

    margin-left:15px;

}

.navbar-nav .nav-link{

    color:#111;

    font-size:13px;

    font-weight:500;

    letter-spacing:.4px;

    text-transform:uppercase;

    transition:.3s;

}

.navbar-nav .nav-link:hover{

    color:#00853E;

}

.dropdown-menu{

    border:none;

    border-radius:8px;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.dropdown-item{

    padding:10px 18px;

    font-size:14px;

}

.dropdown-item:hover{

    background:#00853E;

    color:#fff;

}

/* Desktop Hover Dropdown */

@media(min-width:992px){

.dropdown:hover>.dropdown-menu{

display:block;

margin-top:0;

}

}

/* Hero */

.hero{

    height:130px;



}


/* Mobile */

@media(max-width:991px){

.farm-navbar{

padding:10px 0;

}

.navbar-brand img{

height:58px;
width: 100%;

}
.navbar-brand {
    width: 73%;
}
.navbar-toggler {
     width: 20%!important; 
}
.navbar-collapse{

background:#fff;

margin-top:15px;

padding:20px;

border-radius:0px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

}

.navbar-nav .nav-item{

margin:8px 0;

}

.navbar-nav .nav-link{

font-size:15px;

}

}


/* BANNER */

.banner-slide{
    height:100vh;
    min-height:750px;
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.slider {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}


.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.30);
}
.text-right {
     text-align:right;
}

.banner-slide .container{
    position:relative;
    z-index:2;

}

.banner-slide h1{
    color:#fff;
    font-size:50px;
    font-weight:700;
    margin-bottom:10px;
   
}

.banner-slide p{
    color:#fff;
    font-size:18px;
    line-height:1.8;
}

/* INDICATORS */

.carousel-indicators{
    bottom:30px;
}

.carousel-indicators button{
    width:8px !important;
    height:8px !important;
    border-radius:50%;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: right;
  padding: 0;
  margin-right: 2%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

.feature-strip{

  
    position:relative;

    padding:5px 0 30px;

    color:#fff;
    bottom: 130px;

}

.feature-strip::before{

    content:"";

    position:absolute;

    inset:0;

    
}

.feature-strip .container{

    position:relative;

    z-index:2;

}

.feature-box{

    display:flex;

    align-items:center;

    gap:15px;

    justify-content:center;

    padding:1px;

}

.icon-circle{

    width:60px;

    height:60px;

    border:3px solid #8cc63f;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    background:rgba(140,198,63,.15);

    flex-shrink:0;

}

.feature-text h5{

    margin:0;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

}

.feature-text p{

    margin:0;

    font-size:14px;

    font-weight:700;

}

.divider{

    width:1px;

    height:80px;

    background:rgba(255,255,255,.3);

    margin:auto;

}

.feature-heading{

    padding-left:30px;

}

.feature-heading h2{

    color:#9fd344;

    font-weight:800;

    font-size:30px;

    line-height:1.2;

    text-transform:uppercase;

    margin:0;

}

.bottom-decoration{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:10px;

}

.bottom-decoration .line{

    flex:1;

    height:1px;

    background:#6e9e39;

}

.bottom-decoration .leaf{

    width:40px;

    height:40px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#9fd344;

    font-size:25px;

    margin:0 20px;

}

/* Tablet */

@media(max-width:991px){

.feature-box{

justify-content:flex-start;

margin-bottom:25px;

}

.feature-heading{

padding-left:0;

text-align:center;

margin-top:20px;

}

.feature-heading h2{

font-size:34px;

}

.bottom-decoration{

margin-top:20px;

}

}

/* Mobile */

@media(max-width:576px){

.icon-circle{

width:70px;
height:70px;
font-size:32px;

}

.feature-text h5{

font-size:16px;

}

.feature-text p{

font-size:15px;

}

.feature-heading h2{

font-size:28px;

}

.feature-box{

justify-content:center;
text-align:left;

}

}
.pt-50 {
    padding-top: 11%;
}
.light-bg {

background: linear-gradient(
    to top,
    transparent 0%,
    rgba(255,255,255,0.2) 10%,
    rgba(255,255,255,0.9) 50%,
    #fff 100%);
    height: 100px;
    align-items: flex-start;
  
}
#navbar.scrolled {
    background-color: #fff; /* Change to your desired color */

    border-bottom: solid 1px #28450b;
}

.captionsleft {
    padding-left: 70px;
}
.captionsleft p {
    line-height: 24px;
    font-size: 15px;
    padding-bottom: 10px;
}
.captionsleft h1{
    font-size: 80px;

}


.products{
  padding:40px 0;

}
.products h2 {
    font-size: 36px!important;
  text-decoration: underline;
  color: var(--bs-green);
}
.product-desc {
    font-size: 14px!important;
    height: 130px;
}
.text-purple {
            color: #4b3fbf;
        }

        /* Oculta la línea de tabs predeterminada */
        .nav-tabs {
            border-bottom: solid 0px #000;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        /* Estilo individual de cada tab como una card */
        .nav-tabs .nav-link {
        
           
            
            color: var(--bs-primery-color);
            padding: 8px 20px;
            background:var(--bs-second-color);
            transition: all 0.3s ease-in-out;
            text-transform: uppercase;
            font-weight: 700;
              border: 0px;
               border-radius: 30px;
        }

        /* Efecto hover para que parezca una card con elevación */
        .nav-tabs .nav-link:hover {
            background:none;
            border: 0px;
            color: var(--bs-red);
        }

        /* Card activa */
        .nav-tabs .nav-link.active {
            background:var(--bs-second-color);
            color:var(--bs-yellow);
         border: 0px;
          border-radius: 30px;
         
           
            
        }
.pr2 {
  padding-right: 15px;
}
        /* Contenido de los tabs como una card */
        .tab-content {
            margin-top: 30px;
            background: none!important;
            border-radius: 0px;
        }

        @media (max-width: 776px) {
            .tab-content>.tab-pane {
                display: block;
                opacity: 1;
                border-radius: 0px;
            }
    .captionsleft h1{
    font-size: 50px;

}
        }

        @media (min-width: 992px) {

            /* Mantiene el borde superior en tabs inactivos */
            .tab-pane.accordion-item {
                border: 0px solid #dee2e6;
                border-radius: 0px;
                background: none!important;
            }

            /* Asegura que el borde superior sea visible siempre */
            .tab-pane.accordion-item:not(.show) {
                border-top: 1px solid #dee2e6;
            }



        }


        /* Acordeon */

        .accordion-button:not(.collapsed) {
            color: var(--bs-red) ;
            background-color:var(--bs-primery-color);
            padding:15px 8px;

        }

        .accordion-button {
            background-color: #f8f9fa;
            color: black;
            text-transform: uppercase;
            font-weight: 700;
        }

        /* Mantiene la flecha original de Bootstrap pero cambia su color */
        .accordion-button::after {
            filter: brightness(0);
            /* Flecha negra por defecto */
        }

        /* Flecha blanca cuando el acordeón está activo */
        .accordion-button:not(.collapsed)::after {
            filter: brightness(20) invert(1);
            /* Invierte el color de negro a blanco */
        }

        .accordion-button:focus {
            box-shadow: none !important;
        }

.subtitle{
  color:#d63300;
  font-weight:600;
  text-align:center;
}

.products h2{
  text-align:center;

  font-size:36px;
}



/*#news-slider {
  margin-top: 80px;
}*/

.owl-carousel .owl-wrapper {
    display: flex !important;

}
.owl-carousel .owl-item img {
    width: 100%;
    height: auto!important;
    object-fit: cover;
    max-width: initial;
}

.owl-carousel .owl-item .post-description {
    width: 100%;
    height: 100%;

}
.post-slide {
	background: #fff;
	    border: solid 1px #96ccb0;
	margin:0px 10px;
 height: 100%;

  padding: 20px;

  }
  .post-description {
     height: 100%;
  }
  .post-slide .post-img {
	position: relative;
	overflow: hidden;
   
  }
  .product-title {
    color: var(--bs-darkgreen);
  }
  .post-slide .post-img img {
	width: 100%;
	height: auto;
	transform: scale(1, 1);
	transition: transform 0.2s linear;
      align-content:first baseline baseline;
  }
  .post-slide:hover .post-img img {
	transform: scale(1.1, 1.1);
  }
  .post-slide .over-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(
	  -45deg,
	  rgba(198, 40, 0, 0.75) 0%,
	  rgba(198, 40, 0, 0.6) 100%
	);
	transition: all 0.5s linear;
  }
  .post-slide:hover .over-layer {
	opacity: 1;
	text-decoration: none;
  }
  .post-slide .over-layer i {
	position: relative;
	top: 45%;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 25px;
  width: 100%;
  }
  .post-slide .post-content {
	background: #fff;
	padding: 2px 20px 10px;
	border-radius: 15px;

 
  }
  .post-slide .post-title {
	font-size: 18px;
	font-weight: bold;
	color:var(--bs-primery-color);
	display: inline-block;
  padding: 12px 0px 0px 0px;

	transition: all 0.3s ease 0s;
  }
    .post-slide h5 {
    
    }
  .post-slide .post-title a:hover {
	text-decoration: none;
	color: var(--clr-blue);
  }
  .post-slide .post-description {
	line-height: 22px;
	color: #808080;

  }
  .post-slide .post-date {
	color: #a9a9a9;
	font-size: 14px;
  }
  .post-slide .post-date i {
	font-size: 20px;
	margin-right: 8px;
	color: #cfdace;
  }
  .post-slide .read-more a {
	padding: 10px 25px 10px 25px;
	float: left;
	font-size: 14px;
	background:var(--bs-lightgreen);
	color: var(--bs-primery-color);
	border: solid 0px;
border-radius: 50px;
	
	text-transform: uppercase;
	text-decoration: none;
   
	
  }
  .post-slide .read-more a:hover {
	background:var(--bs-yellow);
	text-decoration: none;
	color: var(--clr-white);
	text-decoration: none;
	border-color: var(--clr-white);
  }

.readmore a {
	padding: 10px 25px 10px 25px;
	
	font-size: 14px;
	background:var(--bs-lightgreen);
	color: var(--bs-primery-color);
	border: solid 0px;
border-radius: 50px;
	
	text-transform: uppercase;
	text-decoration: none;
   
	
  }
  .readmore a:hover {
	background:var(--bs-yellow);
	text-decoration: none;
	color: var(--clr-white);
	text-decoration: none;
	border-color: var(--clr-white);
  }
  .owl-controls .owl-buttons {
	text-align: center;
	margin-top: 20px;
  }
  .owl-controls .owl-buttons .owl-prev {
	background: #fff;
	position: absolute;
	top: -13%;
	left: 15px;
	padding: 0 18px 0 15px;
	border-radius: 50px;
	box-shadow: 3px 14px 25px -10px #92b4d0;
	transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-next {
	background: #fff;
	position: absolute;
	top: -13%;
	right: 15px;
	padding: 0 15px 0 18px;
	border-radius: 50px;
	box-shadow: -3px 14px 25px -10px #92b4d0;
	transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-prev:after,
  .owl-controls .owl-buttons .owl-next:after {
	content: "\f104";
	font-family: FontAwesome;
	color: #333;
	font-size: 30px;
  }
  .owl-controls .owl-buttons .owl-next:after {
	content: "\f105";
  }
  
  
	.owl-nav {
	  display: none;
	}
  
	.owl-pagination {
	  text-align: center;
    padding-top: 8px;
  }
  .owl-page {
	   display: inline-block;
  }
   .owl-page span {
		position: relative;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		display: flex;
		background:var(--bs-green);
	
	
		margin: 0 5px;
	  }
   .owl-page .active span {
		box-shadow: none;
   }
  .owl-page.active span {
		background:var(--bs-yellow);
		  box-shadow: none;
		  height: 12px;
		  width: 12px;
		  margin-bottom: -1px;
		}
  @media only screen and (max-width: 1280px) {
	.post-slide .post-content {
	  padding: 0px 15px 25px 15px;
	}
  }
  .accordion-body {
    padding: 0px;
  }

 @media (max-width: 992px) {
.post-slide {
    margin:0px 0px;
 
}
}


.testimonialsmain {
background-color: #faf2e7;
background: url(../images/testimonials_bg.jpg);
background-size: cover;
background-repeat: repeat;
}

.testimonialscontent {
  background-color: #fff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex:1.2;
}
.shadow-effect {
  display: flex;
 align-items:center;
  gap:30px;
  animation:fade 0.6s ease-in-out;
}
.img-circle {
  flex:1;
}
.img-circle img {

}
.testislide img {
  width: 200px !important;
}
.testimonial-section{
  padding:80px 5%;
}

.testimonial-container{
  display:flex;
  gap:50px;
  align-items:center;
  max-width:1200px;
  margin:auto;
}

.testimonial-left{
  flex:1;
}

.tag{
  color:#c0392b;
  font-weight:bold;
}

.testimonial-left h2{
  font-size:32px;
  margin:15px 0;
  color: #ccc6ba;
}

.testimonial-left p{
  color:#ccc6ba;
  margin-bottom:25px;
  line-height:1.6;
  font-size: 14px;
}



.testimonial-right{
  flex:1.2;
  background:#fff;
  padding:40px;
  border-radius:20px;
  position:relative;
  overflow:hidden;
}

/* SLIDER */
.testislide{
  display:flex;
  align-items:center;
  gap:30px;
  animation:fade 0.6s ease-in-out;
}



.testislide img{
  border-radius:10px;


}

.review h3{
  margin:10px 0;
}

.review p{
  color:#555;
  margin-bottom:10px;
  font-size: 14px;
}

.stars{
  color:orange;
  font-size:18px;
}

/* DOTS */
.dots{
  text-align:right;
  margin-top:20px;
}

.dot{
  height:10px;
  width:10px;
  background:#bbb;
  display:inline-block;
  border-radius:50%;
  margin-left:5px;
  cursor:pointer;
}

.dot.active{
  background:#c0392b;
}

/* ANIMATION */
@keyframes fade{
  from{opacity:0; transform:translateX(20px);}
  to{opacity:1; transform:translateX(0);}
}

.capt-2 {
    color: var(--bs-second-color);
    position: relative;
    z-index: 10;
    z-index: 10;
  bottom: 100px;
  left: 20px;
   border-left:solid 5px #000;
   padding-left: 10px;
}
.capt-2 h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
}
.btn-testi {
    background: var(--bs-second-color);
  color: var(--bs-yellow);
  border: 0px;
  border-radius: 30px;
  padding:8px 20px!important;
}
.btn-testi:hover {
    background:var(--bs-primery-color);
  color: var(--bs-second-color);
  border: 0px;
  border-radius: 30px;
  padding:8px 20px!important;
}
@media(max-width:992px){
  .testimonial-container{
    flex-direction:column;
  }
  .testislide{
    flex-direction:column;
    text-align:center;
  }
  .dots{
    text-align:center;
  }
}

@media(max-width:600px){
  .testimonial-left h2{
    font-size:28px;
  }
}
/* Section */

.benefits-section{
    overflow:hidden;
}

/* Left */

.benefits-content{

    position:relative;

    background:#184f3d;

    color:#fff;

    padding:40px 40px 40px 80px;

    height:100%;

    overflow:hidden;

}

/* Decorative Tree */

.tree-bg{

    position:absolute;

    left:0;

    bottom:0;

    opacity:.08;

    width:340px;

}

.tree-bg img{

    width:100%;

}

/* Heading */

.benefits-content h2{

    font-size:30px;

    font-weight:700;

    margin-bottom:10px;

}

.title-line{

    display:block;

    width:180px;

    height:3px;

    background:#fff;

    margin-bottom:30px;

}
.title-lin2{

    display:block;

    width:180px;

    height:53px;

    background:var(--bs-yellow);

    margin-bottom:30px;

}
.benefits-content p{

    font-size:15px;

    line-height:1.5;

    color:#f1f1f1;



}

/* List */

.benefit-list2 {
  font-size: 15px;
}
.benefit-list2 li {
 padding-bottom: 8px;
}
.benefit-list{

    list-style:none;

    padding:0;

    margin-top:40px;

}

.benefit-list li{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;

    font-size:22px;

    font-weight:500;

}

.benefit-list i{

    font-size:28px;

    color:#fff;

}

/* Right */

.benefits-image{

    height:100%;

}

.benefits-image img{

    width:100%;

    height:100%;

    object-fit:cover;
object-position: top;
}

/* Responsive */

@media(max-width:991px){

.benefits-content{

padding:50px 35px;

}

.benefits-content h2{

font-size:38px;

}

.benefit-list li{

font-size:19px;

}

.benefits-image{

height:450px;

}

}

@media(max-width:576px){

.benefits-content{

padding:40px 25px;

}

.benefits-content h2{

font-size:32px;

}

.title-line{

width:120px;

}

.benefits-content p{

font-size:15px;

}

.benefit-list li{

font-size:17px;

}

.benefit-list i{

font-size:24px;

}

.benefits-image{

height:320px;

}

}
.pad-t {
  margin-top: -165px;
}

@media(max-width:991px){
.captionsleft {
  padding-left: 25px;
}
.pt-50 {
  padding-top: 30%;
}
.carousel-indicators {
  margin-bottom: 10rem;
}
}
.playvideo {
  color: var(--clr-white);

  text-decoration: none;
  font-size: 14px;

margin-top: -28px;
  position: absolute;
  z-index: 20;
  padding-left: 200px;

}
.playvideo span {
  padding-top:30px !important;
}
.playvideo i {
  color: var(--bs-yellow);
  font-size: 40px;
  padding-top: -15px!important;
  margin-left: -50px;
  position: absolute;
  margin-top: -10px;
}
.playvideo:hover {
  color: var(--clr-black);
}

.video-popup-model {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999999;
  transition: all 0.5s ease;
  opacity: 0;
}
.video-popup-model.smooth_show {
  opacity: 1;
}
.video-popup-model .video-layer {
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer {
    background-color: rgba(0, 0, 0, 0.5);
 }
}
.video-popup-model .video-layer .video-model-close-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-popup-model .video-layer .model-wrapper {
  width: 100%;
  height: auto;
}
.btnyellow {
  background-color: var(--bs-yellow);
  border: 0px;
  color: var(--bs-primery-color);
  z-index: 50;
  position: relative;
}
.btnyellow:hover {
  background-color:var(--bs-primery-color);
  border: 0px;
  color: var(--bs-second-color);
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper {
    max-width: 65%;
 }

}
.video-popup-model .video-layer .model-wrapper .videomodel {
  width: 100%;
  height: auto;
  background-color: black;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .videomodel {
    position: relative;
    padding: 1rem;
    background-color: white;
    border-radius: 0rem;
 }

}
.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen {
  width: 100%;
  border-radius: 0rem;
  overflow: hidden;
  background: #000;
}
.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen video, .video-popup-model .video-layer .model-wrapper .videomodel .videoscreen iframe {
  width: 100%;
  object-fit: cover;
  height: auto;
  border: 0;
  outline: none;
  display: block;
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn {
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  border: 0.2rem solid white;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .modelCloseBtn {
    background-color: white;
    right: -4rem;
    top: -3rem;
 }
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
  content: ' ';
  width: 0.2rem;
  height: 2.2rem;
  position: absolute;
  left: 1.7rem;
  top: 0.7rem;
  background-color: white;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
    background-color: black;
 }

}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before {
  transform: rotate(45deg);
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
  transform: rotate(-45deg);
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:after {
  opacity: 0.8;
}

@media screen and (max-width: 786px) {
.playvideo {
  color: var(--clr-white);

  text-decoration: none;
  font-size: 14px;

margin-top: 20px;
  position: absolute;
  z-index: 10000;
  padding-left: 40px;


}
.playvideo i {
   color: var(--clr-white);
}
}
/* Section */

.why-wrapper{

    background:#25411d;

    border-radius:40px;

    padding:30px 60px 0px 60px;

    overflow:hidden;

    position:relative;

}

/* Wave Background */

.why-wrapper::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:url("../images/wave.png");
    background-size:cover;
    background-position:center;

    opacity:.12;

}

.why-wrapper>*{

    position:relative;

    z-index:2;
    align-items: end;

}

/* Tag */

.tag{

    display:inline-block;

    border:1px solid rgba(255,255,255,.7);

    color:#fff;

    border-radius:50px;

    padding:10px 35px;

    margin-bottom:40px;
    margin-top: 15px;

    font-size:15px;

}

/* Heading */

.left-content h2{

    color:#ece6d8;

    font-size:70px;

    font-weight:300;

    line-height:1.05;

    margin-bottom:30px;

}

.left-content p{

    color:#f2f2f2;

    line-height:1.4;
    padding-bottom: 40px;

}

/* Farmer */

.farmer-img{

    max-height:600px;

}

/* Feature */

.feature-item{

    display:flex;

    align-items:center;

    margin-bottom:15px;

}

.circle{

    width:85px;

    height:85px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.8);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:25px;

    position:relative;

    color:#111;

    font-weight:600;

    flex-shrink:0;

}
.circle img {
  width: 70%;
}
.circle::before{

    content:"";

    position:absolute;

    width:70px;

    height:70px;

    border-radius:50%;

    background:#ffc107;

}

.circle{

    z-index:1;
}

.circle::after{

    content:attr(data-value);

}

.circle{
    color:#000;
}

.circle{
    font-size:22px;
}

.circle{
    display:flex;
}

.circle{
    position:relative;
}

.circle{
    overflow:hidden;
}

.circle{
    text-align:center;
}

.circle{
    font-weight:500;
}

.circle{
    isolation:isolate;
}

.circle span{
position:relative;
z-index:2;
}

.circle{
    color:#000;
}

.circle{
    line-height:95px;
}

.circle{
    font-size:24px;
}

.circle{
    z-index:5;
}

.circle::before{
z-index:-1;
}

.feature-text{

    color:#fff;

}

.feature-text h4{

    font-size:18px;

    margin-bottom:6px;

    font-weight:400;

}

.feature-text p{

    color:#ddd;

    border-top:1px solid rgba(255,255,255,.25);

    padding-top:3px;

    line-height:1.4;
    font-size: 14px;
    font-weight: normal;

}

/* Tablet */

@media(max-width:991px){

.why-wrapper{

padding:50px 35px;

}

.left-content{

text-align:center;
margin-bottom:40px;

}

.left-content h2{

font-size:50px;

}

.farmer-img{

max-height:420px;
margin-bottom:0px;

}

}

/* Mobile */

@media(max-width:576px){

.why-wrapper{

border-radius:20px;
padding:0px 20px;

}

.tag{

font-size:13px;
padding:8px 20px;

}

.left-content h2{

font-size:40px;

}

.feature-item{

flex-direction:column;
text-align:center;

}

.circle{

margin-right:0;
margin-bottom:20px;

}

.feature-text h4{

font-size:22px;

}

}

.footer-section{
    position:relative;
    color:#fff;
    margin-top:0px;
    padding-top: 50px;
    background:url("../images/footerbg.png") center center/cover no-repeat;
}

.footer-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(10,70,25,.25);
}

.footer-section .container{
    position:relative;
    z-index:2;
}

/* CTA */

.cta-box{
    background:#fff;
    border-radius:0px;
    padding:40px 60px;
    margin-top:0px;
    margin-bottom:60px;
}

.cta-box h2{
    color:#111;
    font-size:48px;
}

.btn-success{
    background:#00843D;
    border:none;
}

.btn-success:hover{
    background:#006b30;
}

/* Footer */

.footer-section h3{
    margin-bottom:30px;
    font-size:34px;
}

.footer-section p{
    color:#eee;
    line-height:1.3;
    font-size: 14px;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    text-decoration:none;
    color:#fff;
    transition:.3s;
     font-size: 14px;
}

.footer-links a:hover{
    color:#9be28d;
    padding-left:5px;
}

.social-icons a{
    display:inline-flex;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    justify-content:center;
    align-items:center;
    color:#fff;
    margin-right:10px;
    font-size:18px;
    transition:.3s;
}

.social-icons a:hover{
    background:#fff;
    color:#0c662d;
}

hr{
    border-color:rgba(255,255,255,.2);
}

.top-btn{
    width:48px;
    height:48px;
    background:#fff;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:24px;
}

.top-btn:hover{
    background:#0a7b35;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

.cta-box{
    margin-top:0px;
    padding:30px;
    text-align:center;
}

.cta-box h2{
    font-size:34px;
}

.footer-section h3{
    font-size:28px;
}

}


.page-banner{
    position:relative;
    height:400px;
    background:url("../images/about-banner.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(34,53,15,.45);
}

.banner-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
}

.banner-content h1{
    font-size:50px;
    font-weight:300;
    margin-bottom:20px;
    line-height:1;
}

.breadcrumb{
    background:transparent;
}

.breadcrumb-item,
.breadcrumb-item a{
    color:#fff;
    font-size:18px;
    text-decoration:none;
}

.breadcrumb-item+.breadcrumb-item::before{
    content:"–";
    color:#fff;
    padding:0 10px;
}
.breadcrumb-item.active {
  color: var(--bs-yellow);
}
/* Responsive */

@media(max-width:992px){

.page-banner{
    height:320px;
}

.banner-content h1{
    font-size:65px;
}

}

@media(max-width:576px){

.page-banner{
    height:260px;
}

.banner-content h1{
    font-size:48px;
}

.breadcrumb-item,
.breadcrumb-item a{
    font-size:16px;
}

}

.object-fit-cover{
    object-fit:cover;
}

.content-box{
    padding:20px 60px 0;
}

.content-box p{
    line-height:1.9;
    font-size:15px;
}

.abt-feature-box{
    padding:25px 20px;
    min-height:255px;
    height: 100%;
}

.yellow{
    background:#f4c55b;
}

.green{
    background:#52ad62;
    color:#fff;
}

.icon{
    width:70px;
    height:70px;
    border:2px solid #222;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
    background:#fff;
}

.icon i{
    font-size:34px;
    color:#5a9b35;
}

.abt-feature-box h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:10px;
    line-height:1.3;
}

.abt-feature-box p{
    margin-bottom:0;
    line-height: 22px;
}

.vr{
    height:70px;
}

@media (max-width:991px){

    .content-box{
        padding:40px 20px;
    }

    .display-5{
        font-size:2.3rem;
    }

    .display-2{
        font-size:3.5rem;
    }

    .feature-box{
        min-height:auto;
    }

}

@media (max-width:767px){

    .content-box h1 br{
        display:none;
    }

    .d-flex{
        flex-wrap:wrap;
    }

    .vr{
        display:none;
    }

}

.history-section{
    min-height:100vh;
    background:url("../images/farm-history.jpg") center center/cover no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    padding:60px 80px;
}

.overlay-card{
    width:55%;
    background:var(--bs-darkgreen);
    color:#fff;
    padding:50px 80px;
    border-radius:45px;
}

.year{
    color:#b9824b;
    font-size:30px;
    font-weight:600;
    display:block;
    margin-bottom:20px;
}

.overlay-card h1{
  
    font-size:30px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
    text-transform:uppercase;
}

.overlay-card p{
    font-size:14px;
    line-height:1.6;
    max-width:700px;
}

/* Tablet */

@media(max-width:991px){

.history-section{
    padding:40px;
}

.overlay-card{
    width:75%;
    padding:60px;
}

.overlay-card h1{
    font-size:60px;
}

.overlay-card p{
    font-size:18px;
}

}

/* Mobile */

@media(max-width:767px){

.history-section{
    padding:20px;
}

.overlay-card{
    width:100%;
    padding:35px 25px;
    border-radius:25px;
}

.year{
    font-size:22px;
}

.overlay-card h1{
    font-size:42px;
    margin-bottom:25px;
}

.overlay-card p{
    font-size:16px;
    line-height:1.7;
}

}
.about-section{
    padding:80px 0;
}

.about-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

/* Left Side */

.about-content{
    flex:1;
}

.section-title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:35px;
}

.section-title i{
    font-size:35px;
    color:#e7b800;
}

.section-title span{
    font-size:22px;
    font-weight:600;
    text-decoration:underline;
}

.about-content h2{
    font-size:64px;
    font-weight:600;
    line-height:1.05;
    margin-bottom:45px;
}

.about-text{
    border-left:6px solid #f2c52b;
    padding-left:35px;
}

.about-text p{
    color:#2f3133;
    font-size:15px;
    line-height:1.7;
}

/* Right Side */

.about-images{
    flex:1;
    position:relative;
    height:560px;
}

.small-img{
    position:absolute;
    top:0;
    left:20px;
    width:220px;
    height:300px;
    z-index:2;
}

.big-img{
    position:absolute;
    bottom:0;
    right:0;
    width:490px;
    height:420px;
}

.about-images img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Responsive */

@media(max-width:992px){

.about-wrapper{
    flex-direction:column;
}

.about-content h2{
    font-size:36px;
}

.about-text p{
    font-size:15px;
}

.about-images{
    width:100%;
    height:500px;
}

.big-img{
    width:80%;
}

}

@media(max-width:768px){

.about-section{
    padding:60px 20px;
}

.about-content h2{
    font-size:38px;
}

.about-text p{
    font-size:18px;
}

.about-images{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.small-img,
.big-img{
    position:static;
    width:100%;
    height:auto;
}

.about-images img{
    height:auto;
}

}



/* ================= */

.product-section{
    padding:50px 0px 20px 0;
}

.product-wrapper{
    display:flex;
    gap:70px;
    align-items:flex-start;
}

.product-image{
    flex:1;
    border: solid 1px #222;
}

.product-image img{
    width:100%;
}

.product-content{
    flex:1;
}

.product-content h1{
  
    font-size:40px;
    color:var(--bs-darkgreen);
    line-height:1;
}

.product-content h3{
    margin:10px 0 30px;
    color:#b37b4e;
    font-size:36px;
  
}

.product-content p{
    color:var(--bs-darkgreen);
    line-height:1.8;
    margin-bottom:30px;
}

label{
    display:block;
    font-weight:bold;
    margin-bottom:15px;
    color:#473321;
}

/* Weight */

.weight-list{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:40px;
}

.weight-list button{
    padding:10px 18px;
    background:#fff;
    border:1px solid #bbb;
    cursor:pointer;
    font-family:inherit;
}

.weight-list button:hover{
    background:#f5f5f5;
}

.weight-list a{
    color:#555;
    margin-left:10px;
}

/* Cart */

.cart-row{
    display:flex;
    gap:15px;
    margin-bottom:40px;
}

.cart-row input{
    width:90px;
    height:50px;
    padding:10px;
}

.cart-btn{
    flex:1;
    border:none;
    background:#d3b79f;
    color:#fff;
    font-size:18px;
    cursor:pointer;
}

.cart-btn:hover{
    background:#b9977a;
}

/* Meta */

.meta p{
    margin:6px 0;
}

.meta a{
    color:#473321;
}

/* ======================= */

/* Responsive */

@media(max-width:992px){

.product-wrapper{
    flex-direction:column;
}

.product-content h1{
    font-size:48px;
}

.tabs{
    flex-wrap:wrap;
}

}

@media(max-width:768px){

.product-content h1{
    font-size:38px;
}

.product-content h3{
    font-size:28px;
}

.cart-row{
    flex-direction:column;
}

.cart-row input{
    width:100%;
}

.tabs-section h2{
    font-size:32px;
}

.weight-list{
    flex-wrap:wrap;
}

}



.table-bordered td{
    border-width: 1px!important;
}
.table-bordered th{
    font-size: 15px;
    color: var(--bs-darkgreen);
      border-width: 1px!important;
}
.tabsmain {
    padding: 0px 40px!important;
}
.responsive-tabs-placeholder h5 {
    font-size: 17px!important;
  }
  .responsive-tabs dt {
    padding: 0.5em  1em  0.5em 0px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;

    padding-left: 10px;
    }

  .responsive-tabs dt:first-child {
    border-top: 0;
  
    }
  .responsive-tabs .active {
 color: var(--bs-green)
    }
  .responsive-tabs .active + dd {
    display: block;
    }
  .responsive-tabs dd {
    display: none;
    padding: 0.5em 0px ;
    }

.responsive-tabs-placeholder {
  display: none;
  }
.responsive-tabs-placeholder p{
font-size: 15px;
}

@media only screen and (min-width: 768px) {
  
  .responsive-tabs {
    }
    .responsive-tabs dt {
      float: left;
      border-top: 0;
      }
    .responsive-tabs .active + dd {
      display: none;
      }
 
  .responsive-tabs-placeholder {
    clear: both;
    display: block;
    padding: 1em 0px;
    border-top: 1px solid #ccc;
    }

}

.open_child_menu {
 position: absolute;
  right: 0;
  top: 5px;
  color:var(--bs-green);
}


.resources-section{
    padding:40px 0;
}

.wrapper{
    display:flex;
    align-items:center;
    gap:60px;
}

/* Left */

.content{
    flex:1;
}

.content h2{
    font-size:48px;
    font-weight:700;
    line-height:1.15;
    margin-bottom:25px;
}

.description{
    font-size:15px;
    color:#555;
    line-height:1.8;
    max-width:700px;
    margin-bottom:20px;
}

.card-wrapper{
    display:flex;
    gap:30px;
}
.card-wrapper a {
    color: #006b30;
}
.info-card{
    flex:1;
    background:#f8f4eb;
    border-radius:20px;
    padding:20px;
}

.icon{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--bs-darkgreen);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.icon i{
    font-size:24px;
    color:#fff;
}

.info-card h3{
    font-size:18px;
    margin-bottom:10px;
}

.info-card span{
    display:block;
    color:#555;
    font-size:15px;
    margin-bottom:15px;
}

.info{
    color:#9a8b58;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:12px;
}

.info i{
    color:#8bc122;
}

/* Right */

.image-box{
    flex:1;
}

.image-box img{
    width:100%;
    border-radius:28px;
    display:block;
    min-height: 400px;
    object-fit: cover;
}
.contact-section{
    padding:0px 0px 30px 0;
}
/* Responsive */

@media(max-width:992px){

.wrapper{
    flex-direction:column;
}

.content h2{
    font-size:42px;
}

.description{
    font-size:20px;
}

.card-wrapper{
    flex-direction:column;
}

}

@media(max-width:768px){

.contact-section{
    padding:25px 0;
}

.content h2{
    font-size:34px;
}

.description{
    font-size:18px;
}

.info-card{
    padding:30px;
}

.info-card h3{
    font-size:24px;
}

.info-card span{
    font-size:18px;
}

.info{
    font-size:18px;
}

}

.faq-section{
    padding:50px 0;
}

.faq-section h2{
    font-size:26px;
    font-weight:600;
    margin-bottom:25px;
    color:#0f4c46;
}

.section-text{
   
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
    color:#1b4e48;
}

/* Accordion */

.faq details{
    border-top:1px solid #d8d4ca;
}

.faq details:last-child{
    border-bottom:1px solid #d8d4ca;
}

.faq summary{
    list-style:none;
    display:flex;
    align-items:flex-start;
    gap:35px;
    padding:20px 0px 10px 0px;
    cursor:pointer;
}

.faq summary::-webkit-details-marker{
    display:none;
}

/* Icon */

.faqicon{
    width:30px;
    height:30px;
    border-radius:0px;
    background:#134f47;
    position:relative;
    flex-shrink:0;
}

.faqicon::before{
    content:"+";
    color:#fff;
    font-size:22px;
    font-weight:600;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-54%);
    padding-top: 3px;
}

details[open] .faqicon{
    background:#9acd32;
}

details[open] .faqicon::before{
    content:"−";
}

/* Text */

.question{
    font-size:16px;
    font-weight:500;
    color:#111;
    padding-top:4px;
}

.answer{
    margin-left:75px;
    padding:0 0 10px;
   
    color:#667a7b;
    font-size:15px;
    line-height:1.7;
}
.answer h6 {
    color:var(--bs-green);
    font-size: 17px;
}
/* Responsive */

@media(max-width:991px){

.faq-section h2{
    font-size:52px;
}

.section-text{
    font-size:20px;
}

.question{
    font-size:22px;
}

.answer{
    font-size:18px;
}

}

@media(max-width:768px){

.faq-section{
    padding:50px 0;
}

.faq-section h2{
    font-size:22px;
}

.section-text{
    font-size:15px;
}

.faq summary{
    gap:18px;
}

.icon{
    width:34px;
    height:24px;
}

.question{
    font-size:20px;
}

.answer{
    margin-left:52px;
    font-size:15px;
}

}

.contact-info{
    padding:60px 0px 20px 0px;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.contact-card{
    background:#faf6ed;
    border-radius:25px;
    padding:40px 30px;
    text-align:center;
    transition:.3s;
}

.contact-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.icon-box{
    width:60px;
    height:60px;
    background:#92c61d;
    border-radius:50%;
    margin:0 auto 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    font-size:26px;
    color:#fff;
}

.contact-card h3{
    font-size:20px;
    font-weight:600;
    color:var(--bs-darkgreen);
    margin-bottom:15px;
}

.title{
    font-size:16px;
    color:#444;
    margin-bottom:20px;
}

.info{
    display:inline-flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:var(--bs-darkgreen);
    font-size:16px;
    font-weight:400;
}

.info i{
    color:var(--bs-darkgreen);
    font-size:24px;
}

.address{
    display:block;
}

/* Tablet */

@media(max-width:992px){

.contact-grid{
    grid-template-columns:1fr;
}

.contact-card h3{
    font-size:34px;
}

}

/* Mobile */

@media(max-width:576px){

.contact-card{
    padding:30px 20px;
}

.icon-box{
    width:65px;
    height:65px;
}

.icon-box i{
    font-size:30px;
}

.contact-card h3{
    font-size:18px;
}

.title{
    font-size:14px;
}

.info{
    font-size:15px;
}

}


.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#f8f6ee;
    border-radius:28px;
    overflow:hidden;
}

.contact-form{
    padding:60px;
}

.contact-form h2{
    font-size:32px;
    font-weight:700;
    line-height:1.15;
    color:#111;
    margin-bottom:45px;
    max-width:550px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-bottom:30px;
}

.form-group input,
.form-group textarea{
    width:100%;
    border:1.5px solid #98a25d;
    border-radius:10px;
    padding:10px 10px;
    font-size:15px;
    font-family:inherit;
    background:#fff;
    outline:none;
}

.form-group input:focus,
.form-group textarea:focus{
    border-color:#7db428;
}

.form-group textarea{
    height:150px;
    resize:none;
    margin-bottom:35px;
}

.btn-send{
    background:var(--bs-green);
    color:var(--bs-primery-color);
    border:none;
    padding:12px 20px;
    font-size:15px;
    font-weight:600;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
}

.btn-send:hover{
    background:#cdd733;
    color: var(--bs-darkgreen);
}

/* Right Side */

.map-box{
    min-height:700px;
}

.map-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* Responsive */

@media(max-width:992px){

.contact-wrapper{
    grid-template-columns:1fr;
}

.map-box{
    height:450px;
    min-height:auto;
}

.contact-form{
    padding:40px;
}

.contact-form h2{
    font-size:42px;
}

}

@media(max-width:768px){

.contact-form{
    padding:25px;
}

.contact-form h2{
    font-size:34px;
}

.form-row{
    grid-template-columns:1fr;
    gap:20px;
}

.form-group input,
.form-group textarea{
    font-size:18px;
}

.btn-send{
    width:100%;
    font-size:20px;
}

.map-box{
    height:350px;
}

}



.gallery {
  column-width: 300px;
  column-gap: 5px;
  padding: 5px;
  width: 80%;
  margin: 30px auto;
}

.gallery img {
  width: 100%;
  cursor: pointer;
  border: solid 1px #2c3d1e;
  margin-bottom: 8px;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  background: #7f8c8d;
  perspective: 1000;
  z-index: 10000;
}

.filter {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(20px);
  opacity: 0.5;
  background-position: center;
  background-size: cover;
}

.lightbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(0deg);
  max-height: 95vh;
  max-width: calc(95vw - 100px);
  transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
  transform-style: preserve-3d;
}


/*.lightbox:hover img{
  transform: translate(-50%, -50%) rotateY(180deg);
}*/

[class^="arrow"] {
  height: 200px;
  width: 50px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

[class^="arrow"]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 15px;
  height: 15px;
}

.arrowr {
  right: 0;
}

.arrowr:after {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.arrowl {
  left: 0;
}

.arrowl:after {
  border-left: 1px solid white;
  border-top: 1px solid white;
}

.close {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
}

.close:after,
.close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #e74c3c;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.gallery .title {
  font-size: 20px;
  color: #000;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 20px 0;
  display: none;
}
.products img {
    width: 100% !important;
    height: auto;
}

.productbox {
	background: #fff;
	    border: solid 1px #96ccb0;

 height: 100%;

  padding: 20px;
}

.productbox .read-more a {
	padding: 10px 25px 10px 25px;
	float: left;
	font-size: 14px;
	background:var(--bs-lightgreen);
	color: var(--bs-primery-color);
	border: solid 0px;
border-radius: 50px;
	
	text-transform: uppercase;
	text-decoration: none;
   
	
  }
  .productbox .read-more a:hover {
	background:var(--bs-yellow);
	text-decoration: none;
	color: var(--clr-white);
	text-decoration: none;
	border-color: var(--clr-white);
  }


  
.instruction{
background:#fff8d8;
padding:12px;

margin-bottom:25px;
}
.dealermain h1 {
    font-size: 24px;
}
.formmain {
    padding: 0px 100px;
}


.formmain .section-title{
background:#0b6b38;
color:#fff;
padding:10px 15px;
margin:30px 0 20px;
font-size:14px;
font-weight:bold;
}

.grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.full{
grid-column:1/-1;
}

.form-group{
display:flex;
flex-direction:column;
}

label{
font-weight:400;
margin-bottom:8px;
font-size: 14px;
}

input,
textarea, select{
padding:12px;
border:1px solid #bbb;
border-radius:0px;
font-size:14px;
font-weight:400;
margin: 3px 0px;
}

textarea{
resize:vertical;
}

.radio-group{
display:flex;
flex-wrap:wrap;
gap:15px;
margin-top:8px;
}

.radio-group label{
font-weight:400;
}

.checkbox{
display:flex;
gap:10px;
align-items:flex-start;
font-weight:400;
line-height:1.6;

}

.signature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:20px;
}

.buttons{
margin-top:35px;
display:flex;
justify-content:center;
gap:20px;
border-top: solid 1px #000;
padding-top: 10px;
}

button{
padding:14px 35px;
border:none;
border-radius:5px;
font-size:16px;
cursor:pointer;
}

.submit-btn{
background:#0b6b38;
color:#fff;
}

.submit-btn:hover{
background:var(--bs-yellow);
color:#000;
}

.reset-btn{
background:#ddd;
}

.reset-btn:hover{
background:#c8c8c8;
}

@media(max-width:768px){

.grid,
.signature-grid{
grid-template-columns:1fr;
}

.formmain {
    padding: 0px 0px;
}
label {
    text-align: left;
}
.buttons{
flex-direction:column;
}

button{
width:100%;
}

.radio-group{
flex-direction:column;
gap:8px;
}
}