:root{
  --green:#2e560d;
  --green-2:#5f8f16;
  --lime:#8bc53f;
  --dark:#132406;
  --cream:#f7f4ec;
  --text:#171717;
  --muted:#707070;
  --radius:24px;
  --shadow:0 18px 50px rgba(31,57,8,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Manrope",sans-serif;color:var(--text);overflow-x:hidden}
img{display:block;width:100%}
a{text-decoration:none}
.top-strip{background:linear-gradient(90deg,#23440d,#476d14);color:#fff}
.brand-icon{width:52px;height:52px;margin-top: 10px;border-radius:15px;background:linear-gradient(135deg,#8b4d1d,#d4862a);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 10px 25px rgba(103,57,16,.25)}
.brand-text strong,.brand-text small{display:block}
.brand-text strong{font-size: 35px;color:#6b3819;text-transform: uppercase;font-weight: 900;}
.brand-text small{font-size: 13px;/* letter-spacing:2px; */line-height: 1px;font-weight:800;text-transform: uppercase;color:#202020}
.navbar .nav-link{font-weight:700;color:#202020!important;padding:.7rem .9rem!important;position:relative}
.navbar .nav-link:after{transition:.3s}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--green-2)!important}
.dropdown-item{padding:.7rem 1rem}
.dropdown-item:hover{background:#edf5e2;color:var(--green)}

/* Smooth Products Dropdown */
.navbar .dropdown-toggle::after{
  transition:transform .3s ease;
}
.navbar .dropdown-toggle.show::after{
  transform:rotate(180deg);
}
.products-dropdown{
  display:block !important;
  min-width:280px;
  margin-top:14px !important;
  padding:14px !important;
  border:1px solid rgba(51,82,20,.08) !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(14px) scale(.97);
  transform-origin:top center;
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .32s cubic-bezier(.2,.8,.2,1);
}
.products-dropdown.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.products-dropdown .dropdown-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 8px 14px;
  font-weight:700;
  color:#3e3e3e;
  transition:
    background-color .25s ease,
    color .25s ease,
    transform .25s ease;
}
.products-dropdown .dropdown-item i{
  width:24px;
  text-align:center;
  color:var(--green);
  font-size:16px;
  transition:transform .25s ease,color .25s ease;
}
.products-dropdown .dropdown-item:hover{
  background:#edf5e2;
  color:var(--green);
  transform:translateX(5px);
}
.products-dropdown .dropdown-item:hover i{
  color:var(--green-2);
  transform:scale(1.12);
}

/* Desktop hover support with smooth opening */
@media (min-width:992px){
  .navbar .dropdown:hover > .products-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .navbar .dropdown:hover > .dropdown-toggle::after{
    transform:rotate(180deg);
  }
}

/* Mobile dropdown remains smooth and correctly positioned */
@media (max-width:991.98px){
  .products-dropdown{
    position:static !important;
    min-width:100%;
    margin-top:6px !important;
    box-shadow:none !important;
    background:#f7f9f3;
    max-height:0;
    overflow:hidden;
    padding-top:0 !important;
    padding-bottom:0 !important;
    transform:none;
    transition:
      max-height .38s ease,
      opacity .28s ease,
      padding .28s ease;
  }
  .products-dropdown.show{
    max-height:520px;
    padding-top:10px !important;
    padding-bottom:10px !important;
    transform:none;
  }
}

.btn-brand{background:linear-gradient(135deg,var(--lime),var(--green-2));color:#fff;border:0;border-radius:999px;padding:.85rem 1.3rem;font-weight:800;box-shadow:0 10px 25px rgba(66,107,15,.22);transition:.3s}
.btn-brand:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px rgba(66,107,15,.28)}
.hero-slider{height:650px}
.hero-slide{background-size:cover;background-position:center;position:relative}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,2,.86),rgba(5,11,2,.58) 40%,rgba(5,11,2,.12))}
.hero-copy{max-width:650px}
.hero-copy h1{letter-spacing:-3px;line-height:1.03}
.hero-copy h1 span{color:#9ad046}
.hero-copy p{max-width:590px;color:rgba(255,255,255,.85)}
.hero-badge{display:inline-flex;align-items:center;border:1px solid rgba(154,208,70,.7);color:#a8de50;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;font-weight:800}
.hero-nav{width:46px;height:46px;border-radius:50%;background:rgba(19,36,6,.7);color:#fff;border:1px solid rgba(255,255,255,.45)}
.hero-nav:after{font-size:16px}
.hero-slider .swiper-pagination-bullet{background:#fff;opacity:.7;width:11px;height:11px}
.hero-slider .swiper-pagination-bullet-active{background:#8fc63e;opacity:1}
.feature-band{background:#fbfaf6;border-bottom:1px solid #ece9e0}
.feature-item{height:100%;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;transition:.35s}
.feature-item:hover{background:#fff;transform:translateY(-6px);box-shadow:var(--shadow)}
.feature-item i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #bdd09a;color:var(--green-2);font-size:19px;transition:.35s}
.feature-item:hover i{background:var(--green-2);color:#fff;transform:rotate(-8deg) scale(1.08)}
.feature-item h6{margin:0;font-size:.82rem;font-weight:800}
.feature-item p{margin:.2rem 0 0;color:var(--muted);font-size:.7rem}
.section-space{padding:90px 0}
.section-head span{font-size:.75rem;font-weight:800;color:var(--green-2);letter-spacing:.04em}
.section-head h2{font-size:2.45rem;font-weight:800;margin:.7rem 0}
.section-head h2 em{font-style:normal;color:var(--green-2)}
.section-head p{color:var(--muted)}
.product-slider{padding:8px 4px 50px}
.product-card{height:410px;border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.product-card img{height:100%;object-fit:cover;transition:.7s}
.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9))}
.product-card:hover img{transform:scale(1.08)}
.product-card .overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;color:#fff;padding:24px;transition:.35s}
.product-card:hover .overlay{transform:translateY(-8px)}
.product-card h3{font-size:1.2rem;font-weight:800}
.product-card p{font-size:.82rem;color:#ddd}
.product-card a{color:#a8dd4b;font-weight:800;font-size:.82rem}
.product-nav{width:42px;height:42px;border-radius:50%;background:var(--green-2);color:#fff}
.product-nav:after{font-size:14px}
.product-pagination{bottom:0!important}
.product-pagination .swiper-pagination-bullet-active{background:var(--green-2)}
.stats-wrap{background:linear-gradient(135deg,#173f0c,#4d7d16);border-radius:26px;overflow:hidden;box-shadow:0 20px 40px rgba(28,64,10,.18)}
.stat-box{padding:30px 18px;color:#fff;position:relative;transition:.35s}
.stat-box:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.22)}
.stat-box:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.stat-box i{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;margin:0 auto 12px;font-size:24px;box-shadow:0 0 0 8px rgba(157,214,72,.18)}
.stat-box h3{font-size:2.3rem;font-weight:800;margin-bottom:0}
.stat-box p{margin:0;color:rgba(255,255,255,.82)}
.bg-soft{background:linear-gradient(#fff,#fbfaf6)}
.about-visual{position:relative}
.about-visual .main-img{height:430px;object-fit:cover;border-radius:28px}
.about-visual .mini-img{position:absolute;width:190px;height:220px;object-fit:cover;right:-20px;bottom:-22px;border:8px solid #fff;border-radius:24px;box-shadow:var(--shadow)}
.check-list li{margin:.8rem 0;transition:.25s}
.check-list li:hover{transform:translateX(7px);color:var(--green-2)}
.check-list i{color:var(--green-2);margin-right:.55rem}
.industry-card{background:#f5f2ea;border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.industry-card li{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e4dfd5;border-radius:12px;transition:.3s}
.industry-card li:hover{background:#eaf3de;transform:translateX(6px)}
.industry-card li:last-child{border-bottom:0}
.industry-card i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f1dc;color:var(--green-2)}
.services-bg{background:radial-gradient(circle at top right,#567e16,#1a3609 50%,#0e2205)}
.service-card{height:100%;padding:30px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(10px);transition:.35s}
.service-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.13)}
.service-card i{font-size:2rem;color:#b3e45b;margin-bottom:20px;transition:.35s}
.service-card:hover i{transform:scale(1.12) rotate(-5deg)}
.service-card p{color:rgba(255,255,255,.75)}
.gallery-img{height:300px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow);transition:.4s}
.gallery-img:hover{transform:translateY(-8px) scale(1.02)}
.cta-section{background:#f5f1e8}
.cta-box{background:linear-gradient(135deg,#6a961d,#284a0d);padding:46px 50px;border-radius:28px;color:#fff;box-shadow:var(--shadow)}
.footer{background:linear-gradient(135deg,#163409,#0b1f05);color:#fff}
.footer p,.footer a{color:rgba(255,255,255,.72);font-size:.9rem}
.footer a{display:block;margin:.45rem 0}
.footer h5{font-weight:800}
.social-links a{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:.8rem}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:1050;display:flex;align-items:center;gap:10px}
.whatsapp-float span{background:#fff;color:#202020;padding:10px 14px;border-radius:14px;box-shadow:var(--shadow);font-size:.78rem}
.whatsapp-float i{width:58px;height:58px;border-radius:50%;background:#21c45a;color:#fff;border:4px solid #fff;display:grid;place-items:center;font-size:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:pulse 2s infinite}
.scroll-top{position:fixed;right:28px;bottom:100px;width:44px;height:44px;border-radius:50%;border:0;background:#2d4f11;color:#fff;opacity:0;visibility:hidden;transition:.3s;z-index:1040}
.scroll-top.show{opacity:1;visibility:visible}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(33,196,90,.4)}70%{box-shadow:0 0 0 16px rgba(33,196,90,0)}100%{box-shadow:0 0 0 0 rgba(33,196,90,0)}}
@media(max-width:991.98px){
  .hero-slider{height:580px}
  .hero-copy h1{font-size:3.2rem}
  .navbar-collapse{padding-top:1rem}
  .about-visual .mini-img{right:10px}
}
@media(max-width:767.98px){
  .hero-slider{height:560px}
  .hero-copy h1{font-size:2.6rem;letter-spacing:-1.5px}
  .section-space{padding:70px 0}
  .section-head h2{font-size:2rem}
  .stat-box:not(:last-child):after{display:none}
  .stat-box{border-bottom:1px solid rgba(255,255,255,.16)}
  .cta-box{padding:34px 24px}
  .whatsapp-float span{display:none}
}


/* Dropdown hover-gap fix */
@media (min-width: 992px){
  .navbar .dropdown{
    position:relative;
  }

  .navbar .products-dropdown{
    top:100% !important;
    left:0 !important;
    margin-top:0 !important;
    transform:translateY(10px) scale(.98);
  }

  /* Invisible bridge between Products link and dropdown */
  .navbar .products-dropdown::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-16px;
    height:16px;
    background:transparent;
  }

  .navbar .dropdown:hover > .products-dropdown,
  .navbar .dropdown:focus-within > .products-dropdown,
  .navbar .products-dropdown.show{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }

  .navbar .dropdown:hover > .dropdown-toggle::after,
  .navbar .dropdown:focus-within > .dropdown-toggle::after,
  .navbar .dropdown-toggle.show::after{
    transform:rotate(180deg);
  }
}


/* Product carousel visibility improvements */
.product-slider{
  overflow:hidden;
}
.product-slider .swiper-wrapper{
  align-items:stretch;
}
.product-slider .swiper-slide{
  height:auto;
}
.product-slider .swiper-slide .product-card{
  height:100%;
  min-height:410px;
}
.product-slider .swiper-button-disabled{
  opacity:.35;
}
.product-slider .swiper-pagination{
  position:relative;
  margin-top:26px;
}

/* Click-to-enlarge gallery */
.gallery-link{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:22px;
}
.gallery-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(15,34,6,.55));
  opacity:0;
  transition:.35s ease;
}
.gallery-link:hover::after{
  opacity:1;
}
.gallery-link .gallery-img{
  transition:transform .45s ease,filter .45s ease;
}
.gallery-link:hover .gallery-img{
  transform:scale(1.06);
  filter:saturate(1.08);
}
.gallery-zoom{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  color:var(--green);
  font-size:20px;
  opacity:0;
  transform:translate(-50%,-42%) scale(.8);
  transition:.35s ease;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.gallery-link:hover .gallery-zoom{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}


/* About Experience Badge */
.experience-badge{
  position:absolute;
  left:-28px;
  bottom:28px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:255px;
  padding:16px 18px;
  color:#fff;
  background:linear-gradient(135deg,#274b0d,#5f8f16);
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  box-shadow:0 18px 38px rgba(35,77,12,.28);
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}
.experience-badge::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.experience-badge:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 46px rgba(35,77,12,.34);
}
.experience-badge:hover::before{
  transform:translateX(120%);
}
.experience-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--green);
  font-size:24px;
  box-shadow:0 0 0 7px rgba(255,255,255,.12);
}
.experience-copy{
  position:relative;
  z-index:1;
}
.experience-copy strong{
  display:block;
  font-size:2rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-1px;
}
.experience-copy span{
  display:block;
  margin-top:5px;
  max-width:145px;
  font-size:.78rem;
  line-height:1.35;
  color:rgba(255,255,255,.86);
}

@media(max-width:991.98px){
  .experience-badge{
    left:16px;
    bottom:18px;
  }
}
@media(max-width:575.98px){
  .experience-badge{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:18px;
    min-width:100%;
  }
}


/* Gallery Carousel */
.gallery-section{
  background:linear-gradient(180deg,#fff,#fbfaf6);
}
.gallery-slider{
  padding:8px 6px 54px;
  overflow:hidden;
}
.gallery-slider .swiper-slide{
  height:auto;
}
.gallery-link{
  height:360px;
}
.gallery-link .gallery-img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gallery-overlay-title{
  position:absolute;
  left:22px;
  bottom:18px;
  z-index:3;
  color:#fff;
  font-size:1.05rem;
  font-weight:800;
  opacity:0;
  transform:translateY(10px);
  transition:.35s ease;
}
.gallery-link:hover .gallery-overlay-title{
  opacity:1;
  transform:translateY(0);
}
.gallery-nav{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--green-2);
  color:#fff;
  box-shadow:0 12px 28px rgba(49,84,16,.24);
}
.gallery-nav:after{
  font-size:14px;
  font-weight:800;
}
.gallery-pagination{
  bottom:0 !important;
}
.gallery-pagination .swiper-pagination-bullet-active{
  background:var(--green-2);
}
@media(max-width:767.98px){
  .gallery-link{
    height:320px;
  }
}



/*=============================
CLIENTS
=============================*/

.clients-section{

    background:#f7f9f3;
    position:relative;
}

.client-card{

    background:#fff;
    border-radius:18px;
    height:170px;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:25px;

    border:1px solid #edf0e8;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.client-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.client-card img{

    max-width:180px;

    max-height:90px;

    transition:.4s;

    filter:grayscale(100%);

}

.client-card:hover img{

    filter:none;

    transform:scale(1.08);

}

.clients-prev,
.clients-next{

    width:45px;

    height:45px;

    background:#4f7d16;

    color:#fff;

    border-radius:50%;

}

.clients-prev::after,
.clients-next::after{

    font-size:15px;

    font-weight:bold;

}

.clients-pagination{

    margin-top:35px;

    position:relative;

}

.clients-pagination .swiper-pagination-bullet-active{

    background:#4f7d16;

}









/*=================================
PAGE BANNER
==================================*/

.page-banner{
    position:relative;
    width:100%;
    min-height:450px;

    display:flex;
    align-items:center;

    background:
        linear-gradient(
            90deg,
            rgba(20,55,27,.92),
            rgba(20,55,27,.76),
            rgba(20,55,27,.60)
        ),
        url('../images/about-banner.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:120px 0;
    overflow:hidden;
}

.page-banner::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;

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

    top:-100px;
    right:8%;
}

.page-banner::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;

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

    bottom:-80px;
    left:8%;
}

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

.banner-content{
    max-width:760px;
}

.banner-subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:#d9efc4;
    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.15);
    border-radius:50px;

    padding:9px 20px;
    margin-bottom:20px;

    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

    backdrop-filter:blur(8px);
}

.banner-subtitle::before{
    content:"";
    width:8px;
    height:8px;

    border-radius:50%;
    background:#a9d65b;

    box-shadow:0 0 0 6px rgba(169,214,91,.15);
}

.page-banner h1{
    color:#ffffff;

    font-size:62px;
    font-weight:800;
    line-height:1.15;

    margin-bottom:18px;
}

.page-banner p{
    color:rgba(255,255,255,.82);

    font-size:18px;
    line-height:30px;

    max-width:670px;
    margin-bottom:30px;
}


/*==================================
PREMIUM PAGE BREADCRUMB
==================================*/

.page-breadcrumb{
    position:relative;
    min-height: 250px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    background-image:
        linear-gradient(
            90deg,
            rgba(25, 35, 18, .82),
            rgba(43, 74, 24, .70),
            rgba(75, 54, 28, .62)
        ),
        url("../images/breadcrumb.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.page-breadcrumb::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(139,197,63,.18), transparent 35%),
        radial-gradient(circle at 85% 20%, rgba(205,126,35,.14), transparent 30%);
}

.page-breadcrumb::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:6px;
    background:linear-gradient(
        90deg,
        #6b3819,
        #c77c23,
        #8bc53f,
        #5f8f16
    );
}

.page-breadcrumb .container{
    position:relative;
    z-index:2;
}

.page-breadcrumb h1{
    margin:0 0 22px;
    color:#ffffff;
    font-size: 45px;
    font-weight:800;
    line-height:1.1;
    text-shadow:0 8px 22px rgba(0,0,0,.28);
}

.breadcrumb-list{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    margin:0;
    padding: 10px 15px;
    list-style:none;
    border-radius:50px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.28);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 14px 35px rgba(0,0,0,.18);
}

.breadcrumb-list li{
    display:flex;
    align-items:center;
    color:#ffffff;
    font-size:15px;
    font-weight:700;
}

.breadcrumb-list li a{
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    text-decoration:none;
    transition:.3s ease;
}

.breadcrumb-list li a:hover{
    color:#b8e56c;
}

.breadcrumb-list li i{
    font-size:14px;
}

.breadcrumb-list .active{
    color:#b8e56c;
}

.breadcrumb-list .fa-angle-right{
    color:rgba(255,255,255,.75);
}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:767px){

    .page-breadcrumb{
        min-height:320px;
        padding:70px 0;
    }

    .page-breadcrumb h1{
        font-size:40px;
        margin-bottom:18px;
    }

    .breadcrumb-list{
        padding:11px 18px;
        gap:10px;
    }

    .breadcrumb-list li{
        font-size:14px;
    }
}


/*========================================
HI-TECH ABOUT SECTION
========================================*/

.ht-about-section{
    position:relative;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 15%, rgba(139,197,63,.09), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcf8 100%);
    overflow:hidden;
}

.ht-about-section::before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    top:-170px;
    right:-150px;
    border-radius:50%;
    background:rgba(95,143,22,.07);
}

.ht-about-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-110px;
    bottom:-100px;
    border-radius:50%;
    border:1px solid rgba(95,143,22,.12);
}

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

/*========================================
ABOUT IMAGE
========================================*/

.ht-about-image-wrap{
    position:relative;
    padding:0 38px 48px 18px;
}

.ht-about-main-image{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 28px 65px rgba(31,57,8,.17);
}

.ht-about-main-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(20,45,10,.18)
    );
    pointer-events:none;
}

.ht-about-main-image img{
    width:100%;
    height:590px;
    display:block;
    object-fit:cover;
    transition:transform .7s ease;
}

.ht-about-image-wrap:hover .ht-about-main-image img{
    transform:scale(1.04);
}

.ht-about-pattern{
    position:absolute;
    top:32px;
    right:0;
    width:76%;
    height:88%;
    border:2px solid #dce8d1;
    border-radius:28px;
    z-index:-1;
}

.ht-about-pattern::before{
    content:"";
    position:absolute;
    top:-18px;
    right:-18px;
    width:95px;
    height:95px;
    background-image:radial-gradient(
        #7daf2b 2px,
        transparent 2px
    );
    background-size:14px 14px;
    opacity:.45;
}

/*========================================
EXPERIENCE CARD
========================================*/

.ht-experience-card{
    position:absolute;
    left:-5px;
    bottom:0;
    min-width:270px;
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px 22px;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg,#2e560d,#6c9d1c);
    border:6px solid #fff;
    box-shadow:0 20px 45px rgba(46,86,13,.28);
    overflow:hidden;
}

.ht-experience-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        transparent 25%,
        rgba(255,255,255,.13) 48%,
        transparent 70%
    );
    transform:translateX(-120%);
    transition:transform .8s ease;
}

.ht-experience-card:hover::before{
    transform:translateX(120%);
}

.ht-experience-icon{
    position:relative;
    z-index:2;
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#4f7d16;
    font-size:25px;
    box-shadow:0 0 0 8px rgba(255,255,255,.12);
}

.ht-experience-card h3{
    position:relative;
    z-index:2;
    margin:0;
    color:#fff;
    font-size:40px;
    font-weight:800;
    line-height:1;
}

.ht-experience-card p{
    position:relative;
    z-index:2;
    max-width:145px;
    margin:6px 0 0;
    color:rgba(255,255,255,.86);
    font-size:12px;
    font-weight:600;
    line-height:18px;
}

/*========================================
QUALITY BADGE
========================================*/

.ht-quality-badge{
    position:absolute;
    top:34px;
    right:2px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 17px;
    color:#633416;
    background:#fff;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.ht-quality-badge i{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(135deg,#9a541e,#d4862a);
}

.ht-quality-badge span{
    font-size:12px;
    font-weight:800;
    line-height:17px;
}

/*========================================
ABOUT CONTENT
========================================*/

.ht-about-content{
    padding-left:14px;
}

.ht-section-tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:18px;
    padding:9px 17px;
    border-radius:50px;
    color:#4d7c0f;
    background:#edf5e3;
    border:1px solid #dbe9ce;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.ht-about-content h2{
    max-width:650px;
    margin:0 0 24px;
    color:#1b1b1b;
    font-size:48px;
    font-weight:800;
    line-height:1.18;
    letter-spacing:-1.5px;
}

.ht-about-content h2 span{
    display:block;
    color:#5f8f16;
}

.ht-about-content p{
    margin-bottom:18px;
    color:#696969;
    font-size:15px;
    line-height:28px;
}

.ht-about-content .ht-about-intro{
    color:#414141;
    font-size:17px;
    font-weight:600;
    line-height:30px;
}

/*========================================
FEATURE ITEMS
========================================*/

.ht-about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:30px;
}

.ht-feature-item{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:17px;
    border:1px solid #e5ebdf;
    border-radius:17px;
    background:#fff;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.ht-feature-item:hover{
    transform:translateY(-5px);
    border-color:#cbdcb9;
    box-shadow:0 15px 35px rgba(46,86,13,.09);
}

.ht-feature-icon{
    width:45px;
    height:45px;
    flex:0 0 45px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#fff;
    background:linear-gradient(135deg,#7caf27,#3e6a10);
    font-size:17px;
    transition:transform .35s ease;
}

.ht-feature-item:hover .ht-feature-icon{
    transform:rotate(-7deg) scale(1.06);
}

.ht-feature-item h4{
    margin:0 0 5px;
    color:#222;
    font-size:14px;
    font-weight:800;
}

.ht-feature-item p{
    margin:0;
    color:#777;
    font-size:12px;
    line-height:19px;
}

/*========================================
BUTTON AND PHONE
========================================*/

.ht-about-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:25px;
    margin-top:35px;
}

.ht-primary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:15px 29px;
    border-radius:50px;
    color:#fff;
    background:linear-gradient(135deg,#8bc53f,#568813);
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 13px 30px rgba(95,143,22,.25);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.ht-primary-btn:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(95,143,22,.32);
}

.ht-primary-btn i{
    transition:transform .3s ease;
}

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

.ht-call-box{
    display:flex;
    align-items:center;
    gap:12px;
}

.ht-call-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#77421d;
    background:#f7e9dc;
    font-size:17px;
}

.ht-call-box span{
    display:block;
    margin-bottom:3px;
    color:#777;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.ht-call-box a{
    color:#222;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
}

/*========================================
RESPONSIVE
========================================*/

@media(max-width:1199.98px){

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

    .ht-about-main-image img{
        height:540px;
    }
}

@media(max-width:991.98px){

    .ht-about-section{
        padding:85px 0;
    }

    .ht-about-content{
        padding-left:0;
    }

    .ht-about-image-wrap{
        max-width:680px;
        margin:0 auto 25px;
    }

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

@media(max-width:767.98px){

    .ht-about-section{
        padding:65px 0;
    }

    .ht-about-image-wrap{
        padding:0 12px 35px 0;
    }

    .ht-about-main-image img{
        height:420px;
    }

    .ht-quality-badge{
        top:18px;
        right:0;
    }

    .ht-experience-card{
        left:5px;
        min-width:235px;
        padding:16px 18px;
    }

    .ht-experience-icon{
        width:52px;
        height:52px;
        flex-basis:52px;
        font-size:21px;
    }

    .ht-experience-card h3{
        font-size:32px;
    }

    .ht-about-content h2{
        font-size:34px;
        letter-spacing:-1px;
    }

    .ht-about-features{
        grid-template-columns:1fr;
    }
}

@media(max-width:575.98px){

    .ht-about-main-image img{
        height:360px;
    }

    .ht-quality-badge{
        display:none;
    }

    .ht-experience-card{
        position:relative;
        left:auto;
        bottom:auto;
        min-width:100%;
        margin-top:-28px;
    }

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

    .ht-about-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    .ht-primary-btn{
        width:100%;
    }
}



/*==================================
FOUNDER SECTION
==================================*/

.founder-section{
    padding:100px 0;
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8faf6 100%
    );
    position:relative;
    overflow:hidden;
}

.founder-section::before{
    content:"";
    position:absolute;
    top:-150px;
    right:-150px;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(95,143,22,.05);
}

.founder-section::after{
    content:"";
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:250px;
    height:250px;
    border-radius:50%;
    border:1px solid rgba(95,143,22,.10);
}

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

/*==================================
FOUNDER IMAGE
==================================*/

.founder-image{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    text-align:center;
}

.founder-image img{
    width:100%;
    max-width:450px;
    height:550px;
    object-fit:cover;

    border-radius:30px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    transition:
        transform .6s ease,
        box-shadow .6s ease,
        filter .6s ease;
}

/* Overlay Effect */

.founder-image::before{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        transparent 40%,
        rgba(46,86,13,.22)
    );

    opacity:0;
    z-index:1;

    transition:.5s ease;
    border-radius:30px;
}

/* Shine Effect */

.founder-image::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transform:skewX(-25deg);
    z-index:2;
}

.founder-image:hover img{
    transform:scale(1.05);
    filter:brightness(1.05);
    box-shadow:0 35px 80px rgba(0,0,0,.18);
}

.founder-image:hover::before{
    opacity:1;
}

.founder-image:hover::after{
    animation:founderShine 1s ease;
}

@keyframes founderShine{
    100%{
        left:150%;
    }
}

/*==================================
FOUNDER CONTENT
==================================*/

.founder-content{
    padding-left:40px;
    transition:.4s ease;
}

.founder-content:hover{
    transform:translateY(-5px);
}

.founder-tag{
    display:inline-block;
    padding:10px 22px;

    background:#edf5e2;
    color:#5f8f16;

    border-radius:50px;

    font-size:13px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:1px;

    margin-bottom:20px;
}

.founder-content h2{
    font-size:52px;
    font-weight:800;
    color:#1a1a1a;
    margin-bottom:10px;
    line-height:1.2;
}

.founder-degree{
    display:inline-block;

    padding:8px 18px;

    background:#fff5eb;
    border:1px solid #f1d5b8;

    color:#8b5a2b;

    border-radius:50px;

    font-size:18px;
    font-weight:700;

    margin-bottom:25px;
}

.founder-content p{
    color:#666;
    font-size:16px;
    line-height:30px;
    margin-bottom:18px;
}

/*==================================
SIGNATURE AREA
==================================*/

.founder-sign{
    margin-top:35px;
    padding-top:25px;
    border-top:2px solid #e5e5e5;
}

.founder-sign h4{
    margin:0 0 5px;

    color:#2e560d;

    font-size:26px;
    font-weight:800;

    transition:.3s ease;
}

.founder-section:hover .founder-sign h4{
    color:#8bc53f;
}

.founder-sign span{
    color:#777;
    font-size:15px;
    font-weight:500;
}

/*==================================
INFO BOXES
==================================*/

.founder-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:25px;
}

.founder-highlight{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    background:#fff;
    border:1px solid #e8eee0;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

    transition:.3s ease;
}

.founder-highlight:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(46,86,13,.10);
}

.founder-highlight i{
    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#edf5e2;
    color:#5f8f16;
}

.founder-highlight span{
    font-size:14px;
    font-weight:700;
    color:#333;
}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

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

    .founder-content h2{
        font-size:40px;
    }

    .founder-image img{
        max-width:100%;
        height:auto;
    }

}

@media(max-width:767px){

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

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

    .founder-degree{
        font-size:16px;
    }

    .founder-content p{
        font-size:15px;
        line-height:28px;
    }

    .founder-highlights{
        flex-direction:column;
    }

}

@media(max-width:575px){

    .founder-image img{
        width:100%;
        height:auto;
    }

    .founder-tag{
        font-size:12px;
    }

    .founder-content h2{
        font-size:30px;
    }

}


/*==================================
DIRECTOR SECTION
==================================*/

.director-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 15%, rgba(139,197,63,.09), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f8faf5 100%);
}

.director-section::before{
    content:"";
    position:absolute;
    top:-140px;
    left:-140px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(95,143,22,.05);
}

.director-section::after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-100px;
    width:240px;
    height:240px;
    border:1px solid rgba(95,143,22,.12);
    border-radius:50%;
}

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

/*==================================
DIRECTOR IMAGE
==================================*/

.director-image{
    position:relative;
    max-width:450px;
    margin-left:auto;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.13);
}

.director-image img{
    width:100%;
    height:550px;
    display:block;
    object-fit:cover;
    object-position:center top;
    transition:
        transform .6s ease,
        filter .6s ease;
}

.director-image::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    opacity:0;
    background:linear-gradient(
        180deg,
        transparent 45%,
        rgba(36,72,14,.35)
    );
    transition:.45s ease;
}

.director-image::after{
    content:"";
    position:absolute;
    top:0;
    left:-130%;
    z-index:2;
    width:55%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.32),
        transparent
    );
    transform:skewX(-24deg);
}

.director-image:hover img{
    transform:scale(1.05);
    filter:brightness(1.04);
}

.director-image:hover::before{
    opacity:1;
}

.director-image:hover::after{
    animation:directorShine 1s ease;
}

@keyframes directorShine{
    100%{
        left:150%;
    }
}

.director-image-label{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    z-index:3;
    padding:15px 18px;
    border-radius:18px;
    color:#fff;
    background:rgba(25,52,10,.78);
    border:1px solid rgba(255,255,255,.20);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transform:translateY(12px);
    opacity:0;
    transition:.4s ease;
}

.director-image:hover .director-image-label{
    opacity:1;
    transform:translateY(0);
}

.director-image-label span{
    display:block;
    margin-bottom:3px;
    color:#b9e879;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.director-image-label strong{
    display:block;
    font-size:20px;
    font-weight:800;
}

/*==================================
DIRECTOR CONTENT
==================================*/

.director-content{
    padding-right:35px;
}

.director-tag{
    display:inline-flex;
    align-items:center;
    padding:10px 22px;
    margin-bottom:20px;
    border-radius:50px;
    color:#5f8f16;
    background:#edf5e2;
    border:1px solid #dbe8cf;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.director-content h2{
    margin:0 0 10px;
    color:#1a1a1a;
    font-size:52px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:-1px;
}

.director-degree{
    display:inline-block;
    margin-bottom:26px;
    padding:8px 18px;
    color:#7a451f;
    background:#fff5eb;
    border:1px solid #efd4b8;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
}

.director-content p{
    margin-bottom:18px;
    color:#666;
    font-size:16px;
    line-height:30px;
}

/*==================================
DIRECTOR HIGHLIGHTS
==================================*/

.director-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:28px;
}

.director-highlight{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 17px;
    background:#fff;
    border:1px solid #e4ebdd;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
    transition:.3s ease;
}

.director-highlight:hover{
    color:#fff;
    background:#5f8f16;
    border-color:#5f8f16;
    transform:translateY(-4px);
    box-shadow:0 16px 32px rgba(60,105,13,.18);
}

.director-highlight i{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#5f8f16;
    background:#edf5e2;
    transition:.3s ease;
}

.director-highlight:hover i{
    color:#5f8f16;
    background:#fff;
}

.director-highlight span{
    color:#333;
    font-size:13px;
    font-weight:700;
    transition:.3s ease;
}

.director-highlight:hover span{
    color:#fff;
}

/*==================================
SIGNATURE
==================================*/

.director-sign{
    margin-top:35px;
    padding-top:24px;
    border-top:2px solid #e5e9e1;
}

.director-sign h4{
    margin:0 0 5px;
    color:#2e560d;
    font-size:25px;
    font-weight:800;
}

.director-sign span{
    color:#777;
    font-size:14px;
    font-weight:600;
}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991.98px){

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

    .director-content{
        padding-right:0;
        margin-top:15px;
    }

    .director-image{
        margin:0 auto;
    }

    .director-content h2{
        font-size:40px;
    }
}

@media(max-width:767.98px){

    .director-section{
        padding:65px 0;
    }

    .director-image img{
        height:500px;
    }

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

    .director-content p{
        font-size:15px;
        line-height:28px;
    }

    .director-highlights{
        flex-direction:column;
        align-items:stretch;
    }
}

@media(max-width:575.98px){

    .director-image{
        max-width:100%;
    }

    .director-image img{
        height:auto;
    }

    .director-content h2{
        font-size:30px;
    }

    .director-degree{
        font-size:16px;
    }
}

/* =========================
   WHY CHOOSE US START
========================== */

.why-choose-section {
    position: relative;
    overflow: hidden;
    padding: 100px 82px;
    background:
        linear-gradient(
            90deg,
            #183d2d 0%,
            #183d2d 35%,
            #f7f5ee 35%,
            #f7f5ee 100%
        );
}

.why-choose-section::before {
    content: "";
    position: absolute;
    top: -120px;
    left: -120px;
    width: 330px;
    height: 330px;
    border: 70px solid rgba(255, 255, 255, 0.04);
    border-radius: 50%;
}

.why-choose-section::after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 280px;
    height: 280px;
    border: 60px solid rgba(168, 216, 77, 0.10);
    border-radius: 50%;
}

.why-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.8fr 1.4fr;
    align-items: center;
    gap: 70px;
    max-width: 1250px;
    margin: 0 auto;
}

/* Left Content */

.why-intro {
    color: #ffffff;
}

.why-small-title {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 45px;
    color: #b8e05b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.why-small-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 2px;
    background: #b8e05b;
    transform: translateY(-50%);
}

.why-intro h2 {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.18;
}

.why-intro h2 span {
    display: block;
    color: #b8e05b;
}

.why-intro > p {
    max-width: 375px;
    margin-bottom: 35px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 1.8;
}

.why-highlight {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 400px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
}

.highlight-number {
    color: #b8e05b;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.highlight-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.highlight-text strong {
    color: #ffffff;
    font-size: 16px;
}

.highlight-text span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
}

/* Right Cards */

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

.why-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 175px;
    padding: 28px 25px;
    overflow: hidden;
    border: 1px solid #e3e6db;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 15px 45px rgba(34, 61, 43, 0.08);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.why-card:nth-child(even) {
    transform: translateY(18px);
}

.why-card::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #a8d84d;
    transition: width 0.35s ease;
}

.why-card:hover {
    transform: translateY(-8px);
    border-color: #a8d84d;
    box-shadow: 0 22px 55px rgba(34, 61, 43, 0.15);
}

.why-card:nth-child(even):hover {
    transform: translateY(8px);
}

.why-card:hover::before {
    width: 100%;
}

.why-icon {
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 15px;
    background: #edf7d9;
    color: #54801a;
    font-size: 24px;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;
}

.why-card:hover .why-icon {
    color: #ffffff;
    background: #78a832;
    transform: rotateY(180deg);
}

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

.why-card-content h3 {
    margin: 0 0 10px;
    color: #1b3025;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

.why-card-content p {
    margin: 0;
    color: #68736c;
    font-size: 14px;
    line-height: 1.7;
}

.card-number {
    position: absolute;
    right: 14px;
    bottom: -4px;
    color: rgba(24, 61, 45, 0.055);
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
}

/* Responsive */

@media (max-width: 1100px) {
    .why-choose-section {
        background:
            linear-gradient(
                180deg,
                #183d2d 0%,
                #183d2d 39%,
                #f7f5ee 39%,
                #f7f5ee 100%
            );
    }

    .why-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .why-intro {
        max-width: 750px;
    }
}

@media (max-width: 767px) {
    .why-choose-section {
        padding: 70px 15px;
        background:
            linear-gradient(
                180deg,
                #183d2d 0%,
                #183d2d 35%,
                #f7f5ee 35%,
                #f7f5ee 100%
            );
    }

    .why-container {
        gap: 50px;
    }

    .why-intro h2 {
        font-size: 34px;
    }

    .why-cards {
        grid-template-columns: 1fr;
    }

    .why-card,
    .why-card:nth-child(even) {
        transform: none;
    }

    .why-card:hover,
    .why-card:nth-child(even):hover {
        transform: translateY(-6px);
    }
}

@media (max-width: 480px) {
    .why-choose-section {
        background:
            linear-gradient(
                180deg,
                #183d2d 0%,
                #183d2d 38%,
                #f7f5ee 38%,
                #f7f5ee 100%
            );
    }

    .why-intro h2 {
        font-size: 29px;
    }

    .why-card {
        min-height: auto;
        padding: 23px 18px;
    }

    .why-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .why-card-content h3 {
        font-size: 17px;
    }
}

/* =========================
   WHY CHOOSE US END
========================== */

/* ==================================
   WHY WOODEN PACKAGING SECTION START
=================================== */

.wood-packaging-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background: #f8f4ea;
}

.wood-packaging-section::before {
    content: "";
    position: absolute;
    top: -140px;
    right: -140px;
    width: 340px;
    height: 340px;
    border: 70px solid rgba(167, 212, 69, 0.10);
    border-radius: 50%;
}

.wood-packaging-section::after {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -120px;
    width: 300px;
    height: 300px;
    background: rgba(23, 65, 47, 0.04);
    border-radius: 50%;
}

.wood-packaging-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.9fr 1.25fr;
    align-items: center;
    gap: 75px;
    max-width: 1250px;
    margin: 0 auto;
}

/* Image */

.wood-packaging-image {
    position: relative;
    min-height: 650px;
}

.wood-packaging-image::before {
    content: "";
    position: absolute;
    top: 35px;
    left: -25px;
    width: 90%;
    height: calc(100% - 55px);
    border: 3px solid #a8d84d;
    border-radius: 30px;
}

.wood-packaging-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 650px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(33, 57, 42, 0.18);
}

.image-badge {
    position: absolute;
    z-index: 3;
    right: -35px;
    bottom: 45px;
    display: flex;
    flex-direction: column;
    min-width: 190px;
    padding: 22px 25px;
    border-radius: 18px;
    background: #173f2e;
    box-shadow: 0 18px 40px rgba(23, 63, 46, 0.28);
}

.image-badge strong {
    color: #b6df4b;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.image-badge span {
    margin-top: 7px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

/* Content */

.wood-small-heading {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #668f27;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wood-small-heading::before {
    content: "";
    width: 38px;
    height: 3px;
    border-radius: 10px;
    background: #a8d84d;
}

.wood-packaging-content h2 {
    margin: 0 0 24px;
    color: #173f2e;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.wood-packaging-content h2 span {
    color: #8dbb31;
}

.wood-description {
    max-width: 680px;
    margin: 0 0 32px;
    color: #5e685f;
    font-size: 17px;
    line-height: 1.85;
}

.wood-packaging-content > h3 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 13px;
    color: #1b3025;
    font-size: 28px;
    font-weight: 800;
}

.wood-packaging-content > h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 4px;
    border-radius: 10px;
    background: #a8d84d;
}

/* Benefits */

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

.wood-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-height: 125px;
    padding: 20px;
    border: 1px solid #e1e5d9;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(30, 61, 42, 0.06);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.wood-benefit-item:hover {
    transform: translateY(-6px);
    border-color: #a8d84d;
    box-shadow: 0 18px 42px rgba(30, 61, 42, 0.12);
}

.benefit-icon {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: #edf6da;
    color: #628a20;
    font-size: 20px;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;
}

.wood-benefit-item:hover .benefit-icon {
    color: #ffffff;
    background: #719d28;
    transform: rotateY(180deg);
}

.wood-benefit-item h4 {
    margin: 0 0 7px;
    color: #173f2e;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.35;
}

.wood-benefit-item p {
    margin: 0;
    color: #707971;
    font-size: 13px;
    line-height: 1.6;
}

/* Bottom Highlight */

.wood-packaging-note {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 28px;
    padding: 22px 25px;
    overflow: hidden;
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            #173f2e 0%,
            #245640 100%
        );
    box-shadow: 0 18px 40px rgba(23, 63, 46, 0.18);
}

.note-icon {
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 15px;
    background: #b6df4b;
    color: #173f2e;
    font-size: 24px;
}

.wood-packaging-note p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 15px;
    line-height: 1.7;
}

.wood-packaging-note strong {
    color: #b6df4b;
}

/* Responsive */

@media (max-width: 1100px) {
    .wood-packaging-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .wood-packaging-image {
        max-width: 800px;
        min-height: 520px;
    }

    .wood-packaging-image img {
        height: 520px;
    }

    .image-badge {
        right: 25px;
    }
}

@media (max-width: 767px) {
    .wood-packaging-section {
        padding: 70px 15px;
    }

    .wood-packaging-container {
        gap: 45px;
    }

    .wood-packaging-image {
        min-height: 400px;
    }

    .wood-packaging-image::before {
        left: -10px;
    }

    .wood-packaging-image img {
        height: 400px;
        border-radius: 22px;
    }

    .image-badge {
        right: 15px;
        bottom: 20px;
        min-width: 165px;
        padding: 18px 20px;
    }

    .wood-packaging-content h2 {
        font-size: 40px;
    }

    .wood-benefits-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .wood-packaging-image {
        min-height: 330px;
    }

    .wood-packaging-image img {
        height: 330px;
    }

    .image-badge {
        right: 10px;
        bottom: 15px;
    }

    .image-badge strong {
        font-size: 27px;
    }

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

    .wood-packaging-content > h3 {
        font-size: 24px;
    }

    .wood-packaging-note {
        align-items: flex-start;
        padding: 20px;
    }

    .note-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}

/* ==================================
   WHY WOODEN PACKAGING SECTION END
=================================== */






/* ==========================
   OUR COMMITMENT SECTION
========================== */

.commitment-section{
    padding:100px 0;
    background:#f8f4ea;
}

.section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.section-heading span{
    display:inline-block;
    background:#5c6f25;
    color:#fff;
    padding:12px 35px;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    border-radius:50px;
    margin-bottom:20px;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    color:#173f2e;
    margin-bottom:20px;
}

.section-heading p{
    color:#555;
    font-size:17px;
    line-height:1.9;
}

.commitment-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.commitment-card{
    background:#fff;
    border-radius:20px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.commitment-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.icon-box{
    width:90px;
    height:90px;
    margin:auto;
    background:#5c6f25;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

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

.commitment-card h3{
    font-size:22px;
    color:#173f2e;
    font-weight:600;
    line-height:1.5;
}

/* Responsive */

@media(max-width:992px){

    .commitment-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

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

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

}
/* =========================================
   WOODEN PALLETS SECTION START
========================================== */

.wooden-pallets-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background: #f7f4eb;
}

.wooden-pallets-section::before {
    content: "";
    position: absolute;
    top: -160px;
    left: -160px;
    width: 360px;
    height: 360px;
    border: 75px solid rgba(170, 215, 76, 0.08);
    border-radius: 50%;
}

.wooden-pallets-section::after {
    content: "";
    position: absolute;
    right: -130px;
    bottom: -130px;
    width: 320px;
    height: 320px;
    background: rgba(25, 65, 48, 0.04);
    border-radius: 50%;
}

.pallets-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 75px;
    max-width: 1250px;
    margin: 0 auto;
}

/* Left Content */

.pallets-content {
    position: relative;
}

.pallets-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #759f28;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.pallets-subtitle::before {
    content: "";
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background: #a9d64c;
}

.pallets-title {
    margin: 0 0 24px;
    color: #173f2e;
    font-size: 55px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.pallets-title span {
    color: #91bc35;
}

.pallets-description {
    max-width: 620px;
    margin: 0 0 34px;
    color: #626d65;
    font-size: 17px;
    line-height: 1.85;
}

/* Features */

.pallets-feature-wrapper {
    padding: 28px;
    border: 1px solid #dfe5d5;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(24, 63, 46, 0.08);
}

.pallets-feature-wrapper h3 {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 12px;
    color: #173f2e;
    font-size: 25px;
    font-weight: 800;
}

.pallets-feature-wrapper h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 4px;
    border-radius: 10px;
    background: #a9d64c;
}

.pallets-feature-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.pallet-feature-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border-radius: 12px;
    background: #f5f9ec;
    color: #34463b;
    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}

.pallet-feature-item i {
    color: #78a329;
    font-size: 18px;
    transition: transform 0.35s ease;
}

.pallet-feature-item span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.pallet-feature-item:hover {
    color: #ffffff;
    background: #173f2e;
    transform: translateX(7px);
    box-shadow: 0 12px 25px rgba(23, 63, 46, 0.16);
}

.pallet-feature-item:hover i {
    color: #b8df54;
    transform: scale(1.2) rotate(360deg);
}

/* Buttons */

.pallets-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
}

.pallet-primary-btn,
.pallet-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}

.pallet-primary-btn {
    color: #ffffff;
    background: #173f2e;
    box-shadow: 0 12px 25px rgba(23, 63, 46, 0.2);
}

.pallet-primary-btn:hover {
    color: #173f2e;
    background: #b6df4b;
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(23, 63, 46, 0.22);
}

.pallet-whatsapp-btn {
    border: 1px solid #22a95a;
    color: #168645;
    background: #ffffff;
}

.pallet-whatsapp-btn i {
    font-size: 20px;
}

.pallet-whatsapp-btn:hover {
    color: #ffffff;
    background: #22a95a;
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(34, 169, 90, 0.2);
}

/* Right Gallery */

.pallets-gallery {
    position: relative;
}

.pallet-main-image {
    position: relative;
    height: 510px;
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(25, 62, 46, 0.18);
}

.pallet-main-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 24px;
    right: -24px;
    width: 100%;
    height: 100%;
    border: 3px solid #a9d64c;
    border-radius: 28px;
}

.pallet-main-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.pallet-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(16, 39, 29, 0.02) 35%,
            rgba(16, 39, 29, 0.62) 100%
        );
}

.pallet-main-image:hover img {
    transform: scale(1.08);
}

.pallet-image-badge {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    padding: 17px 20px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 15px;
    background: rgba(23, 63, 46, 0.9);
    backdrop-filter: blur(8px);
}

.pallet-image-badge strong {
    color: #b6df4b;
    font-size: 23px;
    font-weight: 800;
}

.pallet-image-badge span {
    margin-top: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.pallet-small-images {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    width: 88%;
    margin: -48px auto 0;
}

.pallet-small-image {
    height: 170px;
    overflow: hidden;
    border: 6px solid #f7f4eb;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(25, 62, 46, 0.16);
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.pallet-small-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.pallet-small-image:hover {
    transform: translateY(-10px) rotate(-1deg);
    box-shadow: 0 22px 45px rgba(25, 62, 46, 0.22);
}

.pallet-small-image:nth-child(2):hover {
    transform: translateY(-10px) rotate(1deg);
}

.pallet-small-image:hover img {
    transform: scale(1.1);
}

/* Applications */

.pallet-applications-container {
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: 95px auto 0;
}

.pallet-applications-heading {
    max-width: 650px;
    margin: 0 auto 38px;
    text-align: center;
}

.pallet-applications-heading span {
    color: #7ca52d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.pallet-applications-heading h3 {
    margin: 10px 0 0;
    color: #173f2e;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.25;
}

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

.pallet-application-card {
    position: relative;
    min-height: 230px;
    padding: 28px 20px;
    overflow: hidden;
    border: 1px solid #e0e5d8;
    border-radius: 20px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 14px 34px rgba(25, 62, 46, 0.07);
    transition:
        transform 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.pallet-application-card::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -90px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(182, 223, 75, 0.12);
    transform: translateX(-50%);
    transition:
        width 0.45s ease,
        height 0.45s ease,
        bottom 0.45s ease;
}

.pallet-application-card:hover::before {
    bottom: -45px;
    width: 320px;
    height: 320px;
}

.pallet-application-card:hover {
    border-color: #173f2e;
    background: #173f2e;
    transform: translateY(-10px);
    box-shadow: 0 22px 45px rgba(23, 63, 46, 0.2);
}

.pallet-app-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border-radius: 18px;
    background: #eef7dc;
    color: #6f9825;
    font-size: 26px;
    transition:
        transform 0.45s ease,
        background 0.45s ease,
        color 0.45s ease;
}

.pallet-application-card:hover .pallet-app-icon {
    color: #173f2e;
    background: #b6df4b;
    transform: rotateY(360deg);
}

.pallet-application-card h4,
.pallet-application-card p {
    position: relative;
    z-index: 2;
}

.pallet-application-card h4 {
    margin: 0 0 10px;
    color: #173f2e;
    font-size: 19px;
    font-weight: 750;
    transition: color 0.35s ease;
}

.pallet-application-card p {
    margin: 0;
    color: #6d776f;
    font-size: 13px;
    line-height: 1.65;
    transition: color 0.35s ease;
}

.pallet-application-card:hover h4 {
    color: #b6df4b;
}

.pallet-application-card:hover p {
    color: rgba(255, 255, 255, 0.78);
}

/* Bottom CTA */

.pallets-cta-container {
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: 70px auto 0;
}

.pallets-cta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    padding: 34px 38px;
    overflow: hidden;
    border-radius: 24px;
    background:
        linear-gradient(
            135deg,
            #173f2e 0%,
            #275c44 100%
        );
    box-shadow: 0 22px 50px rgba(23, 63, 46, 0.24);
}

.pallets-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 20px;
    background: #b6df4b;
    color: #173f2e;
    font-size: 32px;
}

.pallets-cta-content span {
    display: inline-block;
    margin-bottom: 7px;
    color: #b6df4b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.pallets-cta-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
}

.pallets-cta-content p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    line-height: 1.7;
}

.pallets-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 12px;
    color: #173f2e;
    background: #b6df4b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.pallets-cta-btn:hover {
    color: #173f2e;
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

/* Responsive */

@media (max-width: 1100px) {
    .pallets-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .pallets-content {
        max-width: 820px;
    }

    .pallets-gallery {
        max-width: 850px;
    }

    .pallet-applications-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pallets-cta {
        grid-template-columns: auto 1fr;
    }

    .pallets-cta-btn {
        grid-column: 1 / -1;
        width: fit-content;
        margin-left: 104px;
    }
}

@media (max-width: 767px) {
    .wooden-pallets-section {
        padding: 70px 15px;
    }

    .pallets-container {
        gap: 45px;
    }

    .pallets-title {
        font-size: 41px;
    }

    .pallets-description {
        font-size: 15px;
    }

    .pallets-feature-list {
        grid-template-columns: 1fr;
    }

    .pallet-main-image {
        height: 410px;
    }

    .pallet-small-images {
        width: 92%;
        margin-top: -35px;
    }

    .pallet-small-image {
        height: 135px;
    }

    .pallet-applications-container {
        margin-top: 70px;
    }

    .pallet-applications-heading h3 {
        font-size: 31px;
    }

    .pallet-applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pallets-cta {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .pallets-cta-icon {
        margin: 0 auto;
    }

    .pallets-cta-btn {
        grid-column: auto;
        width: fit-content;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .pallets-title {
        font-size: 34px;
    }

    .pallets-feature-wrapper {
        padding: 22px 17px;
    }

    .pallets-actions {
        flex-direction: column;
    }

    .pallet-primary-btn,
    .pallet-whatsapp-btn {
        width: 100%;
    }

    .pallet-main-image {
        height: 340px;
    }

    .pallet-small-images {
        grid-template-columns: 1fr;
        width: 90%;
    }

    .pallet-small-image {
        height: 155px;
    }

    .pallet-applications-grid {
        grid-template-columns: 1fr;
    }

    .pallet-application-card {
        min-height: auto;
    }

    .pallets-cta {
        padding: 28px 20px;
    }

    .pallets-cta-content h3 {
        font-size: 24px;
    }
}

/* =========================================
   WOODEN PALLETS SECTION END
========================================== */





/* ======================================
   WOODEN BOX SECTION START
======================================= */


.wood-box-section{

    padding:100px 20px;
    background:#f8f4ea;
    overflow:hidden;

}


.wood-box-container{

    max-width:1250px;
    margin:auto;

}


.wood-box-header{

    text-align:center;
    max-width:800px;
    margin:0 auto 60px;

}


.wood-box-header span{

    color:#719629;
    font-size:14px;
    font-weight:800;
    letter-spacing:2px;

}


.wood-box-header h2{

    margin:15px 0;
    font-size:52px;
    font-weight:800;
    color:#173f2e;
    text-transform:capitalize;

}


.wood-box-header h2 strong{

    color:#91bc35;

}


.wood-box-header p{

    color:#68736c;
    font-size:17px;
    line-height:1.8;

}



/* Cards */


.wood-box-grid{

    display:flex;
    flex-direction:column;
    gap:50px;

}



.wood-product-card{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:45px;
    align-items:center;
    padding:35px;
    background:#fff;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    transition:.4s;

}


.wood-product-card:hover{

    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(0,0,0,.15);

}


.reverse-card{

    grid-template-columns:1fr 420px;

}



.reverse-card .wood-product-image{

    order:2;

}



/* Image */


.wood-product-image{

    height:330px;
    overflow:hidden;
    border-radius:22px;

}


.wood-product-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;

}


.wood-product-card:hover img{

    transform:scale(1.1);

}



/* Content */


.wood-product-content h3{

    color:#173f2e;
    font-size:32px;
    margin-bottom:15px;
    font-weight:800;

}


.wood-product-content p{

    color:#666;
    line-height:1.7;
    font-size:15px;

}



.wood-product-content h4{

    margin:22px 0 15px;
    color:#719629;
    font-size:20px;

}



.wood-product-content ul{

    list-style:none;
    padding:0;
    margin:0;

}



.wood-product-content li{

    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:12px;
    color:#35443b;
    font-size:15px;

}


.wood-product-content li i{

    color:#82a92c;

}



/* CTA */


.wood-box-cta{

    margin-top:60px;
    padding:40px;
    text-align:center;
    border-radius:25px;
    background:#173f2e;
    color:#fff;

}


.wood-box-cta h3{

    font-size:32px;
    margin-bottom:15px;

}


.wood-box-cta p{

    max-width:700px;
    margin:auto;
    color:#d8dfd9;
    line-height:1.7;

}


.wood-box-cta a{

    display:inline-flex;
    gap:10px;
    margin-top:25px;
    padding:14px 30px;
    background:#b6df4b;
    color:#173f2e;
    border-radius:10px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;

}


.wood-box-cta a:hover{

    background:#fff;
    transform:translateY(-5px);

}



/* Responsive */


@media(max-width:900px){


.wood-product-card,
.reverse-card{

    grid-template-columns:1fr;

}


.reverse-card .wood-product-image{

    order:0;

}



.wood-product-image{

    height:300px;

}


}



@media(max-width:600px){


.wood-box-header h2{

    font-size:36px;

}


.wood-product-card{

    padding:20px;

}


.wood-product-content h3{

    font-size:26px;

}


.wood-box-cta h3{

    font-size:25px;

}


}



/* ======================================
   WOODEN BOX SECTION END
======================================= */


/* ================================
   PINE WOOD SECTION START
================================ */


.pine-section{

    padding:100px 20px;
    background:#f8f4ea;

}


.pine-container{

    max-width:1250px;
    margin:auto;

}


/* Heading */

.pine-heading{

    text-align:center;
    max-width:850px;
    margin:0 auto 60px;

}


.pine-heading span{

    color:#789b2b;
    font-size:14px;
    font-weight:800;
    letter-spacing:2px;

}


.pine-heading h2{

margin:15px 0 20px;

font-size: 48px;

line-height:1.2;

color:#173f2e;

font-weight:800;
}


.pine-heading h2 strong{

    color:#91bc35;

}


.pine-heading p{

    color:#68736c;
    font-size:17px;
    line-height:1.8;

}



/* Main Layout */

.pine-wrapper{

    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:70px;
    align-items:center;

}



/* Content */

.pine-content h3{

    color:#173f2e;
    font-size:30px;
    margin-bottom:25px;
    text-transform:uppercase;

}


.pine-list{

    display:flex;
    flex-direction:column;
    gap:15px;

}


.pine-item{

    display:flex;
    align-items:center;
    gap:15px;
    padding:16px 20px;
    background:#ffffff;
    border-radius:15px;
    font-size:16px;
    font-weight:600;
    color:#35443b;
    box-shadow:0 10px 25px rgba(0,0,0,.07);
    transition:.4s;

}


.pine-item i{

    color:#82a92c;
    font-size:18px;

}


.pine-item:hover{

    background:#173f2e;
    color:#ffffff;
    transform:translateX(10px);

}


.pine-item:hover i{

    color:#b6df4b;

}



.pine-bottom-text{

    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    padding:25px;
    border-radius:18px;
    background:#173f2e;

}


.pine-bottom-text i{

    color:#b6df4b;
    font-size:35px;

}


.pine-bottom-text p{

    margin:0;
    color:#ffffff;
    line-height:1.7;
    font-size:15px;

}



/* Images */

.pine-large-img{

    height:430px;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 25px 55px rgba(0,0,0,.18);

}


.pine-large-img img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;

}


.pine-large-img:hover img{

    transform:scale(1.08);

}



.pine-small-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:20px;

}


.pine-img-card{

    height:150px;
    overflow:hidden;
    border-radius:18px;
    border:5px solid #fff;
    box-shadow:0 10px 25px rgba(0,0,0,.10);
    transition:.4s;

}


.pine-img-card img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;

}


.pine-img-card:hover{

    transform:translateY(-8px);

}


.pine-img-card:hover img{

    transform:scale(1.12);

}



/* Responsive */

@media(max-width:992px){

    .pine-wrapper{

        grid-template-columns:1fr;

    }

}



@media(max-width:600px){


    .pine-heading h2{

        font-size:35px;

    }


    .pine-large-img{

        height:330px;

    }


    .pine-small-grid{

        grid-template-columns:1fr;

    }


}


/* ================================
   PINE WOOD SECTION END
================================ */

.custom-packaging-section{
    padding:80px 0;
    background:#f8f5ee;
}


.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


.packaging-wrapper{
    display:flex;
    gap:50px;
    align-items:flex-start;
}


/* Content */

.packaging-content{
    width:60%;
}


.packaging-content p{
    font-size:18px;
    line-height:1.7;
    color:#333;
    margin-bottom:25px;
}


.packaging-content h3{
    font-size:25px;
    color:#222;
    margin:25px 0 15px;
    font-weight:700;
}


.packaging-content ul{
    list-style:none;
    padding:0;
    margin:0 0 20px;
}


.packaging-content ul li{
    font-size:17px;
    color:#333;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}


.packaging-content ul li:before{
    content:"➤";
    position:absolute;
    left:0;
    color:#6b7d35;
    font-size:18px;
}


/* Images */

.packaging-images{
    width:40%;
    display:flex;
    flex-direction:column;
    gap:22px;
}


.package-img{
    overflow:hidden;
    border-radius:18px;
    border:2px solid #777;
}


.package-img img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}


.package-img:hover img{
    transform:scale(1.08);
}



/* Responsive */

@media(max-width:991px){

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


.packaging-content,
.packaging-images{
    width:100%;
}


.package-img img{
    height:220px;
}

}

.industries-section{
    padding:80px 0;
    background:#f8f4ea;
}


.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


.industry-title{
    text-align:center;
    margin-bottom:35px;
}


.industry-title h2{
    display:inline-block;
    background:#596b29;
    color:#fff;
    padding:18px 80px;
    font-size:38px;
    font-weight:700;
    letter-spacing:2px;
    clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);
}



.industry-desc{
    text-align:center;
    font-size:22px;
    color:#333;
    margin-bottom:50px;
}


/* Grid */

.industry-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:45px 25px;
}



.industry-card{
    text-align:center;
    transition:.4s ease;
}


.icon-box{
    width:140px;
    height:110px;
    margin:auto;
    background:#596b29;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s ease;
}


.icon-box i{
    color:white;
    font-size:55px;
}


.industry-card h4{
    margin-top:18px;
    font-size:20px;
    color:#222;
    font-weight:600;
    line-height:1.4;
}



/* Hover */

.industry-card:hover{
    transform:translateY(-10px);
}


.industry-card:hover .icon-box{
    background:#384719;
    box-shadow:0 15px 25px rgba(0,0,0,.2);
}




/* Responsive */

@media(max-width:992px){

.industry-grid{
    grid-template-columns:repeat(2,1fr);
}


.industry-title h2{
    font-size:28px;
    padding:15px 45px;
}

}


@media(max-width:576px){

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


.industry-desc{
    font-size:18px;
}

}

.contact-section{
    padding:90px 0;
    background:#f8f5ee;
}


.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


.contact-header{
    text-align:center;
    margin-bottom:55px;
}


.contact-header span{
    color:#596b29;
    font-weight:700;
    letter-spacing:2px;
}


.contact-header h2{
    font-size:42px;
    margin:10px 0;
    color:#222;
}


.contact-header p{
    font-size:18px;
    color:#555;
}



/* Layout */

.contact-wrapper{
    display:grid;
    grid-template-columns:40% 60%;
    gap:35px;
}



/* Contact Info */

.contact-info{
    background:#596b29;
    padding:40px;
    border-radius:20px;
}


.info-box{
    display:flex;
    gap:20px;
    margin-bottom:35px;
    color:white;
}


.info-icon{
    width:55px;
    height:55px;
    background:white;
    color:#596b29;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}


.info-box h4{
    margin:0 0 8px;
    font-size:20px;
}


.info-box p{
    margin:0;
    line-height:1.6;
    opacity:.9;
}



/* Form */

.contact-form{
    background:white;
    padding:45px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}


.contact-form h3{
    font-size:30px;
    margin-bottom:30px;
    color:#222;
}



.form-row{
    display:flex;
    gap:20px;
}


.contact-form input,
.contact-form select,
.contact-form textarea{

    width:100%;
    padding:15px 18px;
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:16px;
    outline:none;
    transition:.3s;

}


.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{

    border-color:#596b29;

}



.contact-form button{

    background:#596b29;
    color:white;
    border:none;
    padding:15px 35px;
    border-radius:30px;
    font-size:17px;
    cursor:pointer;
    transition:.4s;

}


.contact-form button:hover{

    background:#384719;
    transform:translateY(-3px);

}




/* Responsive */

@media(max-width:991px){

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


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

}


@media(max-width:576px){

.contact-header h2{
    font-size:32px;
}


.contact-form{
    padding:25px;
}


.contact-info{
    padding:25px;
}

}


/* =========================
   BOPP TAPE SECTION START
========================== */

.bopp-tape-section {
    position: relative;
    padding: 100px 20px;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 20%, rgba(24, 146, 123, 0.08), transparent 25%),
        radial-gradient(circle at 90% 80%, rgba(244, 170, 35, 0.10), transparent 25%),
        #f8fbfa;
    font-family: Arial, Helvetica, sans-serif;
}

.bopp-tape-section::before {
    content: "";
    position: absolute;
    top: 40px;
    right: -80px;
    width: 240px;
    height: 240px;
    border: 35px solid rgba(24, 146, 123, 0.05);
    border-radius: 50%;
}

.bopp-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: 80px;
}

/* Image Area */

.bopp-image-box {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bopp-image-shape {
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 48% 52% 57% 43% / 43% 42% 58% 57%;
    background: linear-gradient(145deg, #e6f6f1, #c9ece2);
    animation: boppShapeMove 7s ease-in-out infinite;
}

.bopp-image-shape::before {
    content: "";
    position: absolute;
    inset: 22px;
    border: 2px dashed rgba(24, 146, 123, 0.25);
    border-radius: inherit;
}

.bopp-main-image {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 430px;
    object-fit: contain;
    transition: transform 0.6s ease, filter 0.6s ease;
    filter: drop-shadow(0 25px 30px rgba(27, 61, 52, 0.18));
}

.bopp-image-box:hover .bopp-main-image {
    transform: translateY(-12px) scale(1.04);
    filter: drop-shadow(0 35px 35px rgba(27, 61, 52, 0.25));
}

.bopp-quality-badge {
    position: absolute;
    right: 10px;
    bottom: 40px;
    z-index: 4;
    width: 125px;
    height: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    background: #f4a923;
    border: 8px solid #ffffff;
    box-shadow: 0 14px 35px rgba(37, 57, 52, 0.18);
    animation: boppBadgeFloat 3s ease-in-out infinite;
}

.bopp-quality-badge i {
    margin-bottom: 7px;
    font-size: 25px;
}

.bopp-quality-badge span {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
}

/* Content Area */

.bopp-small-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #178f76;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.bopp-small-title span {
    width: 38px;
    height: 3px;
    border-radius: 10px;
    background: #f4a923;
}

.bopp-content h2 {
    margin: 0 0 22px;
    color: #173c34;
    font-size: 46px;
    line-height: 1.16;
    font-weight: 800;
}

.bopp-content h2 strong {
    display: block;
    color: #178f76;
}

.bopp-content > p {
    margin: 0 0 30px;
    color: #667570;
    font-size: 16px;
    line-height: 1.8;
}

.bopp-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}

.bopp-type-card {
    display: flex;
    gap: 15px;
    padding: 20px 18px;
    border: 1px solid #deebe7;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(28, 64, 55, 0.05);
    transition: all 0.35s ease;
}

.bopp-type-card:hover {
    transform: translateY(-7px);
    border-color: #178f76;
    box-shadow: 0 18px 38px rgba(28, 64, 55, 0.12);
}

.bopp-type-icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #ffffff;
    background: #178f76;
    font-size: 21px;
    transition: all 0.35s ease;
}

.bopp-type-card:hover .bopp-type-icon {
    transform: rotateY(180deg);
    background: #f4a923;
}

.bopp-type-card h3 {
    margin: 0 0 7px;
    color: #173c34;
    font-size: 17px;
    font-weight: 750;
}

.bopp-type-card p {
    margin: 0;
    color: #74817d;
    font-size: 13px;
    line-height: 1.55;
}

.bopp-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 25px;
    margin-bottom: 32px;
}

.bopp-features div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #314d46;
    font-size: 15px;
    font-weight: 600;
}

.bopp-features i {
    color: #178f76;
    font-size: 18px;
}

.bopp-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.bopp-primary-btn {
    min-height: 54px;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 7px;
    color: #ffffff;
    background: #178f76;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(23, 143, 118, 0.22);
    transition: all 0.35s ease;
}

.bopp-primary-btn:hover {
    color: #ffffff;
    background: #f4a923;
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(244, 169, 35, 0.27);
}

.bopp-primary-btn i {
    transition: transform 0.35s ease;
}

.bopp-primary-btn:hover i {
    transform: translateX(6px);
}

.bopp-call-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #173c34;
    text-decoration: none;
}

.bopp-call-btn > span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #f4a923;
    font-size: 18px;
    transition: all 0.35s ease;
}

.bopp-call-btn:hover > span {
    transform: rotate(12deg) scale(1.08);
    background: #178f76;
}

.bopp-call-btn div {
    display: flex;
    flex-direction: column;
}

.bopp-call-btn small {
    margin-bottom: 4px;
    color: #7a8884;
    font-size: 12px;
}

.bopp-call-btn strong {
    color: #173c34;
    font-size: 16px;
}

/* Animations */

@keyframes boppShapeMove {
    0%,
    100% {
        border-radius: 48% 52% 57% 43% / 43% 42% 58% 57%;
        transform: rotate(0deg);
    }

    50% {
        border-radius: 57% 43% 44% 56% / 55% 57% 43% 45%;
        transform: rotate(4deg);
    }
}

@keyframes boppBadgeFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Responsive */

@media (max-width: 991px) {
    .bopp-tape-section {
        padding: 75px 20px;
    }

    .bopp-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bopp-image-box {
        min-height: 450px;
    }

    .bopp-content {
        text-align: center;
    }

    .bopp-small-title,
    .bopp-buttons {
        justify-content: center;
    }

    .bopp-features div {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .bopp-tape-section {
        padding: 55px 15px;
    }

    .bopp-image-box {
        min-height: 360px;
    }

    .bopp-image-shape {
        width: 315px;
        height: 315px;
    }

    .bopp-main-image {
        max-width: 310px;
    }

    .bopp-quality-badge {
        right: 0;
        bottom: 15px;
        width: 100px;
        height: 100px;
        border-width: 6px;
    }

    .bopp-content h2 {
        font-size: 32px;
    }

    .bopp-type-grid,
    .bopp-features {
        grid-template-columns: 1fr;
    }

    .bopp-type-card {
        text-align: left;
    }

    .bopp-features div {
        justify-content: flex-start;
    }

    .bopp-buttons {
        flex-direction: column;
    }

    .bopp-primary-btn {
        width: 100%;
    }
}

/* =======================
   BOPP TAPE SECTION END
======================== */

/* ==================================
   CORRUGATED PRODUCTS SECTION START
================================== */

.corrugated-products-section {
    position: relative;
    padding: 95px 20px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 15%, rgba(19, 145, 119, 0.09), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(245, 171, 36, 0.10), transparent 24%),
        #f7fbfa;
    font-family: Arial, Helvetica, sans-serif;
}

.corrugated-products-section::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;
    width: 250px;
    height: 250px;
    border: 35px solid rgba(20, 143, 119, 0.05);
    border-radius: 50%;
}

.corrugated-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Heading */

.corrugated-heading {
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
}

.corrugated-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: #149078;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.corrugated-subtitle i {
    color: #f5aa24;
}

.corrugated-heading h2 {
    margin: 0 0 16px;
    color: #123d35;
    font-size: 44px;
    line-height: 1.18;
    font-weight: 800;
}

.corrugated-heading p {
    margin: 0;
    color: #687973;
    font-size: 16px;
    line-height: 1.75;
}

/* Grid */

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

/* Card */

.corrugated-product-card {
    overflow: hidden;
    border: 1px solid #dfece8;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(24, 64, 54, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease,
                border-color 0.4s ease;
}

.corrugated-product-card:hover {
    transform: translateY(-10px);
    border-color: rgba(20, 144, 120, 0.45);
    box-shadow: 0 28px 60px rgba(24, 64, 54, 0.15);
}

/* Product Image */

.corrugated-image-wrap {
    position: relative;
    height: 340px;
    overflow: hidden;
    background: #f3f7f6;
}

.corrugated-product-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    padding: 25px;
    transition: transform 0.65s ease;
}

.corrugated-product-card:hover .corrugated-product-image {
    transform: scale(1.07);
}

.corrugated-label {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    padding: 9px 14px;
    border-radius: 30px;
    color: #ffffff;
    background: #149078;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    box-shadow: 0 8px 20px rgba(20, 144, 120, 0.22);
}

.corrugated-image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(16, 57, 48, 0.08);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.corrugated-product-card:hover .corrugated-image-overlay {
    opacity: 1;
}

.corrugated-image-overlay a {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #f5aa24;
    font-size: 20px;
    text-decoration: none;
    transform: translateY(18px);
    transition: transform 0.4s ease, background 0.35s ease;
}

.corrugated-product-card:hover .corrugated-image-overlay a {
    transform: translateY(0);
}

.corrugated-image-overlay a:hover {
    background: #149078;
}

/* Content */

.corrugated-card-content {
    padding: 30px;
}

.corrugated-title-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.corrugated-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #ffffff;
    background: #149078;
    font-size: 22px;
    transition: transform 0.4s ease, background 0.4s ease;
}

.corrugated-product-card:hover .corrugated-icon {
    transform: rotateY(180deg);
    background: #f5aa24;
}

.corrugated-title-row span {
    display: block;
    margin-bottom: 5px;
    color: #149078;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.corrugated-title-row h3 {
    margin: 0;
    color: #123d35;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 800;
}

.corrugated-card-content > p {
    min-height: 78px;
    margin: 0 0 23px;
    color: #6a7a75;
    font-size: 15px;
    line-height: 1.72;
}

.corrugated-options-title {
    margin-bottom: 13px;
    color: #183f37;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Options */

.corrugated-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.corrugated-options span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #d9e9e5;
    border-radius: 7px;
    color: #34564e;
    background: #f8fbfa;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.corrugated-options span:hover {
    color: #ffffff;
    border-color: #149078;
    background: #149078;
    transform: translateY(-3px);
}

.corrugated-options span i {
    color: #f5aa24;
}

.corrugated-options span:hover i {
    color: #ffffff;
}

/* Features */

.corrugated-feature-list {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
}

.corrugated-feature-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
    color: #405e57;
    font-size: 14px;
    font-weight: 600;
}

.corrugated-feature-list li:last-child {
    margin-bottom: 0;
}

.corrugated-feature-list i {
    color: #149078;
    font-size: 16px;
}

/* Button */

.corrugated-enquiry-btn {
    min-height: 52px;
    padding: 0 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border-radius: 7px;
    color: #ffffff;
    background: #149078;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 25px rgba(20, 144, 120, 0.21);
    transition: all 0.35s ease;
}

.corrugated-enquiry-btn:hover {
    color: #ffffff;
    background: #f5aa24;
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(245, 170, 36, 0.25);
}

.corrugated-enquiry-btn i {
    transition: transform 0.35s ease;
}

.corrugated-enquiry-btn:hover i {
    transform: translateX(6px);
}

/* Responsive */

@media (max-width: 991px) {
    .corrugated-products-section {
        padding: 75px 20px;
    }

    .corrugated-heading h2 {
        font-size: 38px;
    }

    .corrugated-product-grid {
        grid-template-columns: 1fr;
        max-width: 700px;
        margin: 0 auto;
    }

    .corrugated-card-content > p {
        min-height: auto;
    }
}

@media (max-width: 575px) {
    .corrugated-products-section {
        padding: 55px 15px;
    }

    .corrugated-heading {
        margin-bottom: 35px;
    }

    .corrugated-heading h2 {
        font-size: 30px;
    }

    .corrugated-heading p {
        font-size: 14px;
    }

    .corrugated-image-wrap {
        height: 270px;
    }

    .corrugated-product-image {
        padding: 18px;
    }

    .corrugated-card-content {
        padding: 23px 18px;
    }

    .corrugated-title-row {
        align-items: flex-start;
    }

    .corrugated-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        font-size: 19px;
    }

    .corrugated-title-row h3 {
        font-size: 21px;
    }

    .corrugated-options span {
        font-size: 12px;
    }

    .corrugated-enquiry-btn {
        width: 100%;
    }
}

/* ================================
   CORRUGATED PRODUCTS SECTION END
================================ */

/* ===================================
   HTE WOOD PACKAGING SECTION START
=================================== */

.hte-wood-packaging-section,
.hte-wood-packaging-section * {
    box-sizing: border-box;
}

.hte-wood-packaging-section {
    position: relative;
    width: 100%;
    padding: 90px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 5% 15%,
        rgba(18, 149, 123, 0.08), transparent 25%),
        radial-gradient(circle at 95% 85%,
        rgba(245, 171, 36, 0.10), transparent 25%),
        #f7fbfa;
}

.hte-wood-packaging-section .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
}

/* Heading */

.hte-wood-heading {
    max-width: 760px;
    margin: 0 auto 48px;
}

.hte-wood-heading span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: #149078;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hte-wood-heading span i {
    color: #f5aa24;
}

.hte-wood-heading h2 {
    margin: 0 0 15px;
    color: #123d35;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 800;
}

.hte-wood-heading p {
    margin: 0;
    color: #677872;
    font-size: 16px;
    line-height: 1.75;
}

/* Product Card */

.hte-wood-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #dceae6;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(22, 61, 52, 0.09);
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.hte-wood-card:hover {
    transform: translateY(-9px);
    border-color: rgba(20, 144, 120, 0.45);
    box-shadow: 0 28px 60px rgba(22, 61, 52, 0.16);
}

/* Product Image */

.hte-wood-image {
    position: relative;
    width: 100%;
    height: 330px;
    overflow: hidden;
    background: #eef4f2;
}

.hte-wood-image img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: cover;
    object-position: center;
    transform: none;
    transition: transform 0.6s ease;
}

.hte-wood-card:hover .hte-wood-image img {
    transform: scale(1.07);
}

.hte-wood-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    padding: 9px 17px;
    border-radius: 30px;
    color: #ffffff;
    background: #149078;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    box-shadow: 0 9px 22px rgba(20, 144, 120, 0.25);
}

/* Card Content */

.hte-wood-content {
    position: relative;
    width: 100%;
    padding: 30px;
}

.hte-wood-title {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-bottom: 18px;
}

.hte-wood-title > div:last-child {
    min-width: 0;
    flex: 1;
}

.hte-wood-icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #ffffff;
    background: #149078;
    font-size: 23px;
    transition:
        transform 0.4s ease,
        background 0.4s ease;
}

.hte-wood-card:hover .hte-wood-icon {
    background: #f5aa24;
    transform: rotateY(180deg);
}

.hte-wood-title small {
    display: block;
    margin-bottom: 5px;
    color: #149078;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.hte-wood-title h3 {
    margin: 0;
    color: #123d35;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 800;
    word-break: normal;
}

.hte-wood-content > p {
    min-height: 105px;
    margin: 0 0 22px;
    color: #687873;
    font-size: 15px;
    line-height: 1.75;
}

/* Features */

.hte-wood-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 18px;
    margin-bottom: 27px;
}

.hte-wood-features span {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    color: #36574f;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}

.hte-wood-features i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #149078;
    font-size: 15px;
}

/* Button */

.hte-wood-button {
    min-height: 51px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 7px;
    color: #ffffff !important;
    background: #149078;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 12px 25px rgba(20, 144, 120, 0.22);
    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.hte-wood-button:hover {
    color: #ffffff !important;
    background: #f5aa24;
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(245, 170, 36, 0.25);
}

.hte-wood-button i {
    transition: transform 0.35s ease;
}

.hte-wood-button:hover i {
    transform: translateX(5px);
}

/* Tablet */

@media (max-width: 991px) {
    .hte-wood-packaging-section {
        padding: 70px 0;
    }

    .hte-wood-heading h2 {
        font-size: 37px;
    }

    .hte-wood-image {
        height: 280px;
    }

    .hte-wood-content {
        padding: 24px;
    }

    .hte-wood-title h3 {
        font-size: 23px;
    }

    .hte-wood-features {
        grid-template-columns: 1fr;
    }

    .hte-wood-content > p {
        min-height: 130px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .hte-wood-packaging-section {
        padding: 55px 12px;
    }

    .hte-wood-heading {
        margin-bottom: 34px;
    }

    .hte-wood-heading h2 {
        font-size: 30px;
    }

    .hte-wood-heading p {
        font-size: 14px;
    }

    .hte-wood-image {
        height: 260px;
    }

    .hte-wood-content {
        padding: 23px 19px;
    }

    .hte-wood-content > p {
        min-height: auto;
    }

    .hte-wood-title {
        align-items: flex-start;
    }

    .hte-wood-icon {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        font-size: 20px;
    }

    .hte-wood-title h3 {
        font-size: 22px;
    }

    .hte-wood-button {
        width: 100%;
    }
}

/* =================================
   HTE WOOD PACKAGING SECTION END
================================= */