@font-face {
  font-family: 'Careem';
  src: url('https://amr099.github.io/Fonts/CAREEM.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
.slider-banner-main-0 h1,
.slider-banner-main-3 h1,
.slider-banner-main-5 h1,
.slider-banner-main-0 p,
.slider-banner-main-3 p,
.slider-banner-main-5 p{
  font-family: 'Careem', sans-serif;
}
@media (min-width:768px){
  .slider-banner-main-0{
    height: 635px;
  }
  .slider-banner-main-3,
  .slider-banner-main-5{
    height: 656px;
  }
  .slider-banner-main-3 h1,
.slider-banner-main-5 h1{
  background: linear-gradient(180deg, #7C3E1B 0%, #CE9D58 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
}

.image-title .title-heade {
    color: var(--color-primary);
}
.fbanner-star-btn{
  background: linear-gradient(180deg, #7C3E1B 0%, #CE9D58 100%) !important;
}
.copyright-text p,
.copyright-text p a:hover{
  color: #fff !important;
}
@media (max-width: 767px) {
    .slider-banner-main-0,
    .slider-banner-main-3,
    .slider-banner-main-5{
        height: 420px;
    }
  .slider-banner-main-5 .justify-center{
    justify-content: flex-end !important;
    margin-top: -40%;
  }
  .slider-banner-main-0 .mt-\[32px\],
  .slider-banner-main-3 .mt-\[32px\],
  .slider-banner-main-5 .mt-\[32px\]{
    margin-top: 10px !important;
}
.slider-banner-main-5 h1{
  background: linear-gradient(180deg, #7C3E1B 0%, #CE9D58 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
}