/* Add custom CSS styles below */ 

/**Tajawal*/

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

*{
  font-family: "Tajawal", sans-serif;
 
}



/**Tajawal*/



/**main_banner */

.main_banner .container {
    width: 40%;
    margin-left: 0;
    justify-content: center;
    align-items: center !important;
}

.main_banner .container span {
    width: 73%;
    font-size: 24px;
    text-align: center !important;
}
/***/
/*Services*/
.Services{

    background:#270B28;
  margin-top:5rem
}

.Services .content span{

    color:#fff;
}
.Services .image i {
    color: #fff;
}

/***



/**categary**/

.categary .s-slider-swiper-wrapper {
    justify-content: center;
}


/***/
/*banner_txet**/
.banner_txet .btnCus {
display:none;   
}
.banner_txet .absolute {
    width: 100%;
    display: flex;
    justify-content: space-between !important;
    max-width: 100%;
    height: 500px;
    align-items: end;
}

.banner_txet .absolute h1 {

    width: 100%;
}

.banner_txet .absolute p {
    font-size: 35px;
    width: 100%;
    font-weight: 700;
}
 .banner_txet .container {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    max-width: 100%;
}

/**/

#btn_card_pro .s-button-primary-outline ,.undefined  {
  
    background: #270B28!important;
}


.store-footer__inner.bg_footer_color {
    background: #270B28;
    color: #fff;
}
.store-footer a {
   
    color: rgb(255 255 255);
 
}

.copyright-text p {

    color: #fff !important;
}

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

.banner_txet >div {
    height: 70vh;
}

.banner_txet .absolute {
    width: 100%;
    display: flex;
    justify-content: space-between !important;
    max-width: 100%;
    height: 70vh;
    align-items: end;
}

.feadbake p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width:768px) {

.main_banner .container {

    width: 100%;
}
.main_banner .container span {
    width: 100%;
    font-size: 24px;
    text-align: start !important;
    line-height: 30px;
    /* text-align: center !important; */
}

.main_banner .container {
    width: 100%;
    background: #00000066 !important;
    position: absolute;
    bottom: 16px;
    padding: 22px;
}

.banner_txet .absolute h1 {
    width: 100%;
    font-size: 10px;
    line-height: 2;
}
.banner_txet .absolute p {
    width: 100%;
    font-size: 10px;
    line-height: 2;
    margin-bottom: 15px;
}

.banner_txet .absolute {


    height: 40vh;

}
.banner_txet >div {
    height: 40vh;
}

footer * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}