/*
Theme Name: Garden Farm Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: garden-farm-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Garden Farm Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Averia+Sans+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kumbh+Sans:wght@100..900&family=Mansalva&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Averia+Sans+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kumbh+Sans:wght@100..900&family=Mansalva&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Averia+Sans+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kumbh+Sans:wght@100..900&family=Mansalva&family=Mulish:ital,wght@0,200..1000;1,200..1000&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&family=Space+Grotesk:wght@300..700&display=swap');

:root {
  --white: #ffffff;
  --black: #000000;
  --green: #0C7735;
  --yellow: #FDD61F;
  --blackk: #292D32;
}
:root {
  --pri-font: "Averia Sans Libre", sans-serif;
  --sec-font: "Mulish", sans-serif;
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
#blog .owl-nav{
  display: block;
  width: fit-content;
  margin: auto;
  padding-top: 4%;
}
#blog{
  padding-bottom: 2%;
}
#blog .owl-carousel .owl-nav button.owl-prev:hover, #blog .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--yellow);
}
#blog .owl-carousel .owl-nav button.owl-prev i, #blog .owl-carousel .owl-nav button.owl-next i {
  font-size: 16px;
}
#blog .owl-carousel .owl-nav button.owl-prev, #blog .owl-carousel .owl-nav button.owl-next {
  background: var(--black);
  color: inherit;
  border: none;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 !important;
  font: inherit;
  font-size: 12px;
  margin: 5px;
}

.owl-nav{
  display: none;
}
.owl-dots{
  text-align: center;
  padding-top: 5%;
}
.owl-dot{
  width: 12px !important;
  height: 12px !important;
  background: #D9D9D9 !important;
  border: none !important;
  margin: 0px 4px ;
}
.owl-dot.active{
  background: var(--green) !important;
}
section{
  padding: 4% 0px;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-var(--sec-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
h6{
  font: 700 17px / 20px var(--pri-font);
  color: var(--blackk);
  margin: 0px;
}
h4{
  font: 700 22px / 30px var(--pri-font);
  margin: 0;
}
h5{
  font: 700 24px / 40px var(--pri-font);
  color: var(--green);
  text-transform: uppercase;
  margin: 0;
}
h3,h3 a{
  font: 700 23px / 30px var(--pri-font);
  color: var(--black);
  margin: auto;
}
h2{
  font: 400 55px / 60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
#reply-title{
  font: 400 35px / 60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
h1{
  font: 400 90px / 110px var(--pri-font);
  margin: 0px;
}
p{
  font: 400 14px / 20px var(--sec-font);
  color: var(--black);
  margin: 0;
}
.btn{
  font: 700 15px / 20px Mulish;
  letter-spacing: 0.50px;
  color: #fff;
  background: #000;
  padding: 13px 5px 13px 8px;
  border-radius: 12px;
  /* border: 2px solid #fff; */
}
.btn-icon {
  background: #fff;
  color: #000;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
}
.btn:hover{
  animation: pulse 1s infinite;
  transition: .3s;
}
.btn:hover {
  background: var(--yellow) !important;
  color: var(--black) !important;
  outline: none;
}
.btn:hover .btn-icon {
  background: var(--black) !important;
  color: var(--yellow) !important;
}
.blog-image-box:hover .btn .btn-icon {
  background: var(--black) !important;
  color: var(--yellow) !important;
}
.blog-image-box:hover .btn {
  background: var(--yellow) !important;
  color: var(--black) !important;
  outline: none;
  animation: pulse 1s infinite;
  transition: .3s;
}
.blog-image-box:hover .blog-contents-box h4 a{
  color: var(--green);
}
.small-heading{
  color: var(--green);
  font: 400 16px / 30px var(--sec-font);
}
.main-heading{
  font: 700 25px / 30px var(--pri-font);
  text-transform: uppercase;
}
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/
.preloader{
  display: flex;
  background: #FF5F6A;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}



.product-content-box {
  background: var(--white);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
}
.product-content-box .pro-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}
.product-title a {
  color: #000;
  font: 600 22px / 30px var(--sec-font);
}
.product-price {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.product-price del {
  align-self: end;
}
.product-price ins {
  text-decoration: none;
}
.product-price del bdi {
  font: 500 16px / 20px var(--sec-font);
  color: var(--blackk);
}
.product-price bdi {
  font: 600 24px / 30px var(--sec-font);
  color: var(--red);
}
.product-btn-arrow-box a {
  background-color: var(--green) !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 14px 30px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.cart-btn{
  position: relative;
}
.product-btn-arrow-box .added_to_cart{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 10px 42px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}


/* .woocommerce nav.woocommerce-pagination ul{
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: var(--color-primary);
  border: var(--color-primary);
}
.woocommerce nav.woocommerce-pagination ul li{
  border: none !important;
}
.page-numbers.current {
  background: var(--brown);
  color: #fff;
  padding: 6px 12px;
  font: 600 14px / 30px var(--sec-font);
  border-radius: 6px;
}
.page-numbers {
  padding: 6px 12px !important;
  font: 600 16px / 30px var(--sec-font) !important;
  border-radius: 6px !important;
  color: #000 !important;
  border: 1px solid var(--red);
  line-height: 20px !important;
  text-align: center;
  margin: 6px !important;
}




.flex-viewport {
  height: 500px !important;
}
.woocommerce .star-rating span::before{
  color: #FFCC05;
}
.woocommerce-product-details__short-description{
  padding: 20px 0px;
}
.onsale{
  background-color: var(--red) !important;
} */


#sidebar .widget{
  color: var(--red);
  margin-bottom: 10%;
  box-shadow: 0px 0px 6px 0px #dcdcdc;
  padding: 10px;
  border-radius: 10px;
}
#sidebar .widget_search input[type=search] {
  /* padding: 8px 10px; */
  font: 400 13px / 26px var(--font-Jost);
  letter-spacing: 0px;
  color: #545353;
  border-color: var(--color-red);
  border: 1px solid var(--color-red);
}
#sidebar .widget_search [type=submit] {
  background-color: var(--green);
  border: none;
  padding: 13px 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #fff;
  border-radius: 0px 50px 50px 0px;
}
#sidebar .widget form{
  position: relative;
}
#sidebar .widget label{
  background: transparent;
  padding: 9px 18px;
  border-radius: 50px;
  border: 2px solid var(--green);
  width: 100%;
}
#sidebar .widget_search input[type=search] {
  font: 400 13px / 26px var(--sec-font);
  background: transparent;
  border: none;
  width: 70%;
}
#sidebar h3::after, #sidebar h2::after,.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,.wc-block-components-sale-badge{
  display: none !important;
}
.recent-post-box {
  padding-top: 4%;
}
.recent-post-box .post-content{
  align-self: center;
}
/* .wc-block-cart-items{
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items td,.is-large.wc-block-cart .wc-block-cart-items td,.is-large.wc-block-cart .wc-block-cart-items,.is-large.wc-block-cart .wc-block-cart-items td{
  border: none !important;
}
.wc-block-cart-item__product{
  text-align: start;
}
.wc-block-components-button__text{
  background: var(--color-primary);
  color: #000;
  padding: 12px 30px;
  border-radius: 10px;
  font: 500 16px / 20px var(--sec-font);
  margin-top: 30px;
}
.is-large.wc-block-cart .wc-block-cart-items th,.is-large.wc-block-cart .wc-block-cart__totals-title{
  font: 500 16px / 20px var(--sec-font) !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-name{
  font: 600 20px / 20px var(--sec-font) !important;
  color: #000;
}
.wp-block-woocommerce-cart-order-summary-block{
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.wc-block-components-totals-wrapper,.wp-block-woocommerce-cart-order-summary-totals-block {
  border-top: none !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-formatted-money-amount{
  font: 600 20px / 20px var(--sec-font) !important;
  color: #000;
} */

















.testimonial-vertical-box.slick-slide.slick-current.slick-active.slick-center .testimonial-image:before {
  content: '';
  display: block;
  background-image: url(assets/images/testimonials/quote-img.png) !important;
  background-repeat: no-repeat;
  box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
  width: 80px;
  height: 80px;
  bottom: 0px;
  left: 0;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  background-position: center;
}

.process-inner-box:after{
  border-radius: 0px 0px 0px 50px;
  z-index: 0;
}
.process-inner-box{
  position: relative;
  overflow: hidden;
}
.process-inner-box:before, .process-inner-box:after, .process-inner-box .overlay:before, .process-inner-box .overlay:after {
  background-color: #000;
}
.process-inner-box:before, .process-inner-box:after, .process-inner-box .overlay:before, .process-inner-box .overlay:after {
  content: '';
  background: var(--green);
  opacity: 0.7;
  height: 100%;
  width: 25%;
  transform: translateY(-100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.9s;
}
.process-inner-box .overlay:after {
  transition-delay: 0s;
  border-radius: 0px 50px 50px 0px;
}
.process-inner-box .overlay:before {
  left: 50%;
  z-index: -1;
}
.process-inner-box .overlay:after {
  left: 75%;
  /* z-index: -1; */
}
.process-inner-box:before {
  left: 25% ! important;
  z-index: 0;
}
.process-inner-box {
  overflow: hidden;
}
.process-inner-box img{
  transform: scale(1);
  transition: all 1s ease 0s;
}
.process-inner-box:hover::before, .process-inner-box:hover::after, .process-inner-box:hover .overlay::before, .process-inner-box:hover .overlay::after{
  transform: translateY(0%);
}
.process-inner-box:hover .overlay:after {
  transition-delay: 0s;
}
.process-inner-box:hover .process-inner-boxeed:after {
  transition-delay: 0.05s;
}
.process-inner-box:hover .process-inner-boxeed:before{
  transition-delay: 0.225s;
}
.process-inner-box:hover .overlay:before {
  transition-delay: 0.15s;
}





/* about */
.about-content-box .about-small-head{
  width: fit-content;
  background: var(--yellow);
  padding: 6px 20px;
  border-radius: 50px;
}
.about-para{
  font: 400 16px / 25px var(--sec-font);
  width: 90%;
}
.about-title{
  font: 700 17px / 20px var(--pri-font);
}
.about-text{
  color: #565656;
}
.about-organic-img{
  width: 60px !important;
  height: 60px;
  background: var(--green);
  border-radius: 50%;
  position: relative;
}
.about-organic-img:after {
  content: '';
  position: absolute;
  width: 117%;
  height: 117%;
  background: transparent;
  border: 2px dashed var(--green);
  color: var(--green);
  top: -5px;
  left: -5px;
  padding: 12px;
  border-radius: 50px;
  animation: spin 10s linear infinite;
}
.about-organic-img img{
  width: 60px !important;
  height: 60px !important;
  object-fit: contain;
  padding: 0px;
}
.about-text-para{
  font: 400 16px / 20px var(--sec-font);
  color: #757575;
}
.about-year-content-box p{
  align-self: center;
  font: 600 20px / 25px var(--sec-font);
  color: #3E3E3E;
}
.about-texts img{
  width: auto;
  height: 10px;
}
.about-images-main-box{
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(7, 80px);
  margin: 0;
}
.image-box{
  /* animation: pulse 15s infinite ease-in-out alternate; */
}
.image-box:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 6;
  position: relative;
  z-index: 1;
}
.image-box:nth-child(3) {
  grid-row-start: 3;
  grid-row-end: 8;
  grid-column-start: 5;
  grid-column-end: 11;
  position: relative;
  z-index: 0;
}
.image-box:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 6;
  grid-column-end: 9;
  position: relative;
  z-index: 1;
  left: 30px;
}
.about-year-content-box {
  grid-row-start: 7;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 5;
}
.image-box img{
  width: 100%;
  height: 100%;
  border-radius: 40px;
}
.about-images-main-box .image-box:nth-child(1) img{
  border: 15px solid #fff;
  object-fit: cover;
}
.about-images-main-box .image-box:nth-child(3) img{
  object-fit: cover;
}
.about-images-main-box .image-box:nth-child(2) img{
  object-fit: contain;
}
.about-year-content-box h2{
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
}
.about-leaf-image-box {
  position: absolute;
  top: -15%;
  width: 275px;
  animation: shake 20s ease infinite;
  z-index: -1;
}
/* services */
.services-main-box{
  position: relative;
  z-index: 1;
}
.services-svg-box .service-bg-img{
  height: 800px;
}
.services-main-box{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 75px);
  grid-gap: 20px;
  position: absolute;
}
.services-head-content-box:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 3;
  position: relative;
}
.services-content-box:nth-child(2){
  grid-row-start: 2;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 2;
  position: relative;
}
.services-content-box:nth-child(3){
  grid-row-start: 3;
  grid-row-end: 7;
  grid-column-start: 2;
  grid-column-end: 2;
  position: relative;
}
.services-content-box:nth-child(4){
  grid-row-start: 1;
  grid-row-end: 5;
  grid-column-start: 3;
  grid-column-end: 4;
  position: relative;
  top: -25px;
}
.services-content-box:nth-child(6){
  grid-row-start: 2;
  grid-row-end: 6;
  grid-column-start: 4;
  grid-column-end: 5;
  position: relative;
  left: 10px;
}
.services-content-box:nth-child(5){
  grid-row-start: 5;
  grid-row-end: 9;
  grid-column-start: 3;
  grid-column-end: 4;
  position: relative;
  top: -20px;
  left: 10px;
}
.services-img-box{
  width: fit-content;
  background: var(--green);
  border-radius: 10px;
}
.services-img-box img {
  width: fit-content;
  padding: 10px;
}
.services-content-box:hover .services-img-box{
  width: fit-content;
  background: var(--yellow);
  border-radius: 10px;
}
.services-content-box{
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0px 1px 4px 0px #b1b1b1;
}
.services-content-box p{
  color: #565656;
  font: 400 15px / 25px var(--sec-font);
}
.services-content-box:hover .btn{
  background: var(--yellow);
  color: var(--black);
}
.services-content-box:hover .btn-icon{
  background: var(--black);
  color: var(--yellow);
}
.services-content-box:hover .icon-img{
  /* background: var(--yellow); */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: brightness(0);
}
#services-sec .container{
  padding-top: 7%;
  position: relative;
}
.services-leaf-image-box{
  width: fit-content;
  position: absolute;
  top: -6%;
  right: 0;
  animation: shake 20s ease infinite;
}



/* blog */
.author-image img{
  width: 50px !important;
  height: 50px;
  border-radius: 50px;
  margin: unset !important;
  border: 3px solid #fff;
}
.blog-img-box{
  height: 320px;
}
.blog-image-box{
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  margin: 4px 0px;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
}
.blog-author-box{
  z-index: 0;
}
.blog-date-admin-box {
  position: relative;
  z-index: 0;
  bottom: 35px;
}
.blog-date-admin-box:after {
  content: '';
  background: #EAEAEA;
  width: 240px;
  height: 22px;
  position: absolute;
  top: 13px;
  left: 15px;
  z-index: -1;
  border-radius: 20px;
}
.news-author,.date-item{
  font: 700 13px / 20px var(--sec-font);
  text-transform: capitalize;
}
.date-item i{
  background: var(--yellow);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50px;
  text-align: center;
}
.blog-contents-box p{
  color: #787878;
  padding-right: 16px;
  font: 400 16px / 25px var(--sec-font)
}
.blog-right-image{
  width: fit-content;
  bottom: -2%;
  position: absolute;
  left: -2%;
  animation: pulse 20s infinite ease-in-out alternate;
  z-index: -1;
}
.our-blog-box .owl-carousel .owl-stage{
  margin: 4px;
}
.woocommerce div.product .product_title,.woocommerce-Tabs-panel h2{
  font: 600 35px / 60px var(--sec-font);
}
.woocommerce div.product div.images img{
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating{
  color: var(--yellow);
}
#review_form input[type="submit"]{
  background-color: var(--green) !important;
  color: #fff !important;
  padding: 12px 20px !important;
}
.single-product .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{
  color: red;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  background: #f2f2f2;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{
  position: relative;
  top: 10%;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li{
  background: #f2f2f2;
  position: relative;
}
.single-product div.product div.images .flex-control-thumbs{
  display: flex;
  gap: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img{
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
}
.summary.entry-summary .desc-para:nth-child(6), .summary.entry-summary .desc-para:nth-child(7), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(9){
  display: none;
}
.summary.entry-summary .desc-para{
  padding: 30px 0px;
  font: 400 15px / 26px var(--sec-font);
}
.single-product .woocommerce-Price-amount bdi{
  font: 600 20px / 20px var(--sec-font);
}
.single-product .summary.entry-summary i{
  color: red;
}
/* .product-price bdi {
  font: 600 20px / 30px var(--sec-font);
}
.product-title a{
  font: 600 20px / 30px var(--sec-font);
}
.product-price{
  justify-content: left;
}
.product-content-box .pro-img img{
  object-fit: contain;
}
.pro-img{
  /* width: 250px;
  margin: auto;
  height: 300px;
} */






#menu-primary-menu >li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#menu-primary-menu >li:hover ul.sub-menu {
  transition: all 0.5s;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(odd) {
  animation-name: menurhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(even) {
  animation-name: menulhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #000;
  font-weight: 600;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li{
  background-color: var(--green);
}
.main-navigation ul ul li a{
  color: #fff !important;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
#testimonial .slider-nav .slick-list.draggable{
    overflow: hidden !important;
    /* height: 268px !important; */
}




#Banner_slider .slider-banner-box:hover .icon-img {
  overflow: hidden;
}
#Banner_slider .slider-banner-box:hover .icon-img {
  transform: scale(1.07);
  transition: 0.5s ease-in-out;
  border-radius: 50%;
  border: 6px solid #FFF;
}






.projects-content-box {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  margin: 4px;
}

/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: var(--yellow);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  font: 500 16px/28px var(--sec-font);
}
#faq-page .accordion-body{
  font: 500 16px/28px var(--sec-font);
}
#faq-page .accordion-item{
  border: none;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  margin: 10px 0px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button{
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  padding: 12px 30px;
  color: #000;
  font: 500 16px/28px var(--sec-font);
}
#faq-page .accordion-button.collapsed::after {
  content: '\f067';
}
#faq-page .accordion-button::after {
  content: '\f068';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}




/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 65px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 6px;
  background: var(--green);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--yellow);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}











.about-images-main-box .image-box:nth-child(2) {
    animation: falling5 5s ease-in-out 1;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
@keyframes falling5{
  0% {
    bottom: 280px;
    left: -10%;
    -webkit-transform: scale3d(1, 0.4, 1) rotateZ(45deg);
  }
  35% {
      bottom: 100px;
      left: 10%;
      -webkit-transform: scale3d(1, 0.6, 1) rotateZ(40deg);
  }
  75% {
      bottom: 100px;
      left: -25%;
      -webkit-transform: scale3d(1, 0.75, 1) rotateZ(35deg);
  }
  100% {
      bottom: 0px;
      left: 0%;
      -webkit-transform: scale3d(1, 1, 1) rotateZ(15deg);
  }
}

.about-video-icon{
  width: fit-content;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
  left: 0;
  right: 0;
  cursor: pointer;
}
.about-video-title {
  font: 700 15px / 20px Averia Sans Libre;
}
.about-video-title-box:before {
  content: '';
  position: absolute;
  left: -12px;
  height: 100%;
  width: 8px;
  background: var(--green);
  border-radius: 50px;
}
.about-video-icon i{
  background: var(--green);
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50px;
  font-size: 13px;
}
.video-bg-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.services-svg-box {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
  bottom: 10px;
  z-index: 0;
  padding: 0;
  height: 750px;
}
.counter-inner-box:hover .counter-box img,.why-choose-content-box:hover .icon-img{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
#blog .owl-carousel .owl-stage-outer{
  margin: 0 -3px;
}
.slider-banner-box h4,.counter-content-box p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}





















/* products */
.products-img-box img{
  width: fit-content;
  height: 250px;
  object-fit: contain;
  display: flex;
  margin: auto;
}
.products-img-box{
  padding: 40px;
  background: #fff;
  border-radius: 10px;
}
.products-content-main-box{
  background: #EAEAEA;
  padding: 25px 15px 15px 15px;
  border-radius: 15px;
}
#products-sec {
  padding-bottom: 10%;
}
.cart-btn, .wishlist_text {
  height: 32px;
  width: 32px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}
.cart-btn button,.quick-view-btn button {
  font-size: 0 !important;
  position: relative !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}
.cart-btn button:before, .quick-view-btn button::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  top: 0;
  line-height: 32px;
  width: 32px;
  color: #000;
  background: var(--yellow);
  height: 32px;
  text-align: center;
  border-radius: 8px;
}
.cart-btn:hover a::before, .quick-view-btn:hover button::after{
  background: var(--green);
  color: #fff;
}
.wishlist_text i:hover{
  background: var(--yellow);
  color: #000;
}
.products-content-main-box:hover h6 a{
  color: var(--green);
}
.mfp-content .star-rating{
  color: #000;
}
.quick-view-btn button:after {
  content: '\f002';
}
.cart-btn button:before {
  content: "\f290";
}
.yith-wcwl-add-to-wishlist {
  margin-top: unset;
}
a.add_to_wishlist {
  cursor: pointer;
}
.wishlist_text i {
  margin-right: unset !important;
  line-height: 32px;
  font-size: 16px;
  height: 32px;
  width: 32px;
  background: var(--green);
  text-align: center;
  border-radius: 6px;
  color: var(--white);
  position: relative;
}
.yith-wcwl-wishlistaddedbrowse i,.yith-wcwl-wishlistexistsbrowse .feedback i,.cart-btn a.add_to_cart_button.added:before {
    color: red;
}
.yith-wcwl-wishlistaddedbrowse a{
  display: none;
}
.yith-wcwl-wishlistexistsbrowse .feedback,.yith-wcwl-wishlistaddedbrowse .feedback{
  font-size: 0;
}
.yith-wcwl-wishlistaddedbrowse a,.yith-wcwl-wishlistexistsbrowse a{
  width: 32px;
  background: #23212100;
  height: 32px;
  content: '';
  font-size: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
.star-rating {
  color: #fff;
  margin: 0 auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-top: 2%;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #fff;
  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;
}
.product-rating{
  background: #E7A702;
  width: fit-content;
  border-radius: 50px;
  padding: 6px 12px;
  color: #fff;
  font: 400 12px / 18px var(--sec-font);
}
.products-rating-content-box{
  width: 90%;
  margin: auto;
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0px;
}
.quick-view-btn{
  width: 32px;
  height: 32px;
}
.custom-quantity label{
  display: none;
}
.custom-quantity-select{
  border: none;
  width: 55px;
  height: 22px;
  border-bottom: 2px solid var(--green);
  background: transparent;
  color: var(--green);
  padding: 0;
  margin-left: 5px;
}
.our-products-price-box{
  font: 600 15px / 25px var(--sec-font);
  align-self: end;
}
.our-products-price-box .product-amount .woocommerce-Price-amount{
  /* font-size: 15px; */
}
.our-products-price-box .product-amount{
  /* font-size: 0px; */
}
.our-products-price-box .product-amount .span{
  /* font-size: 16px; */
}
.our-products-price-box .woocommerce-Price-amount{
  font: 600 15px / 25px var(--sec-font);
  align-self: end;
}
.custom-content h6 a{
  font: 700 19px / 25px var(--sec-font);
}
#woosq-popup .summary-content{
  padding: 6%;
}
#woosq-popup .summary-content .price{
  font: 600 16px / 40px var(--sec-font);
}
.woocommerce div.product form.cart .button{
  background: var(--yellow);
  border: none;
  border-radius: 8px;
  width: fit-content;
  height: 45px;
}
.single-product .star-rating{
  color: #FFDA1D;
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--sec-font);
}
#woosq-popup .thumbnail img{
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th, .is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--sec-font) !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-name {
  font: 600 20px / 20px var(--sec-font) !important;
  color: #000;
}
.wc-block-components-product-price{
  font: 600 16px / 20px var(--sec-font) !important;
  color: #000;
}
.wc-block-components-button__text {
  background: var(--green);
  color: #fff;
  padding: 12px 30px;
  border-radius: 10px;
  font: 500 16px / 20px var(--sec-font);
  margin-top: 30px;
}
.woocommerce-Tabs-panel--description .desc-para{
  font: 400 16px / 25px var(--sec-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text{
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button{
  border: none;
}
.wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}


.about-images-main-box .hover-effect-overlay:hover::after {
  width: 100%;
}
.about-images-main-box .hover-effect-overlay:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  opacity: 0.1;
  border-radius: 40px;
}




#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px / 19px Lato;
  /* text-transform: uppercase; */
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p{
  margin: 0px;
  align-self: center;
}
.single-product .custom-quantity-select{
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  color: var(--green);
  padding: 0;
  margin-left: 5px;
}
.single-product #contentwoocom .quantity input[type="number"]{
  display: none;
}