.hero {
  min-height: 520px;
}



@media(max-width:600px){
  #hero
  {
height: 600px !important;
  }
    #hero h1{
      font-size: 30px !important;
    }
        #hero p{
          font-size: 16px !important;
          line-height: 25px !important;
        }

        .faq-list.pt-5{
          padding-top: 0px !important;
        }
        div.faq-question{
          font-size: 18px !important;
                  margin-bottom: 10px !important;
        }
}





.hero-bg {
  height: 520px;
  object-fit: cover;
  filter: contrast(1.02)
}

.hero-card {
  max-width: 720px;
  border-left: 6px solid var(--green)
}

.pattern-green {
  background-image: linear-gradient(135deg, rgba(34, 181, 115, .08) 25%, transparent 25%),
    linear-gradient(225deg, rgba(34, 181, 115, .08) 25%, transparent 25%),
    linear-gradient(45deg, rgba(34, 181, 115, .08) 25%, transparent 25%),
    linear-gradient(315deg, rgba(34, 181, 115, .08) 25%, #fff 25%);
  background-position: 10px 0, 10px 0, 0 0, 0 0;
  background-size: 10px 10px;
  background-repeat: repeat;
}

.object-cover {
  object-fit: cover
}




.service-card .card-body {
  padding: 1rem 1.25rem
}

.service-card .card-title {
  font-weight: 600;
  color: var(--navy)
}

.brand-pill {
  padding: .5rem 1rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e9efec;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .03)
}

.process-badge {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 2px dashed var(--accent);
  color: var(--navy);
  font-weight: 700
}

.bg-green-gradient {
  background: linear-gradient(90deg, var(--green), var(--green-2));
}

.cta {
  position: relative
}

.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(600px 200px at 0% 100%, rgba(34, 181, 115, .15), transparent 60%),
    radial-gradient(600px 200px at 100% 0%, rgba(34, 181, 115, .12), transparent 60%);
  pointer-events: none;
}

footer input::placeholder {
  color: #99b2a4
}

.accordion-button:not(.collapsed) {
  background: #fff;
  color: var(--navy)
}

.accordion-button {
  box-shadow: none
}

.hero-section {
  background: #fff;
  padding: 60px 0 !important;
}

.hero-images {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 991px) {
  .hero-section .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-images {
    flex-direction: row;
    gap: 20px;
  }
}


.overlay-img {
  top: 80%;
  left: 25%;
  width: 90%;
}


.overlay-img-1 {
  right: 20%;
  width: 90%;
}

/* Responsive overlay images */
@media (max-width: 1200px) {
  .overlay-img {
    top: 80%;
    left: 5%;
    width: 95%;
  }

  .overlay-img-1 {
    right: 10%;
    width: 95%;
  }
}

@media (max-width: 992px) {
  .overlay-img {
    top: 85%;
    left: 0;
    width: 100%;
  }

  .overlay-img-1 {
    right: 0;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .overlay-img {
    position: static !important;
    margin-top: 1rem;
    width: 100%;
    left: 0;
    top: auto;
  }

  .overlay-img-1 {
    position: static !important;
    width: 100%;
    right: 0;
  }
}

@media (max-width: 576px) {
  .overlay-img {
    position: static !important;
    margin-top: 1rem;
    width: 100%;
    left: 0;
    top: auto;
  }

  .overlay-img-1 {
    position: static !important;
    width: 100%;
    right: 0;
  }
}

/* Medium screens (tablets) */


@media (min-width: 768px) and (max-width: 991px) {
  .hero-section .container {
    flex-direction: column;
    align-items: center;
  }
}

/* Unified Service Card Styles */

.service-card {
  position: relative;
  background: #ffffff00;
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
}

.service-card-img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
}

.service-card-content {
  position: relative;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
  width: 90%;
  background: #fff;
  box-shadow: 0 12px 40px rgba(10, 28, 46, 0.16);
  border: 1px solid #f3f3f3;
  padding: 24px 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.service-card-content h5 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0a1c2e;
  margin-bottom: 12px;
}

.service-card-content p {

  color: #555;
  margin-bottom: 12px;
}

.service-card-content p.fw-bold {
  color: #222;
  margin-bottom: 8px;
}

.service-card-list {
  background: url('../assets/tick.png') no-repeat 0 3px/18px 18px;
  padding-left: 28px;
  /* spacing for tick icon */
  margin-bottom: 10px;
  font-size: 16px;
  list-style: none;
}
.dblock{
  display: block !important;
}

.p0
{
  padding: 0px !important;
}


.service-card .btn {
  font-size: 15px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 6px;
  background: #62b62f;
  color: #fff;
  border: none;
}

.service-card .btn:hover {
  background: var(--green);
}


.process-circle {
  width: 110px;
  height: 110px;
  border: 3px solid forestgreen;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem;
  margin: 0 auto;
  transition: 0.3s;
}

.process-circle.active {
  background-color: var(--green);
  color: #fff;
}

#process {
  /* Full screen height */
  display: flex;
  align-items: center;
  /* vertically center */
}

/* Brand slider card styles */

.brand-card {
  background: #fff;
  /* border-radius: 8px; */
  width: 220px;
  height: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}


.testi-swiper .swiper-slide {
  transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
  opacity: .85;
 
}

.testi-swiper .swiper-slide-active {
  transform: scale(1.04);
  opacity: 1;
}

.testi-swiper .card {
  box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #bbb;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #63B62F;
  /* your green */
  width: 10px;
  height: 10px;
}

  .faq-list {
    /* border-top: 1px solid #444; */
  }
  .faq-item {
    border-bottom: 1px solid #000;
    padding: 22px 0 !important;
  }
  .faq-question {
    cursor: pointer;
    font-size: 20px !important;
    color: #000 !important;
  }
  .faq-answer {

    color: #000 !important;
  }
  .faq-icon {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    margin-left: 10px;
  }

  .Testimonials{
  min-height: 70vh;
  /* Full screen height */
  /* display: flex;
  align-items: center; */
  /* vertically center */
}

/* Testimonial Swiper: Center slide larger */
.testi-swiper .swiper-slide {
  transition: transform 0.3s;
}
.testi-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1.15);
  z-index: 2;
}
.testi-swiper .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.92);
  z-index: 1;
}
body p{
  color: forestgreen !important;
      font-weight: 500;
}
.color-green
{
    color: forestgreen !important;
}
.mt-10
{
  margin-top: 25px !important;
}

body
{
  overflow-x: hidden;
}

@media(max-width: 600px){
  .mtm-20
  {
    margin-top: 25px !important;
  }
  .hero-section{
    padding: 40px 0px !important;
  }
  .mob-bg
  {
background: none !important;
background-color: #9ccb65 !important;
  }
    .mob-bg .container{
      min-height: auto !important;
    }
}
.list-unstyled li{
  padding-bottom: 25px !important;
}

.process h5.color-green{
  font-size: "Open Sans" !important;
}