/* Add custom CSS styles below */ 
.slider-banner-main-0 .item-text{
    max-width: 450px !important;
} 
@media (max-width:768px){

    .slider-banner-main-0 .txt{
        justify-content: flex-end !important;
        align-items: center !important;
        padding-bottom: 40px !important;
    }

    .slider-banner-main-0 .item-text{
        text-align: center !important;
        align-items: center !important;
        max-width: 280px !important;
    }

    .slider-banner-main-0 h1{
        width: 100% !important;
    }
} 
.slider-banner-main-5 .item-text{
    max-width: 420px !important;
}
.slider-banner-main-5 h1{
        font-size: 44px !important;
    }
@media (max-width:768px){

    .slider-banner-main-5 .txt{
        justify-content: flex-end !important;
        align-items: center !important;
        padding-bottom: 30px !important;
    }

    .slider-banner-main-5 .item-text{
        max-width: 250px !important;
        text-align: center !important;
        align-items: center !important;
    }

    .slider-banner-main-5 h1{
        width: 100% !important;
        font-size: 20px !important;
        line-height: 1.6 !important;
    }
} 
.slider-banner-main-7 .item-text{
    max-width: 480px !important;
}


@media (max-width:768px){

    .slider-banner-main-7 .txt{
        justify-content: flex-start !important; /* يطلع لفوق */
        align-items: center !important;
        padding-top: 30px !important;
        padding-bottom: 0 !important;
    }

    .slider-banner-main-7 .item-text{
        max-width: 360px !important;
        text-align: center !important;
    }

    .slider-banner-main-7 h1{
        font-size: 20px !important;
        line-height: 1.6 !important;
        width: 100% !important;
    }
}