:root{
  --brand-green:#39b54a;
  --brand-blue:#1b75bc;
}
/* Slide wise button colors */
.slide1 a{ background: #39b54a;}        /* blue */
.slide1 a:hover{background:#ff6f00;}  /* green */

.slide2 a{     background: #1b75bc;}        /* red */
.slide2 a:hover{background:#e9e6e7;}  /* dark pink */

.slide3 a{ background: #39b54a;}        /* purple */
.slide3 a:hover{background:#1b75bc ;}  /* orange */

/* ==========================
   CAROUSEL
========================== */

:root{
    --brand-green:#39b54a;
    --brand-blue:#1b75bc;
}

/* ==========================
   BANNER CAROUSEL
========================== */

.banner-carousel{
    width:100%;
    overflow:hidden;
    position:relative;
}

.banner-carousel .carousel-item{
    height:300px;
}

.banner-carousel .carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* Arrows */
.carousel-control-prev,
.carousel-control-next{
    width:6%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    filter:brightness(0) invert(1);
}

/* Indicators */
.carousel-indicators{
    margin-bottom:15px;
}

.carousel-indicators [data-bs-target]{
    width:10px;
    height:10px;
    border-radius:50%;
    border:none;
    opacity:1;
    background:#d9d9d9;
}

.carousel-indicators .active{
    background:var(--brand-green);
}

/* Large Desktop */
@media (min-width:1400px){
    .banner-carousel .carousel-item{
        height:350px;
    }
}

/* Laptop */
@media (max-width:1200px){
    .banner-carousel .carousel-item{
        height:300px;
    }
}

/* Tablet */
@media (max-width:992px){
    .banner-carousel .carousel-item{
        height:250px;
    }
}

/* Mobile */
@media (max-width:576px){
    .banner-carousel .carousel-item{
        height:180px;
    }

    .carousel-control-prev,
    .carousel-control-next{
        width:12%;
    }

    .carousel-indicators{
        margin-bottom:8px;
    }

    .carousel-indicators [data-bs-target]{
        width:8px;
        height:8px;
    }
}

/* .banner-carousel .carousel-item{
  height:50vh;
  min-height:450px;
}

.banner-carousel img{
  width:100%;
  height:100%;
  object-fit:cover;
} */

/* TEXT AREA */
/* .banner-content{
  position:absolute;
  top:50%;
  left:6%;
  transform:translateY(-50%);
  max-width:520px;
}

.banner-content h1{
  font-size:3rem;
  font-weight:800;
}

.banner-content p{
  font-size:1.1rem;
  margin:15px 0;
} */

/* CATEGORY BUTTONS */
/* .banner-btns{
  position:absolute;
  bottom:30px;
  left:6%;
}

.banner-btns a{
  display:inline-block;
  padding:10px 18px;
  border-radius:6px;
  margin-right:8px;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
  color:#fff;
}

.banner-btns a:hover{
  background:var(--brand-green);
  color:#fff;
} */

/* SLIDER ARROWS COLOR */
/* .carousel-control-prev-icon,
.carousel-control-next-icon{
  filter:invert(60%) sepia(60%) saturate(400%) hue-rotate(90deg);
} */

/* DOTS COLOR */
/* .carousel-indicators [data-bs-target]{
  background-color:#bbb;
}

.carousel-indicators .active{
  background-color:var(--brand-green);
} */

/* @media(max-width:768px){
.banner-content h1{font-size:2rem;}
}
@media (max-width:576px){
.banner-btns a{
  font-size: 1rem;
  padding:6px 14px;
  margin-bottom: 8px;

}
} */