@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

.s-block--banners h3{
  font-size: 1.6rem !important;
  line-height: 1.4
}

@media(max-width:768px){
  .s-block--banners h3{
  font-size: 1.3rem !important;
  }
}

@media(min-width: 1200px){
.home-slider__content h3{
  font-size: 50px !important
}

.home-slider__content span{
  font-size: 30px !important;
  font-weight: 300 !important
}

.home-slider__content h3,
.home-slider__content span{
  line-height: 1.6 !important
}

#main-slider-2 .home-slider__content > div> div,
#main-slider-4 .home-slider__content > div> div{
  max-width: 38rem !important
}
}

#main-slider-5 .home-slider__content{
  padding: 0 !important
}



.s-block--banners .on-text {
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #d0d0d0;
   
}

.home-slider__content a{
  background-color: #d0d0d0!important;
  border-color: #d0d0d0!important
}

#main-slider-3 .home-slider__content {
    background: rgba(0,0,0,0.6) !important;
     max-width:100% !important
}

#main-slider-5 .home-slider__content {
    align-items: end !important;
}

#main-slider-7 .home-slider__content {
    justify-content: start !important;
}

.angel-feature {
    background: #d0d0d0;
    padding: 0.5rem;
    border-radius: 0.5rem
}

@media(max-width:768px){
  .angel-feature {
    width:100% !important
  }
}

#blog-slider-10 .swiper-wrapper{
  justify-content: center 
}

.footer-top {
    background: #d0d0d0;
    color: #d0d0d0;
    padding: 2rem;
    border-radius: 1rem
}

.footer-top input{
    color: #000 !important
}
.index i.sicon-menu.text-primary.text-2xl {
    color:white
}