@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');


body {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: flex !important; /* or block */
  }


.owl-theme .owl-nav {
	/* margin-top: 10px; */
	display: flex;
	flex-grow: 1;
	position: absolute;
	top: 40%;
	width: 100%;
	justify-content: space-between;
	left: 0;
	right: 0;
    background:none !important;
}

.owl-nav button {


}

  .owl-carousel .owl-nav .owl-prev {
   
  }

  .owl-carousel .owl-nav .owl-next {
    @apply right-2;
  }


  
  .owl-theme .owl-nav {
	/* margin-top: 10px; */
	display: flex;
	flex-grow: 1;
	position: absolute;
	top: 40%;
	width: 110%;
	justify-content: space-between;
	left: -5%;
	right: 0;
	background: none !important;
  
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	background: none;
	
}

  .owl-carousel .owl-dot span {
   
    width: 22px !important;
	height: 22px !important;
	margin: 5px 7px;
	background: #FFF !important;
	
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	border: 2px solid #999;

  }

  .owl-carousel .owl-dot.active span {
    width: 22px !important;
	height: 22px !important;
	margin: 5px 7px;
	background: #FF5300 !important;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	border: 2px solid #FF5300;
  }
  .owl-prev-btn {
    background: none !important;
    border: none !important;
  }

    .owl-prev-btn:hover {
    background: none !important;
    border: none !important;
  }

    .owl-next-btn {
    background: none !important;
    border: none !important;
  }
      .owl-next-btn:hover {
    background: none !important;
    border: none !important;
  }
.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
    bottom: -7rem !important;

}


  .carouselTwo .owl-nav.disabled
   {
    display: none !important; /* or block */
  }
  
.carouselTwo .owl-dots {
      position: absolute !important;
        justify-content: center;
        margin-top: 15px;
        bottom: -50px !important;
       
      }



  .carouselTwo .owl-dot {
	height: 22px;
	width: 22px;
	margin: 0 6px;
	transition: transform 0.3s ease, background-color 0.3s ease;
	background: #fff !important;
  border:2px solid #999 !important;
  border-radius: 50% !important;
}

.carouselTwo .owl-dot span {
	    border: 0;
  }

  .carouselTwo .owl-dot.active span {
    border: 0; background-color: #00ff2aff;
  }
      .carouselTwo .owl-dots .owl-dot.active {
	height: 22px;
	width: 22px;
	background-color: #3b82f6;
	margin: 0 6px;
	transition: transform 0.3s ease, background-color 0.3s ease;
	background: #FF5300 !important;
  border:2px solid #FF5300 !important;
	border-radius: 50% !important;
}

   

  @media (max-width: 768px) {
    .owl-theme .owl-nav {
      top: 30%;
      width: 10% !important;
      left: 0;
    }

    .owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
    bottom: -55px !important;
	
}
	
  }