/*
Theme Name: Green Nursery Pro
Description: Green Nursery Pro WordPress Theme is the perfect choice for building Green Nursery Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Green Nursery Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Green Nursery Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: Omega
Theme URI: https://layout.omegathemes.com/green-nursery/
Author URI: https://www.omegathemes.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: green-nursery-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by omegathemes(https://www.omegathemes.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul,ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  /* animation: spin 1s linear infinite; */
  margin-right: 8px;
}

.sticky-header {
  position: fixed;
  width: 100% !important;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 4px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #354540 !important;
  box-shadow: 0px 2px 6px #354540;
  border-radius: 0px !important;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

/* .sticky-header .top-header-row1 {
  display: none;
}

body:not(.home) .main-header {
  background: #FFFFFF75 !important;
   backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}
 .main-header{
            backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

body:not(.home) .main-header #menu-primary-menu li a{
 color: #000;
}

body:not(.home) .main-header #menu-primary-menu li a:hover {
  color: #354540;
}
body:not(.home) .main-header .sub-menu{
  background-color:#fff!important;
} */

/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 15px);
  }

  to {
    transform: translate(0, -0px);
  }
}

.top-light img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/




/*===================== Plant Nursery CSS Start =====================*/


/*===================== Top Banner CSS Start =====================*/

#top-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #FEFAF0 100%);
}
.top-banner-row2 {
  position: relative;
  overflow: visible;
  height: 225px;
}
.top-banner-row1 {
  position: relative;
}
.top-banner-heading {
  position: absolute;
  top: 18%;
}
.top-banner-row2-last-col {
  box-shadow: 0px -45px #FEFAF0;
  border-radius: 30px 30px 0 0;
}
.soil-moisture-icon .elementor-icon {
  background-color: #8B9692;
}
.top-banner-box-right {
  width: max-content;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-160px, -39px);
  z-index: 1;
}
.top-banner-box-right::before {
  content: "";
  position: absolute;
  background-image: url(assets/images/top-banner-top-arrow.png);
  background-repeat: no-repeat;
  z-index: 2;
  overflow: visible;
  transform: translate(-146px, 67px);
  width: 225px;
}
.top-banner-box-left {
  width: max-content;
  position: absolute;
  bottom: 44%;
  left: 10%;
}
.top-banner-box-left::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(assets/images/bottom-left-arrow.png);
  background-repeat: no-repeat;
  z-index: 2;
  overflow: visible;
  transform: translate(75px, 21px);
  width: 225px;
}
.top-banner-box-bottom-right {
  width: max-content;
  position: absolute;
  bottom: 43%;
  right: 6%;
}
.top-banner-box-bottom-right::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url(assets/images/bottom-right-arrow.png);
  background-repeat: no-repeat;
  z-index: 2;
  overflow: visible;
  transform: translate(-145px, 24px);
  width: 225px;
  z-index: 1;
}


/*===================== Top Banner CSS End =====================*/


/*===================== Product Categories CSS Start =====================*/


#product-category .ht-category-wrap .ht-category-image-zoom {
  border-radius: 100%;
  border: 1px solid #e1e1e1;
  background-color: #FFF;
  box-shadow: 0px 0px 9.3px 0px #00000040;
  width: 206px;
  height: 205px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#product-category .ht-category-wrap .ht-category-content-5 h3 a:hover {
  border-bottom: 1px solid #354540;
}
#product-category .ht-category-wrap {
  margin-bottom: 0px;
  padding-top: 10px;
  display: inline-block;
}

/*===================== Product Categories CSS End =====================*/

/*===================== Special offer CSS Start =====================*/

.special-offer-container {
  position: relative;
}
.special-offer-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
}
.special-offer-col-right-img {
  width: 383px;
  height: 383px;
  border-radius: 100%;
  background-color: #FFFFFF;
}


/*===================== Special offer CSS End =====================*/

/*===================== Exclusive offer CSS Start =====================*/

.exclusive-offer-col1 {
  position: relative;
  overflow: visible;
  height: 300px;
}
.exclusive-offer-icon .elementor-icon {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6.1px 0px #00000040;
}
.exclusive-offer-col1 img {
  transform: translateY(-50px);
  z-index: 2;
  position: relative;
}
.exclusive-offer-col1-img {
  position: relative;
}
.exclusive-offer-col1-img::after {
  content: '';
  position: absolute;
  height: 47px;
  transform: translateY(-37px);
  width: 70%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: radial-gradient(50% 50% at 50% 50%, #3D3D3D 0%, #FFFFFF 100%);
  backdrop-filter: blur(14px);
  z-index: 1;
}
.exclusive-offer-col1-img::before {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  z-index: 0;
  border: 22px solid #354540;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-37px);
}
.exclusive-offer-col1-col2 {
  position: relative;
  overflow: hidden;
}
.exclusive-offer-col1-col2::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 86px;
  height: 86px;
  border: 22px solid #354540;
  z-index: 1;
  border-radius: 100px;
  transform: translate(40px, -40px);
}
.exclusive-offer-col1-col2::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 155px;
  height: 155px;
  border: 22px solid #354540;
  border-radius: 50%;
  z-index: 1;
  margin: 0 0 0 auto;
  top: unset;
  transform: translate(60px, 60px);
}

.exclusive-offer-col2 img {
  transform: translateY(-50px);
  z-index: 2;
  position: relative;
}
.exclusive-offer-col2-img {
  position: relative;
}
.exclusive-offer-col2-img::after {
  content: '';
  position: absolute;
  height: 47px;
  transform: translateY(-37px);
  width: 70%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  /* background: radial-gradient(50% 50% at 50% 50%, #3D3D3D 0%, #FFFFFF 100%);
  backdrop-filter: blur(14px); */
  z-index: 1;
}
.exclusive-offer-col2-img::before {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  z-index: 0;
  border: 22px solid #FFFFFF;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-37px);
}
.exclusive-offer-col2-col2 {
  position: relative;
  overflow: hidden;
}
.exclusive-offer-col2-col2::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 86px;
  height: 86px;
  border: 22px solid #FFFFFF;
  z-index: 1;
  border-radius: 100px;
  transform: translate(40px, -40px);
}
.exclusive-offer-col2-col2::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 155px;
  height: 155px;
  border: 22px solid #FFFFFF;
  border-radius: 50%;
  z-index: 1;
  margin: 0 0 0 auto;
  top: unset;
  transform: translate(60px, 60px);
}



/*===================== Exclusive offer CSS End =====================*/

/*===================== Video CSS Start =====================*/

.mfp-iframe-holder .mfp-close.ekit-popup-close {
  top: 10% !important;
}

/*===================== Video CSS End =====================*/

/*===================== Team Member CSS Start =====================*/

.team-member-content .pp-tm-carousel .pp-tm {
  position: relative;
}
.team-member-content .pp-tm-carousel .pp-tm .pp-tm-content {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.team-member-content .pp-tm-carousel .pp-tm .swiper-wrapper {
  height: 430px !important;
}
.team-member-content .pp-tm-carousel .pp-tm .pp-tm-image {
  padding-top: 50px;
}
.team-member-content .pp-tm-carousel .pp-tm {
  -webkit-mask-image: url(assets/images/team-mask.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  background-color: #354540;
}

/* .team-member-content .pp-tm-carousel .pp-tm .pp-tm-name {
  position: relative;
  width: 220px;
  height: 120px;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.team-member-content .pp-tm-carousel .pp-tm .pp-tm-name span {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform-origin: bottom center;
  white-space: pre;
} */


.team-member-content .pp-tm-name {
    position: relative;
    width: 200px;
    height: 120px;
    margin: auto;
}

.team-member-content .pp-tm-name span {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform-origin: 0 100%;
    font-size: 18px;
    white-space: pre;
}

/*===================== Team Member CSS Emd =====================*/


/*==================== Gallery Section Start ====================*/


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

/* Card (now anchor tag) */
.gallery-item {
    display: block;
    background: #111;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: translateY(-6px);
}

/* Image */
.gallery-image {
    position: relative;
    overflow: hidden;
}

.gallery-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover .gallery-image img {
    transform: scale(1.05);
}

/* Content */
.gallery-content {
    margin-top: 15px;
}

.gallery-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.gallery-category {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.gallery-description {
    font-size: 12px;
    opacity: 0.7;
    margin: 3px 0 0 0;
}

.gallery-year {
    font-size: 13px;
    opacity: 0.8;
}

/* Remove title styling (no longer used) */
/* .gallery-title removed */

/* Responsive */
@media (max-width: 768px) {
    .custom-gallery-grid {
        grid-template-columns: 1fr;
    }

    .testi-sec .owl-dots{
        visibility: hidden;
        }
}



.fw-vertical-gallery-widget {
    display: flex;
    gap: 15px;
    /* background: #000; */
    /* padding: 20px; */
    overflow: hidden;
}

/* Column container */
.fw-gallery-column {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* Animated track */
.fw-gallery-track {
    display: flex;
    flex-direction: column;
    animation: fw-scroll 20s linear infinite;
}

/* Different speeds per column */
.fw-speed-0 { animation-duration: 22s; }
.fw-speed-1 { animation-duration: 26s; }
.fw-speed-2 { animation-duration: 30s; }

@keyframes fw-scroll {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-33.333%); }
}

/* Items */
.fw-gallery-item {
    margin-bottom: 15px;
}

.fw-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 30px;
}

/* Make wrapper relative for overlay positioning */
.fw-vertical-gallery-widget {
    position: relative;
}

/* Top Gradient */
.fw-vertical-gallery-widget::before {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px; 
    pointer-events: none;
    z-index: 10;

     /* background: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.8) 40%,
        rgba(0,0,0,0) 100%
    ); */
    background: linear-gradient(180deg, #FEFAEF 15%, rgba(254, 250, 240, 0) 100%);

}

/* Bottom Gradient */
.fw-vertical-gallery-widget::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    pointer-events: none;
    z-index: 10;
    background: linear-gradient(0deg, #FEFAEF 0%, rgba(254, 250, 240, 0) 100%);



    /* background: linear-gradient(
        to top,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.8) 40%,
        rgba(0,0,0,0) 100%
    ); */
}


/*==================== Gallery Section End ====================*/


/*==================== Join Workshop Section Start ====================*/


.join-workshop-icon .elementor-icon {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6.1px 0px #00000040;
}
.join-workshop-container {
  position: relative;
}
.join-workshop-content {
  position: absolute;
  top: 43%;
  left: 0;
}

/*==================== Join Workshop Section End ====================*/

/*==================== Pricing Plan Section Start ====================*/

.pricing-plan-col1 .pp-pricing-table-button {
  width: 100%;
}
.pricing-plan-content {
  position: relative;
  border: 1px solid #E1E1E1;
}
.pricing-plan-content::before {
  /* content: "";
  background: #354540;
  position: absolute;
  top: -2px;
  left: -2px;
  height: 30px;
  width: 31px;
  border-radius: 0px 0px 30px 0px; */
  /* content: "";
  position: absolute;
  top: -150px;   
  left: -150px; 
  width: 150px;  
  height: 150px;
  background: #354540;
  border-radius: 50%;
  z-index: 0; */
}
.pricing-plan-col1 .plan-tagline {
  opacity: 0;
  background-color: #354540;
  border-radius: 24px 24px 0px 0px;
}
.pricing-plan-col1 .pp-pricing-table-additional-info {
  /* opacity: 0; */
  display: none;
}
.pricing-plan-col1:hover .pp-pricing-table-additional-info {
  /* opacity: 1; */
  display: block;
}
.pricing-plan-col1:hover .plan-tagline {
  opacity: 1;
}
.pricing-plan-col1:hover .pricing-plan-inner-container {
  /* border: 3px solid #354540 !important; */
  padding: 3px;
}
.pricing-plan-col1 .pricing-plan-content {
  height: 520px;
}
.pricing-plan-col1:hover .pricing-plan-inner-container {
  background-color: #354540;
  border-radius: 24px;
  box-shadow: 0px 8px 18px 0px #0000001A !important;
  box-shadow: 0px 8px 18px 0px #0000001A !important;
  box-shadow: 0px 33px 33px 0px #00000017 !important;
  box-shadow: 0px 73px 44px 0px #0000000D !important;
  box-shadow: 0px 130px 52px 0px #00000003 !important;
  box-shadow: 0px 203px 57px 0px #00000000 !important;
}
.pricing-plan-col1 .pp-pricing-table-additional-info a {
    color: #000000;
}

/*==================== Pricing Plan Section End ====================*/

/*==================== FAQ Section Start ====================*/

#faq-section .elementskit-card.active a.elementskit-btn-link {
  box-shadow: unset !important;
}

/*==================== FAQ Section End ====================*/

/*==================== Home Contact Section Start ====================*/


.home-contact-right-col .wpcf7 form input, textarea {
  padding: 12px 15px;
  border-radius: 15px;
  border: unset;
  width: 100%;
}
.home-contact-right-col .wpcf7 form input::placeholder,
.home-contact-right-col .wpcf7 form textarea::placeholder {
  color:#000000;
}
.home-contact-right-col .wpcf7 form .wpcf7-spinner {
  display: none;
}
.home-contact-right-col .wpcf7 form .wpcf7-submit {
  padding: 10px 30px;
  border-radius: 30px;
  background-color: #FFFFFF;
  width: max-content;
  margin-top: 15px;
}
.home-contact-right-col .wpcf7 form textarea {
  height: 175px;
}

/*==================== Home Contact Section End ====================*/

/*==================== Blog Section Start ====================*/

#blog-section .pp-posts .pp-post-wrap .pp-post-thumbnail img {
  height: 400px;
  object-fit: cover;
}
.blog-section-content .pp-posts .pp-post {
  position: relative;
}
.blog-section-content .pp-posts .pp-post-content {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
}
.blog-section-content .pp-posts .pp-post-meta {
  display: flex ;
  justify-content: space-between;
  flex-direction: row;
  transform: translateY(-90px);
  width: 85%;
  margin: auto;
}
.blog-section-content .pp-posts .pp-posts-button {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  display: inline-flex;
  gap: 10px;
  height: fit-content;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#blog-section .pp-posts .pp-post-wrap .pp-post:hover .pp-posts-button {
  opacity: 1;
}
.blog-section-content .pp-posts .pp-post-content {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 15px;
  width: 85%;
  margin: 0 auto;
  overflow: visible;
  transform: translateY(-99px);
  box-shadow: 0px 4px 4px 0px #00000040;
}
.blog-section-content .pp-posts .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.blog-section-content .pp-posts .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.blog-section-content .pp-posts .pp-meta-separator {
  display: none;
} 
.blog-section-content .pp-posts .pp-post-thumbnail {
  position: relative;
}
.blog-section-content .pp-posts .pp-post-thumbnail::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
}
.blog-section-content .pp-posts .pp-post-meta a {
  color: #FFF;
  text-transform: capitalize;
}

/*==================== Blog Section End ====================*/







/*===================== Plant Nursery CSS End =====================*/


/* Newsletter Section */

.newsletter-section .footer-newsletter form input {
  background-color: #354540;
  color: #000;
  padding: 16px !important;
  border-radius: 16px;
  font: 300 14px/24px "Poppins" !important;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  width: 100%;
  border: unset;
}
.newsletter-section .footer-newsletter .newsltr-btn {
  position: absolute !important;
  right: 0px;
  top: 0;
  font-family: 'Poppins';
  font: 600 18px/24px "Poppins" !important;
  color: #ffffff00;
  position: relative;
  padding: 16px;
  border: unset;
  /* background-color: #354540 !important; */
  width: max-content;
}





/* Video Gallery Section */


#video-gallery.ekit-wid-con .fasicon,
.ekit-wid-con .icon,
.ekit-wid-con .icon::before,
.fasicon,
.icon,
.icon::before {
  font-family: elementskit !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mfp-iframe-holder {
  background-color: transparent;
}



/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/


/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #354540;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}

#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #f5f3f2;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img,
.ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/*============= Preloader End =============*/


/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loader {
  width: 80px;
  aspect-ratio: 1;
  --c: #354540 98%, #0000;
  background:
    radial-gradient(50% 70% at 50% 120%, var(--c)) top,
    radial-gradient(70% 50% at -20% 50%, var(--c)) right,
    radial-gradient(50% 70% at 50% -20%, var(--c)) bottom,
    radial-gradient(70% 50% at 120% 50%, var(--c)) left;
  background-size: 100% 50.1%, 50.1% 100%;
  background-repeat: no-repeat;
  mask: radial-gradient(circle 5px, #0000 90%, #000);
  animation: l9 1.5s infinite linear;
}

@keyframes l9 {
  100% {
    transform: rotate(1turn)
  }
}





/* Contact Page Form */

#contact-page .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

#contact-page .form-group {
  flex: 1;
  margin-right: 10px;
  margin-bottom: 10px;
}

#contact-page .form-group:last-child {
  margin-right: 0;
}

#contact-page .form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #8D5E2F;
}

#contact-page .form-control:focus {
  border-color: none;
  outline: none;
  box-shadow: none !important;
  background-color: #FFF7E9 !important;
}

/* Placeholder Styling */
#contact-page ::placeholder {
  color: #aaa;
}

/* Dropdown Arrow Styling */
#contact-page select {
  background: url('') no-repeat right center;
  background-size: 16px;
  padding-right: 30px;
}

#contact-page .wpcf7 input[type="text"],
#contact-page .wpcf7 input[type="email"],
#contact-page .wpcf7 input[type="tel"],
#contact-page .wpcf7 input[type="file"],
#contact-page .wpcf7 select,
#contact-page .wpcf7 textarea {
  border: 1px solid white;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  border-radius: 10px;
  padding: 12px 12px;
  width: 100%;
  box-sizing: border-box;
}

/* On focus change bottom border color or thickness if you want */
#contact-page .wpcf7 input[type="text"]:focus,
#contact-page .wpcf7 input[type="email"]:focus,
#contact-page .wpcf7 input[type="tel"]:focus,
#contact-page .wpcf7 input[type="file"]:focus,
#contact-page .wpcf7 select:focus,
#contact-page .wpcf7 textarea:focus {
  outline: white;
  border-bottom: 1px solid #ffffff;
  color: white;
}

#contact-page label {
  color: #FFFFFF;
  padding-bottom: 8px;
  padding-top: 8px;
}
#contact-page label+br {
  display: none;
}
#contact-page textarea {
  height: 150px;
}
#contact-page .wpcf7 form .wpcf7-response-output {
  margin: 1em 0em 0em;
  padding: 0.2em 1em;
  border: 1px solid #FFFFFF;
}

#contact-page .wpcf7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("assets/images/Vector.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
  padding-right: 30px;
}

/* Base styles for the submit button */
#contact-page .wpcf7-submit {
  position: relative;
  padding-left: 30px;
  /* Space for the icon */
  font-size: 16px;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #000000;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 14px 28px;
  margin-top: 20px;
}

/* Add the icon inside the button */
#contact-page .wpcf7-submit .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('assets/images/button-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* Optional: Change button background on hover */
#contact-page .wpcf7-submit:hover {
  background-color: #000000;
  color: #FFFFFF;
}

#contact-page .wpcf7 input::placeholder,
#contact-page textarea::placeholder {
  color: #ffffff;
  /* Replace with your desired color */
  opacity: 1;
  /* Ensures full opacity in Firefox */
}
.wpcf7 .order-enquiry-form input[type="file"] {
  border: none;
  border-bottom: none;
  background: transparent;
  border-radius: 0;
  padding: 8px 0;
  width: 100%;
  box-sizing: border-box;
}






/*============= Product Grid CSS Start =============*/

.custom-product-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 90px 15px;
}
.custom-product-grid .product-card:hover {
  transform: translateY(-5px);
}
.custom-product-grid .product-image img {
  max-width: 100%;
  height: auto;
  margin-bottom: -50px;
  transform: translateY(-50px);
}
.custom-product-grid .product-title {
  font-size: 18px;
  margin: 10px 0;
  font-weight: 600;
}
.custom-product-grid .product-title a {
  color: #354540;
  font: 400 18px/25px "Libre Baskerville";
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.custom-product-grid .product-desc {
  color: #8B9692;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font: 400 12px/20px "Poppins";
}
.custom-product-grid .product-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-product-grid .product-bottom .price {
  font-weight: bold;
  color: #354540;
  font: 600 22px/25px "Poppins";
}
.custom-product-grid .product-card:hover {
  background: #354540;
  border: 0px solid transparent;
}
.custom-product-grid .product-card:hover .product-title a,
.custom-product-grid .product-card:hover .product-desc,
.custom-product-grid .product-card:hover .price {
  color: #FFFFFF;
}
.custom-product-grid .product-card:hover .add-to-cart {
  background-color: #FFFFFF;
  color: #354540;
}
.custom-product-grid .product-card:hover .product-tag  {
  border: 1px solid #FFFFFF;
}
.custom-product-grid .product-tag {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: #354540;
  color: #fff;
  padding: 6px 12px;
  border-radius: 9px;
  font: 400 12px/15px "Poppins";  
}
.custom-product-grid .add-to-cart {
  width: 32px;
  height: 32px;
  background: #354540;
  color: #fff;
  text-align: center;
  line-height: 32px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
}
.custom-product-grid .add-to-cart.added {
  background: #344540;
  width: auto;
  padding: 8px 10px;
  border-radius: 9px;
  font: 400 12px / 16px "Poppins";
}
.custom-product-grid .product-card {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 0 20px 20px 20px;
  text-align: center;
  position: relative;
  transition: 0.3s;
  height: 343px;
}
.custom-product-grid .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(144.03deg, #354540 0%, #FEFAF0 48.56%, #354540 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.custom-product-grid .product-card {
  border: 1px solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(144.03deg, #354540, #FFFFFF, #354542) border-box
}


/*============= Product Grid CSS End =============*/



/*============= Custom slider CSS Start ==============*/


.custom-product-slider .product-card:hover {
  transform: translateY(-5px);
}
.custom-product-slider .product-image img {
  max-width: 100%;
  height: auto;
  margin-bottom: -50px;
  transform: translateY(-50px);
}
.custom-product-slider .product-title {
  font-size: 18px;
  margin: 10px 0;
  font-weight: 600;
}
.custom-product-slider .product-title a {
  color: #354540;
  font: 400 18px/25px "Libre Baskerville";
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.custom-product-slider .product-desc {
  color: #8B9692;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font: 400 12px/20px "Poppins";
}
.custom-product-slider .product-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-product-slider .product-bottom .price {
  font-weight: bold;
  color: #354540;
  font: 600 22px/25px "Poppins";
}
.custom-product-slider .product-card:hover {
  background: #354540;
  border: 0px solid transparent;
}
.custom-product-slider .product-card:hover .product-title a,
.custom-product-slider .product-card:hover .product-desc,
.custom-product-slider .product-card:hover .price {
  color: #FFFFFF;
}
.custom-product-slider .product-card:hover .add-to-cart {
  background-color: #FFFFFF;
  color: #354540;
}
.custom-product-slider .product-card:hover .product-tag  {
  border: 1px solid #FFFFFF;
}
.custom-product-slider .product-tag {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: #354540;
  color: #fff;
  padding: 6px 12px;
  border-radius: 9px;
  font: 400 12px/15px "Poppins";  
}
.custom-product-slider .add-to-cart {
  width: 32px;
  height: 32px;
  background: #354540;
  color: #fff;
  text-align: center;
  line-height: 32px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
}
.custom-product-slider .add-to-cart.added {
  background: #344540;
  width: auto;
  padding: 8px 10px;
  border-radius: 9px;
  font: 400 12px/16px "Poppins";
}
.custom-product-slider .product-card.swiper-slide {
  margin-left: 10px !important;
  margin-right: 9px !important;
}
.custom-product-slider .product-card {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 0 20px 20px 20px;
  text-align: center;
  position: relative;
  transition: 0.3s;
  height: 343px;
}
.custom-product-slider .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0px;
  border-radius: 20px;
  background: linear-gradient(144.03deg, #354540 0%, #FEFAF0 48.56%, #354540 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.custom-product-slider .product-card {
  border: 1px solid transparent;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(144.03deg, #354540, #FFFFFF, #354542) border-box
}


.custom-product-slider {
  position: relative;
}
.custom-product-slider .swiper-button-next,
.custom-product-slider .swiper-button-prev {
  color: #354540;
  opacity: 0;
}
.custom-product-slider .swiper-button-next::after,
.custom-product-slider .swiper-button-prev::after {
  font-size: 20px;
}
.custom-product-slider.swiper {
  overflow-x: clip !important;
  overflow: visible;
}


/*============= Custom slider CSS End ==============*/