.bg-black {
    --tw-bg-opacity: .5;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); /* Ensuring opacity is applied */
}

.full-banner {
    display: flex;  /* Align elements side by side */
    justify-content: space-between;  /* Distribute space evenly */
    align-items: center;  /* Vertically center the content */
    width: 100%;  /* Ensure it takes up the full width of the container */
}

.full-banner .left-side, .full-banner .right-side {
    width: 50%;  /* Set both sides to take equal width */
    box-sizing: border-box;  /* Include padding and border in the width calculation */
}

.full-banner .left-side {
    padding-right: 15px;  /* Add some space between the left and right sides */
}

.full-banner .right-side {
    padding-left: 15px;  /* Add some space between the left and right sides */
}

.full-banner .right-side img {
    width: 100%;  /* Ensure the image fits within its container */
    height: auto;  /* Maintain aspect ratio of the image */
}

.s-contacts-title {
    display: none;
}

.full-banner-entry::after, .full-banner-entry::before {
    display: none;
}

.overlay h-full.w-full.opacity-60.absolute.top-0.left-0 {
    background: none;
}

.hero-section{
   background: white;
}
.new-parent {

       max-width: min(100%, 1280px);
   padding-inline: 10px;
   margin-inline: auto;
}

.new-parent .full-banner-side {
    margin-bottom: 10px;
    color: #0F8C99;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically centers the content */
    align-items: flex-start; /* Horizontally aligns the content to start */
    text-align: start; /* Ensures text is aligned to the left */
    height: 100%; /* Ensures the container takes full height */
    box-sizing: border-box; /* Respects padding */
}

html[dir="ltr"] .s-block--banners [aria-label="square-banner-0"] {
background-image: url("https://cdn.salla.sa/form-builder/pFlB6Xh24sgKZMRpU7iwd2PcBfRbWLMK0rVOQvEK.png") !important
}

html[dir="ltr"] .s-block--banners [aria-label="square-banner-1"] {
background-image: url("https://cdn.salla.sa/form-builder/y32TqysTkYq0KTCFqNzjXFzbDujOqr2fGNzqGzcr.png") !important;
}

@media (min-width: 1024px) { 
    .full-banner-side h1, .full-banner-side p {
        max-width: 75%; /* Restrict the width to 75% of the container */
        line-height: 1.5;
    }
}

@media (min-width: 640px) {
    .new-parent {
        display: flex;
        width: 100%;
        align-items: stretch;
        gap: 40px
        text-align: start;

    }

    .new-parent .s-design-before {
        display: none;
    }

    .full-banner-side h1 {
        margin-bottom: 24px;
        line-height: 1.5;
        font-size: 2.5rem;
    }
    
 .full-banner-side p {
        max-width: 75%;
        line-height: 1.5;
        font-size: 1.5rem;
    }

    .full-banner-side {
        flex: 1; 
        text-align: start;
        align-self: center;
        margin-inline-end: auto;
        color: #0F8C99;
        text-align: center;  /* Center align the text */
    }

    .new-parent .s-block--full-banner {
        flex: 1;
    }
}

@media (max-width: 640px) {
    /* For the banner, set 16px padding on left and right in mobile */
    .new-parent {
        padding-left: 24px;
        padding-right: 24px;
    }

    /* For the right side, center-align h1 and p */
    .full-banner-side h1,
    .full-banner-side p {
        text-align: center;
        max-width: 100%;  /* Allow the text to take full width within the div */
        line-height: 1.5;
    }
}