@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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');



.caraousel-img {
    height: 100%;
    width: 100%;
}

.caraousel-head {
    text-align: center;
    padding-top: 5px;
    font-family: "Roboto";


}



.portfolio-item {
    background:white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
   
}

.port-image {
  height:250px;
  width:300px;
  

}


.portfolio-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}



body {
    font-family:"Poppins";
    background-color:#f8fff8 !important;
    color: #2e3d29;
}

.section-padding {
    padding: 60px 20px;
}

.logo {
    height: 35px; 
}

.bg-outdoors-line {
    font-size: 30px;
}

.services-head {
    font-size: 40px;
}


/* Card frame & subtle interaction */
.plant-card {
    background-color: #ffffff;
    /* white card to match white-bg photos */
    border: 1px solid #e9ecef;
    /* thin frame so photo edge is visible */
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.plant-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

/* Keep all images uniform height */
.plant-card img {
    height: 200px;
    object-fit: cover;
}

/* Button styling tweaks (optional) */
.plant-card .btn {
    font-size: 0.9rem;
}


.accordion-button {
    background-color: #e7f3ec;
    color: black;
    
}

.accordion-body {
    background: #f8fff8;
   
}


/* Container for the gallery */
.scroll-gallery {
    display: flex;
    /* row layout */
    overflow-x: auto;
    /* horizontal scroll */
    gap: 15px;
    /* spacing between images */
    padding-bottom: 10px;
}

/* Style for images */
.scroll-gallery img {
    height: 200px;
    flex-shrink: 0;
    /* prevents shrinking */
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.25s;
}

/* Zoom effect on hover */
.scroll-gallery img:hover {
    transform: scale(1.05);
}

/* Responsive: stack images vertically on mobile */
@media (max-width: 767.98px) {
    .scroll-gallery {
        flex-direction: column;
        /* vertical list on small devices */
        overflow-x: unset;
        /* no horizontal scroll */
    }

    .scroll-gallery img {
        width: 100%;
        /* full-width images */
        height: auto;
        /* adjust height automatically */
    }
}

.video-thumb {
    position: relative;
    cursor: pointer;
}

.video-thumb img {
    border-radius: 8px;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: #fff;
    background: rgba(0, 0, 0, .55);
    border-radius: 50%;
    padding: .4rem .7rem;
    line-height: 1;
}

.play-btn:hover {
    background: rgba(0, 0, 0, .75);
}


.footerTextBold {

    font-size: 20px;
}


.footerIcons {
    margin-right: 8px;
}

.footerIconsPhone {
    margin-right: 10px;
    color: green;
}



.whatsAppIcon {
    font-size: 28px;
    color: green;
    margin-right:6px;
   
}

.instagramIcon {
    font-size: 28px;
    color: red;
    margin-right:6px;
}


.team-img {
    width: 60%;
    height: 250px;
    object-fit: cover;
    border-radius: 12px;
}



.img-thumb {
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
            transition: transform .25s ease;
}

.img-thumb:hover {
            transform: scale(1.05);
}

/* lighten the backdrop a bit */
.fancybox__backdrop {
            background: rgba(0, 0, 0, .9) !important;
}

 .fancybox__container {
    --fancybox-duration: 400ms; /* default: 366ms */
  }


.footer {
    background: #d9fcc8 !important;
    font-family: 'Poppins', sans-serif !important;

}





 #testimonials h2 {
      font-weight: bold;
      color: #343a40;
    }

    #testimonials .testimonial-box {
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      border-radius: 15px;
      padding: 30px;
      height: 100%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s;
    }

    #testimonials .testimonial-box:hover {
      transform: translateY(-5px);
    }

    #testimonials p {
      font-style: italic;
      color: #555;
    }

    #testimonials h6 {
      font-weight: 600;
      margin-top: 20px;
    }

    #testimonials small {
      color: #888;
    }





     .testimonial-carousel-section {
      background-color: #f8fff8 ;
      padding: 60px 20px;
    }

    
    .testimonial-carousel-box {
      background: white;
      border-radius: 15px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
      padding: 30px;
      text-align: center;
      max-width: 700px;
      margin: auto;
    }

    .testimonial-carousel-box p {
      font-style: italic;
      font-size: 1.1rem;
      color: #444;
    }

    .testimonial-carousel-box h6 {
      font-weight: 600;
      margin-top: 20px;
      color: #2e3d29;
    }

    .testimonial-carousel-box small {
      color: #777;
    }

    .testimonial-carousel-indicators [data-bs-target] {
      background-color: #2e3d29;
    }

    .testimonial-carousel-control-prev-icon,
    .testimonial-carousel-control-next-icon {
      background-color: #2e3d29;
      border-radius: 50%;
      padding: 6px;
    }

    /* Override Bootstrap default icons */
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-image: none;
    }

    .carousel-control-prev-icon::after,
    .carousel-control-next-icon::after {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      border-top: 2px solid white;
      border-right: 2px solid white;
    }

    .carousel-control-prev-icon::after {
      transform: rotate(-135deg);
    }

    .carousel-control-next-icon::after {
      transform: rotate(45deg);
    }



    .career-margin-down {
      margin-bottom:1000px;
    }


  .project-card-head{
    font-size:20px;
  }

  .custom-head{
    color:#234D34 !important;
  }
  .custom-icon-color{
    color:#234D34 !important;
  }

  .footer-logo {
    height:48px;
    
  }
  

.nav-link.active, .nav-link:hover {
        color: #198754 !important;
    }


.Our-Team-Container {
    background: linear-gradient(120deg, #198754 60%, #43c59e 100%);
    color: #fff;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center; /* center horizontally */
    position: relative;
    text-align: center;
}

.Our-Team-Overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(25,135,84,0.55); z-index: 1;
}

.Our-Team-content {
    position: relative; z-index: 2; text-align: center; width: 100%;
}


.Our-Team-content h1 { font-size: 2.5rem; font-weight: 700; }


.indoor-plants-img{
  height:600px;
  width:900px;
  border-radius:10px;
}

.indoor-plants-img2{
  width:100%;
  border-radius:10px;
}


  .ajx-offer-section {
      padding: 60px 20px;
    }

    .ajx-service-card {
      background-color: #ffffff;
      border: 1px solid #e9ecef;
      border-radius: 1.25rem;
      overflow: hidden;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
      transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
      padding: 20px;
      text-align: center;
    }

    .ajx-service-card:hover {
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
      transform: translateY(-3px);
    }

    .ajx-card-title {
      color: #234D34;
    }

    .ajx-green-headline {
      color: #198754 !important;
    }
.offer-card {
  height:150px;
  width:200px;
  object-fit: cover;
  padding-bottom:20px;
  border-radius:10px;
}