/* Add custom CSS styles below */ 

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("Bahij_TheSansArabic-Bold.ttf") format("truetype");
 ;
}

body {
  font-family: "Bahij TheSansArabic", sans-serif;
}


@media(min-width:992px) {
 .landing-page-first-banner .item-text {
    width: 100% !important;
    flex-direction: row !important;
    max-width: 100% !important;
}
}

  
section:nth-child(1 of .landing-page-first-banner) .item-text h1 {
    font-size: 96px !important;
    transform: translate(10px, -8rem);
}
section:nth-child(1 of .landing-page-first-banner) .item-text p {
    font-size: 81px !important;
    width: 100%;
    transform: translate(-14rem, 6rem);
}







section:nth-child(2 of .landing-page-first-banner) .item-text h1 {
    font-size: 61px !important;
    transform: translate(10px, 0rem);
}
section:nth-child(2 of .landing-page-first-banner) .item-text p {
    font-size: 55px !important;
    width: 100%;
    transform: translate(-5rem, 6rem);
}


.g_cat {
    margin-bottom: 0;
}

.g_cat .grid {
    display: none !important;
}

.ads .imgs {
  
    grid-template-columns: repeat(2, minmax(300px, 1fr));
}

/*Advertising banner  */

.ad-star-btn {
  background-color:var(--color-primary);
}
/**/

/*footer */

.copyright-text p {

    color: #fff !important;
}

.copyright-text a:hover {
    color: #fff !important;
}

/***/


.s-payments-list-item img {
    object-fit: cover;
    background: #ffffff !important;
    height: unset;
}
@media(max-width:768px) {


section:nth-child(1 of .landing-page-first-banner) .item-text h1 {
    font-size: 40px !important;
    transform: translate(10px, 0rem);
}
section:nth-child(1 of .landing-page-first-banner) .item-text p {
    font-size: 43px !important;
    width: 100%;
    transform: translate(-5rem, 4rem);
}

section:nth-child(2 of .landing-page-first-banner) .item-text h1 {
    font-size: 30px !important;
    transform: translate(10px, 0rem);
   font-family: 'Cairo';
    font-weight: 900 !important;
}
section:nth-child(2 of .landing-page-first-banner) .item-text p {
    font-size: 28px !important;
    width: 100%;
    transform: translate(-5rem, 4rem);
    font-family: 'Cairo';
    font-weight: 900 !important;
}


  
}