body {
       font-family: "Plus Jakarta Sans", sans-serif;
       overflow-x: hidden;
     }


     .lora-text {
       font-family: "Lora", serif;
       font-style: italic;
       font-weight: 700;
     }

     /* ____________________________________________________
     3icons css 
     ____________________________________________________ */

.floating-icons {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
}

.floating-icons .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.4),
    0 -4px 15px rgba(255, 255, 255, 0.3);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Hover – big pop + strong glow */
.floating-icons .icon:hover {
  transform: scale(1.25) translateY(-5px);
  box-shadow: 
    0 10px 30px rgba(0, 0, 0, 0.5),
    0 -6px 25px rgba(255, 255, 255, 0.6);
}

/* Individual color glow intensities */
.icon.call {
  background: orange;
  box-shadow: 
    inset 0 2px 10px rgba(255, 255, 255, 0.6),
    0 0 25px rgba(255, 165, 0, 0.9),
    0 0 50px rgba(255, 140, 0, 0.6);
}

.icon.call:hover {
  box-shadow: 
    0 0 35px rgba(255, 165, 0, 1),
    0 0 60px rgba(255, 140, 0, 0.8),
    0 -6px 25px rgba(255, 255, 255, 0.5);
}

.icon.whatsapp {
  background: #25D366;
  box-shadow: 
    inset 0 2px 10px rgba(255, 255, 255, 0.6),
    0 0 25px rgba(37, 211, 102, 0.9),
    0 0 50px rgba(37, 211, 102, 0.6);
}

.icon.whatsapp:hover {
  box-shadow: 
    0 0 35px rgba(37, 211, 102, 1),
    0 0 60px rgba(37, 211, 102, 0.8),
    0 -6px 25px rgba(255, 255, 255, 0.5);
}

.icon.mail {
  background: #0072c6;
  box-shadow: 
    inset 0 2px 10px rgba(255, 255, 255, 0.6),
    0 0 25px rgba(0, 114, 198, 0.9),
    0 0 50px rgba(0, 114, 198, 0.6);
}

.icon.mail:hover {
  box-shadow: 
    0 0 35px rgba(0, 114, 198, 1),
    0 0 60px rgba(0, 114, 198, 0.8),
    0 -6px 25px rgba(255, 255, 255, 0.5);
}


     .popup {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.6);
     }

     .popup-content {
       background: #fff;
       padding: 20px;
       margin: 10% auto;
       width: 300px;
       border-radius: 10px;
       text-align: center;
     }

     .close {
       float: right;
       font-size: 20px;
       cursor: pointer;
     }

     .popup {
       display: none;
       /* default hidden */
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.6);
       z-index: 10000;
       align-items: center;
       justify-content: center;
     }


     .popup-content {
       background: #fff;
       padding: 30px;
       width: 300px;
       border-radius: 5px;
       text-align: center;
       box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
       position: relative;
       animation: popIn 0.3s ease-in-out;
     }


     @keyframes popIn {
       from {
         transform: scale(0.8);
         opacity: 0;
       }

       to {
         transform: scale(1);
         opacity: 1;
       }
     }

     .close {
       position: absolute;
       right: 10px;
       top: 0px;
       font-size: 20px;
       cursor: pointer;
       color: #555;
     }

     .close:hover {
       color: red;
     }

     /* Heading */
     .popup-content h2 {
       margin-bottom: 10px;
       font-size: 22px;
       color: #333;
     }

     .popup-content p {
       font-size: 14px;
       color: #666;
       margin-bottom: 20px;
     }

     /* Form */
     .form-group {
       margin-bottom: 15px;
     }

     .form-group input {
       width: 100%;
       padding: 12px 15px;
       border: 1px solid #ddd;
       border-radius: 8px;
       font-size: 14px;
       outline: none;
       transition: 0.2s;
     }

     .form-group input:focus {
       border-color: #25D366;
       box-shadow: 0 0 5px rgba(37, 211, 102, 0.3);
     }

     /* Submit Button */
     .submit-btn {
       background: #25D366;
       color: #fff;
       border: none;
       padding: 12px 20px;
       font-size: 16px;
       border-radius: 8px;
       cursor: pointer;
       transition: background 0.3s;
       width: 100%;
     }

     .submit-btn:hover {
       background: #1da851;
     }

     /* _________________________________
______________end 3icon ___________________ */
     /* ====== NAVBAR BASE ====== */
     .logo-box {
  display: flex;
  flex-direction: column;
  align-items: center; /* center me rakhne ke liye */
  text-decoration: none;
}

.logo-box img {
  width: 120px; /* apne logo size ke hisab se */
  height: auto;
}

.since-text {
    font-size: 14px;
    color: #156321;
    margin-left: 34px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: -16px;
}

     .navbar.sticky-top {
       background-color: #fff;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
       transition: background-color 0.3s ease;
       z-index: 999;
     }

     .nav-item a.nav-link {
       font-size: 13px;
       font-weight: 400;
       color: #000 !important;
       margin: 0 8px;
       position: relative;
       z-index: 1;
       overflow: hidden;
       transition: color 0.3s ease;
     }

     .nav-item a.nav-link:hover {
       color: #FBD015 !important;
     }

     .nav-item a.nav-link::before {
       content: "";
       position: absolute;
       top: -100%;
       left: 0;
       width: 100%;
       height: 100%;
       transition: top 0.4s ease;
       z-index: -1;
     }

     .nav-item a.nav-link:hover::before {
       top: 0;
     }

     /* Arrow icon for dropdown toggle */
     .navbar .dropdown-toggle::after {
       display: none !important;
     }

     .nav-item.dropdown .nav-link::after {
       content: "\f107";
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       margin-left: 6px;
       display: inline-block;
       transition: transform 0.3s ease;
       font-size: 0.75rem;
     }

     .nav-item.dropdown:hover .nav-link::after {
       transform: translateY(-3px) rotate(180deg);
     }

     /* ====== TOP-LEVEL DROPDOWN ====== */
     .navbar .nav-item.dropdown>.dropdown-menu {
   
       opacity: 0;
       visibility: hidden;
       transform: translateY(10px);
       transition: all 0.3s ease;
       pointer-events: none;
       min-width: 260px;
       width: auto;
       /* auto width instead of fixed 400px */
       margin: 0;
       box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
       border-radius: .5rem;
     }

     .navbar .nav-item.dropdown:hover>.dropdown-menu,
     .navbar .nav-item.dropdown.show>.dropdown-menu {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
       pointer-events: auto;
     }

     /* ====== SUBMENU (SECOND LEVEL) ====== */
     .navbar .dropdown-submenu {
       position: relative;
     }

     .navbar .dropdown-submenu>.dropdown-menu {
       position: absolute;
       top: 0;
       left: 100%;
       margin: 0;
       min-width: 220px;
       transform: translateX(-8px);
       opacity: 0;
       visibility: hidden;
       pointer-events: none;
       transition: opacity .18s ease, transform .18s ease;
       z-index: 2500;
       box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
       border-radius: .5rem;
     }

     .navbar .dropdown-submenu:hover>.dropdown-menu,
     .navbar .dropdown-submenu.show>.dropdown-menu {
       opacity: 1;
       visibility: visible;
       transform: translateX(0);
       pointer-events: auto;
       max-height: 200px;
       overflow-y: scroll;
     }

     

     /* Arrow indicator for submenu */
     .navbar .dropdown-submenu>.dropdown-item {
       padding-right: 22px;
     }

     .navbar .dropdown-submenu>.dropdown-item::after {
       content: "\f105";
       /* FontAwesome chevron-right */
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       margin-left: auto;
       font-size: 0.85rem;
     }

     /* ====== DROPDOWN ITEMS ====== */
     .dropdown-menu {
       min-width: auto !important;
       width: max-content;
     }

     .dropdown-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 5px 20px;
       white-space: nowrap;
       transition: 0.3s;
     }

     .dropdown-item:hover {
       background: #FBD015;
       color: #fff !important;
       width: 95%;
       border-radius: 5px;
       margin-left: 5px;
     }

     /* Hover arrow effect */
     .dropdown-item::after {
       content: "→";
       transform: scaleX(0);
       transition: transform 0.3s ease;
       font-size: 18px;
       margin-left: 10px;
     }

     .dropdown-item:hover::after {
       transform: scaleX(1);
     }
     
     /* Active top-level nav link */
.nav-item a.nav-link.active-on-click {
    color: #FBD015 !important;  /* yellow */
    font-weight: 500;
}




     /* ====== SOCIAL ICONS ====== */
     .social-icons a {
    display: inline-block;
    width: 35px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    color: #000;
    margin: 0 5px;
    font-size: 12px;
    transition: 0.3s;
}

     .social-icons a:hover {
       background: #FBD015;
       color: #000;
       border-color: #FBD015;
     }

     /* ====== BRAND LOGO ====== */
     .navbar-brand img {
       background: #fff;
       padding: 8px;
       margin-left: 20px;
       width: 185px;
       border-radius: 5px;
     }

     /* ====== QUOTE BUTTONS ====== */
     a.btn-quote {
       color: #000;
       background: #FBD015;
       padding: 5px 14px;
       border-radius: 36px;
       text-decoration: none;
       margin-right: 20px;
     }

     .btn-quote-custom {
       background-color: #fcd535;
       color: #000;
       font-weight: 600;
       border-radius: 30px;
       padding: 10px 25px;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       transition: 0.3s;
     }

     .btn-quote-custom:hover {
       background-color: #FBD015;
       color: #000;
     }

     .btn-call-custom {
       color: #fff;
       border-radius: 30px;
       padding: 10px 20px;
       text-decoration: none;
       transition: 0.3s;
     }

     .btn-call-custom:hover {
       background: rgba(255, 255, 255, 0.25);
       color: #fff;
     }

     .call-icon {
       background: #FBD015;
       color: #000;
       width: 36px;
       height: 36px;
       border-radius: 50%;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 16px;
     }

     .btn-call-custom strong {
       font-weight: 600;
       font-size: 15px;
     }

     .btn-call-custom span {
       font-size: 14px;
       color: #ddd;
     }

     /* Divider */
     .divider {
       width: 1px;
       height: 30px;
       background: #000;
       margin: 0 15px;
     }

     /* Submenu container */
     .dropdown-submenu {
       position: relative;
     }

     /* Position submenu */
     .dropdown-submenu>.dropdown-menu {
       top: 0;
       left: 100%;
       margin-top: 0;
       margin-left: 0;
       display: none;
     }

     /* Show submenu on hover */
     .dropdown-submenu:hover>.dropdown-menu {
       display: block;
     }

     /* Arrow indicator for submenu */
     .dropdown-submenu>.dropdown-toggle::after {
       content: "\f105";
       /* Font Awesome chevron-right */
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       float: right;
       border: none;
     }


    .translaterandsocialicon {
    display: flex;
    align-items: center;
}
     .carousel-item img {
       object-fit: cover;
     }

     .carousel-caption {
       bottom: 20%;
       left: 8%;
       text-align: left;
     }

     .carousel-caption h1 {
       color: #fff;
       text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
       font-size: 40px;
       font-weight: 700;
       margin-bottom: 0px;
     }

     .carousel-caption-heading span {
       color: #FFF;
       font-family: Lora;
       font-size: 40px;
       font-style: italic;
       font-weight: 400;
       line-height: 59px;
     }


     .carousel-caption h3 {
       color: #fff;
       text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
     }

     .carousel-caption p {
       color: #fff;
       text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
       font-size: 18px;
       font-weight: 400;
       font-style: italic;
       font-family: serif;
     }

     a.btn-quote-custom {
       background: #FBD015;
       color: #000;
       padding: 5px;
       border-radius: 28px;
       text-decoration: none;
     }


     .carousel-control-prev {
       left: -29px;

     }

     .carousel-control-next {
       right: -29px;

     }

     .carousel-control-prev-icon,
     .carousel-control-next-icon {
       width: 50px;
       height: 50px;
       background-size: 60% 60%;

     }


     .carousel-control-prev-icon,
     .carousel-control-next-icon {
       background-color: rgba(0, 0, 0, 0.5);
       border-radius: 50%;
     }
h1.carousel-caption-heading-two {
      font-style: italic;
       font-family: "Lora", serif;
}
.carousel-caption-heading-two span {
             font-family: "Plus Jakarta Sans";

}
.banner-home-call {
    display: flex
;
    align-items: center;
    padding-top: 25px;
}
.carousel-caption-heading-three span {
           font-family: "Plus Jakarta Sans";

}
h1.carousel-caption-heading-three {
     font-style: italic;
       font-family: "Lora", serif;
}
     /*
 ______________________________________________________________________________________________________
_______________________________ homepage banner section end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________  about-section start __________________________________________________
______________________________________________________________________________________________________ 
*/
     .about-section-home-page {
       background-color: #FAF6F1;
       padding: 60px 20px;
     }

     .about-section-home-page h6 {
       font-size: 18px;
       color: #000;
       font-style: italic;
       font-family: "Lora", serif;
     }

     .mint-oil-about-home img {
       width: 100%;
       /* height: 503px; */
       flex-shrink: 0;
       aspect-ratio: 83 / 102;
     }

     .about-section-home-page h2 {
       font-weight: 700;
       font-size: 46px;
       margin-bottom: 15px;
     }

     .about-section-home-page h2 span {
       font-weight: 400;
       font-style: italic;
       font-family: "Lora", serif;
     }

     .about-section-home-page p {
       color: #000;
       text-align: justify;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 27px;
       margin: 10px 0px;
       
     }


     .about-list li {
       list-style: none;
       display: flex;
       align-items: flex-start;
       margin-bottom: 12px;
     }

     .about-list li i {
       color: #FBD015;
       font-size: 18px;
       margin-right: 10px;
       margin-top: 3px;
     }

     .about-highlight {
       display: flex;
       align-items: center;
       border-radius: 12px;
       padding: 15px;
       margin-top: 20px;

     }

     .about-highligh-ineer-img {
       background: #FBD015;
       color: #000;
       font-size: 20px;
       padding: 10px;
       border-radius: 50%;
       margin-right: 12px;
       width: 60px;
       height: 60px;
     }

     .about-list li {
       list-style: none;
       display: flex;
       align-items: flex-start;
       margin-bottom: 12px;
     }

     .about-list img {
       width: 21px;
       height: 21px;
       margin-top: 6px;
       margin-right: 14px;
       background: #FBD015;
       ;
       padding: 1px;
       border-radius: 17px;
     }

     .about-highlight img {
       width: 40px;
       height: 40px;
     }

     .about-btn {
       margin-top: 25px;
     }

     .about-section-home-page h6 span {
       color: #FBD015;
     }

     .about-btn .btn {
       background: #FBD015;
       border: none;
       color: #000;
       font-weight: 500;
       padding: 10px 25px;
       border-radius: 25px;
     }

     .brand-box {
       margin-top: 20px;
       background: #fff;
       border-radius: 12px;
       text-align: center;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
       width: 186px;
       height: 171px;
       padding-right: 52px;
       padding-top: 30px;
     }

     .brand-box img {
       width: 51px;
       margin-right: 40px;
       margin-bottom: 10px;
     }

     .both-about-in-home {
       display: flex;
       align-items: baseline;
       gap: 15px;
     }

     /*
 ______________________________________________________________________________________________________
_______________________________  about-section end __________________________________________________
______________________________________________________________________________________________________ 
*/
     /*
 ______________________________________________________________________________________________________
_______________________________  Why-choose-section start __________________________________________________
______________________________________________________________________________________________________ 
*/

     #whyChooseCarousel .carousel-indicators {
       position: static;
       margin-top: 25px;
       justify-content: center;

     }

     /* Dots styling */
     #whyChooseCarousel .carousel-indicators [data-bs-target] {
       width: 12px;
       height: 12px;
       border-radius: 50%;
       background-color: #D9D9D9;
       margin: 0 6px;
       border: none;
       border: 1px solid #156321;
     }

     #whyChooseCarousel .carousel-indicators .active {
       background-color: #156321;
     }


     .why-choose-col {
       position: relative;
       overflow: hidden;
     }


     .why-choose-col::before {
       content: "";
       position: absolute;
       top: 252px;
       left: 0;
       /* right karne se right side me aa jayega */
       width: 250px;
       /* background ki width */
       height: 100%;
       background: url("image/flower.png") no-repeat left center;
       background-size: contain;
       opacity: 2;
       /* halka transparent effect */
       pointer-events: none;
       /* click block na ho */
       z-index: 1;
     }

     .why-choose-col>* {
       /* position: relative;
       z-index: 2; */
       /* text & icons upar dikhenge */
     }

     section.why-choose {
       padding-bottom: 37px;
       padding-top: 37px;
       background-color: #FAF6F1;
     }

     .why-choose h2 {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 65px;
     }

     .why-choose h2 span {
       color: #000;
       font-family: Lora;
       font-size: 46px;
       font-style: italic;
       font-weight: 400;
       line-height: 65px;
     }

     .why-choose p {
       margin-top: 15px;
       color: #444;
     }

     .icon-box {
       /* display: flex; */
       text-align: center;
       margin-top: 20px;
     }

     .highlight-box {
       /* floral ko thoda small rakho */
       border-radius: 16px;
       padding: 25px 30px;
       margin-top: 30px;
       display: flex;
       gap: 25px;
       align-items: center;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
       /* halka shadow */

     }

     .slideshow-container {
       position: relative;
       max-width: 100%;
     }

     .mySlides {
       display: none;
     }

     .mySlides img {
       width: 100%;
       border-radius: 8px;
     }

     /* Prev & Next buttons */
     .carousel-indicators [data-bs-target] {
       width: 12px;
       height: 12px;
       border-radius: 50%;
       background-color: #156321;
       /* green */
     }

     .carousel-indicators .active {
       background-color: #156321;
       /* blue for active */
     }

     .next {
       right: 0;
     }

     .prev:hover,
     .next:hover {
       background: rgba(0, 0, 0, 0.8);
     }


     .why-choose-highlight {
       background: #fdfaf6 url('./image/flower.png') no-repeat left center;
       background-size: 100px auto;
     }

     .why-choose-inner strong {
       color: #FBD015;
     }

     .highlight-box img {
       max-width: 42px;
       border-radius: 8px;
     }

     .icon-box-inner-img img {
       background: #FBD015;
       padding: 11px;
       border-radius: 23px;
       width: 52px;
       height: 52px;
       margin-bottom: 22px;
     }

     .highlight-box p {
       margin: 0;
       color: #156321;
       font-size: 16px;
       font-weight: 500;
       line-height: 1.7;
     }

     .why-choose-inner-two p {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 27px;
     }

     .why-choose-inner h3 {
       color: #000;
       font-family: Lora;
       font-size: 25px;
       font-style: italic;
       font-weight: 400;
       line-height: normal;
       padding-bottom: 20px;
     }

     .why-choose-premium-realiable small {
       color: #000;
       text-align: center;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 300;
       line-height: 20px;
     }

     .why-choose-premium-realiable strong {
       text-align: center;
       font-family: "Plus Jakarta Sans";
       font-size: 18px;
       font-style: normal;
       font-weight: 700;
       line-height: 27px;
     }



     .product-img img {
       width: 100%;
       border-radius: 10px;
       /* object-fit: cover; */
       height: 547px;
     }

     .badge-container {
       position: relative;
       width: 288px;
       height: 200px;
     }


     .center-logo {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 100px;
       /* adjust according to logo size */
       z-index: 2;
     }

     svg {
       width: 100%;
       height: 100%;
       animation: rotateText 10s linear infinite;
       /* text rotates */
     }

     text {
       font-size: 22px;
       font-weight: bold;
       fill: #156321;
       text-transform: uppercase;
       letter-spacing: 4px;
     }

     @keyframes rotateText {
       0% {
         transform: rotate(0deg);
       }

       100% {
         transform: rotate(360deg);
       }
     }

     /*
 ______________________________________________________________________________________________________
_______________________________  Why-choose-section end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________  Perfected for Performance. start __________________________________________________
______________________________________________________________________________________________________ 
*/


     .products-slider-home-page {
       padding: 50px 0;
       background-color: #FAF6F1;
     }

     .heading-area-product-home {
       margin-bottom: 30px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 0px 20px;
     }

     .heading-area-product-home .small-text {
       color: #000;
       font-family: Lora;
       font-size: 18px;
       font-style: italic;
       font-weight: 400;
       line-height: normal;
     }

     .small-text span {
       color: #FBD015;

     }

     .heading-area-product-home h2 {
       font-size: 28px;
       margin: 10px 0;
     }

     .view-all-btn {
       padding: 10px 20px;
       text-decoration: none;
       font-weight: bold;
       border-radius: 22px;
       background: #FBD015;
       color: #000;
     }

     .product-card-home {
       text-align: center;
       border-radius: 12px;
       overflow: hidden;
       /* background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); */
       padding: 15px;
     }

     .product-card-home img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       border-radius: 10px;
     }

     .product-card-home h3 {
       margin-top: 10px;
       font-size: 20px;
       font-weight: 400;
     }

     .heading-area-product-one strong {
       font-family: "Plus Jakarta Sans";
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 65px;
     }

     .heading-area-product-one h2 {
       color: #000;
       font-family: Lora;
       font-size: 46px;
       font-style: italic;
       font-weight: 400;
       line-height: 65px;
     }



     /*
 ______________________________________________________________________________________________________
_______________________________  Perfected for Performance. end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________  what we do. start __________________________________________________
______________________________________________________________________________________________________ 
*/
     .what-we-do {
       background: #156321;
       position: relative;
       /* zaroori */
       /* height: auto; */
       /* fixed height hata dena */
       /* overflow: hidden; */
       /* safe */
     }

     /* Top decorative image */
     .what-we-do::before {
       content: "";
       position: absolute;
       top: 0px;
       left: -6px;
       width: 20%;
       height: 93px;
       background: url(./image/flower-three.png) no-repeat center top;
       background-size: cover;
       z-index: 1;
     }

     /* Bottom decorative image */
     .what-we-do::after {
       content: "";
       position: absolute;
       bottom: -119px;
       width: 20%;
       height: 553px;
       background: url(./image/flower-two.png) no-repeat center bottom;
       background-size: cover;
       z-index: 1;
       right: 6px;
     }

     .image-layout {
       position: relative;
     }

     .image-layout .main-img {
       width: 100%;
       border-radius: 15px;
     }

     .image-layout .small-img {
       position: absolute;
       bottom: -178px;
       left: 231px;
       width: 140px;
       /* border-radius: 15px; */
       /* border: 5px solid #fff; */
       /* box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); */
       width: 342px;
       height: 254px;
     }

     .image-layout .circle-img {
       position: absolute;
       bottom: -69px;
       left: 148px;
       width: 109px;
       height: 106px;
       border-radius: 50%;
       border: 5px solid #fff;
       box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
       /* animation: rotateCircle 10s linear infinite; */
       background: yellow;
       padding: 11px;
     }

     .what-we-do {
       background: #156321;
       height: 718px;
       padding-top: 44px;
     }

     .what-we-do-right h6 {
       font-family: Lora;
       font-size: 18px;
       font-style: italic;
       font-weight: 400;
       line-height: normal;
       color: #fff;
     }

     .what-we-do-right span {
       color: #FBD015;
     }

     .what-we-do-right strong {
       color: #FFF;
       font-family: "Plus Jakarta Sans";
       font-size: 60px;
       font-style: normal;
       font-weight: 700;
       line-height: 70px;
     }

     .what-we-do-right h2 {
       color: #FFF;
       font-family: Lora;
       font-size: 60px;
       font-style: italic;
       font-weight: 400;
       line-height: 70px;
       padding-bottom: 30px;
     }

     .what-we-do-right {
       padding-left: 30px;
     }

     .inaaer-image-pragaraph-what-we-do {
       display: flex;
       align-items: unset;
     }

     .what-we-do-right-inner h5 {
       font-family: "Plus Jakarta Sans";
       font-size: 20px;
       font-style: normal;
       font-weight: 700;
       line-height: 27px;
       color: #fff;
     }

     .what-we-do-right-inner p {
       color: #FFF;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 27px;
       padding: 14px 0px;
     }

     .inaaer-image-pragaraph-what-we-do img {
       width: 24px;
       background: yellow;
       border-radius: 30px;
       margin-right: 10px;
       padding: 5px;
     }

     .white-border {
       width: 527px;
       height: 1px;
       background: #fff;
       margin-bottom: 30px;
     }

     /*
 ______________________________________________________________________________________________________
_______________________________  what we do. end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________  pure and natural statrt __________________________________________________
______________________________________________________________________________________________________ 
*/


     .purity-section {
       padding: 60px 0;
     }

     .purity-section h2 {
       font-family: "Plus Jakarta Sans";
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 65px;
     }

     .purity-section h3 {
       font-family: Lora;
       font-size: 46px;
       font-style: italic;
       font-weight: 400;
       line-height: 65px;
     }

     .purity-section h3 {
       font-family: "Playfair Display", serif;
       font-style: italic;
       font-weight: 400;
       color: #333;
     }

     .purity-section p {
       color: #000;
       margin-bottom: 18px;
       font-size: 18px;
     }

     .purity-section p {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 27px;
     }

     .purity-section .feature-list li i {
       color: #f5c518;
       margin-right: 8px;
     }

     .purity-section .btn-custom {
       background: #f5c518;
       color: #000;
       font-weight: 600;
       padding: 10px 20px;
       border-radius: 50px;
       text-decoration: none;
       transition: 0.3s;
     }

     .purity-section-inner {
       display: flex;
       gap: 20px;
       justify-content: space-between;
       padding-top: 20px;
     }

     .feature-list li {
       padding: 10px;
       list-style: none;
     }


     .green-border {
       width: 647px;
       height: 1px;
       background: #156321;
       margin-top: 50px;
     }

     .purity-section-heading span {
       color: #FBD015;
     }

     .purity-section .btn-custom:hover {
       background: #111;
       color: #fff;
     }

     .purity-section .images-row img {
       width: 100%;
       border-radius: 10px;
       transition: transform 0.3s;
       margin-top: 50px;
     }

     .purity-section .images-row img:hover {
       transform: scale(1.05);
     }

     /*
 ______________________________________________________________________________________________________
_______________________________  pure and natural end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________  patner slider section start __________________________________________________
______________________________________________________________________________________________________ 
*/

     .certs-wrap {
       position: relative;
       padding: 28px 0;
       background: #fff;
       overflow: hidden;
     }

     /* Center dotted divider */
     .certs-wrap::after {
       content: "";
       position: absolute;
       left: 50%;
       top: 0;
       bottom: 0;
       border-left: 2px dotted var(--divider-color);
       transform: translateX(-1px);
       pointer-events: none;
       opacity: .8;
     }

     .certs-swiper {
       padding: 8px 20px;
       /* breathing room */
     }

     .certs-swiper .swiper-slide {
       display: flex;
       align-items: center;
       justify-content: center;
       height: 96px;
       /* keeps row compact */
       transition: transform .2s ease;
     }

     .certs-swiper img {
       max-height: 70px;
       /* adjust to your design */
       width: auto;
       object-fit: contain;
       filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .05));
       user-select: none;
       -webkit-user-drag: none;
           padding: 1px 23px;
    border: 1px solid #156321;
     }

     .certs-swiper .swiper-slide:hover {
       transform: translateY(-2px);
     }

     /* Optional: soften on mobile */
     @media (max-width:576px) {
       .certs-wrap::after {
         opacity: .5
       }
     }

     /*
 ______________________________________________________________________________________________________
_______________________________  patner slider section end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________ faq start  __________________________________________________
______________________________________________________________________________________________________ 
*/

     .faq-section {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 40px;
       padding: 50px 10%;
       color: #000;
       background-color: #FAF6F1;
     }

     /* Left side image */
     .faq-image {
       position: relative;
     }

     .faq-image img {
       width: 100%;
       border-radius: 10px;
     }

     .faq-badge {
       position: absolute;
       bottom: 60px;
       right: 49px;
       background: #fff;
       border-radius: 10px;
       padding: 10px 15px;
       font-size: 14px;
       font-weight: 600;
       display: flex;
       align-items: center;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     }

     .faq-badge span {
       background: #ffce00;
       color: #000;
       font-weight: bold;
       margin-right: 8px;
       padding: 4px 8px;
       border-radius: 50%;
     }

     /* Right side content */
     .faq-content h5 {
       color: #e0a800;
       font-size: 16px;
       margin-bottom: 5px;
     }

     .faq-content h2 {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 40px;
       font-style: normal;
       font-weight: 700;
       line-height: 65px;
     }

     .faq-content span.find {
       color: #000;
       font-family: Lora;
       font-size: 40px;
       font-style: italic;
       font-weight: 400;
       line-height: 65px;
     }

     .acordion-main-class {
       margin-top: 30px;
     }

     /* Accordion */
     .accordion {
       background: #fff;
       border-radius: 8px;
       margin-bottom: 12px;
       overflow: hidden;
       border: 1px solid #ddd;
       transition: all 0.3s ease;
     }

   .accordion-header {
    padding: 13px 20px;
    cursor: pointer;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

     .accordion-header:hover {
       background: #f3f3f3;
     }

     .accordion.active .accordion-header {
       background: #ffd100;
       color: #000;
     }

     .accordion-content {
       max-height: 0;
       overflow: hidden;
       padding: 0 20px;
       font-size: 15px;
       color: #000;
       background: #FBD015;
       transition: max-height 0.3s ease, padding 0.3s ease;
     }

     .accordion.active .accordion-content {
       max-height: 200px;
       padding: 15px 20px;
     }

     /* Responsive */
     @media(max-width: 900px) {
       .faq-section {
         grid-template-columns: 1fr;
         padding: 40px 20px;
       }
     }

     /*
 ______________________________________________________________________________________________________
_______________________________ faq end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________ blog-start __________________________________________________
______________________________________________________________________________________________________ 
*/
     .blog-section {
       padding: 60px 8%;
     }

     .blog-header {
       display: flex;
       justify-content: space-between;
       align-items: flex-end;
       margin-bottom: 40px;
       flex-wrap: wrap;
       gap: 20px;
     }

     .blog-header-left h5 {
       color: #000;
       font-family: Lora;
       font-size: 18px;
       font-style: italic;
       font-weight: 400;
       line-height: normal;
     }

     .blog-header-left strong {
       color: #FBD015;
     }

     .blog-header-left h2 {
       font-family: "Plus Jakarta Sans";
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 65px;
     }

     .blog-header-left span {
       color: #000;
       font-family: Lora;
       font-size: 46px;
       font-style: italic;
       font-weight: 400;
       line-height: 65px;
     }


     .view-all-btn {
       background: #ffce00;
       padding: 10px 22px;
       border-radius: 25px;
       text-decoration: none;
       color: #000;
       font-weight: 600;
       font-size: 14px;
       transition: all .3s ease;
     }

     .view-all-btn:hover {
       background: #f3b900;
     }

     .blog-cards {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 28px;
     }

     .blog-card {
       background: #fff;
       border-radius: 14px;
       overflow: hidden;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
       transition: transform .3s ease;
     }

     .blog-card:hover {
       transform: translateY(-5px);
     }

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

     .blog-card-content {
       padding: 18px;
     }

     .blog-card-content h3 {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 20px;
       font-style: normal;
       font-weight: 400;
       line-height: 30px;
     }

     .blog-meta {
       display: flex;
       justify-content: space-between;
       font-size: 14px;
       color: #555;
       padding-top: 40px;
     }

     .blog-meta .date {
       display: flex;
       align-items: center;
       gap: 6px;
     }

     .green-two-border {
       width: 527px;
       height: 1px;
       background: #156321;
       margin-top: 30px;
     }

     .blog-meta .date::before {
       content: "📅";
     }

     .blog-meta a {
       color: #e4a300;
       text-decoration: none;
       font-weight: 600;
     }

     .blog-meta a:hover {
       text-decoration: underline;
     }

     /*
 ______________________________________________________________________________________________________
_______________________________ blog-end __________________________________________________
______________________________________________________________________________________________________ 
*/

     /*
 ______________________________________________________________________________________________________
_______________________________ footer start     __________________________________________________
______________________________________________________________________________________________________ 
*/

     footer {
       background: #086b2c;
       color: #fff;
       padding: 50px 8% 20px;
       position: relative;
       overflow: hidden;
     }

     /* background leaf decoration */
     footer::before {
       content: "";
       position: absolute;
       top: -1px;
       left: -81px;
       width: 33%;
       height: 49%;
       background: url(image/flower-three.png) no-repeat center;
       background-size: contain;
       /* opacity: 0.08; */
       pointer-events: none;
     }

     footer::after {
       content: "";
       position: absolute;
       bottom: -31px;
       right: -132px;
       width: 39%;
       height: 49%;
       background: url(image/flower-three.png) no-repeat center;
       background-size: contain;
       /* opacity: 0.08; */
       pointer-events: none;
     }

     .footer-container {
       display: grid;
       grid-template-columns: 1.2fr 1fr 1fr 1.5fr;
       gap: 40px;
       position: relative;
       z-index: 1;
     }


     /* Logo + address */
     .footer-logo img {
       max-height: 60px;
       margin-bottom: 15px;
       background: #fff;
       padding: 5px;
       border-radius: 3px;
     }

     .footer-logo p {
       font-size: 14px;
       margin: 5px 0;
       line-height: 1.6;
     }

     .footer-logo a {
       display: inline-block;
       margin-top: 10px;
       color: #fff;
       padding: 8px 15px;
       border-radius: 25px;
       text-decoration: none;
       font-weight: 600;
       font-size: 14px;
       border: 1px solid;
     }

     /* Quick Links */
     .footer-links h4,
     .footer-help h4,
     .footer-newsletter h4 {
       color: #FFF;
       font-family: "Plus Jakarta Sans";
       font-size: 20px;
       font-style: normal;
       font-weight: 700;
       line-height: 30px;
     }

     .footer-links ul,
     .footer-help ul {
       list-style: none;
       padding: 0;
       margin: 0;
     }

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

     .footer-links ul li a,
     .footer-help ul li a {
       color: #FFF;
       font-family: "Plus Jakarta Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 40px;
       text-decoration: none;
     }

     .footer-links ul li a:hover,
     .footer-help ul li a:hover {
       color: #ffdd44;
     }

     /* Newsletter */
     .newsletter-box {
       display: flex;
       align-items: center;
       background: #f1f1f1;
       border-radius: 30px;
       overflow: hidden;
       margin-top: 10px;
     }

     .newsletter-box input {
       border: none;
       outline: none;
       padding: 12px 16px;
       flex: 1;
       font-size: 14px;
     }

     .newsletter-box button {
       background: #ffdd44;
       border: none;
       padding: 0 18px;
       font-size: 18px;
       cursor: pointer;
       transition: background .3s;
       border-radius: inherit;
       height: 47px;
     }

     .newsletter-box button:hover {
       background: #e3bf30;
     }

     /* Social */
     .footer-social {
       margin-top: 20px;
     }

     .footer-social a {
       display: inline-block;
       margin-right: 12px;
       font-size: 18px;
       color: #fff;
       transition: color .3s;
       text-decoration: none;
     }

     .footer-social a:hover {
       color: #ffdd44;
     }

     /* Bottom */
     .footer-bottom {
       margin-top: 40px;
       text-align: center;
       font-size: 13px;
       color: #ddd;
       position: relative;
       z-index: 1;
     }

     /* Responsive */
     @media(max-width: 900px) {
       .footer-container {
         grid-template-columns: 1fr 1fr;
         gap: 30px;
       }
     }

     @media(max-width: 600px) {
       .footer-container {
         grid-template-columns: 1fr;
         text-align: center;
       }

       .footer-logo,
       .footer-links,
       .footer-help,
       .footer-newsletter {
         margin: 0 auto;
       }

       .newsletter-box {
         flex-direction: column;
         border-radius: 15px;
       }

       .newsletter-box input {
         width: 100%;
         border-bottom: 1px solid #ccc;
       }

       .newsletter-box button {
         width: 100%;
         border-radius: 0;
       }
     }

     /*
 ______________________________________________________________________________________________________
_______________________________ footer end    __________________________________________________
______________________________________________________________________________________________________ 
*/


     /*
 ______________________________________________________________________________________________________
_______________________________ bhagat naturalmenthol crystal  start   __________________________________________________
______________________________________________________________________________________________________ 
*/

     .product-section img {
       border-radius: 10px;
     }

     .thumbnails img {
       width: 116px !important;
       border-radius: 10px;
       cursor: pointer;
     }

     .enquire-btn {
       background-color: #4a772f;
       color: #fff;
       border: none;
       border-radius: 6px;
       padding: 10px 20px;
       font-weight: 600;
     }

     .enquire-btn:hover {
       background-color: #3c6125;
     }

     .quality-box {
       background-color: #f3f7f0;
       border-radius: 10px;
       margin-top: 20px;
       padding: 10px;
     }

     .quality-box {
       background-color: #f3f7f0;
       border-radius: 8px;
       margin-top: 25px;
     }

     .quality-box h5 {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 15px;
       font-style: normal;
       font-weight: 700;
       line-height: 22px;
       padding-left: 15px;
       margin-top: 15px
     }


     .quality-box h5 i {
       color: #4a772f;
       margin-right: 10px;
     }


     .bhagat-natural-menthol-content h2 {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 30px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       padding-left: 15px;
     }

     .bhagat-natural-menthol-content h6 {
       font-family: "Plus Jakarta Sans";
       font-size: 20px;
       font-style: italic;
       font-weight: 400;
       line-height: 40px;
       padding-left: 14px;
     }

     .bhagat-natural-menthol-content strong {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 15px;
       font-style: normal;
       font-weight: 700;
       line-height: 40px;

     }

     .bhagat-natural-menthol-content p {
       padding-left: 15px;
       padding-top: 10px;
       font-size: 14px;
       font-family: "Plus Jakarta Sans";
     }

     .bhagat-natural-menthol-content li {
       color: #000;
       font-family: "Plus Jakarta Sans";
       font-size: 13px;
       font-style: normal;
       font-weight: 400;
       line-height: 40px;
     }

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

     .spec-card {
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     }

     .spec-card .card-header {
       background-color: #4a772f;
       color: #fff;
       font-weight: bold;
     }

     .spec-card table {
       margin: 0;
     }

     .spec-card th,
     .spec-card td {
       padding: 12px 16px;
     }

     .spec-card th {
       width: 50%;
     }


     .request-section {
       background-color: #f6f6f6;
       border-radius: 8px;
       padding: 20px;
       margin: 40px 0;
     }

     .request-title {
       font-size: 1.5rem;
       font-weight: 700;
       font-family: serif;
       color: #333;
     }

     .request-title span {
       font-style: italic;
       color: #4a772f;
       font-weight: 400;
     }

     .request-list {
       list-style: none;
       padding: 0;
       margin: 20px 0 0;
     }

     .request-list li {
       display: flex;
       align-items: center;
       padding: 10px 0;
       border-bottom: 1px solid #4a772f;
     }

     .request-list li:last-child {
       border-bottom: none;
     }

     .request-list i {
       color: #4a772f;
       margin-right: 10px;
     }

     .thumbnails img.thumb,
     .video-thumb-wrapper {
       width: 100px;
       height: auto;
       cursor: pointer;
       border: 2px solid transparent;
       border-radius: 6px;
       transition: 0.3s;
       display: inline-block;
     }

   
     .thumbnails img.thumb.active,
     .video-thumb-wrapper.active {
       border-color: #28a745;
   
     }

     .video-thumb-wrapper img {
       width: 100px;
       height: 83px;
      
       object-fit: cover;
    
       border-radius: 6px;
     }


     .video-thumb-wrapper .play-icon {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 28px;
       color: white;
       background: rgba(0, 0, 0, 0.6);
       border-radius: 50%;
       padding: 8px 12px;
       pointer-events: none;
     
     }









     /* Hero Section */
     .hero-section {
       background: url('./image/Banner-all.jpg') center/cover no-repeat;
       padding: 100px 0;
       color: #fff;
       text-align: center;
       position: relative;
     }

     .hero-section::before {
       content: "";
       position: absolute;
       inset: 0;
       background: rgba(0, 70, 30, 0.7);
     }

     .hero-section .content {
       position: relative;
       z-index: 1;
     }

     .hero-section h1 {
       font-size: 3rem;
       font-weight: bold;
     }

     .hero-section p {
       font-size: 1.2rem;
       margin-top: 10px;
     }

     /* Product Cards */
     .product-card {
       text-align: center;
       background: #fff;
       border-radius: 8px;
       padding: 15px;
       box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
       transition: 0.3s;
     }

     .product-card img {
       width: 100%;
       border-radius: 8px;
       height: 200px;
       object-fit: cover;
     }

     .product-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
     }

     /* Footer */
     footer {
       background: #086b2c;
       color: #fff;
       padding: 50px 8% 20px;
     }

     footer .footer-logo img {
       max-width: 160px;
     }

     footer ul {
       list-style: none;
       padding: 0;
     }

     footer ul li a {
       color: #fff;
       text-decoration: none;
     }

     .newsletter input {
       border: none;
       padding: 10px;
       border-radius: 25px 0 0 25px;
       outline: none;
       width: 70%;
     }

     .newsletter button {
       border: none;
       background: #ffb703;
       color: #000;
       padding: 10px 20px;
       border-radius: 0 25px 25px 0;
       cursor: pointer;
     }

     /* Extra CSS for Hover Overlay */
     .product-card {
       position: relative;
       overflow: hidden;
       text-align: center;
       background: #fff;
       border-radius: 8px;
       box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
       transition: 0.3s;
           height: 100%;
     }

     .product-card img {
       width: 100%;
       border-radius: 8px;
       height: 220px;
       object-fit: cover;
     }

     .product-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
     }

     /* Overlay content */
     .product-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(8, 107, 44, 0.85);
       /* green overlay */
       color: #fff;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
       opacity: 0;
       transition: 0.4s;
       padding: 15px;
     }

     .product-card:hover .product-overlay {
       opacity: 1;
       text-decoration: none;
     }

     .product-overlay h6 {
       font-size: 1.1rem;
       margin-bottom: 10px;
     }

     .product-overlay p {
       font-size: 0.9rem;
       margin-bottom: 15px;
     }

     .product-overlay .btn {
       background: #ffb703;
       border: none;
       color: #000;
       padding: 6px 15px;
       border-radius: 20px;
       font-size: 0.85rem;
       transition: 0.3s;
     }

     .product-overlay .btn:hover {
       background: #ffc94d;
     }

     .product-card a.btn-main {
       text-align: center;
       font-family: "Plus Jakarta Sans";
       font-size: 18px;
       font-style: normal;
       font-weight: 400;
       text-decoration: none;
       color: #000;
     }

     /*/////////////////// contact us here ////////////////////// */
     /* ///////////////////////////////////////////////////////////////// */
.contact-form-container p {
    color: #000;
    font-size: 23px;
}


  .contact-info-card {
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform 0.4s ease-in-out;
}

.contact-info-card:hover {
  transform: scale(1.05);
}

.contact-info-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  filter: brightness(0.6);
  transition: transform 0.5s ease;
}

.contact-info-card:hover img {
  transform: scale(1.1);
}
.icon-contact i {
    font-size: 22px;
    background: #FBD015;
    padding: 8px 10px;
    border-radius: 22px;
}
  .contact-info-content {
    position: absolute;
    bottom: 15px;
    left: 20px;
    display: flex
;
    align-items: center;
    gap: 21px;
}
    .contact-info-content h5 {
      margin: 0;
      font-size: 18px;
      font-weight: bold;
    }
    .contact-info-content p {
      margin: 0;
      font-size: 14px;
    }
    .contact-form-container {
      background: #fff;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    }
    .contact-form-container h2 {
      font-weight: bold;
      color: #1d3c24;
    }
    .contact-form-container h2 span {
      font-weight: normal;
    }
    .form-control {
      margin-bottom: 15px;
      border-radius: 8px;
      padding: 12px;
    }
    .btn-submit {
      background-color: #d4a017;
      color: #fff;
      font-weight: 600;
      padding: 10px 20px;
      border-radius: 8px;
    }



    /*//////////// About page css ///////////////////// */
    /* ///////////////////////////////////////////////////// */

    .aboutpage-about-section h2 {
   
    color:  #086b2c;
    font-family: "Plus Jakarta Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    }
.rightcontent-aboutpage h6 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: serif;
    color: #086b2c;
}
.rightcontent-aboutpage li {
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.rightcontent-aboutpage p {

    padding-top: 10px;
    font-size: 14px;
    font-family: "Plus Jakarta Sans";
    line-height: 30px;
}
.rightcontent-aboutpage span {
    padding-top: 10px;
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
    line-height: 30px;
    font-weight: 600;
    color: #156321;
}
     .aboutpage-about-section {
      padding: 70px 0;
    }

    .about-section h2 {
      color: #086b2c;
      font-weight: 600;
      margin-bottom: 20px;
    }

   .about-img {
    width: 100%;
    height: 423px;
}



    .info-table th {
      width: 250px;
      background: #f8f9fa;
    }

    .partners-aboutpage {
      background: #f0f5f2;
      padding: 50px 0;
      text-align: center;
    }

    .partners-aboutpage h3 {
      font-weight: 600;
      margin-bottom: 30px;
      color: #444;
    }

    .partners-aboutpage img {
      max-height: 167px;
      margin: 15px;
      background: #fff;
      padding: 10px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      cursor: pointer;
      width: 80%;
    }

    .partners-aboutpage img:hover {
      transform: translateY(-8px) scale(1.05);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    }
a.head-content {
    color: #fff;
    text-decoration: none;
}
.tab-content {
  margin-top: 30px;
  margin-bottom: 0; /* reduce extra gap */
}

    .tab-pane img {
      border-radius: 8px;
      width: 100%;
      height: 425px;
      object-fit: cover;
      margin-top: 11px
    }
    /* Tabs Base */
.nav-tabs .nav-link {
  border: none;
  border-radius: 30px;
  margin: 5px;
  padding: 10px 25px;
  color: #333;
  background: #f5f5f5;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 18px;
}
.about-alltab-innercontent h3 {
    font-family: "Plus Jakarta Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
}
.about-alltab-innercontent span {
    color: #000;
    font-family: Lora;
    font-size: 46px;
    font-style: italic;
    font-weight: 400;
    line-height: 65px;
}
/* Hover */
.nav-tabs .nav-link:hover {
  background: #e0f2e9;
  color: #086b2c;
}

/* Active */
.nav-tabs .nav-link.active {
  background: #086b2c;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.about-alltab-innercontent p {
    font-size: 14px;
    font-family: "Plus Jakarta Sans";
    line-height: 30px;
}

/*//////////// About page css end ///////////////////////// */
/* ////////////////////////////////////////////////////////////// */






/* /////////////////product page css start //////// */
/* ///////////////////////////////////////////////////////// */

.product-card h6 {
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.product-main .product-card a.btn {
    background: #ffb703;
    border: none;
    color: #000;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    transition: 0.3s;
    position: absolute;
    right: 80px;
    bottom: 90px;
}
.product-main .product-card:hover a.btn {
    display: block;
    position: absolute;
    left: 80px;
    bottom: 40px;
}
.product-main a.btn{
    display: none;
}
/*.product-card a.btn {*/
/*    background: #ffb703;*/
/*    border: none;*/
/*    color: #000;*/
/*    padding: 6px 15px;*/
/*    border-radius: 20px;*/
/*    font-size: 0.85rem;*/
/*    transition: 0.3s;*/
/*}*/
.productSection {
  padding: 70px 0px;
  background: #fbfbfb;
}

.productView {
  background: #fbfbfb;
  border: 1px solid #6d6d6d;
  margin-bottom: 20px;
}

.productView .productImg {
  height: 343px;
  width: 100%;
  text-align: center;
  background: #fbfbfb;
  padding: 20px;
}

.productView .productImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.productView .productContent {
  padding: 20px 20px;
  border-top: 1px solid #6d6d6d;
  background: #fff;
}

.productView .productContent h4 {
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.productView .productContent p {
  color: #6d6d6d;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.productView .getDetails {
  background:#086b2c;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  border-radius: 0px 0px 6px 6px;
  cursor: pointer;
}
.getDetails a {
    color: #fff;
    text-decoration: none;
}
.blog-meta.blog-page {
    padding-top: 0px;
}
.categoriesList {
  background: #f6f6f6;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 2px #80808021;
  padding: 20px 20px;
  margin-bottom: 20px;
}

.categoriesList h3 {
  color: #333;
  font-weight: 200;
  margin: 0;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.categoriesList ul {
  padding: 0;
}

.categoriesList ul li {
  list-style: none;
  margin-bottom: 10px;
  align-items: center;


}

.categoriesList ul li a {
  display: flex;
  padding: 10px 15px;
  justify-content: space-between;
  border-radius: 100px;
  text-decoration: none;
  background: #fff;
  gap: 30px;
}

.categoriesList ul li a.active {
  background: #d8d8d8;
}

.categoriesList ul li p {
  margin: 0;
  color: #82858b;
}

.searchSection {
  background: #f6f6f6;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 2px #80808021;
  padding: 20px 20px;
  margin-bottom: 20px;
}
.searchSection {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 50px;
  max-width: 400px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.searchSection input {
  flex: 1;
  border: none;
  outline: none;
  padding: 12px 20px;
  border-radius: 50px;
  font-size: 16px;
  background: white;
}

.searchSection button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: #086b2c;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: -60px; /* overlaps inside input */
  z-index: 1;
  position: relative;
}

.searchSection button i {
  font-size: 18px;
}
/* //////////////product page css end /////////////////////// */
/* //////////////////////////////////////////////////////// */

/* blog details css start  */

.blog-details-page-inner-content h4 {
    font-size: 34px;
    line-height: 69px;
    font-style: normal;
    font-weight: 700;
    font-family: "Plus Jakarta Sans";
    padding-top: 30px;
    text-align: center;
}
.main-banner-blog-details img {
    width: 100%;
    padding-bottom: 20px;
}
.blog-details-page-inner-content p {
    color: #000;
    text-align: justify;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin: 17px 0px;
}

.blog-details-page-inner-content h6 {
    color: #000;
    font-family: Lora;
    font-size: 20px;
    font-weight: 600;
    line-height: 65px;
}
.keyuse-blog-details img {
    width: 100%;
    padding-top: 10px;
}


















@media screen and (max-width: 600px) {
  .heading-area-product-home {
    display:block;
}
   .translaterandsocialicon {
    display: block;
}
.about-section-home-page h2 {
    font-size: 35px;
}
.heading-area-product-one h2 {
    font-size: 27px;
}
.heading-area-product-one strong {
    font-size: 36px;
}
.carousel-caption-heading span {
    font-size: 20px;
}
.carousel-caption h1 {
    font-size: 21px;
}
.carousel-item img {
    object-fit: cover;
    height: auto;
}
h1.carousel-caption-heading-three {
    font-size: 19px;
    font-weight: 400;
}
.carousel-caption-heading-three span {
    font-size: 22px;
}
.banner-home-call {
    display: block;
}
.image-layout .small-img {
     display: none;
}
.image-layout .circle-img {
      display: none;
}
.what-we-do {
    height: auto;
}
.what-we-do-right h2 {
    font-size: 28px;
}
.what-we-do-right strong {
     font-size: 40px;
}
.faq-content span.find {
        font-size: 28px;
}
.blog-header-left h2 {
    font-size: 30px;
}
.blog-header-left span {
        font-size: 28px;
}
}