@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root {
  --body-font: 'Roboto', sans-serif;
  --heading-font: 'Inter', sans-serif;
  --theme-color: #1def40;
  --theme-bg-light: #F9F9F9;
  --body-text-color: #757F95;
  --color-white: #ffffff;
  --color-dark: #111111;
  --color-green: #11B76B;
  --color-blue: #0049D0;
  --color-yellow: #FBA707;
  --hero-overlay-color: #01060F;
  --slider-arrow-bg: rgba(255, 255, 255, 0.2);
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
  --transition: all .5s ease-in-out;
  --transition2: all .3s ease-in-out;
  --border-info-color: rgba(0, 0, 0, 0.08);
  --border-info-color2: rgba(0, 0, 0, 0.05);
  --border-white-color: rgba(255, 255, 255, 0.08);
  --border-white-color2: rgba(255, 255, 255, 0.05);
  --footer-bg: #111111;
  --footer-bg2: #181818;
  --footer-text-color: #F5FAFF;
}
.home-slider.owl-theme .owl-nav {
      margin-top: 0px;
    
    }
    .testimonial.owl-theme .owl-nav {
      margin-top: 0px;

    }

    .testimonial.owl-theme .owl-nav [class*=owl-] {
      color: white;
      font-size: 25px;
      margin: 0;
      padding: 0;
      background: rgb(187, 128, 187);
      display: inline-block;
      cursor: pointer;
      height: 55px;
      width: 55px;
      line-height: 55px;
      border-radius: 50px;
      text-align: center;
      transition: var(--transition);
    }
    .testimonial.owl-theme .owl-dots{
      display: none;
    }

    .home-slider.owl-theme .owl-nav [class*=owl-] {
      color: var(--color-white);
      font-size: 25px;
      margin: 0;
      padding: 0;
      background: var(--slider-arrow-bg);
      display: inline-block;
      cursor: pointer;
      height: 55px;
      width: 55px;
      line-height: 55px;
      border-radius: 50px;
      text-align: center;
      transition: var(--transition);
    }

    .testimonial.owl-theme .owl-nav [class*=owl-]:hover {
      background: var(--color-white);
      color: green;
    }
    .home-slider.owl-theme .owl-nav [class*=owl-]:hover {
      background: var(--color-white);
      color: var(--theme-color);
    }
    .testimonial.owl-theme .owl-nav .owl-prev {
      left: 40px;
    }
    .home-slider.owl-theme .owl-nav .owl-prev {
      left: 40px;
    }
    .testimonial.owl-theme .owl-nav .owl-next {
      right: 40px;
    }
    .home-slider.owl-theme .owl-nav .owl-next {
      right: 40px;
    }
   
    .testimonial.owl-theme .owl-nav .owl-prev,
    .testimonial.owl-theme .owl-nav .owl-next {
      position: absolute;
      top: 40%;
      transform: translate(0, -50%);
    }

    .home-slider.owl-theme .owl-nav .owl-prev,
    .home-slider.owl-theme .owl-nav .owl-next {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
    }

    @media all and (max-width: 1199px) {

      .hero-single .hero-content .hero-title {
        font-size: 37px;
      }

      .testimonial.owl-theme .owl-nav .owl-prev,
      .testimonial.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 70px !important;
      }
      .home-slider.owl-theme .owl-nav .owl-prev,
      .home-slider.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 70px !important;
      }

      .testimonial.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px;
      }
      .home-slider.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px;
      }


      .testimonial .owl-theme .owl-nav .owl-next {
        right: 40px;
      }
      .home-slider.owl-theme .owl-nav .owl-next {
        right: 40px;
      }

    }

    @media all and (max-width: 991px) {

      .hero-single .hero-content .hero-title {
        font-size: 50px;
      }

      .hero-single .hero-img {
        position: relative;
        width: 100%;
        right: unset;
        bottom: unset;
        margin-top: 50px;
      }

      .hero-single .hero-img::before {
        width: 250px;
        height: 250px;
      }

    }

    @media all and (max-width: 767px) {

      .hero-single .hero-content .hero-sub-title {
        font-size: 18px;
      }

      .hero-single .hero-content .hero-btn {
        gap: 1rem;
      }

    }

    /*====================
30. Counter css 
======================*/

.counter-area {
  position: relative;
 
  z-index: 1;
}

.counter-area::before{
  content: "";
  position: absolute;
  background-image: url(../img/shape/01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .15;
  z-index: -1;
}

.counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.counter-box .icon {
  position: relative;
  text-align: center;
  font-size: 60px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  line-height: 110px;
  color: var(--color-white);
  border: 5px solid var(--color-white);
  background:  var(--color-dark);
  z-index: 1;
}

.counter-box .counter {
  display: block;
  line-height: 1;
  color: var(--color-white);
  font-size: 50px;
  font-weight: 600;
}

.counter-box .title {
  color: var(--color-white);
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

@media all and (max-width: 991px) {
  .counter-area .counter-box {
    margin: 40px 0;
  }
}



/*====================
31. Cta css 
======================*/

.cta-wrapper{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-top: -100px;
  padding: 40px;
  border-radius: 15px;
  z-index: 1;
}

.cta-wrapper::before{
  content: "";
  position: absolute;
  background: var(--theme-color);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  opacity: .85;
  z-index: -1;
}

.cta-text h1{
  color: var(--color-white);
  font-size: 50px;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.cta-text p{
  color: var(--color-white);
}

.cta-number{
  font-size: 32px;
  color: var(--color-white) !important;
  font-weight: 700;
}

.cta-number i{
  margin-right: 15px;
}

.cta-btn .theme-btn{
  background: var(--color-white);
  color: var(--theme-color);
}

.cta-btn .theme-btn:hover{
  color: var(--color-white);
}

.cta-divider{
  position: relative;
}

.cta-divider::before {
  position: absolute;
  content: close-quote;
  width: 2px;
  bottom: 0;
  background-color: var(--color-white);
  right: -118px;
  top: 0;
}

.cta-divider:after {
  width: 0px;
  position: absolute;
  content: close-quote;
  height: 0px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid var(--color-white);
  top: 50%;
  transform: translateY(-50%);
  right: -124px;
}