@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Courgette&display=swap');

body {
  color: #3e3e41;
  background: #d1e7dd;
}

.home-nav {
  position: relative;
  z-index: 999;
  /* background: linear-gradient(180deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%) !important; */
  background: #89b69a !important;
}

.navbar {
  background: #89b69a;
}

.navbar-brand {
  font-family: 'Caveat', cursive;
  font-size: 28px;
}

.nav-link {
  font-family: 'Caveat', cursive;
  font-size: 21px;
  color: #2a2a2c !important;
}

.nav-item {
  padding:0px 10px;
}

.nav-link.active {
  border-bottom: #497963 3px solid;
}

h1, .h1, h4 {
  font-family: 'Caveat', cursive;
}

.h4 {
  font-family: 'Courgette', cursive;
}

.badge {
  background: #9cceaf;
  padding: 10px 20px;
  border-radius: 30px;
  color: #3e3e41;
}

.card {
  background: #9cceaf;
  color: #3e3e41;
}

.list-group-item {
  background: transparent !important;
}

i {
  opacity: 0.75;
  color: #497963;
}

.sticky-top {
  top: 20px;
}

.carousel-inner.home {
  height: 600px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: black;
  border-radius: 3px;
}

/* .j-img img{
  height: 600px;
} */

.home-overlay {
  background:#0000008a;
  height: 100%;
}

.reviews {
  background: url('../assets/reviews-bg-light.webp');
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.reviews .carousel-control-prev, .carousel-control-next {
  opacity: 1 !important;
}

.reviews .carousel-item .col-lg-4 {
  background: #d1e7dde6;
  padding: 30px;
}

.form-control {
  border: none;
  background: none;
  border-bottom: 1px black solid;
  border-radius: 0px;
  padding-left: 3px !important;
}

.form-control:focus {
  background: none;
  border-bottom: 3px #497963 solid;
  box-shadow: none;
}

.btn-dark {
  background-color:#49633b !important;
  border-color:#49633b !important;
}

.btn-outline-dark {
  border-color:#74836c;
  color: #49633b;
}

.btn-outline-dark:hover {
  background: #49633b;
  color: #fff !important;
}

.btn-outline-dark:hover i{
  color: #fff !important;
  opacity: 1;
}


.img-slider section {
  width: 100%;
  overflow: hidden;
}

.img-slider article {
  display: flex;
  width: 200%;
  animation: bannermove 50s linear infinite;
}

.img-slider article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.img-slider div {
  width: 100%;
}

.img-slider ul {
  display: flex;
  background: red;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.img-slider li {
  width: 100%;
  background: blue;
}

.img-slider li:nth-child(2) {
  background: green;
}

.img-slider li:nth-child(3) {
  background: yellow;
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


@media only screen and (max-width: 767px) and (orientation: portrait) {

  .carousel-inner.home {
    height: fit-content !important;
    margin-top: 75px;
  }

  .homes div {
    margin-bottom: 3.5em;
  }

  .hide-mob {
    display: none;
  }

}