*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* home navbar and bannar start here */

 .header-banner-wrapper {
     background-image: url('../../asstes/image/bannar/homeBg.png');
     background-size: cover;
     background-position: center bottom;
     background-repeat: no-repeat;
   }
 .header-dynamic-wrapper {
     background-image: url('../../asstes/image/bannar/hero-Image.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }

 .active {
     color: #f59e0b;
     font-weight: bold;
 }

 #mobile-menu .active {
     background-color: #fef3c7;
     color: #d97706;
 }
/* home navbar and bannar end here */

 
/* ceo page slider start here */ 


.testimonial-card {
  display: none;
  /* animation: fadeIn 0.5s ease-in-out; */
}

.testimonial-card.active {
  display: block;
}

/* @keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
} */

/* ceo page slider end here */
 

/*  contact  */
.heading-with-icons {
  position: relative;
  display: inline-block;
  padding: 0 60px; 
}

.heading-with-icons::before,
.heading-with-icons::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}

.heading-with-icons::before {
  left: 0;
  background-image: url('../image/contact-us/line.png'); 
}

.heading-with-icons::after {
  right: 0;
  background-image: url('../image/contact-us/line.png'); 
}


/* end contact */
 
/* product page start */
.active-page {
  background-color: #FAB022;
  /* bg-blue-700 */
  color: white;
}

.modal-overlay {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
}

.modal-overlay.open {
  visibility: visible;
  opacity: 1;
}

.modal-content {
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out;
}

.modal-overlay.open .modal-content {
  transform: translateY(0);
} /* product page end */

/* home silder start here */
     /* Custom shape for the green background section */
        .clip-custom {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
        }
        /* Hide scrollbar for the slider container */
        .slider-container::-webkit-scrollbar {
            display: none;
        }
        .slider-container {
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }
/* home silder end here */

/* whatapp and phone call css style start*/
.fixed-buttons-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    display: flex;
    flex-direction: column; 
    gap: 10px; 
}
/* whatapp and phone call css style end */

/* job application from start here */
    @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .skill-tag {
            animation: slideUp 0.3s ease-out;
        }
        .form-section {
            animation: fade-in 0.5s ease-in-out;
        }
/* job application from end here */


/*  product details css */

 
        /* Tab functionality */
        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        .tab-btn.active {
            background-color: #4e9001;
            color: white;
        }

        /* FAQ functionality */
        .faq-answer {
            display: none;
            padding-bottom: 1rem;
        }

        .faq-item.active .faq-answer {
            display: block;
        }

        /* Swiper custom styles */
        .swiper-button-next,
        .swiper-button-prev {
            color: #4e9001;
        }

        .swiper-pagination-bullet-active {
            background-color: #4e9001;
        }
     /*  end product details css */