.DGA-Slider-Hero-Section {
    display: flex;
    width: 100%;
    /*max-width: 1280px;*/
    /*padding: var(--Global-spacing-none, 0);*/
    padding: 40px 80px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--Global-spacing-11xl, 160px);
    position: absolute;
    top: 63%;
    /*left: 20%;*/
}

.DGA-Slider-Hero-Section-2 {
    display: flex;
    width: 100%;
    /* max-width: 1280px; */
    /* padding: var(--Global-spacing-none, 0); */
    padding: 40px 80px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--Global-spacing-11xl, 160px);
    position: absolute;
    top: 61%;
    /* left: 20%; */
}

.DGA-Slider-Hero-Section-Content {
    display: flex;
    padding: 0 var(--Global-spacing-none, 0);
    flex-direction: column;
    /*align-items: flex-end;*/
    gap: var(--sds-size-space-300,12px);
    flex: 1 0 0;
}

    .DGA-Slider-Hero-Section-Content span:first-of-type {
        align-self: stretch;
        color: var(--Beige-500---Primary, #E9DFCF);
        /*text-align: right;*/
        /* Display xl/Semibold */
        font-family: var(--Font-Family-font-family-display, "IBM Plex Sans Arabic");
        font-size: var(--Size-Display-typo-size-display-xl, 60px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--Line-Height-Display-line-heights-display-xl, 72px); /* 120% */
        letter-spacing: -1.2px;
    }

    .DGA-Slider-Hero-Section-Content span:nth-of-type(2) {
        color: var(--Brown-50, #D6CDCB);
        /*text-align: right;*/
        /* Text xl/Medium */
        font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
        font-size: var(--Size-Text-typo-size-text-xl, 20px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--Line-Height-Text-line-heights-text-xl, 30px); /* 150% */
    }



.DGA-Slider-Hero-Section-Button {
    display: flex;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: var(--Global-spacing-none, 0) var(--Button-buttons-lg-padding, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Button-buttons-lg-gap, 4px);
    border-radius: var(--Radius-radius-sm, 4px);
    background: var(--Button-button-background-oncolor-default, #FFF);
    cursor: pointer;
    z-index: 2;
}

    .DGA-Slider-Hero-Section-Button:hover {
        border-radius: var(--Radius-radius-sm, 4px);
        background: var(--Button-button-background-oncolor-hovered, rgba(255, 255, 255, 0.80));
    }

    .DGA-Slider-Hero-Section-Button:focus {
        border: 2px solid var(--Border-border-white, #FFF);
        box-shadow: inset 0 0 0 2px #000;
        border-radius: var(--Radius-radius-sm, 4px);
        background: var(--Button-button-background-oncolor-focused, #FFF);
        outline: none;
    }

    .DGA-Slider-Hero-Section-Button:active {
        border-radius: var(--Radius-radius-sm, 4px);
        background: var(--Button-button-background-oncolor-pressed, rgba(255, 255, 255, 0.60));
    }

    .DGA-Slider-Hero-Section-Button img {
        width: 24px !important;
        height: 24px !important;
        min-height: auto !important;
        max-width: auto !important;
        min-width: auto !important;
        display: block !important;
        object-fit: fill !important;
    }

.DGA-Slider-Hero-Section-Button-Text {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .DGA-Slider-Hero-Section-Button-Text span {
        color: var(--Text-text-default, #161616);
        /* Text md/Medium */
        font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
        font-size: var(--Size-Text-typo-size-text-md, 16px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--Line-Height-Text-line-heights-text-md, 24px); /* 150% */
    }








.DGA-Slider-Ehsan {
    display: flex;
    width: 851px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: var(--Global-spacing-3xl, 24px);
    flex: 1 0 0;
    position: absolute;
    top: 33%;
    right: 5%;
}

    .DGA-Slider-Ehsan span:first-of-type {
        align-self: stretch;
        color: var(--Colors-Saudi-Founding-Day-Brown-800, #422E2B);
        /* Display xl/Semibold */
        font-family: var(--Font-Family-font-family-display, "IBM Plex Sans Arabic");
        font-size: var(--Size-Display-typo-size-display-xl, 60px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--Line-Height-Display-line-heights-display-xl, 72px); /* 120% */
        letter-spacing: -1.2px;
    }

    .DGA-Slider-Ehsan span:nth-of-type(2) {
        color: var(--Colors-Saudi-Founding-Day-Brown-950, #181010);
        /* Text xl/Regular */
        font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
        font-size: var(--Size-Text-typo-size-text-xl, 20px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Text-line-heights-text-xl, 30px); /* 150% */
    }

/*.DGA-Slider-Ehsan-Floating-Btn {
    display: flex;
    height: 64px;
    width: 64px;
    padding: var(--Global-spacing-xl, 16px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 5%;
    top: 82%;
    cursor: pointer;
    z-index: 2;
    background-image: url('/dga-svg/Ehsan-Floating-Btn.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
*/

.DGA-Slider-Ehsan-Floating-Btn {
    display: flex;
    padding: var(--Global-spacing-xl, 16px);
    gap: 10px;
    position: absolute;
    left: 2%;
    top: 90%;
    position: fixed;
    height: 64px;
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
    background-image: url(/dga-svg/Ehsan-Floating-Btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
}

    .DGA-Slider-Ehsan-Floating-Btn:hover {
        background-image: url('/dga-svg/Ehsan-Floating-Btn-Hovered.svg');
    }

    .DGA-Slider-Ehsan-Floating-Btn:focus {
        background-image: url('/dga-svg/Ehsan-Floating-Btn-Foucsed.svg');
    }

    .DGA-Slider-Ehsan-Floating-Btn:active {
        background-image: url('/dga-svg/Ehsan-Floating-Btn-Pressed.svg');
    }

.footer {
    background: var(--Dark-Brown-500---Primary, #231F20);
    background-image: url('/dga-svg/footer-backeground.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.services-section {
    background-image: url('/dga-svg/services-section.svg');
    background-repeat: no-repeat;
}

.app-promo {
    background-image: url(/dga-svg/News-Section.svg);
    background-position: right center;
    background-size: auto;
    background-repeat: no-repeat;
}



#MrAccessInHand {
    background-color: #997222c9 !important;
}

.MrMUIHeaderDiv {
    background-color: #997222c9 !important;
}

div#DeafServicePlace {
    background: #997222c9 !important;
}

.DGA-Section-Divider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16.133px;
    padding: 8px;
    /*opacity: 0.3;*/
}

    .DGA-Section-Divider img {
        width: 100%;
    }




.DGA-Slider-Template {
    display: flex;
    width: 651px;
    flex-direction: column;
    justify-content: center;
    /*align-items: flex-end;*/
    gap: var(--Global-spacing-3xl, 24px);
    flex: 1 0 0;
    position: absolute;
    top: 33%;
    right: 5%;
}

    .DGA-Slider-Template span:first-of-type {
        color: var(--Beige-500---Primary, #E9DFCF);
        /* Display xl/Semibold */
        font-family: var(--Font-Family-font-family-display, "IBM Plex Sans Arabic");
        font-size: var(--Size-Display-typo-size-display-xl, 60px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--Line-Height-Display-line-heights-display-xl, 72px); /* 120% */
        letter-spacing: -1.2px;
    }

    .DGA-Slider-Template span:nth-of-type(2) {
        align-self: stretch;
        color: var(--Text-text-oncolor-primary, #FFF);
        /* Text xl/Regular */
        font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
        font-size: var(--Size-Text-typo-size-text-xl, 20px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Text-line-heights-text-xl, 30px); /* 150% */
    }


























@media (max-width: 768px) {
    .DGA-Slider-Hero-Section {
        padding: 20px 24px;
        gap: 32px;
        /*width: 398px;*/
        max-width: 1280px;
        flex-direction: column;
        top: 61%;
        /*left: 8%;*/
        gap: var(--Global-spacing-xl, 16px);
    }

    .sliderBlock .owl-carousel .owl-item img {
        object-fit: cover;
    }

    .DGA-Slider-Hero-Section-Content span:first-of-type {
        align-self: stretch;
        color: var(--Beige-500---Primary, #E9DFCF);
        /* Display md/Bold */
        font-family: var(--Font-Family-font-family-display, "IBM Plex Sans Arabic");
        font-size: var(--Size-Display-typo-size-display-md, 36px);
        font-style: normal;
        font-weight: 700;
        line-height: var(--Line-Height-Display-line-heights-display-md, 44px); /* 122.222% */
        letter-spacing: -0.72px;
    }

    .DGA-Slider-Hero-Section-Content span:nth-of-type(2) {
        color: var(--Brown-50, #D6CDCB);
        /* Text xl/Medium */
        font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
        font-size: var(--Size-Text-typo-size-text-xl, 20px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--Line-Height-Text-line-heights-text-xl, 30px); /* 150% */
    }

    .DGA-Slider-Ehsan {
        width: auto;
        top: 20%;
    }

    .DGA-Slider-Template {
        width: auto;
        top: 20%;
    }

    .DGA-Slider-Hero-Section-Img {
        object-position: 55% 30%;
    }

    .DGA-Slider-Ehsan-Img {
        object-position: 44% 30%;
    }

    .DGA-Slider-Template-Img {
        object-position: 44% 30%;
    }

    .DGA-Slider-Hero-Section-2-Img {
        object-position: 83% 30%;
    }



    .DGA-Slider-Hero-Section-2 {
        position: absolute;
        top: auto;
        bottom: 0px;
        padding: 20px;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .DGA-Slider-Hero-Section-Content {
        width: 100%;
        gap: 8px;
    }

        /* Title */
        .DGA-Slider-Hero-Section-Content span:first-of-type {
            font-size: 28px;
            line-height: 36px;
            letter-spacing: normal;
        }

        /* Description */
        .DGA-Slider-Hero-Section-Content span:nth-of-type(2) {
            font-size: 14px;
            line-height: 22px;
            display: -webkit-box;
            -webkit-line-clamp: 3; /* limit to 3 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .DGA-Slider-Hero-Section-Button {
        height: 36px;
        padding: 0 12px;
    }

    .DGA-Section-Divider {
        width: 1080px;
    }
}