body{
  font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif!important;
}
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #DA251C!important;font-size: 21px;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;cursor: pointer;
  }
  .navbar-light .navbar-nav .nav-link {
      color: #000;font-size: 21px;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;cursor: pointer;
  }
  .carousel-control-prev, .carousel-control-next{
    opacity: inherit;
  }
  a {
    color: #000000;
    text-decoration: none;
    font-size: 16px;
  }
  @font-face {
   font-family: Roboto;
   src: url(Roboto-Regular.ttf);
  }
  @font-face {
   font-family: Inter;
   src: url(Inter-VariableFont_opsz,wght.ttf);
  }
  @font-face {
   font-family: Khula;
   src: url(Khula-Regular.ttf);
  }
  h1{font-size: 42px;font-weight: 900;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;}
  h2{font-size: 32px;font-weight: 400;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;}
  h5{font-size: 24px;font-weight: bold;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;}
  h6{font-size: 17px;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;}
  p{font-size: 17px;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;font-weight: 400;}
  footer  p{font-size: 17px;font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;font-weight: 400;margin-bottom: 8px;}
  .text_white{
    color: #fff;
  }
  a:hover {
    color: #000;
    text-decoration: none;
}
  .zoom:hover {transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
  .btn-danger{background-color: #DA251C!important;}
  .btn{
    font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }
  .text-danger{
    font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
    color: #DA251C!important;
    font-weight: 500!important;
  }
  .border-danger {
    border-color: #DA251C !important;
    border: 2px solid #DA251C;
}
  .carousel-control-prev-icon{ background-color: #DA251C!important;}
  .carousel-control-next-icon{background-color: #DA251C!important;}
  .border-danger{background-color: #ffffffa8;}


  #slider-container {
  position: relative;
  height: 200px;
  overflow: hidden;
}

#slider-scroller {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(300px * 6);
  transition: all 1s ease;
}

.slider-item {
  width: 320px;
  height: 300px;
  display: inline-block;
  margin: 15px;
  position: relative;
}

.slider-item img {
  position: relative;
  transform: translate(-50%, -50%);
  max-width: 320px;
  max-height: 300px;
  margin-top: 40px;
}
.col-form-label{
    font-size: 16px;
    font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.nav-pills .nav-link {
    background: #ffffff;
    border: 1px solid #dc3545;
    color: #000000;
    width: 200px;
}
h7{font-size: 16px;}

.text_red{
  color: #DA251C !important;
}

.OFFER{
  height: 210px;
}
.BOOK{
  height: 185px;
}

@media (max-width: 1400px) {
  .OFFER{
    height: 240px;
  }
}

@media (max-width: 576px) {
  h1 {
    font-size: 38px;
    font-weight: 900;
    font-family: 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
  }
  .OFFER{
    height: auto;
  }
  .BOOK{
    height: auto;
  }
  
 }