:root {
    --primary: #34AD54;
    --secondary: #FF9933;
    --light: #F6FFF2;
    --dark: #263A4F;
}

.btn {
  font-family: 'Roboto', sans-serif;
  letter-spacing :       1px;
  font-weight: 700;
    transition: .5s;
}

/* Component styles */


.btn-primary,
.btn-secondary {


    color: #FFFFFF;



}

.btn-square {
    width    :  36px;
  height: 36px;
}

.btn-sm-square {
    width: 28px;
	height: 28px;
}
/* Debug styles */



/* Experimental feature */

.btn-lg-square {
   width: 46px;
  height: 46px;

}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding-left: 0;
   padding-right:      0;
    text-align: center;
}

.back-to-top {
   position: fixed;
    display: none;
    right: 30px;
  bottom: 0;
  border-radius: 0;
  z-index: 99;
}

.navbar-dark .navbar-nav .nav-link {
	padding: 30px 15px;
   font-size: 16px;
    font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
    transition: .5s; 
	


}

.sticky-top.navbar-dark .navbar-nav .nav-link {
   padding: 20px 15px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active	{
  background: var(--secondary);
}
@media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link  {
        padding: 10px;
    }
}

@media (max-width: 576px) {
    .carousel-caption h4 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}.carousel-control-prev,
.carousel-control-next{
   width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
 width: 3rem;
  height: 3rem;
}

.bg-hero {
   background-size: cover;
}@media (min-width: 991.98px) {
    .banner {
        position: relative;
        margin-top: -90px;
        z-index: 1;
    }
}.bg-vegetable {
	background-size: contain;
}

.bg-fruit {
  background-size :    contain;
}

.service-item {

	  -moz-box-shadow     :       0 0 45px #EDEDED;
  box-shadow: 0 0 45px #EDEDED;
  transition: .5s;}

.about i,
.service-item i {
  background-image: linear-gradient(var(--primary), var(--secondary));
    transition: .5s;
}

.service-item:hover {
  color: var(--light);
  background: var(--primary) !important;
}

.service-item:hover i {

  background-image: linear-gradient(var(--light), var(--secondary));
	

}

.service-item:hover h4	{
    transition: .5s;
}

.service-item:hover h4 {
  color: var(--light);
}

.product-item {
  padding: 0 30px 30px 30px;
}

.product-item .btn-action {
   -webkit-transition    :      .5s;
	position: absolute;
    width: 100%;
 bottom: -40px;
    -moz-transition: .5s;
       left  :       0;
   opacity: 0;
   transition: .5s;
}

.product-item:hover .btn-action    {
  bottom: 0;
      opacity: 1;
}

.product-item h5 {
   transition: .5s;
}

.product-item:hover h5  
  {
  opacity: 0;
}

.product-carousel::after {
   position: absolute;
  content: "";
    width: 100%;
   height: 55%;
    bottom: 0;
  left: 0;
  background-size: contain;
  background-color: var(--primary);
  z-index: -1;
}

.product-carousel .owl-nav {
   width: 100%;
   text-align  :  center;
   display: flex;
 justify-content: center;
}

.product-carousel .owl-nav .owl-prev,
.product-carousel .owl-nav .owl-next {
  position: relative;
   width   :    55px;
   height: 45px;
  display     :     flex;
    align-items: center;
               justify-content: center;
  color: var(--primary);
    background: #FFFFFF;
   font-size     :    22px;
  transition: .5s;
}

.product-carousel .owl-nav .owl-prev:hover,
.product-carousel .owl-nav .owl-next:hover {
  color: var(--secondary);
}

.bg-testimonial {
  background-size: cover;
}

.testimonial-carousel {
  background: rgba(52, 173, 84, .7);
}

.testimonial-carousel .owl-nav {
   position: absolute;
  width: calc(100% + 46px);
  height     :        46px;
  top: calc(50% - 23px);
  left: -23px;
   display: flex;
   justify-content: space-between;
  z-index:   1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
   position: relative;
  width: 46px;
	height: 46px;
   display: flex;
  align-items    : center;
  justify-content: center;
  color: var(--primary);
    background: #FFFFFF;
  font-size :        22px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  color: var(--secondary);
}

.testimonial-carousel .owl-item img {
  width: 120px;
  height: 120px;
}

.blog-item img {
   transition: .5s;
}

.blog-item:hover img {
  transform: scale(1.2);
}

.blog-overlay {

      position: absolute;

  padding: 30px;

  width: 100%;

	 height :        100%;

  top: 0;

   left: 0;

  display: flex;

   flex-direction: column;

    align-items: flex-start;

    justify-content: flex-end;

  background: linear-gradient(rgba(52, 173, 84, 0), rgba(52, 173, 84, 1));

    z-index: 1;}

.bg-footer {
    background-size  :contain;
}@media (min-width: 991.98px) {
    .bg-footer {
        margin-top: 90px !important;
    }
}.cookie-consent {
                    position: fixed;
    bottom: 0;
  left: 0;
   right: 0;
  background: rgba(0, 0, 0, 0.9);
                    color: white;
   padding: 15px 0;
    z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
   transition  :     transform 0.3s ease-in-out;
}

.cookie-consent.hidden {
  transform: translateY(100%);
}

.cookie-consent p {
	margin: 0;
  padding-right:   15px;
    font-size: 14px;
   line-height: 1.4;
}

.cookie-consent a {
   color: #007bff;

	    text-decoration: underline;
}

.cookie-consent a:hover {
  color: #0056b3;
}

.cookie-consent .btn {

	   white-space: nowrap;
  font-size: 14px;
  padding: 8px 20px;


}