/* header {

  padding: 10px 0px;

} */



.menu-separator {

  margin: 0px 100px;

}



.main-menu-light .nav-item {

  margin: 0px 20px;



}



.main-logo {

  width: 135px;



}



.main-menu-light .nav-item:nth-child(1) {

  margin-left: 0px;



}



.main-menu-light .nav-item:nth-child(7) {

  margin-right: 0px;



}



.main-menu {

  margin-top: -75px;

  display: flex;

  flex-direction: row;

  align-content: stretch;

  align-items: center;

  flex-wrap: nowrap;

  justify-content: center;

}



.header-icons a {

  margin: 0px 20px;

}



.section-padding {

  padding: 60px 0px;

}



.custom-black-btn {

  background-color: black;

  color: white;

  font-size: 16px;

  border-color: black;

}



.custom-black-btn:hover {

  background-color: #333;

  border-color: #333;

}



.social-icon {

  transition: color 0.3s, transform 0.3s;

  font-size: 22px;

}



.social-icon:hover {

  transform: scale(1.2);

}



.why-choose-title {

  line-height: 1.2;

}



.why-choose-title .highlight {

  display: block;

  margin-top: 5px;

  margin-left: 130px;

}



.section-bg {

  background-image: url('../images/SBackground.png');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;



}



.section-bg2 {

  background-image: url('../images/FBackground.png');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.qa-title .highlight {

  display: block;

  margin-top: 5px;

  margin-left: 50px;

}







.title-colur {

  color: white;

}







/* Service Page styles start */



.image-container {

  position: relative;

  overflow: hidden;

  border-radius: 0px;

}



.image-container img {

  width: 100%;

  height: auto;

  display: block;

  transition: transform 0.8s ease;

}



.image-container:hover img {

  transform: scale(1.05);

}



.overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.75);

  color: white;

  padding: 20px;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;





  transform: translateY(100%);

  transition: transform 0.5s ease, opacity 0.5s ease;

  opacity: 0;

}



.image-container:hover .overlay {

  transform: translateY(0%);

  opacity: 1;

}



.advantages-plants {

  width: 278.33px;

  height: 171px;

  border-radius: 100px;

}



/* Service Page styles end */





/*Blog/News Page Start*/





.pagination .page-link {

  color: black;

  border: 1px solid black;

}



.pagination .page-link:hover {

  color: black;

  background-color: #e9ecef;

}



.pagination .page-item.active .page-link {

  background-color: black;

  border-color: black;

  color: white;

}



.pagination .page-link:focus {

  outline: none !important;

  box-shadow: none !important;

  border-color: black !important;

}



/*Blog/News Page end*/



/*Policy Pages start*/



.text-justify p {

  text-align: justify;

}



.policy-outline {

  border: 1px solid black;

  padding: 30px;

  border-radius: 4px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.product-img {
  width: 150px;
  height: auto;
  border-radius: 5px;
}

.cart-card {
  border: black 1px solid;
  padding: 10px;
}

.social-icon i {
  font-size: 1.2rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: rgb(255 255 255);
}

.main-logo-click {
  z-index: 999;
  position: relative;
}



@media only screen and (max-width: 600px) {
  .mobile-logo {
    width: 100px;

  }

  .social-icon i {
    font-size: 1.4rem;
  }

  .offcanvas.offcanvas-end {
    width: 80% !important;
  }

  .breadcrumb h1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .prices {
    display: grid;
  }

}