/* Add custom CSS styles below */ 
/*Cairo*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Lemonada:wght@300..700&display=swap');


*{
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;

}

/**/


/* two banner*/


.banner_ad .img2 {
    grid-column-start: 2;
    grid-row: span 1 / span 2;
    grid-row-start: 1;
}

.banner_ad .absolute {
    background-position: center;
    justify-content: center !important;
}

 .banner_ad .over .text {
    width: 100% !important;
  }
/*footer */

.copyright-text p {

    color: #fff !important;
}

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


@media(max-width:768px){
.banner_ad .img1 {
    grid-column: 1/3;
    
}
.banner_ad .img2 {
    grid-column: 1/3;
    grid-row: 3/5;
}
.landing-banner .font-bold {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    width: 100%;
    text-align: center !important;
    width: 100% !important;
}
.landing-banner .item-text {
    background-color: rgb(0 0 0 / 71%) !important;
    align-items: center !important;
    position: absolute;
    bottom: 0;
    padding: 23px;
}


    
}