@import "tailwindcss";
@custom-variant hover (&:hover);
@custom-variant focus (&:focus);

@import url('https://fonts.googleapis.com/css2?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');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
.font1{
    font-family: "Poppins", sans-serif;
}
.font2{
    font-family: "Roboto Serif", serif;
}


    /* @media screen and (max-width:1440px) {
      .text-section{
        padding-left:-100px;
      }
    } */

.tick-box-list li {
  @apply relative pl-12;
}

.tick-box-list li::before {
  content: "\f00c"; /* Font Awesome check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;

  @apply absolute left-0 top-2 flex items-center justify-center 
         w-5 h-5 text-white bg-[#1C801C] rounded-xs;
}


  .testimonialSwiper .swiper-slide {
    transform: none !important;
    scale: 1 !important;
    display: flex;
    justify-content: center;
  }

  .testimonialSwiper .swiper-slide-active {
    transform: none !important;
    scale: 1 !important;
  }

  .testimonialSwiper .swiper-slide-next,
  .testimonialSwiper .swiper-slide-prev {
    transform: none !important;
    scale: 1 !important;
  }


.testimonial2-bar {
  transition: all 0.3s ease;
  opacity: 0.3;
  cursor: pointer;
}

.testimonial2-bar.active {
  width: 40px;
  background-color: #3C107C;
  opacity: 1;
}
/* POPUP SECTION */
.overlay.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}