body {
    margin: 0;
    padding: 0;
}

:root {
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: 'Montserrat', sans-serif;
    --paragraph-font:'Jost', sans-serif;
    --primary-color: #edce29;
    --secondary-color: #323842;
}

/*pre-hesder style */
.pre-header {
    background: #26501b;
    color: white;
    padding: 3px 0;
    font-size: 14px;
    line-height: 36px;

}

.pre-item-left a {
    font-size: 13px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-family: var(--secondary-font);
    white-space: nowrap;

}

.pre-item-left i {
    color: white;
    font-size: 13px;
    margin-top: 2px;
}

.pre-item-left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.pre-item-left p {
    margin: 0;
    font-size: 14px;
}

.social-btn i {
    padding: 5px;
    color: white;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.social-btn i:hover {

    transform: translateY(-3px);
}

.quote-btn {

    align-items: center;
    gap: 10px;
    background: #9d6619;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 24px;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: var(--secondary-font);
}

.quote-btn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.quote-btn:hover {
    transform: translateY(-2px);
}

/*banner area */

.hero-banner {
    width: 100%;
}

.hero-slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.hero-slider .swiper-slide img {
    width: 100%;

}

.swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
   
    backdrop-filter: blur(10px);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #fff;
    color: #000;
    transform: scale(1.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px;
    font-weight: 700;
}


/*footer area */


.footer_background {
    background: #292929;
    padding: 40px 0;
}

.footer_body h4 {
    color: #fff;
    font-size: 20px;
    font-family: var(--secondary-font);
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
}

.footer-logo {
    max-width: 180px;

}

.footer_body p {
    color: #cfd8dc;

    margin-top: 20px;
    margin-bottom: 0;
    font-family: var(--secondary-font);
    font-size: 14px;
}

.social_icon_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social_icon_links li {
    margin-bottom: 12px;
}

.social_icon_links li a {
    color: #cfd8dc;
    text-decoration: none;
    transition: .3s;
    font-size: 14px;
    display: inline-block;
    font-family: var(--secondary-font);
}

.social_icon_links li a:hover {
    /* color: #f4b400; */
    transform: translateX(5px);
}

.social_icon_links li i {
    color: #539a41;
    margin-right: 8px;
}

.copyright {
    background: #242424;
    padding: 18px 0;
    text-align: center;
}

.copyright p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    letter-spacing: .5px;
    font-family: var(--secondary-font);
}

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

    .footer_background {
        padding: 50px 0;
    }

    .footer_body {
        margin-bottom: 20px;
    }

    .footer_body h4 {
        font-size: 20px;
    }

    .contaci-info h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .contact-item {
        width: 330px;
    }

    .contact-item p {
        font-size: 14px;
    }

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

    .contact-form-card .form-control {
        font-size: 13px;
    }
}

.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.footer-social a {
    width: 30px;
    height: 30px;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #539a41;
    border-radius: 50%;
    font-size: 16px;
    transition: .3s;
}

.footer-social a:hover {
    transform: translateY(-3px);
}

/*categories */





.section-title h2 {
    font-size: 30px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: #000;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.category-card {

    transition: .4s;
}

.category-card:hover {
    transform: translateY(-8px);
}

.category-card img {
    width: 187px;
    height: auto;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(82, 131, 0, 0.55);
    object-fit: cover;
}

.category-content {
    padding: 25px;

}

.category-content h4 {
    font-size: 16px;
    font-family: var(--secondary-font);
    margin-bottom: 10px;
    font-weight: 600;
}

.category-content p {
    margin: 0;
    color: #424242;
    font-size: 14px;
    line-height: 1.7;
    font-family: 
    ;
}



.connect-section {

    background: #faf2d6;
}

.connect-image {
    overflow: hidden;
    border-radius: 20px;
}

.connect-content h2 {
    font-size: 32px;
    font-family: var(--primary-font);
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}

.connect-content p {
    font-size: 14px;
    font-family: 'Jost', sans-serif;
    color: #000;
    line-height: 1.9;
    margin-bottom: 20px;
}

.connect-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
}

.connect-btn span {
    color: black;
    font-weight: 600;
    font-family: 'Jost', sans-serif;
    text-decoration: underline;
    text-underline-offset: 6px;
    font-size: 18px;
}

.connect-btn i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;


    color: #528300;
    transition: .3s;
}

.connect-btn:hover i {
    transform: translateX(5px);
}

/*products style */

.product-section{
    background:#1f4e3d;
  
}

.section-title-two h2{
    color:#fff;
    font-size:30px;
    font-weight:600;
    font-family: var(--primary-font);
    margin-bottom:60px;
}


.product-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
}

.product-card img{
    width:100%;
    height:280px;
    object-fit:cover;
}

.product-content{
    padding:25px;
    text-align:center;
}

.product-content h4{
    font-size:16px;
    font-family: var(--primary-font);
    font-weight:600;
    margin-bottom:10px;
}

.product-content p{
    color:#666;
    margin:0;
}


/*why choose us */

.why-choose-us{
   
    background:#fff;
}

.why-box{
    text-align:center;
    padding:20px 30px;
    position:relative;
}

.why-box::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:120px;
    background:#dcdcdc;
}

.no-border::after{
    display:none;
}

.why-box img{
    width:70px;
    height:70px;
    object-fit:contain;
    margin-bottom:20px;
}

.why-box h4{
    font-size:18px;
    font-weight:500;
    margin-bottom:10px;
    color:#222;
    font-family: 'Jost', sans-serif;

}

.why-box p{
    font-size:14px;
    font-family:'Jost', sans-serif;
    color:545454;
    margin:0;

    line-height:1.7;
}

@media(max-width:991px){

   
    .why-box::after{
        display:none;
    }

}

/*testi */

.testimonial-item{
    background:#1f4e3d;
    padding:30px;
    margin:15px;
    border-radius:15px;
   
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.rating{
    color:#f4b400;
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}

.rating span{
    color:white;
}

.testimonial-item p{
    color:white;
    font-size: 15px;
    margin-bottom:40px;
       font-family:'Jost', sans-serif;

}

.client-info img{
    width:80px;
    height:80px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 15px;
}

.client-info h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
       font-family:'Jost', sans-serif;

    color:white;

  
  }

.client-info span{
    color:#d5d1d1;
    font-size:14px;
}
/* Dots Container */
.testimonial-slider .slick-dots{
    position: relative;
    
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

/* Hide Default Dot */
.testimonial-slider .slick-dots li button:before{
    display: none;
}

/* Custom Dot */
.testimonial-slider .slick-dots li button{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d9d9d9;
    border: none;
    padding: 0;
    transition: all .3s ease;
}

/* Active Dot */
.testimonial-slider .slick-dots li.slick-active button{
    width: 35px;
    border-radius: 30px;
    background:#1f4e3d;
}

.testimonial-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.testimonial-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.testimonial-slider .slick-dots li button {
    font-size: 0; /* 1,2,3 hide */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #d0d0d0;
    padding: 0;
    cursor: pointer;
}

.testimonial-slider .slick-dots li.slick-active button {
    background:#1f4e3d;
    width: 30px;
    border-radius: 20px;
}

.testimonial-slider .slick-dots li button:before {
    display: none;
}

.contact-section{
    
    background:#f8f9fa;
}

.contact-form-box{
    background:#fff;
    padding:60px;
    height:100%;
}



.contact-form-box h2{
    font-size:30px;
    font-weight:600;
    margin-bottom:35px;
    font-family: var(--primary-font);
}

.contact-form-box .form-control{
    height:58px;
    border:1px solid #ddd;
    border-radius:8px;
    box-shadow:none;
    padding:0 18px;
    font-family: 'Jost', sans-serif;;
}

.contact-form-box .form-control:focus{
    border-color:#528300;
    box-shadow:none;
}

.submit-btn{
  align-items: center;
    
    background: #26501b;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 24px;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 500;
    outline: none;
    border: none;
    font-family: var(--secondary-font);
}

.submit-btn:hover{
    background:#26501b;
}

.map-box{
    height:100%;
    min-height:650px;
}

.map-box iframe{
    width:100%;
    height:100%;
    border:none;
}
/*about style */


.page-banner{
    position:relative;
    background:url('../img/banner-2.jpg') center center/cover no-repeat;
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.page-banner::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

.banner-content{
    position:relative;
    z-index:2;
}

.banner-content h1{
    font-size:45px;
    font-family: var(--primary-font);
    font-weight:700;
    letter-spacing: 2;
    color:#fff;
    margin-bottom:15px;
    text-transform:uppercase;
}

.banner-content .breadcrumb{
    margin:0;
}

.banner-content .breadcrumb-item,
.banner-content .breadcrumb-item a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-family: var(--paragraph-font);
}

.banner-content .breadcrumb-item + .breadcrumb-item::before{
    color:#fff;
}

@media(max-width:768px){

    .page-banner{
        height:180px;
    }

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

}

.about-image{
   
    border-radius:20px;
}

.about-image img{
    width:100%;
    height:600px;
    object-fit:cover;
    border-radius:20px;
}




.about-content h2{
    font-size:30px;
    font-family: var(--primary-font);
    line-height:40px;
    font-weight:600;
    color:black;
    margin-bottom:25px;
}

.about-content p{
    font-size:14px;
    line-height:1.9;
    font-family: var(--paragraph-font);
    color:black;
    margin-bottom:20px;
}






/* Responsive */

@media(max-width:991px){

    .about-content{
        padding-left:0;
        margin-top:40px;
    }

   

    .about-content h2{
        font-size:24px;
        line-height: 31px;
    }

    .about-image img{
        height:450px;
    }
}



.mission-vision-section{
 background:#f8fafc;
}

.mission-box,
.vision-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    height:100%;
    box-shadow:0 10px 30px rgba(82,131,0,0.10);
}

.icon-box{
    margin-bottom:25px;
}

.icon-box img{
    width:70px;
    height:70px;
    object-fit:contain;
}

.mission-box h3,
.vision-box h3{
    font-size:22px;
    font-family: var(--primary-font);
    font-weight:600;
    margin-bottom:15px;
}

.mission-box p,
.vision-box p{
    color:black;
    font-family: var(--paragraph-font);
    line-height:1.8;
    font-size: 14px;
    margin-bottom:20px;
}

.mission-box ul,
.vision-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.mission-box ul li,
.vision-box ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    font-weight:500;
    font-family: var(--paragraph-font);
    font-size: 16px;
}

.mission-box ul li::before,
.vision-box ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#539a41;
    font-weight:700;
}


/*products Details */

.product-details-section{
    padding:100px 0;
}

.product-image{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.product-image img{
    width:100%;
    border-radius:20px;
}

.product-tag{
    display:inline-block;
    background:#539a41;
   
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-family: var(--paragraph-font);
    margin-bottom:20px;
}

.product-details-section h2{
    font-size:34px;
    font-weight:700;
    font-family: var(--primary-font);
    margin-bottom:20px;
    color: #000;
}

.product-details-section p{
    color:black;
    font-family: var(--paragraph-font);
    line-height:1.9;
    margin-bottom:20px;
}

.product-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:30px 0;
}

.feature-item{
    font-weight:500;
    font-family: var(--primary-font);
}

.feature-item i{
    color:#528300;
    margin-right:8px;
}

.product-btn{
    display:inline-block;
     background:#26501b;
    color:#fff;
    font-size: 16px;
    text-decoration:none;
    padding:14px 24px;
    border-radius:6px;
    font-family: var(--paragraph-font);
    font-weight:600;
}

.product-btn:hover{
    color:#fff;
}

.product-specifications{
   
    background:#f8f9fa;
}

.specification-table{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    font-family: var(--paragraph-font);
    font-size: 14px;
}

.specification-table table{
    margin-bottom:0;
}

.specification-table th{
    width:35%;
    background:#528300;
    color:#fff;
    font-weight:600;
    padding:18px 20px;
    border-color:#e9ecef;
}

.specification-table td{
    padding:18px 20px;
    color:#444;
    font-weight:500;
}

.specification-table tr:nth-child(even) td{
    background:#f8f9fa;
}


/*contact style */


/* =========================
   Inquiry Contact Section
========================= */

.inquiry-section{
    padding:100px 0;
    background:#f8fafc;
}

.inquiry-title h2{
       font-size: 30px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: #000;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.inquiry-info,
.inquiry-form-wrapper{
    background:#ffffff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    height:100%;
}

.inquiry-info h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:35px;
    text-transform: uppercase;
    color:black;
    font-family: var(--primary-font);
}

.inquiry-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}

.inquiry-item:last-child{
    margin-bottom:0;
}

.inquiry-item i{
    width:55px;
    height:55px;
    min-width:55px;
    background:#26501b;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.inquiry-item h6{
    font-size:18px;
    font-weight:500;
    margin-bottom:5px;
    color:#414040;
    font-family: var(--paragraph-font);
}

.inquiry-item p{
    margin:0;
    color:black;
    font-family: var(--primary-font);
    line-height:1.7;
    font-size: 14px;
}

/* Form */

.inquiry-form .form-control{
    height:55px;
    border:1px solid #dfe3e8;
    border-radius:10px;
    padding:0 18px;
    font-size:15px;
    box-shadow:none;
    transition:all .3s ease;
}

.inquiry-form .form-control:focus{
    border-color:#0d6efd;
    box-shadow:none;
}

.inquiry-input::placeholder{
    color:#999;
}

.inquiry-submit-btn{
    border:none;
    background:#0d6efd;
    color:#fff;
    padding:14px 35px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.inquiry-submit-btn:hover{
    background:#0b5ed7;
}

/* Responsive */

@media(max-width:991px){

    .inquiry-section{
        padding:70px 0;
    }

    .inquiry-title h2{
        font-size:34px;
    }

    .inquiry-info,
    .inquiry-form-wrapper{
        padding:30px;
    }

}

@media(max-width:767px){

    .inquiry-title h2{
        font-size:28px;
    }

    .inquiry-info,
    .inquiry-form-wrapper{
        padding:25px;
    }

    .inquiry-item{
        gap:15px;
    }

    .inquiry-item i{
    width: 30px;
        height: 30px;
        min-width: 32px;
        font-size: 13px;
    }
.inquiry-item h6 {
    font-size: 16px;
}
    .inquiry-submit-btn{
        width:100%;
    }
.product-details-section h2{
    font-size: 24px;
}
.product-tag {
    font-size: 12px;
    margin-top: 14px;
}
 .product-details-section .row{
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    .quote-btn {
        font-size: 8px;
        padding:14px 8px;

}
}