.banner {
  /* background-color: rgb(27,85,124); */
  background-image: linear-gradient(135deg, #FD6E6A 10%, #FFC600 100%);
  /* height: 100vh; */
  object-fit: cover;
  object-position: center;

}

.banner-box {
  margin-top: 30px;
  color: white;
  font-family: 'Heebo', sans-serif;
  font-family: 'Rubik', sans-serif;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.23);
}

.banner-title {
  font-size: 40px;
  color: white;
  font-family: 'Caprasimo', cursive;
  font-family: 'Domine', serif;
  font-family: 'EB Garamond', serif;
  font-family: 'Noto Serif', serif;
  font-family: 'Roboto Slab', serif;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.23);
}

/* .banner-circle{
    background-color: white;
    width: 300px;
    height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;

}
.banner-circle img{
    width: 100%;
}
@media screen and (max-width:600px)
{
    .banner-circle{
        position: relative;
    background-color: white;
    width: 180px;
    height: 170px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;

}
} */



.kea-box {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.kea-item {
  padding-top: 20px;
  padding-bottom: 30px;
  width: 100%;
  max-width: 400px;
}

.banner-title span {
  color: rgb(255, 255, 149);
}

@media screen and (max-width:760px) {
  .banner {
    background-color: rgb(27, 85, 124);
    height: 100%;
    object-fit: cover;
    object-position: center;

  }
}

@media screen and (max-width:600px) {
  .kea-item {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 250px;
  }


}




/* this for banner owl carousel slide show */


.owl-dots button.owl-dot.active span,
.owl-dots button.owl-dot:hover span {
  background-color: white !important;
  border-radius: 50% !important;
  height: 12px !important;
  width: 12px !important;
}

/* .owl-dots button.owl-dot {
  border: 1px solid gray;
  background: white;
  border-radius: 50%;
  height: 19px;
  width: 19px;

} */