/* Add custom CSS styles below */ 

.full-banner-entry::after {top:-100%}

.full-banner-entry::before{top:100%}



.s-block--fixed-banner {

    background-color: #fbf7f1 !important;

    margin-top: 0 !important;

    padding-top: 0 !important;

    margin-bottom: -20px !important;

    padding-bottom: -20px !important;

}



.s-slider-block__title {

    display: flex;

    justify-content: center;

    position: relative;

}



.s-slider-block__title-left {

    position: absolute;

    right: 0;

}

.s-slider-block__title-right h2 {

    color: #6a9859 !important;

    font-size: 20px;

    font-weight: bold;

}



.text-with-border {

    opacity: 1 !important;

    visibility: visible !important;

    position: absolute;

    bottom: 10px; /* Adjust as needed */

    left: 10px; /* Adjust as needed */

    color: white; /* Ensure visibility */

    background: none !important; /* Remove 

    background */

    padding: 0 !important;

    border: none !important;

    outline: none !important;

    background: transparent !important;

    box-shadow: none !important;

    border-radius: 0 !important; /* Remove any border effects */

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* Optional: Add text shadow for better visibility */

}



.banner-entry {

    position: relative; /* Keeps text positioned over the image */

}

.s-block__title {

    display: flex;

    justify-content: center; /* Centers content horizontally */

    align-items: center; /* Aligns content vertically */

    text-align: center; /* Ensures text alignment */

    width: 100%; /* Ensures it takes full width */

    margin-bottom: 20px; /* Adds spacing below the title */

}



.right-side {

    display: flex;

    justify-content: center; /* Centers title inside the div */

    width: 100%; /* Ensures full width for proper centering */

}



.s-block__title h2 {

    font-size: 24px; /* Adjust size as needed */

    font-weight: bold;

    color: #6a9859; /* Adjust color */

}

/* ── إظهار الوصف كاملًا ─────────────────────────── */

#more-content{

    max-height: none !important;   /* يلغى القصّ تمامًا */

    overflow: visible !important;  /* يسمح للنص بالتمدد */

}



/* ── إخفاء زرّ "قراءة المزيد" ──────────────────── */

#btn-show-more{

    display: none !important;

}




Show thinking