/* Add custom CSS styles below */ 
.navbar-brand img {
    max-width: 164px;
    width: auto;
    height: 3rem !important;
}
/*****/
@font-face {
    font-family: 'CareemBold';
    src: url('https://wpazzrk.github.io/again/alfont_com_AlFont_com_CAREEM-BOLD.4E85A226FB03BDDC2CB7.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'CareemBold', sans-serif;
}

.s-block--banners .on-text {
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    background: aliceblue;
    width: 40%;
    padding: 7px;
    background: linear-gradient(89.33deg, #E25C99 0.58%, #EB81B2 50.17%, #E25C99 99.75%);
    border-radius: 15px;
    color: aliceblue;
    top: unset !important;
}
@media(min-width:768px) {
  .s-block--banners .on-text {
    width: 60%;
    padding: 15px;
}
  .s-block--banners .banner-square h3 {
    font-size: 30px;
}
}
@media(max-width:768px) {
.text-xs {
    font-size: 11px;
    line-height: 1rem;
}

  .s-block--banners .on-text {
    width: 75%;
    border-radius: 10px;
}
  .s-block--banners .banner-square h3 {
    margin-top: 0;
}
.s-slider-container {
    padding-left: 0 !important;
}
}