/* Add custom CSS styles below */
@font-face {
    font-family: "Alfont_Awiny"; /* اسم الخط اللي هتستخدمه */
    src: url("https://wpazzrk.github.io/Moaaz/alfont_com_%D8%AE%D8%B7-%D8%A2%D9%88%DB%8C%D9%86%D9%8A%20(1).ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
body.index , body.index  * {
    font-family: "Alfont_Awiny", sans-serif;
}
/*******first-banner****/
.first-banner .floating-wrapper.floatings-left {
    width: 35%;
    text-align: center;
}
@media (max-width:768px){
.first-banner .floating-wrapper.floatings-left {
    width: 100%;
    text-align: center;
    background: #00000054;
  padding: 10px;
}
  .first-banner h2.title.custom-s {
    font-size: 25px !important;
    margin-bottom: 0px !important;
}
  .first-banner p.subtitle {
    font-size: 20px !important;
    line-height: 24px !important;
}
}
.first-banner h2.title.custom-s {
    font-size: 65px;
    margin-bottom: 30px;
}
.first-banner p.subtitle {
    font-size: 30px;
    line-height: 40px;
}
.first-banner a.btn.mt-5.fs_banners_btn {
    font-size: 22px;
}
/**category**/
section.s-block.aali-categs.tab1.category {
    margin-top: 0px;
}
section.s-block.aali-categs.tab1.category h3 {
    font-size: 20px !important;
}
/****/
/*------main-image------*/
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
   padding:0px
}
/*-------------------------------------*/

.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
    padding: 0px;
}
salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding: 0px;
}
 salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
}
.s-slider-block__title-nav {
    visibility: hidden;
}
/*******/

.sq-awesome-banners .banner-outer:last-child{
  grid-column: span 3

}
/**************/
button.s-button-element.s-button-btn {
    background: #277779 !important;
    font-size: 21px;
    font-weight: 100;
    border: none;
}
/**************/
/* fw */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper,
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none;
}button span.s-button-text {
    color: #000;
    opacity: 1;
}