body {
    background-color: #FFFCF2 !important;
}
.menu{
    color: #063210 !important;
}
.logo img{
    width: 267px;
}
.banner_img{
    background: linear-gradient(to bottom right, rgba(31, 83, 40, 0.85), rgba(31, 83, 40, 0.85)),
            url('banner_img.png') !important;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
}
 .text{
    padding-top: 200px;
    /* padding-left: 100px; */
} 
.btn{
    background-color: #FFFCF2 !important;
    color:#063210 !important;
    border: none;
    padding: 7px 15px;
    border-radius: 0px !important;
}
.btn a{
    color: #063210;
    text-decoration: none;
}
.about2{
    margin-top: 100px;
    margin-left: 30px;
}
.about_text h2{
    margin-top: 20px;
    color: #063210;
}
.about_text p{
    margin-top: 50px;
    color: #063210;
}
.about img{
    width: 100%;
}
.about_txt{
    font-size: 24px;
}
.p2{
    margin-top: 0px !important;
}
.btn1{
    background-color:#063210 !important;
    color: white;
    padding: 7px 15px;
    border: none;
    margin-top: 50px;
}
.btn1 a{
    text-decoration: none;
    color: white;
}
.slider_text h2{
    color:#063210;
}
.slider_text p{
    color:#063210;
    margin-top: 40px;
}
.why_choose{
    width: 100%;
    float: left;
    height: 600px;
    background-image: url(why_choose.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/* .why_choose_text{
    padding-top: 100px;
    padding-left: 700px;
} */
.why_choose_text ul{
    list-style: none;
}
 .why_choose_text {
    padding-top: 60px;
    padding-left: 50px;
} 
.premium_agro{
    margin-top: 80px;
}
.btn2{
    background-color: #FFFCF2 !important;
    color:#063210 !important;
    border: none;
    padding: 7px 15px;
    margin-top: 50px;
}
.map{ 
    width: 100%;
    float: left;
    background-image: url('map.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    /* height: 800px; */
}
.map h4{
    padding-top: 200px;
    color: #063210;
}
.carousel img{
    width: 150px !important;
}
.carousel1 img{
    width: 150px !important;
    margin-top: 50px;
}
.carousel2 img{
    width: 100%;
}
.footer{
    width: 100%;
    float: left;
    background-color: #063210;
    margin-top: 100px;
}
.footer img{
    width: 267px;
    padding-top: 30px;
}
.icon{
    margin-right: 30px;
}
.icon img{
    width: 40px;
    padding-top:30px;
}
.menu{
    margin-right: 30px;
}
.menu span{
    margin-right: 10px;
}
.menu ul{
    margin-bottom: 0px !important;
}
.menu ul li{
     display: inline-block;
     padding: 10px;
}
.menu ul li a{
    text-decoration: none;
    color: white;
}
.menu p{
    color: white;
    font-size: 10px;
    margin-top: 0px;
}
.certificate{
    margin-top: 100px;
}
.owl-carousel .owl-item .pimg1 img{
    height: 100% !important;
}

/* About Page CSS */

.about_img{
    background-image: url(About_banner.png);
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_whychoose{
    background-image: linear-gradient(
                to bottom right, 
                rgba(31, 83, 40, 0.85), 
                rgba(31, 83, 40, 0.85)
            ),
            url('about_whychoose_img.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    margin-top: 100px;
}
.aboutpage_text{
    padding-top: 40px;
}
.whyc_text img{
    width: 65px;
}
.map h6{
    color: #063210;
    padding-top: 50px;
}
.btn3{
    background-color:#063210 !important;
    color: white;
    padding: 7px 15px;
    border: none;
    margin-top: 10px;
}
.btn3 a{
    text-decoration: none;
    color: white;
}


/* Product Page CSS */

.product_banner{
    background-image: linear-gradient(
                    to bottom right, 
                    rgba(31, 83, 40, 0.85)
                ), url(product_banner.png);
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}
.text1{
    padding-top: 250px;
}
.product{
    padding-top: 120px;
}
.product h4{
    color: #063210;
}
.product p{
    color: #063210;
}
.modal-dialog{
    max-width: 1000px !important;
}
.product_modal{
    color: #063210;
}
.product_modal img {
    width: 100%;
    height: 400px;
}

/* Contact Page CSS */

.contact_banner{
    background-image: url(contact_banner.png);
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contact_banner img{
    width: 100%;
}
.contact{
    color: #063210;
}
.contact img{
    width: 25px;
}
.form-control {
    background-color:rgba(31, 83, 40, 0.8) !important;
    border: none;
}
input::placeholder {
    color: white !important;
}
.form-control textarea{
    background-color:rgba(31, 83, 40, 0.8) !important;
    border: none;
}
.form-control:focus{
    background: none !important;
}

.container-fluid, .container {
    padding-right: calc(var(--bs-gutter-x) * 3) !important;
    padding-left: calc(var(--bs-gutter-x) * 3) !important;
}

@media only screen and (max-width: 600px) {
    .text{
    padding-top: 190px;
    padding-left:0px;
   } 
   .about img{
    width: 100%;
   }
   .about_text h2{
    margin-top: 50px;
   }
   .about_text p{
    margin-top: 20px;
   }
   .btn1{
    margin-top: 20px;
   }
   .map h4{
    padding-bottom: 20px;
   }
   .product{
     padding-top: 30px;
   }
   .menu ul{
    font-size: 10px;
   }
   .menu ul li{
    padding: 7px;
   }
   .product_modal img{
    width: 100%;
    height: 100%;
}
.container-fluid, .container {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
}
@media (max-width: 767.98px) {
  .reverse-on-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}
#custom-nav {
  display: flex;
  justify-content: right;
  gap: 20px;
}

#custom-nav .owl-prev,
#custom-nav .owl-next {
  /* background-color: #ccc; */
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  
}
#custom-nav span{
   font-size: 30px;
}

.pname {
    background: #063210;
    padding: 20px;
    text-align: center;
}
.pname h5 {
    color: white;
}
.carousel2 a {
    text-decoration: none;
}

.pimg {
    height: 267px;
    width: 100%;
    float: left;
}

.pimg1 {
    height: 267px;
    width: 100%;
    float: left;
}
.product_modal p{
    font-family: "Inter", sans-serif;
    font-size:14px;
}
.product_modal li{
    font-family: "Inter", sans-serif;
    font-size:14px;
}