* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Tajawal", sans-serif;
    padding-top: 115px;
    direction: rtl;
    text-align: right;
    background-color: #f4f7fa;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

label {
    color: #7e7e7e;
    cursor: pointer;
}

.btn:focus {
    box-shadow: none;
}

.btn:hover {
    color: unset;
}

.form-control {
    border-radius: 30px;
    padding: 20px;
    background-color: #f4faff;
    font-size: 14px;
    color: #0f1833;
}

    .form-control::placeholder {
        color: #717171;
    }

.form-control,
textarea.form-control {
    box-shadow: 0px 3px 2px -2px transparent;
    border: 0.5px solid #b7b7b7;
    transition: all 0.5s ease-in-out;
}

    .form-control:focus,
    textarea.form-control:focus {
        color: #0f1833;
        border-color: #083f88;
        box-shadow: 0px 6px 8px -2px #083f8830;
    }

textarea.form-control {
    resize: none;
    height: 200px;
}

.modal {
    z-index: 1075;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
    border-radius: 3px;
    outline: 0;
    border: 0;
    box-shadow: none;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
}

.Body_overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1039;
    background-color: rgba(0, 0, 0, 0.6);
}

.owl-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 30%;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 0;
    direction: ltr;
}

    .owl-nav > div {
        background: #fff;
        color: #083f88;
        box-shadow: 1px 3px 10px #ddd;
        border: none;
        font-size: 25px;
        z-index: 100;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        transition: all 0.2s ease-in-out;
    }

        .owl-nav > div:hover {
            background: #083f88;
            color: #fff;
        }

    .owl-nav .owl-prev {
        position: relative;
        right: 25px;
        top: 50px;
    }

    .owl-nav .owl-next {
        position: relative;
        left: 25px;
        top: 50px;
    }

#owl-carousel-two .owl-nav {
    justify-content: center;
    top: -53px;
}

    #owl-carousel-two .owl-nav > div {
        background: transparent;
        color: #717171;
        box-shadow: none;
        border: 1px solid #717171;
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

        #owl-carousel-two .owl-nav > div:hover {
            background-color: #083f88;
            border-color: #083f88;
            color: #fff;
        }

    #owl-carousel-two .owl-nav .owl-prev {
        right: 55px;
    }

    #owl-carousel-two .owl-nav .owl-next {
        left: 55px;
    }

#owl-carousel-two .owl-dots {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 25px;
    text-align: center;
}

    #owl-carousel-two .owl-dots .owl-dot {
        height: 8px;
        width: 8px;
        margin: 2px 3px;
        position: relative;
        display: inline-block;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #5e5e5e;
        cursor: pointer;
    }

        #owl-carousel-two .owl-dots .owl-dot::after {
            background-color: #49bbbd;
            -webkit-border-radius: 50%;
            border-radius: 50% !important;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: hidden;
            width: 100%;
        }

        #owl-carousel-two .owl-dots .owl-dot.active::after,
        #owl-carousel-two .owl-dots .owl-dot:hover:after {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            visibility: visible;
        }

.Header_title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

/* Home: tighter space under section headings */
.page-home .Header_title {
    margin-bottom: 20px;
    margin-top: 0;
}

.page-home #Slider {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 991.98px) {
    .page-home #Association_centers {
        padding-top: 8px;
        padding-bottom: 16px;
    }
}

.Header_title h2 {
    color: #5e5e5e;
    font-size: 30px;
    font-weight: 600;
}

    .Header_title h2 span {
        display: block;
    }

.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-left: 5px;
}

    .simple-pagination li a,
    .simple-pagination li span {
        color: #666;
        padding: 5px 10px;
        text-decoration: none;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: none;
        border: 1px solid #ddd;
        outline: none;
    }

.page-link:focus {
    outline: none;
    box-shadow: none;
}

.page-link:hover {
    color: #fff;
    background: #083f88;
    border-color: #083f88;
}

.simple-pagination .current {
    color: #fff;
    background-color: #083f88;
    border-color: #083f88;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #fff;
    color: #083f88;
    border: 1px solid #ddd;
}

.formobile {
    display: none;
    text-align: left;
}

    .formobile.navLine {
        border-color: #3365a7;
    }

    .formobile .loginBtn {
        background: #083f88;
        display: inline-block;
        text-align: center;
        border: none;
        padding: 3px;
        margin: 10px 0;
        width: 100%;
        border-radius: 30px;
        color: #fff !important;
        outline: none;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

        .formobile .loginBtn:hover {
            background-color: #a7c7fc !important;
            color: #083f88 !important;
        }

.navbar {
    background-color: #fff;
    padding: 0;
    padding-bottom: 25px;
    top: 0;
    box-shadow: 0px 3px 10px #00000008;
    transition: top 0.5s ease-in-out 0s;
}

.navbar-new-bottom {
    background-color: #083f88;
    width: 85%;
    margin: auto;
    padding: 0;
    border-radius: 30px;
    top: 90px;
    z-index: 1040;
    transition: top 0.5s ease-in-out 0s;
}

.navbar-collapse {
    justify-content: right;
}

/* Hide menu scrollbar on desktop only; mobile uses visible scrollbar on #navbarContent */
@media (min-width: 992px) {
    #navbarContent::-webkit-scrollbar {
        width: 0px;
        background-color: transparent;
    }
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 13px;
    padding: 1rem 0.8rem;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: #c3e1ff !important;
    }

    .navbar-light .navbar-nav .nav-link:hover {
        color: #c3e1ff !important;
    }

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("../images/menu-button.svg");
}

.navbar-light .navbar-toggler {
    position: fixed;
    left: 4%;
    top: 18px;
    z-index: 1;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    box-shadow: none;
    outline: none;
}

.navbar-toggler > .close {
    display: inline-block;
    color: #083f88;
    opacity: 1;
    text-shadow: none;
    margin-top: 3px;
}

.navbar-toggler.collapsed > .close,
.navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

.navbar-brand {
    outline: none;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

    .navbar-brand img {
        width: auto;
        height: 70px;
    }

.navbar .links {
    text-align: left;
}

    .navbar .links ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .navbar .links ul li {
            display: inline-block;
        }

            .navbar .links ul li .lang {
                color: #fff;
                font-size: 15px;
                font-weight: 600;
                padding: 0 0.8rem;
            }

                .navbar .links ul li .lang i {
                    font-size: 14px;
                }

                .navbar .links ul li .lang:hover {
                    color: #c3e1ff;
                }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a:after {
        content: "\f0da";
        float: left;
        border: none;
        font-family: "FontAwesome";
        position: absolute;
        left: 15px;
    }

.dropdown-menu {
    right: 0;
    left: unset;
    text-align: right;
    padding: 0;
    margin: 0;
    border-radius: 0px;
    background-color: #083f88;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: 0px;
    margin-right: 0px;
}

.dropdown-item {
    padding: 10px 0px;
    padding-left: 30px;
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
}

    .dropdown-item.active,
    .dropdown-item:active,
    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: #333;
        color: #fff;
    }

.navSearch .email-box {
    position: relative;
    width: 100%;
}

    .navSearch .email-box .subscribeInp {
        padding-right: 30px;
        border-radius: 0;
        text-transform: uppercase;
        border: none;
        border-bottom: 1px solid transparent;
        background-color: transparent;
        transition: all 0.2s ease-in-out;
    }

        .navSearch .email-box .subscribeInp::placeholder {
            color: #083f88;
        }

    .navSearch .email-box i {
        position: absolute;
        right: 0;
        top: 11px;
        color: #083f88;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }

    .navSearch .email-box .subscribeInp:focus {
        box-shadow: none;
        border-color: #eaeaea;
    }

.dropdown-toggle::after {
    margin-right: unset;
    margin-left: 0.255em;
}

/* Slider — fixed height on all pages; Slick needs .slick-list height for slide % heights */
.My_Slider {
    padding-bottom: 0;
    --my-slider-height: 620px;
}

    .My_Slider.slick-slider .slick-list {
        height: var(--my-slider-height);
    }

    .My_Slider .slick-slide {
        height: var(--my-slider-height);
    }

        .My_Slider .slick-slide > div {
            height: 100%;
        }

    .My_Slider .slide {
        position: relative;
        height: 100%;
        min-height: var(--my-slider-height);
        overflow: hidden;
    }

        .My_Slider .slide > a {
            display: block;
            height: 100%;
        }

/* Override slick-theme margin; prev/next sit over the slide (dots off in JS) */
.slick-slider {
    margin-bottom: 0 !important;
}

.My_Slider.slick-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.My_Slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.My_Slider.slick-slider .slick-dots {
    display: none !important;
}

.My_Slider.slick-slider .slick-prev,
.My_Slider.slick-slider .slick-next {
    z-index: 2;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(8, 63, 136, 0.55);
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, opacity 0.2s ease;
}

    .My_Slider.slick-slider .slick-prev:hover,
    .My_Slider.slick-slider .slick-prev:focus,
    .My_Slider.slick-slider .slick-next:hover,
    .My_Slider.slick-slider .slick-next:focus {
        background: rgba(8, 63, 136, 0.88);
    }

    .My_Slider.slick-slider .slick-prev:before,
    .My_Slider.slick-slider .slick-next:before {
        display: none !important;
        content: none !important;
    }

    .My_Slider.slick-slider .slick-prev .fa,
    .My_Slider.slick-slider .slick-next .fa {
        font-size: 26px;
        color: #fff;
        line-height: 1;
        pointer-events: none;
    }

.My_Slider.slick-slider .slick-prev {
    left: 14px;
    right: auto;
}

.My_Slider.slick-slider .slick-next {
    right: 14px;
    left: auto;
}

[dir="rtl"] .My_Slider.slick-slider .slick-prev {
    left: auto;
    right: 14px;
}

[dir="rtl"] .My_Slider.slick-slider .slick-next {
    right: auto;
    left: 14px;
}

.My_Slider.slick-slider .slick-prev.slick-disabled,
.My_Slider.slick-slider .slick-next.slick-disabled {
    opacity: 0.35;
}

/* Association_centers */
#Association_centers {
    padding: 20px 0;
    margin: 0;
}

    #Association_centers .content {
        padding: 20px;
        background-color: #f3f3f3;
        border: 1px solid #c3e1ff;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 85%;
        margin: auto;
    }

        #Association_centers .content .title {
            margin-left: 20px;
        }

            #Association_centers .content .title h4 {
                font-size: 18px;
                font-weight: 600;
                color: #000;
                margin-bottom: 0;
            }

        #Association_centers .content .list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Association_centers .content .list ul li {
                display: inline-block;
                margin-left: 20px;
                padding-left: 20px;
                border-left: 1px solid #a5a5a5;
            }

                #Association_centers .content .list ul li:last-of-type {
                    border-left: none;
                    margin-left: 0;
                    padding-left: 0;
                }

                #Association_centers .content .list ul li img {
                    width: auto;
                    height: 40px;
                    transition: all 0.5s ease-in-out;
                }

                    #Association_centers .content .list ul li img:hover {
                        transform: scale(0.9);
                    }

/* About */
#About {
    padding: 20px 0;
    margin: 0;
    background-color: #fff;
}

    #About .desc {
        margin-bottom: 20px;
    }

        #About .desc p {
            font-size: 16px;
            color: #5e5e5e;
            font-weight: 400;
            line-height: 1.8;
        }

    #About .about-home-full-content {
        font-size: 16px;
        color: #5e5e5e;
        font-weight: 400;
        line-height: 1.8;
    }

        #About .about-home-full-content p {
            margin-bottom: 1rem;
        }

        #About .about-home-full-content img {
            max-width: 100%;
            height: auto;
        }

        #About .about-home-full-content ul,
        #About .about-home-full-content ol {
            padding-right: 1.25rem;
            margin-bottom: 1rem;
        }

html[dir="ltr"] #About .about-home-full-content ul,
html[dir="ltr"] #About .about-home-full-content ol {
    padding-right: 0;
    padding-left: 1.25rem;
}

#About.about-home-details {
    padding-top: 40px;
    padding-bottom: 80px;
}

    #About.about-home-details .about-details-logo img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }

#About .moreBtn {
    text-align: left;
}

    #About .moreBtn a {
        display: block;
        width: fit-content;
        margin-right: auto;
        color: #083f88;
        font-weight: 600;
        font-size: 14px;
        transition: all 0.2s ease-in-out;
    }

        #About .moreBtn a:hover {
            color: #c3e1ff;
        }

#About .image {
    text-align: left;
}

    #About .image img {
        width: auto;
        height: 270px;
    }

/* Partners */
#Partners {
    padding: 20px 0;
    margin: 0;
}

    #Partners .partner {
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 1px 3px 10px #ddd;
        text-align: center;
        padding: 40px 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 160px;
        transition: all 0.5s ease-in-out;
    }

        #Partners .partner:hover {
            background-color: #c3e1ff;
        }

        #Partners .partner img {
            height: 112px;
            width: auto;
            max-width: 100%;
            object-fit: contain;
            object-position: center;
            display: block;
        }

    #Partners #owl-carousel-partners {
        padding: 8px 0 32px;
    }

        #Partners #owl-carousel-partners .owl-stage-outer {
            padding-bottom: 20px;
        }

    #Partners .partnerItem {
        width: 100%;
        min-height: 200px;
    }

        #Partners .partnerItem .partner {
            width: 100%;
            margin-bottom: 0;
            min-height: 200px;
        }

        #Partners .partnerItem > a {
            display: block;
            text-decoration: none;
            color: inherit;
        }

/* News */
#News {
    padding: 20px 0;
    margin: 0;
}

.newsItem {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 1px 3px 10px #ddd;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out;
}

    .newsItem:hover {
        background-color: #083f88;
        transform: scale(0.9);
    }

        .newsItem:hover .content .desc p {
            color: #fff;
        }

    .newsItem .image {
        width: 100%;
        height: 265px;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
    }

        .newsItem .image img {
            height: 100%;
            width: 100%;
            left: 50%;
            position: relative;
            transform: translateX(-50%);
            border-radius: 20px 20px 0 0;
            transition: all 0.5s ease-in-out;
        }

    .newsItem .content {
        padding: 20px;
    }

        .newsItem .content .date i {
            font-size: 18px;
            color: #d9d9d9;
            margin-left: 3px;
            vertical-align: middle;
        }

        .newsItem .content .date span {
            font-size: 14px;
            color: #bababa;
        }

        .newsItem .content .moreNews {
            text-align: left;
        }

            .newsItem .content .moreNews i {
                font-size: 18px;
                color: #d9d9d9;
                margin-right: 3px;
                vertical-align: middle;
            }

            .newsItem .content .moreNews span {
                font-size: 14px;
                color: #bababa;
            }

        .newsItem .content .desc {
            margin-top: 10px;
            text-align: center;
        }

            .newsItem .content .desc p {
                font-size: 16px;
                margin-bottom: 0;
                line-height: 1.8;
                color: #083f88;
                font-weight: 500;
                transition: all 0.5s ease-in-out;
            }

#News .moreBtn {
    text-align: left;
}

    #News .moreBtn a {
        display: block;
        width: fit-content;
        margin-right: auto;
        color: #083f88;
        font-weight: 600;
        transition: all 0.2s ease-in-out;
    }

        #News .moreBtn a:hover {
            color: #c3e1ff;
        }

/* Accredited_Membership */
#Accredited_Membership {
    padding: 20px 0;
    margin: 0;
    background-color: #fff;
}

    #Accredited_Membership .title {
        margin-bottom: 10px;
    }

        #Accredited_Membership .title h2 {
            font-size: 28px;
            color: #083f88;
            font-weight: 600;
        }

            #Accredited_Membership .title h2 span {
                display: block;
            }

    #Accredited_Membership .desc {
        margin-bottom: 10px;
    }

        #Accredited_Membership .desc p {
            font-size: 16px;
            color: #5e5e5e;
            font-weight: 500;
            line-height: 1.8;
        }

    #Accredited_Membership .about-system-full-content {
        font-size: 16px;
        color: #5e5e5e;
        font-weight: 500;
        line-height: 1.8;
    }

        #Accredited_Membership .about-system-full-content p {
            margin-bottom: 1rem;
        }

    #Accredited_Membership .moreBtn a {
        background: #083f88;
        display: inline-block;
        text-align: center;
        border: none;
        padding: 7px;
        width: 140px;
        border-radius: 30px;
        color: #fff;
        outline: none;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

        #Accredited_Membership .moreBtn a:hover {
            background-color: #c3e1ff;
            color: #083f88;
            border-radius: 5px;
        }

    #Accredited_Membership .image {
        width: 100%;
        height: 340px;
    }

        #Accredited_Membership .image img {
            width: 100%;
            height: 100%;
        }

/* Electronic_Library */
#Electronic_Library {
    padding: 20px 0;
    margin: 0;
}

    #Electronic_Library .small_Item {
        width: 100%;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 20px;
        background-color: #fff;
        box-shadow: 1px 3px 10px #ddd;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.5s ease-in-out;
    }

        #Electronic_Library .small_Item:hover {
            background-color: #083f88;
        }

            #Electronic_Library .small_Item:hover h5 {
                color: #fff;
                padding-right: 10px;
            }

        #Electronic_Library .small_Item h5 {
            font-size: 18px;
            color: #083f88;
            font-weight: 500;
            transition: all 0.5s ease-in-out;
        }

            #Electronic_Library .small_Item h5 span {
                display: block;
            }

        #Electronic_Library .small_Item img {
            width: auto;
            height: 80px;
        }

    #Electronic_Library .big_Item {
        width: 100%;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 20px;
        background-color: #fff;
        box-shadow: 1px 3px 10px #ddd;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.5s ease-in-out;
    }

        #Electronic_Library .big_Item:hover {
            background-color: #083f88;
        }

            #Electronic_Library .big_Item:hover h5 {
                color: #fff;
                padding-right: 10px;
            }

        #Electronic_Library .big_Item h5 {
            font-size: 22px;
            color: #083f88;
            font-weight: 500;
            transition: all 0.5s ease-in-out;
        }

            #Electronic_Library .big_Item h5 span {
                display: block;
            }

        #Electronic_Library .big_Item img {
            width: auto;
            height: 220px;
        }

/* In_Numbers */
#In_Numbers {
    padding: 20px 0;
    margin: 0;
}

    #In_Numbers .list {
        text-align: center;
    }

        #In_Numbers .list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #In_Numbers .list ul li {
                display: inline-block;
                margin-left: 30px;
            }

                #In_Numbers .list ul li:last-of-type {
                    margin-left: 0;
                }

                #In_Numbers .list ul li .list_item {
                    padding: 16px 14px;
                    background-color: #fff;
                    border-radius: 20px;
                    box-shadow: 1px 3px 10px #ddd;
                    display: flex;
                    flex-direction: column;
                    justify-content: stretch;
                    width: 145px;
                    height: 200px;
                    min-height: 200px;
                    max-height: 200px;
                    box-sizing: border-box;
                    transition: all 0.5s ease-in-out;
                }

                    #In_Numbers .list ul li .list_item:hover {
                        background-color: #c3e1ff;
                    }

                    #In_Numbers .list ul li .list_item .top_No {
                        margin-bottom: 0;
                        flex: 1;
                        min-height: 0;
                        display: flex;
                        flex-direction: column;
                        align-items: stretch;
                    }

                    #In_Numbers .list ul li .list_item span {
                        font-family: "Montserrat", sans-serif;
                        font-size: 30px;
                        color: #49bbbd;
                        display: block;
                        flex-shrink: 0;
                        margin: 0 0 10px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #d8e4f0;
                    }

                    #In_Numbers .list ul li .list_item h5 {
                        font-size: 16px;
                        color: #5e5e5e;
                        font-weight: 500;
                        margin: 0;
                        flex: 1;
                        min-height: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        line-height: 1.35;
                        overflow: hidden;
                    }

/* Companies (single-item slider) */
#Companies {
    padding: 20px 0;
    margin: 0;
}

    #Companies .list {
        text-align: center;
    }

    #Companies #owl-carousel-companies {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 8px;
    }

    #Companies .companyItem {
        text-align: center;
        padding: 12px 8px;
    }

        #Companies .companyItem img {
            width: auto;
            height: 90px;
            max-width: 100%;
            transition: all 0.5s ease-in-out;
        }

        #Companies .companyItem a {
            display: inline-block;
        }

            #Companies .companyItem a img:hover {
                transform: scale(0.9);
            }

/* Companies: one logo per view on small screens — full row width, centered */
@media (max-width: 575.98px) {
    #Companies #owl-carousel-companies {
        padding: 0 12px;
    }

    #Companies #owl-carousel-companies .owl-stage-outer {
        margin-left: auto;
        margin-right: auto;
    }

    #Companies #owl-carousel-companies .owl-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Companies .companyItem {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 16px 0;
        box-sizing: border-box;
    }

    #Companies .companyItem > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    #Companies .companyItem img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 100px;
        object-fit: contain;
        object-position: center;
    }
}

/* Footer */
.footer {
    padding: 40px 0;
    background-color: #083f88;
    position: relative;
}

.title-widget {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}

.widget_nav_menu .footerTitle {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}

.widget_nav_menu .linksList {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .widget_nav_menu .linksList li {
        font-size: 14px;
        position: relative;
        margin-bottom: 15px;
        width: 100%;
        color: #000;
    }

        .widget_nav_menu .linksList li:last-of-type {
            margin-bottom: 0;
        }

        .widget_nav_menu .linksList li a {
            color: #fff;
            font-weight: lighter;
            transition: all 0.2s ease-in-out;
        }

        .widget_nav_menu .linksList li p {
            color: #d1d5db;
            font-weight: lighter;
            margin-bottom: 0;
            font-size: 14px;
        }

            .widget_nav_menu .linksList li p span {
                color: #fff;
                float: left;
            }

        .widget_nav_menu .linksList li a:hover {
            padding-right: 10px;
            border-right: 3px solid #a7c7fc;
            color: #a7c7fc;
        }

    .widget_nav_menu .linksList .Links ul li {
        color: #d1d5db;
        display: inline-block;
        transition: all 0.2s ease-in-out;
    }

        .widget_nav_menu .linksList .Links ul li div {
            color: #d1d5db;
            font-size: 14px;
        }

.footer-bottom {
    width: 100%;
    padding: 5px 0;
    background-color: #152132;
    color: white;
}

.language {
    text-align: center;
    color: #d1d5db;
    padding: 10px 0;
}

    .language p {
        font-size: 14px;
        margin-bottom: 0;
    }

.socialFooter {
    margin-top: 20px;
}

    .socialFooter ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .socialFooter ul li {
            display: inline-block;
            margin-left: 5px;
            width: unset !important;
        }

            .socialFooter ul li a {
                display: flex;
                width: 28px;
                height: 28px;
                align-items: center;
                justify-content: center;
                text-align: center;
                border: none;
                background-color: transparent;
                border-radius: 30px;
                transition: all 0.2s ease-in-out;
            }

                .socialFooter ul li a img {
                    width: auto;
                    height: auto;
                }

                .socialFooter ul li a:hover {
                    background-color: #a7c7fc !important;
                    padding-right: unset !important;
                    border-right: unset !important;
                }

/*Scroll To Top */
.scroll_top {
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #083f88;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 50px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    border-radius: 30px;
    z-index: 999;
    box-shadow: 1px 3px 10px #00000042;
    transition: all 0.5s ease-in-out;
}

    .scroll_top i {
        position: absolute;
        top: 8px;
        right: 13px;
        font-size: 22px;
        transition: all 0.2s ease-in-out;
    }

    .scroll_top:hover {
        background-color: #a7c7fc;
    }

/* About_Page */
#About_Page {
    padding: 60px 0;
    background-color: #fff;
}

    #About_Page .image {
        margin-bottom: 30px;
        text-align: center;
    }

        #About_Page .image img {
            width: auto;
            height: 100px;
        }

    #About_Page .title {
        margin-bottom: 30px;
    }

        #About_Page .title h4 {
            font-size: 20px;
            color: #083f88;
            font-weight: 600;
        }

    #About_Page .desc p {
        font-size: 14px;
        color: #5e5e5e;
        font-weight: 400;
        line-height: 1.8;
    }

/* Vesion */
#Vesion {
    padding: 60px 0;
}

    #Vesion .title {
        margin-bottom: 30px;
    }

        #Vesion .title h4 {
            font-size: 20px;
            color: #083f88;
            font-weight: 600;
        }

    #Vesion .desc {
        margin-bottom: 30px;
    }

        #Vesion .desc span {
            font-size: 16px;
            color: #5e5e5e;
            font-weight: 600;
            display: block;
            margin-bottom: 10px;
        }

        #Vesion .desc p {
            font-size: 14px;
            color: #5e5e5e;
            font-weight: 400;
            line-height: 1.8;
            margin-bottom: 5px;
        }

/* Board_of_directors */
#Board_of_directors {
    padding: 60px 0;
    background-color: #fff;
}

    #Board_of_directors .mainTitle {
        margin-bottom: 60px;
        text-align: center;
    }

        #Board_of_directors .mainTitle h2 {
            font-size: 24px;
            color: #083f88;
            font-weight: 600;
        }

        #Board_of_directors .mainTitle span {
            display: block;
        }

.directorItem {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

/* Board + Professional companies member rows (not featured): image/text gap in LTR and RTL */
#Board_of_directors .directorItem:not(.directorItem--featured) .image,
#Professional_companies .directorItem:not(.directorItem--featured) .image {
    margin-left: 0;
    margin-right: 0;
    margin-inline-end: 20px;
}

.directorItem:hover .image img {
    transform: scale(0.9);
    border-color: #083f88;
}

.directorItem:hover .title h5,
.directorItem:hover .title span {
    color: #083f88;
}

.directorItem .image {
    margin-left: 20px;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

    .directorItem .image img {
        width: auto;
        height: 120px;
        border: 2px solid transparent;
        border-radius: 20px;
        transition: all 0.5s ease-in-out;
    }

.directorItem .title h5 {
    font-size: 18px;
    color: #5e5e5e;
    font-weight: 600;
    margin-bottom: 5px;
    transition: all 0.5s ease-in-out;
}

.directorItem .title span {
    font-size: 14px;
    color: #5e5e5e;
    font-weight: 400;
    display: block;
    transition: all 0.5s ease-in-out;
}

/* Chairman / full-width row (IsAdminController): center image + text on the page */
#Board_of_directors .board-director-featured-col,
#Professional_companies .board-director-featured-col {
    display: flex;
    justify-content: center;
}

#Board_of_directors .directorItem--featured,
#Professional_companies .directorItem--featured {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

    #Board_of_directors .directorItem--featured .image,
    #Professional_companies .directorItem--featured .image {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 18px;
    }

    #Board_of_directors .directorItem--featured .title,
    #Professional_companies .directorItem--featured .title {
        width: 100%;
        text-align: center;
    }

        #Board_of_directors .directorItem--featured .title h5,
        #Board_of_directors .directorItem--featured .title span,
        #Professional_companies .directorItem--featured .title h5,
        #Professional_companies .directorItem--featured .title span {
            text-align: center;
        }

/* Featured + members: one centered column under the section title */
#Board_of_directors .board-directors-body,
#Professional_companies .board-directors-body {
    width: 100%;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Other members: centered 2-column grid (Bootstrap row + col stretches in RTL) */
#Board_of_directors .board-directors-members-wrap,
#Professional_companies .board-directors-members-wrap {
    width: 100%;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

/* Avoid double horizontal padding when members sit inside .board-directors-body */
#Board_of_directors .board-directors-body .board-directors-members-wrap,
#Professional_companies .board-directors-body .board-directors-members-wrap {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#Board_of_directors .board-directors-members-wrap--below-featured,
#Professional_companies .board-directors-members-wrap--below-featured {
    margin-top: 2.5rem;
}

#Board_of_directors .board-directors-members-row,
#Professional_companies .board-directors-members-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2rem;
    width: 100%;
    margin: 0;
}

@media (max-width: 767.98px) {
    #Board_of_directors .board-directors-members-row,
    #Professional_companies .board-directors-members-row {
        grid-template-columns: 1fr;
    }
}

#Board_of_directors .board-director-member-col,
#Professional_companies .board-director-member-col {
    min-width: 0;
}

#Board_of_directors .board-director-member-link,
#Professional_companies .board-director-member-link {
    display: block;
    width: 100%;
    max-width: 100%;
}

#Board_of_directors .board-directors-main-row,
#Professional_companies .board-directors-main-row {
    margin-bottom: 0;
}

/* Keep Bootstrap row inside centered body from overflowing horizontal padding */
#Board_of_directors .board-directors-body .board-directors-main-row,
#Professional_companies .board-directors-body .board-directors-main-row {
    margin-left: 0;
    margin-right: 0;
}

/* Director_Details */
#Director_Details {
    padding: 60px 0;
    background-color: #fff;
}

    #Director_Details .title {
        margin-bottom: 30px;
    }

        #Director_Details .title h4 {
            font-size: 22px;
            color: #083f88;
            font-weight: 600;
        }

            #Director_Details .title h4 span {
                display: block;
            }

    #Director_Details .desc p {
        font-size: 14px;
        color: #5e5e5e;
        line-height: 1.8;
        font-weight: 400;
    }

    #Director_Details .image {
        text-align: center;
    }

        #Director_Details .image img {
            border-radius: 20px;
            width: auto;
            height: 240px;
            margin-bottom: 20px;
        }

        #Director_Details .image h5 {
            font-size: 18px;
            color: #083f88;
            font-weight: 600;
        }

/* strategic_plan */
#strategic_plan {
    padding: 60px 0;
}

    #strategic_plan .title {
        margin-bottom: 30px;
    }

        #strategic_plan .title h4 {
            font-size: 22px;
            color: #083f88;
            font-weight: 600;
        }

    #strategic_plan .desc p {
        font-size: 14px;
        color: #5e5e5e;
        line-height: 1.8;
        font-weight: 400;
    }

    #strategic_plan .image {
        text-align: center;
    }

        #strategic_plan .image img {
            border-radius: 20px;
            width: auto;
            height: 450px;
            margin-bottom: 20px;
        }

        #strategic_plan .image a {
            display: block;
            color: #5e5e5e;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.2s ease-in-out;
        }

            #strategic_plan .image a i {
                margin-left: 3px;
            }

            #strategic_plan .image a:hover {
                color: #083f88;
            }

/* governance_guide */
#governance_guide {
    padding: 60px 0;
}

    #governance_guide .title {
        margin-bottom: 30px;
    }

        #governance_guide .title h4 {
            font-size: 22px;
            color: #083f88;
            font-weight: 600;
        }

    #governance_guide .desc p {
        font-size: 14px;
        color: #5e5e5e;
        line-height: 1.8;
        font-weight: 400;
    }

    #governance_guide .image {
        text-align: center;
    }

        #governance_guide .image img {
            border-radius: 20px;
            width: auto;
            height: 450px;
            margin-bottom: 20px;
        }

        #governance_guide .image a {
            display: block;
            color: #5e5e5e;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.2s ease-in-out;
        }

            #governance_guide .image a i {
                margin-left: 3px;
            }

            #governance_guide .image a:hover {
                color: #083f88;
            }

/* Old_board_of_directors */
#Old_board_of_directors {
    padding: 60px 0;
}

    #Old_board_of_directors .mainTitle {
        margin-bottom: 60px;
        text-align: center;
    }

        #Old_board_of_directors .mainTitle h2 {
            font-size: 24px;
            color: #083f88;
            font-weight: 600;
        }

    #Old_board_of_directors .content {
        width: 80%;
        margin: auto;
    }

        #Old_board_of_directors .content .years {
            text-align: center;
            margin-bottom: 30px;
        }

            #Old_board_of_directors .content .years span {
                font-size: 18px;
                color: #5e5e5e;
                font-weight: 500;
            }

        #Old_board_of_directors .content ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Old_board_of_directors .content ul li {
                display: block;
                margin-bottom: 10px;
            }

                #Old_board_of_directors .content ul li span {
                    padding: 10px 20px;
                    border-radius: 30px;
                    background-color: #fff;
                    border: 1px solid #c3e1ff;
                    color: #5e5e5e;
                    font-weight: 600;
                    margin-left: 10px;
                    font-size: 14px;
                    width: 100%;
                    display: block;
                }

                #Old_board_of_directors .content ul li h5 {
                    padding: 12px 20px;
                    border-radius: 30px;
                    background-color: #fff;
                    border: 1px solid #c3e1ff;
                    font-size: 14px;
                    width: 100%;
                    color: #5e5e5e;
                    font-weight: 600;
                    margin-bottom: 0;
                }

/* ContactUs */
#ContactUs {
    padding: 60px 0;
}

    #ContactUs .working_hours {
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 1px 3px 10px #ddd;
        height: 271px;
        margin-bottom: 30px;
    }

        #ContactUs .working_hours h2 {
            text-align: center;
            font-size: 22px;
            color: #083f88;
            margin-bottom: 10px;
            font-weight: 600;
        }

        #ContactUs .working_hours span {
            display: block;
            padding: 3px 12px;
            background-color: #c3e1ff;
            color: #000;
            text-align: center;
            width: fit-content;
            margin: auto;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        #ContactUs .working_hours h5 {
            font-size: 18px;
            color: #000;
            margin-bottom: 10px;
        }

        #ContactUs .working_hours p {
            font-size: 14px;
            color: #000;
            font-weight: 400;
            margin-bottom: 3px;
        }

    #ContactUs .contact_no {
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 1px 3px 10px #ddd;
        height: 271px;
        margin-bottom: 30px;
    }

        #ContactUs .contact_no h2 {
            text-align: center;
            font-size: 22px;
            color: #083f88;
            margin-bottom: 60px;
            font-weight: 600;
        }

        #ContactUs .contact_no p {
            font-size: 18px;
            color: #000;
            font-weight: 400;
            margin-bottom: 5px;
        }

    #ContactUs .social_media {
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 1px 3px 10px #ddd;
    }

        #ContactUs .social_media h2 {
            text-align: center;
            font-size: 22px;
            color: #083f88;
            margin-bottom: 70px;
            font-weight: 600;
        }

    #ContactUs .social_media {
        text-align: center;
        height: 271px;
        margin-bottom: 30px;
    }

        #ContactUs .social_media ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #ContactUs .social_media ul li {
                display: inline-block;
                margin-left: 25px;
                text-align: center;
            }

                #ContactUs .social_media ul li:last-of-type {
                    margin-left: 0;
                }

                #ContactUs .social_media ul li a {
                    color: #000;
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    transition: all 0.2s ease-in-out;
                }

                    #ContactUs .social_media ul li a:hover {
                        color: #083f88;
                    }

                    #ContactUs .social_media ul li a img {
                        display: block;
                        width: auto;
                        height: 22px;
                        margin: auto;
                        margin-bottom: 5px;
                    }

    #ContactUs .image {
        width: 100%;
        height: auto;
        margin-top: 40px;
    }

        #ContactUs .image img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
        }

    #ContactUs .content {
        margin-top: 40px;
    }

        #ContactUs .content h5 {
            font-size: 18px;
            color: #083f88;
            font-weight: 600;
            margin-bottom: 15px;
        }

        #ContactUs .content p {
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }

        #ContactUs .content a {
            color: #000;
            font-size: 16px;
            font-weight: 400;
            text-decoration: underline;
        }

            #ContactUs .content a i {
                margin-left: 3px;
            }

/* Membership */
#Membership {
    padding: 60px 0;
}

.withBG {
    background-image: url("../images/MembershipBG.png");
    background-position: center;
    background-size: cover;
}

.memberItem {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    padding-top: 50px;
    box-shadow: 1px 3px 20px #0000001f;
    text-align: center;
    position: relative;
}

    .memberItem .icon {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
    }

        .memberItem .icon span {
            border-radius: 50%;
            width: 60px;
            height: 60px;
            line-height: 60px;
            display: block;
            text-align: center;
        }

            .memberItem .icon span.img_1 {
                background-color: #cda155;
            }

            .memberItem .icon span.img_2 {
                background-color: #5b72ee;
            }

            .memberItem .icon span.img_3 {
                background-color: #00cbb8;
            }

            .memberItem .icon span img {
                width: auto;
                height: 25px;
            }

    .memberItem .title {
        margin-bottom: 20px;
    }

        .memberItem .title h5 {
            color: #5e5e5e;
            font-size: 20px;
            font-weight: 600;
        }

    .memberItem .desc {
        text-align: right;
    }

        .memberItem .desc p {
            margin-bottom: 0;
            line-height: 1.8;
            font-size: 14px;
            color: #606060;
            font-weight: 400;
        }

#Membership .mainDesc {
    margin: 40px 0;
}

    #Membership .mainDesc h5 {
        font-size: 20px;
        color: #5e5e5e;
        font-weight: 600;
        margin-bottom: 20px;
    }

    #Membership .mainDesc span {
        font-size: 14px;
        color: #5e5e5e;
        font-weight: 500;
        display: block;
        margin: 10px 0;
    }

    #Membership .mainDesc p {
        font-size: 14px;
        color: #5e5e5e;
        font-weight: 500;
        margin-bottom: 5px;
        margin-right: 10px;
    }

    #Membership .mainDesc a {
        color: #5e5e5e;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.2s ease-in-out;
    }

        #Membership .mainDesc a i {
            margin-right: 3px;
        }

        #Membership .mainDesc a:hover {
            color: #083f88;
        }

/* Association_centers_page */
#Association_centers_page {
    padding: 60px 0;
}

    #Association_centers_page .desc {
        margin-bottom: 60px;
    }

        #Association_centers_page .desc p {
            font-size: 16px;
            color: #5e5e5e;
            font-weight: 500;
            line-height: 1.8;
        }

    #Association_centers_page .list {
        text-align: center;
        width: 50%;
        margin: auto;
    }

        #Association_centers_page .list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Association_centers_page .list ul li {
                display: inline-block;
                margin-left: 30px;
                margin-bottom: 30px;
            }

                #Association_centers_page .list ul li img {
                    width: auto;
                    height: 60px;
                    transition: all 0.5s ease-in-out;
                }

                    #Association_centers_page .list ul li img:hover {
                        transform: scale(0.9);
                    }

                #Association_centers_page .list ul li span {
                    display: block;
                    margin-top: 5px;
                    color: #000;
                }

/* Association center detail — PDF / video viewer */
#Association_center_detail {
    font-family: "Tajawal", "Montserrat", sans-serif;
}

    #Association_center_detail .assoc-media-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 8px 32px rgba(8, 63, 136, 0.08);
        border: 1px solid rgba(8, 63, 136, 0.12);
        overflow: hidden;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    #Association_center_detail .assoc-media-card--pdf .assoc-media-card__head {
        background: linear-gradient(135deg, #b71c1c 0%, #e53935 100%);
    }

    #Association_center_detail .assoc-media-card--video .assoc-media-card__head {
        background: linear-gradient(135deg, #083f88 0%, #1565c0 100%);
    }

    #Association_center_detail .assoc-media-card__head {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 22px;
        color: #fff;
    }

    #Association_center_detail .assoc-media-card__icon {
        font-size: 28px;
        line-height: 1;
        opacity: 0.95;
    }

    #Association_center_detail .assoc-media-card__title {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 700;
        color: #fff;
    }

    #Association_center_detail .assoc-media-card__body {
        padding: 22px 22px 24px;
        background: #fafbfd;
    }

    #Association_center_detail .assoc-media-label {
        display: block;
        font-size: 0.875rem;
        font-weight: 600;
        color: #083f88;
        margin-bottom: 8px;
    }

    #Association_center_detail .assoc-media-picker {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 18px;
        padding: 4px 0 2px;
    }

    #Association_center_detail .assoc-media-picker--scroll {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 8px;
    }

    #Association_center_detail .assoc-media-pill {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        max-width: 100%;
        padding: 10px 16px;
        border-radius: 999px;
        border: 2px solid #d8dee8;
        background: #fff;
        color: #333;
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.3;
        cursor: pointer;
        transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
        white-space: nowrap;
        text-align: start;
        flex: 0 1 auto;
    }

    #Association_center_detail .assoc-media-picker--scroll .assoc-media-pill {
        flex: 0 0 auto;
        max-width: min(320px, 85vw);
    }

    #Association_center_detail .assoc-media-pill:hover {
        border-color: #083f88;
        color: #083f88;
        box-shadow: 0 2px 12px rgba(8, 63, 136, 0.12);
    }

    #Association_center_detail .assoc-media-pill:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(8, 63, 136, 0.2);
    }

    #Association_center_detail .assoc-media-card--pdf .assoc-media-pill.is-active {
        border-color: #e53935;
        background: linear-gradient(135deg, #fff5f5 0%, #ffecec 100%);
        color: #b71c1c;
        box-shadow: 0 2px 14px rgba(229, 57, 53, 0.2);
    }

    #Association_center_detail .assoc-media-card--video .assoc-media-pill.is-active {
        border-color: #083f88;
        background: linear-gradient(135deg, #f0f5ff 0%, #e8f0fc 100%);
        color: #083f88;
        box-shadow: 0 2px 14px rgba(8, 63, 136, 0.18);
    }

    #Association_center_detail .assoc-media-pill__badge {
        flex: 0 0 auto;
        min-width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 0.75rem;
        font-weight: 800;
        background: #e9ecef;
        color: #495057;
    }

    #Association_center_detail .assoc-media-card--pdf .assoc-media-pill.is-active .assoc-media-pill__badge {
        background: #e53935;
        color: #fff;
    }

    #Association_center_detail .assoc-media-card--video .assoc-media-pill.is-active .assoc-media-pill__badge {
        background: #083f88;
        color: #fff;
    }

    #Association_center_detail .assoc-media-pill__text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 240px;
    }

    #Association_center_detail .assoc-media-pill__type {
        flex: 0 0 auto;
        font-size: 1.1rem;
        opacity: 0.85;
    }

        #Association_center_detail .assoc-media-pill__type .fa-youtube {
            color: #c00;
        }

        #Association_center_detail .assoc-media-pill__type .fa-file-video-o {
            color: #083f88;
        }

        #Association_center_detail .assoc-media-pill__type .fa-link {
            color: #6c757d;
        }

    #Association_center_detail .assoc-pdf-viewport {
        background: #fff;
        border: 1px solid #e0e4ea;
        border-radius: 10px;
        overflow: hidden;
        min-height: 480px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
    }

        #Association_center_detail .assoc-pdf-viewport iframe {
            display: block;
            width: 100%;
            min-height: 520px;
            border: 0;
            background: #525659;
        }

    #Association_center_detail .assoc-media-card__actions {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #Association_center_detail .assoc-media-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        padding: 10px 18px;
        font-weight: 600;
        font-size: 0.9rem;
        border: 2px solid #083f88;
        color: #083f88;
        background: #fff;
        transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
    }

        #Association_center_detail .assoc-media-btn:hover {
            background: #083f88;
            color: #fff;
            text-decoration: none;
            transform: translateY(-1px);
        }

    #Association_center_detail .assoc-video-viewport {
        background: #0d1117;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e0e4ea;
        min-height: 200px;
    }

    #Association_center_detail .assoc-video-embed {
        margin: 0;
        border-radius: 0;
        border: 0;
        background: #000;
    }

        #Association_center_detail .assoc-video-embed .embed-responsive-item {
            border: 0;
        }

    #Association_center_detail .assoc-video-file {
        display: block;
        width: 100%;
        max-height: 560px;
        background: #000;
    }

    #Association_center_detail .assoc-video-link-panel {
        padding: 28px 22px;
        text-align: center;
        background: linear-gradient(180deg, #f8f9fc 0%, #eef2f8 100%);
    }

    #Association_center_detail .association-center-detail-desc {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

@media (max-width: 767px) {
    #Association_center_detail .assoc-pdf-viewport iframe {
        min-height: 380px;
    }

    #Association_center_detail .assoc-media-card__body {
        padding: 16px;
    }
}

/* NewsPage */
#NewsPage {
    padding: 60px 0;
}

/* NewsDetails */
#NewsDetails {
    padding: 60px 0;
}

    #NewsDetails .title {
        width: 80%;
        margin-bottom: 20px;
    }

        #NewsDetails .title h4 {
            font-size: 24px;
            font-weight: 600;
            color: #083f88;
            line-height: 1.6;
        }

    #NewsDetails .date {
        margin-bottom: 20px;
    }

        #NewsDetails .date span {
            font-size: 16px;
            color: #bababa;
            font-weight: 500;
        }

        #NewsDetails .date i {
            font-size: 18px;
            color: #d9d9d9;
            margin-left: 3px;
        }

    #NewsDetails .desc p {
        font-size: 16px;
        line-height: 1.8;
        color: #000;
        font-weight: 400;
    }

    #NewsDetails .image {
        width: 100%;
        height: 245px;
        margin-bottom: 30px;
    }

        #NewsDetails .image img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
        }

    #NewsDetails iframe {
        width: 100%;
        height: 250px;
        border-radius: 20px;
    }

/* NewspaperDetails */
#NewspaperDetails {
    padding: 60px 0;
}

    #NewspaperDetails .title {
        width: 80%;
        margin-bottom: 20px;
    }

        #NewspaperDetails .title h4 {
            font-size: 24px;
            font-weight: 600;
            color: #083f88;
            line-height: 1.6;
        }

    #NewspaperDetails .date {
        margin-bottom: 20px;
    }

        #NewspaperDetails .date span {
            font-size: 16px;
            color: #bababa;
            font-weight: 500;
        }

        #NewspaperDetails .date i {
            font-size: 18px;
            color: #d9d9d9;
            margin-left: 3px;
        }

    #NewspaperDetails .desc p {
        font-size: 16px;
        line-height: 1.8;
        color: #000;
        font-weight: 400;
    }

    #NewspaperDetails .image {
        width: 100%;
        height: 530px;
        margin-bottom: 10px;
    }

        #NewspaperDetails .image img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
        }

    #NewspaperDetails .downloadFile {
        text-align: center;
    }

        #NewspaperDetails .downloadFile a {
            color: #5e5e5e;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.2s ease-in-out;
        }

            #NewspaperDetails .downloadFile a i {
                margin-right: 3px;
            }

            #NewspaperDetails .downloadFile a:hover {
                color: #083f88;
            }

/* Professional_companies (list layout shared with #Board_of_directors — see board-directors-* rules) */
#Professional_companies {
    padding: 60px 0;
    background-color: #fff;
}

    #Professional_companies .Header_title {
        margin-bottom: 20px;
        text-align: center;
    }

    #Professional_companies .mainTitle {
        margin-bottom: 60px;
        text-align: center;
    }

        #Professional_companies .mainTitle h2 {
            font-size: 24px;
            color: #083f88;
            font-weight: 600;
        }

/* Digital_portal */
#Digital_portal {
    padding: 60px 0;
}

    #Digital_portal .content {
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 1px 3px 10px #ddd;
        padding: 30px;
    }

        #Digital_portal .content .logo {
            width: 80%;
            margin: auto;
            margin-bottom: 20px;
        }

            #Digital_portal .content .logo img {
                width: 100%;
                height: 78px;
            }

        #Digital_portal .content .desc {
            margin-bottom: 10px;
        }

            #Digital_portal .content .desc p {
                font-size: 14px;
                color: #fff;
                padding: 20px;
                background-color: #083f88;
                border: 0.5px solid #b7b7b7;
                border-radius: 20px;
                margin-bottom: 0;
                line-height: 1.6;
            }

    #Digital_portal .sendBtn {
        margin-bottom: 10px;
    }

        #Digital_portal .sendBtn a {
            background: #cda155;
            display: inline-block;
            text-align: center;
            border: 0.5px solid #b7b7b7;
            padding: 7px;
            width: 100%;
            border-radius: 30px;
            color: #fff;
            outline: none;
            box-shadow: none;
            transition: all 0.2s ease-in-out;
        }

            #Digital_portal .sendBtn a:hover {
                background-color: #c3e1ff;
                color: #083f88;
                border-radius: 5px;
            }

    #Digital_portal .accountBtn a {
        background: #c3e1ff;
        display: inline-block;
        text-align: center;
        border: 0.5px solid #b7b7b7;
        padding: 7px;
        width: 100%;
        border-radius: 30px;
        color: #083f88;
        outline: none;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

        #Digital_portal .accountBtn a:hover {
            background-color: #083f88;
            color: #fff;
            border-radius: 5px;
        }

/* Laws_and_legislation */
#Laws_and_legislation {
    padding: 60px 0;
}

    #Laws_and_legislation .content {
        width: 60%;
        margin: auto;
        text-align: center;
    }

        #Laws_and_legislation .content .list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Laws_and_legislation .content .list li {
                display: inline-block;
                margin-left: 30px;
                text-align: center;
            }

                #Laws_and_legislation .content .list li img {
                    width: 270px;
                    height: auto;
                    border-radius: 20px;
                    display: block;
                    box-shadow: 1px 3px 10px #ddd;
                    margin-bottom: 20px;
                }

                #Laws_and_legislation .content .list li span {
                    font-size: 18px;
                    font-weight: 600;
                    display: block;
                    color: #606060;
                    margin-bottom: 20px;
                }

                #Laws_and_legislation .content .list li a {
                    color: #5e5e5e;
                    font-size: 16px;
                    font-weight: 600;
                    transition: all 0.2s ease-in-out;
                }

                    #Laws_and_legislation .content .list li a i {
                        margin-right: 3px;
                    }

                    #Laws_and_legislation .content .list li a:hover {
                        color: #083f88;
                    }

/* Work_procedures */
#Work_procedures {
    padding: 60px 0;
}

    #Work_procedures .content {
        width: 85%;
        margin: auto;
        text-align: center;
    }

        #Work_procedures .content .list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Work_procedures .content .list li {
                display: inline-block;
                margin-left: 30px;
                text-align: center;
                vertical-align: top;
            }

                #Work_procedures .content .list li img {
                    width: 270px;
                    height: auto;
                    border-radius: 20px;
                    display: block;
                    box-shadow: 1px 3px 10px #ddd;
                    margin-bottom: 20px;
                }

                #Work_procedures .content .list li span {
                    font-size: 18px;
                    font-weight: 600;
                    display: block;
                    color: #606060;
                    margin-bottom: 20px;
                }

                #Work_procedures .content .list li a {
                    color: #5e5e5e;
                    font-size: 16px;
                    font-weight: 600;
                    transition: all 0.2s ease-in-out;
                }

                    #Work_procedures .content .list li a i {
                        margin-right: 3px;
                    }

                    #Work_procedures .content .list li a:hover {
                        color: #083f88;
                    }

                #Work_procedures .content .list li iframe {
                    border-radius: 20px;
                    height: 385px;
                    width: 580px;
                    margin-bottom: 20px;
                }

/* Accountants_journal */
#Accountants_journal {
    padding: 60px 0;
}

    #Accountants_journal .form {
        width: 60%;
        margin: auto;
        margin-bottom: 40px;
    }

        #Accountants_journal .form .searchBtn a {
            background: #083f88;
            display: inline-block;
            text-align: center;
            border: none;
            padding: 7px;
            width: 100%;
            border-radius: 30px;
            color: #fff;
            outline: none;
            box-shadow: none;
            transition: all 0.2s ease-in-out;
        }

            #Accountants_journal .form .searchBtn a i {
                margin-right: 3px;
                font-size: 14px;
            }

            #Accountants_journal .form .searchBtn a:hover {
                background-color: #c3e1ff;
                color: #083f88;
                border-radius: 5px;
            }

.jornalItem {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 0;
    box-shadow: 1px 3px 10px #ddd;
    transition: all 0.5s ease-in-out;
}

    .jornalItem:hover {
        background-color: #083f88;
        transform: scale(0.9);
    }

        .jornalItem:hover .title h5,
        .jornalItem:hover .downloadFile a {
            color: #fff;
        }

    .jornalItem .image {
        text-align: center;
        width: 50%;
        margin: auto;
        margin-bottom: 15px;
    }

        .jornalItem .image img {
            width: 100%;
            height: auto;
            box-shadow: 5px 3px 10px #000000;
        }

    .jornalItem .title {
        width: 60%;
        margin: auto;
        margin-bottom: 10px;
    }

        .jornalItem .title h5 {
            font-size: 18px;
            font-weight: 400;
            color: #000;
            transition: all 0.2s ease-in-out;
        }

    .jornalItem .downloadFile {
        text-align: center;
    }

        .jornalItem .downloadFile a {
            color: #5e5e5e;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.2s ease-in-out;
        }

            .jornalItem .downloadFile a i {
                margin-right: 3px;
            }

            .jornalItem .downloadFile a:hover {
                color: #c3e1ff;
            }

/* scientific_research */
#scientific_research {
    padding: 60px 0;
}

    #scientific_research .form {
        width: 70%;
        margin: auto;
        margin-bottom: 40px;
    }

        #scientific_research .form .searchBtn a {
            background: #083f88;
            display: inline-block;
            text-align: center;
            border: none;
            padding: 7px;
            width: 100%;
            border-radius: 30px;
            color: #fff;
            outline: none;
            box-shadow: none;
            transition: all 0.2s ease-in-out;
        }

            #scientific_research .form .searchBtn a i {
                margin-right: 3px;
                font-size: 14px;
            }

            #scientific_research .form .searchBtn a:hover {
                background-color: #c3e1ff;
                color: #083f88;
                border-radius: 5px;
            }

.researchItem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 0.5px solid #b7b7b7;
}

    .researchItem span {
        font-size: 16px;
        color: #000;
        font-weight: 400;
        display: block;
    }

    .researchItem a {
        color: #5e5e5e;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.2s ease-in-out;
    }

        .researchItem a i {
            margin-right: 3px;
        }

        .researchItem a:hover {
            color: #083f88;
        }

/* Library */
#Library {
    padding: 60px 0;
}

    #Library .form {
        width: 100%;
        margin-bottom: 40px;
    }

        #Library .form .searchBtn a {
            background: #083f88;
            display: inline-block;
            text-align: center;
            border: none;
            padding: 7px;
            width: 100%;
            border-radius: 30px;
            color: #fff;
            outline: none;
            box-shadow: none;
            transition: all 0.2s ease-in-out;
        }

            #Library .form .searchBtn a i {
                margin-right: 3px;
                font-size: 14px;
            }

            #Library .form .searchBtn a:hover {
                background-color: #c3e1ff;
                color: #083f88;
                border-radius: 5px;
            }

/* Login */
#Login {
    padding: 60px 0;
}

    #Login .Form {
        background-color: #fff;
        box-shadow: 1px 3px 10px #0000001f;
        padding: 40px;
        border-radius: 20px;
    }

        #Login .Form .title {
            text-align: center;
            margin-bottom: 30px;
        }

            #Login .Form .title h2 {
                color: #083f88;
                font-weight: 600;
                font-size: 24px;
            }

        #Login .Form .MyLabel {
            display: block;
            position: relative;
            pointer-events: auto;
            padding-right: 30px;
            right: 0;
            cursor: pointer;
            font-size: 14px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            opacity: 1;
            color: #8d8d8d;
        }

            #Login .Form .MyLabel a {
                text-decoration: none;
                outline: none;
                color: #8d8d8d;
            }

            #Login .Form .MyLabel input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            #Login .Form .MyLabel .checkmark {
                position: absolute;
                top: 0;
                right: 0;
                height: 20px;
                width: 20px;
                border-radius: 5px;
                background-color: #fff;
                border: 1px solid #ececec;
            }

            #Login .Form .MyLabel input:checked ~ .checkmark {
                background-color: #083f88;
                border-color: #083f88;
            }

            #Login .Form .MyLabel .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

            #Login .Form .MyLabel input:checked ~ .checkmark:after {
                display: block;
            }

            #Login .Form .MyLabel .checkmark:after {
                right: 6px;
                top: 1px;
                width: 7px;
                height: 14px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        #Login .Form .ForgotPass {
            text-align: left;
        }

            #Login .Form .ForgotPass label {
                font-size: 14px;
            }

                #Login .Form .ForgotPass label:hover {
                    color: #083f88;
                }

        #Login .Form .loginBtn {
            margin-top: 20px;
            text-align: center;
        }

            #Login .Form .loginBtn a {
                background: #083f88;
                display: inline-block;
                text-align: center;
                border: none;
                padding: 7px;
                width: 160px;
                border-radius: 30px;
                color: #fff;
                outline: none;
                box-shadow: none;
                transition: all 0.2s ease-in-out;
            }

                #Login .Form .loginBtn a:hover {
                    background-color: #c3e1ff;
                    color: #083f88;
                    border-radius: 5px;
                }

/* New Updates at contact us page -> 14/3/2026 */
#ContactUs .Form {
    margin-top: 40px;
    background-color: #fff;
    box-shadow: 1px 3px 10px #0000001f;
    padding: 40px;
    border-radius: 20px;
}

textarea.form-control {
    height: 150px;
}

#ContactUs .Form .sendBtn {
    text-align: center;
}

    #ContactUs .Form .sendBtn a {
        background: #083f88;
        display: inline-block;
        text-align: center;
        border: none;
        padding: 7px;
        width: 240px;
        border-radius: 30px;
        color: #fff;
        outline: none;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

        #ContactUs .Form .sendBtn a:hover {
            background-color: #c3e1ff;
            color: #083f88;
            border-radius: 5px;
        }

/* New Updates add membership_request_form page -> 14/3/2026 */
#Membership_request {
    padding: 60px 0;
}

    #Membership_request .form {
        margin-bottom: 20px;
    }

        #Membership_request .form .form-control {
            background-color: #fff;
        }

        #Membership_request .form .title {
            margin-bottom: 5px;
        }

            #Membership_request .form .title .titleAR h4 {
                font-size: 20px;
                margin-bottom: 0;
                color: #000;
                font-weight: 500;
            }

            #Membership_request .form .title .titleEN {
                text-align: left;
            }

                #Membership_request .form .title .titleEN h4 {
                    font-size: 20px;
                    margin-bottom: 0;
                    color: #000;
                    font-weight: 500;
                    text-transform: uppercase;
                }

            #Membership_request .form .title .titleAR h5 {
                font-size: 16px;
                margin-bottom: 0;
                color: #000;
                font-weight: 500;
            }

            #Membership_request .form .title .titleEN h5 {
                font-size: 16px;
                margin-bottom: 0;
                color: #000;
                font-weight: 500;
                width: 100%;
            }

        #Membership_request .form .form-group {
            position: relative;
            margin-bottom: 0.5rem;
        }

            #Membership_request .form .form-group span {
                position: absolute;
                left: 10px;
                top: 10px;
                color: #a4a4a4;
                font-size: 14px;
            }

    #Membership_request .uploadPictures .AddFile {
        position: relative;
        display: inline-block;
        text-align: center;
    }

        #Membership_request .uploadPictures .AddFile img {
            width: 100%;
            height: 180px;
            cursor: pointer;
            box-shadow: 1px 3px 10px #ddd;
            border-radius: 10px;
        }

        #Membership_request .uploadPictures .AddFile a {
            color: #9e9d9d;
            text-decoration: none;
            outline: none;
        }

    #Membership_request .uploadPictures .upload-box {
        display: inline-block;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

    #Membership_request .pledge {
        margin-bottom: 20px;
    }

        #Membership_request .pledge h2 {
            text-align: center;
            font-size: 24px;
            color: #000;
            font-weight: 700;
            margin-bottom: 20px;
        }

        #Membership_request .pledge p {
            margin-bottom: 0;
            font-size: 16px;
            line-height: 1.8;
            font-weight: 400;
            color: #000;
        }

    #Membership_request .form h5 {
        font-size: 20px;
        color: #000;
        font-weight: 700;
        width: 80%;
        margin-bottom: 10px;
    }

/* New Updates at Library page -> 14/3/2026 */
#Library_New {
    padding: 60px 0;
}

    #Library_New .form {
        width: 100%;
        margin-bottom: 40px;
    }

        #Library_New .form .form-control {
            font-size: 0.75rem;
        }

        #Library_New .form .searchBtn a {
            background: #083f88;
            display: inline-block;
            text-align: center;
            border: none;
            padding: 7px;
            width: 100%;
            border-radius: 30px;
            color: #fff;
            outline: none;
            box-shadow: none;
            transition: all 0.2s ease-in-out;
            font-size: 0.75rem;
        }

            #Library_New .form .searchBtn a i {
                margin-right: 3px;
                font-size: 14px;
            }

            #Library_New .form .searchBtn a:hover {
                background-color: #c3e1ff;
                color: #083f88;
                border-radius: 5px;
            }

.nav-pills {
    padding: 0;
}

    .nav-pills .nav-item {
        float: right;
        width: 16.4%;
        margin-left: 3px;
    }

        .nav-pills .nav-item:last-of-type {
            margin-left: 0;
        }

    .nav-pills .nav-link {
        color: #737373;
        background-color: #dfdfdf;
        border: none;
        padding: 10px 5px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        font-weight: 600;
        transition: all 0.2s ease-in-out;
    }

        .nav-pills .nav-link.active,
        .nav-pills .nav-link:hover,
        .nav-pills .show > .nav-link {
            background-color: #083f88;
            color: #fff;
        }

.Test_Tabs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
}

#Library_New .Test_Tabs.nav-pills .nav-link {
    font-size: 0.75rem;
    padding: 8px 4px;
}

#Library_New .subject_Title {
    padding: 15px 60px;
    margin: 0 2px;
    background-color: #043069;
}

    #Library_New .subject_Title .subject h5 {
        font-size: 15px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

    #Library_New .subject_Title .more {
        text-align: left;
    }

        #Library_New .subject_Title .more h5 {
            font-size: 15px;
            color: #fff;
            font-weight: 600;
            margin-bottom: 0;
        }

    /* Catalog column header row only — tighter padding than generic .subject_Title */
    #Library_New .subject_Title.library-tab-header {
        padding-left: 16px;
        padding-right: 16px;
    }

        #Library_New .subject_Title.library-tab-header .subject h5,
        #Library_New .subject_Title.library-tab-header .more h5 {
            font-size: 0.8125rem;
        }

/* Library catalog: fit container width — no horizontal scroll; ellipsis handles overflow text */
#Library_New .library-scroll-x {
    overflow-x: visible;
    overflow-y: visible;
    margin: 0 2px;
}

#Library_New .library-scroll-x-inner {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

    #Library_New .library-scroll-x-inner .library-tab-header-row {
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        align-items: center;
    }

    #Library_New .library-scroll-x-inner .library-result-row {
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        align-items: flex-start;
    }

        #Library_New .library-scroll-x-inner .library-tab-header-row > [class*="col-"],
        #Library_New .library-scroll-x-inner .library-result-row > [class*="col-"] {
            min-width: 0;
        }

    #Library_New .library-scroll-x-inner .library-tab-header-row .subject h5 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        margin-bottom: 0;
    }

    #Library_New .library-scroll-x-inner .library-result-row .library-result-link {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.35;
        font-size: inherit;
    }

    /* Title (العنوان): up to two lines, then ellipsis */
    #Library_New .library-scroll-x-inner .library-result-row .library-g-title .library-result-link--title {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    #Library_New .library-scroll-x-inner .library-result-row .library-result-cell--actions {
        align-self: center;
    }

#Library_New .library-result-cell--actions .library-card-actions {
    flex-wrap: nowrap;
}

#Library_New .library-list-wrapper {
    margin: 0;
    padding: 0.5rem 4px 0.75rem;
}

#Library_New .library-list-item {
    margin-bottom: 0.5rem;
    padding: 0 2px;
}

    #Library_New .library-list-item:last-child {
        margin-bottom: 0;
    }

#Library_New .library-result-card {
    border-radius: 8px;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e9f2;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

#Library_New .library-list-item:nth-child(odd) .library-result-card {
    background: #ffffff;
}

#Library_New .library-list-item:nth-child(even) .library-result-card {
    background: #f0f5fa;
}

#Library_New .library-list-item:hover .library-result-card {
    background: #e8f0f8;
    box-shadow: 0 1px 4px rgba(4, 48, 105, 0.08);
}

#Library_New .library-scroll-x-inner .library-result-row {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 0.75rem;
}

#Library_New .library-result-link {
    color: #083f88;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    line-height: 1.45;
}

/* Author: up to two lines (must beat .library-result-row .library-result-link nowrap + base display) */
#Library_New .library-scroll-x-inner .library-result-row .library-g-author .library-result-link--author,
#Library_New .library-mob-meta-td .library-result-link.library-result-link--author {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    line-height: 1.35;
}

/* Subject: two lines + smaller type (same specificity pattern as author) */
#Library_New .library-scroll-x-inner .library-result-row .library-g-subject .library-result-link--subject,
#Library_New .library-mob-meta-td--multiline .library-result-link.library-result-link--subject {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    line-height: 1.35;
}

#Library_New .library-result-link:hover {
    color: #043069;
    text-decoration: underline;
}

#Library_New .library-result-link--muted {
    font-weight: 500;
    font-size: 0.95em;
}

/* Catalog row: keep serial / year same size as other cells */
#Library_New .library-scroll-x-inner .library-result-row .library-result-link--muted {
    font-size: 1em;
}

/* Library — Borrow request page (catalog-style summary + pill form) */
#LibraryBorrow {
    padding: 40px 0 60px;
}

    #LibraryBorrow .library-borrow-page-title {
        margin-bottom: 1.75rem;
    }

    #LibraryBorrow .library-borrow-summary-card {
        margin-bottom: 2rem;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(4, 48, 105, 0.08);
        border: 1px solid #e2e9f2;
    }

    #LibraryBorrow .library-borrow-summary-head {
        background-color: #043069;
        padding: 14px 16px;
        margin: 0;
    }

        #LibraryBorrow .library-borrow-summary-head .subject h5 {
            font-size: 15px;
            color: #fff;
            font-weight: 600;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

    #LibraryBorrow .library-borrow-summary-body {
        background: #fff;
        padding: 16px 12px;
    }

    #LibraryBorrow .library-borrow-summary-header-row > [class*="col-"],
    #LibraryBorrow .library-borrow-summary-data-row > [class*="col-"] {
        min-width: 0;
    }

    #LibraryBorrow .library-borrow-data-link,
    #LibraryBorrow .library-borrow-data-text {
        color: #083f88;
        font-weight: 600;
        text-decoration: none;
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
    }

    #LibraryBorrow .library-borrow-data-link--title {
        font-weight: 700;
    }

    /* Borrow summary — book title: two lines max */
    #LibraryBorrow .library-g-title .library-borrow-data-link--title {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    /* Author: two lines max (subject / date keep default single-line rules) */
    #LibraryBorrow .library-borrow-data-link--author {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    #LibraryBorrow .library-borrow-data-link--muted,
    #LibraryBorrow .library-borrow-data-text--muted {
        font-weight: 500;
        font-size: 0.95em;
    }

    #LibraryBorrow .library-borrow-data-link:hover {
        color: #043069;
        text-decoration: underline;
    }

    #LibraryBorrow .library-borrow-form-panel {
        background: #ebebeb;
        padding: 2rem 1.75rem 1.75rem;
        border-radius: 12px;
        margin-top: 0.5rem;
    }

    #LibraryBorrow .library-borrow-label {
        display: block;
        text-align: right;
        color: #666;
        font-size: 0.95rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

html[dir="ltr"] #LibraryBorrow .library-borrow-label {
    text-align: left;
}

#LibraryBorrow .library-borrow-required {
    color: #c62828;
}

#LibraryBorrow .library-borrow-input.form-control {
    border: 1px solid #cfcfcf;
    border-radius: 50px;
    padding: 0.65rem 1.15rem;
    background: #fff;
    text-align: right;
}

html[dir="ltr"] #LibraryBorrow .library-borrow-input.form-control {
    text-align: left;
}

#LibraryBorrow .library-borrow-input.form-control:focus {
    border-color: #083f88;
    box-shadow: 0 0 0 0.15rem rgba(8, 63, 136, 0.15);
}

#LibraryBorrow .library-borrow-hint {
    display: block;
    margin-top: 0.35rem;
    color: #888;
    font-size: 0.8rem;
    text-align: right;
}

html[dir="ltr"] #LibraryBorrow .library-borrow-hint {
    text-align: left;
}

#LibraryBorrow .library-borrow-actions-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

html[dir="ltr"] #LibraryBorrow .library-borrow-actions-wrap {
    justify-content: flex-start;
}

#LibraryBorrow .library-borrow-btn-joined {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: stretch;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

html[dir="rtl"] #LibraryBorrow .library-borrow-btn-joined {
    flex-direction: row;
}

#LibraryBorrow .library-borrow-btn-joined > * + * {
    border-inline-start: 1px solid rgba(0, 0, 0, 0.12);
}

#LibraryBorrow .library-borrow-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.4rem;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    margin: 0;
    line-height: 1.35;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    text-decoration: none;
}

#LibraryBorrow .library-borrow-btn--primary {
    background: #083f88;
    color: #fff;
}

    #LibraryBorrow .library-borrow-btn--primary:hover {
        background: #062a5e;
        color: #fff;
    }

#LibraryBorrow .library-borrow-btn--outline {
    background: #fff;
    color: #555;
}

    #LibraryBorrow .library-borrow-btn--outline:hover {
        background: #f5f5f5;
        color: #333;
    }

@media only screen and (max-width: 575.98px) {
    #LibraryBorrow .library-borrow-form-panel {
        padding: 1.25rem 1rem 1.25rem;
    }

    #LibraryBorrow .library-borrow-btn-joined {
        flex-direction: column;
        border-radius: 16px;
        width: 100%;
    }

    html[dir="rtl"] #LibraryBorrow .library-borrow-btn-joined {
        flex-direction: column;
    }

    #LibraryBorrow .library-borrow-btn-joined > * + * {
        border-inline-start: none;
        border-block-start: 1px solid rgba(0, 0, 0, 0.12);
    }

    #LibraryBorrow .library-borrow-btn {
        width: 100%;
    }

    #LibraryBorrow .library-borrow-actions-wrap {
        justify-content: stretch;
    }
}

/* Library — item details (cover + gallery carousel, actions spacing) */
#LibraryDetails {
    padding-bottom: 3rem;
}

    #LibraryDetails .library-details-carousel-wrap {
        margin-bottom: 1.5rem;
        border-radius: 12px;
        overflow: visible;
        background: #f0f4f8;
        border: 1px solid #e2e9f2;
        box-shadow: 0 2px 10px rgba(4, 48, 105, 0.06);
    }

    #LibraryDetails .library-details-owl .owl-stage-outer {
        border-radius: 12px;
        overflow: hidden;
    }

    #LibraryDetails .library-details-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 280px;
        padding: 1rem 0.75rem;
        box-sizing: border-box;
    }

        #LibraryDetails .library-details-slide img {
            max-width: 100%;
            max-height: 420px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            border-radius: 8px;
        }

    #LibraryDetails .library-owl-nav-fix .owl-nav > div {
        background: rgba(8, 63, 136, 0.9) !important;
        color: #fff !important;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }

        #LibraryDetails .library-owl-nav-fix .owl-nav > div:hover {
            background: #043069 !important;
        }

    #LibraryDetails .library-details-owl .owl-dots {
        margin-top: 0.5rem;
        margin-bottom: 0.35rem;
    }

    #LibraryDetails .library-details-owl .owl-dot span {
        background: #b0c4de;
    }

    #LibraryDetails .library-details-owl .owl-dot.active span,
    #LibraryDetails .library-details-owl .owl-dot:hover span {
        background: #083f88;
    }

    #LibraryDetails .library-details-actions {
        margin-top: 0.75rem;
    }

/*
 * Library Owl carousels (details page + gallery modal): global .owl-nav uses height:0 and
 * .owl-prev/.owl-next { position:relative; top/left/right } which clips inside overflow:hidden
 * and misaligns Font Awesome icons. This block resets nav to centered edge pills.
 */
.library-owl-nav-fix.owl-carousel {
    position: relative;
}

.library-owl-nav-fix .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    pointer-events: none;
    z-index: 3;
    direction: ltr;
}

    .library-owl-nav-fix .owl-nav .owl-prev,
    .library-owl-nav-fix .owl-nav .owl-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        pointer-events: auto;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        left: auto !important;
        right: auto !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    .library-owl-nav-fix .owl-nav .owl-prev {
        left: 10px !important;
    }

    .library-owl-nav-fix .owl-nav .owl-next {
        right: 10px !important;
    }

    .library-owl-nav-fix .owl-nav > div i.fa {
        font-family: FontAwesome !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 22px !important;
        line-height: 1 !important;
        display: block !important;
        color: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

/* Gallery modal: match dark chrome, override generic .owl-nav look */
#libraryGalleryModal .library-gallery-body {
    overflow: visible;
}

#libraryGalleryModal .library-owl-nav-fix .owl-nav > div {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

    #libraryGalleryModal .library-owl-nav-fix .owl-nav > div:hover {
        background: rgba(255, 255, 255, 0.4) !important;
    }

#libraryGalleryModal #library-gallery-owl.library-owl-nav-fix .owl-stage-outer {
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}

@media only screen and (max-width: 767.98px) {
    #LibraryDetails .library-details-slide {
        min-height: 220px;
    }

        #LibraryDetails .library-details-slide img {
            max-height: 320px;
        }
}

#Library_New .library-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

#Library_New .library-scroll-x-inner .library-result-row .library-card-actions .btn {
    font-size: 0.6875rem;
    line-height: 1.25;
}

@media only screen and (max-width: 767.98px) {
    /* Catalog: hide table header; use expandable cards (_LibraryTabContent .library-catalog-mobile) */
    #Library_New .subject_Title.library-tab-header {
        display: none !important;
    }

    #Library_New .library-scroll-x {
        overflow-x: visible;
    }

    #Library_New .library-scroll-x-inner {
        min-width: 0;
        max-width: 100%;
    }

    #Library_New .library-list-item:nth-child(odd) .library-result-card,
    #Library_New .library-list-item:nth-child(even) .library-result-card {
        padding: 0;
        border-radius: 14px;
        border: 1px solid #d5deeb;
        background: linear-gradient(188deg, #f9fbfe 0%, #eef3f9 55%, #e8eef6 100%);
        box-shadow: 0 8px 26px rgba(8, 63, 136, 0.08);
    }

    #Library_New .library-catalog-mob-surface {
        padding: 1rem 1rem 1.05rem;
        border-radius: 13px;
    }

    #Library_New .library-mob-hmeta-wrap {
        margin: 0 0 12px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(6, 45, 102, 0.08);
    }

    #Library_New .library-mob-hmeta-table {
        width: 100%;
        border: 0;
        border-collapse: collapse;
        table-layout: fixed;
        margin: 0;
        font-size: 0.72rem;
    }

        #Library_New .library-mob-hmeta-table thead th {
            background: #062d66;
            color: #fff !important;
            font-weight: 700;
            text-align: center;
            padding: 10px 5px;
            border: 0;
            line-height: 1.3;
        }

        #Library_New .library-mob-hmeta-table tbody td {
            background: #fff;
            color: #083f88 !important;
            text-align: center;
            vertical-align: top;
            padding: 10px 5px;
            border: 0;
            word-break: break-word;
            line-height: 1.35;
        }

        #Library_New .library-mob-hmeta-table .library-mob-hmeta-link {
            color: #083f88 !important;
            text-decoration: none;
            font-weight: 600;
        }

        #Library_New .library-mob-hmeta-table .library-result-link--author,
        #Library_New .library-mob-hmeta-table .library-result-link--subject {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word;
            max-width: 100%;
        }

    #Library_New .library-mob-serial-line--tablemode {
        margin-bottom: 12px;
        text-align: right;
    }

    html[dir="ltr"] #Library_New .library-mob-serial-line--tablemode {
        text-align: left;
    }

    #Library_New .library-list-wrapper {
        padding: 0.35rem 6px 0.65rem;
    }

    #Library_New .library-catalog-mobile-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 8px;
    }

    #Library_New .library-catalog-mobile-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-weight: 800;
        color: #062d66;
        flex: 1;
        min-width: 0;
        text-align: right;
        line-height: 1.4;
        word-break: break-word;
        overflow-wrap: break-word;
        font-size: 0.95rem;
        letter-spacing: -0.01em;
    }

    html[dir="ltr"] #Library_New .library-catalog-mobile-title {
        text-align: left;
    }

    #Library_New .library-catalog-mobile-toggle {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 14px;
        min-height: 40px;
        font-size: 0.8rem;
        font-weight: 600;
        border-radius: 999px;
        white-space: nowrap;
        border-color: #c5d0e0;
        color: #415a77;
        background: #fff;
    }

        #Library_New .library-catalog-mobile-toggle.is-open .library-catalog-mobile-chevron {
            transform: rotate(180deg);
        }

    #Library_New .library-catalog-mobile-chevron {
        transition: transform 0.2s ease;
    }

    #Library_New .library-catalog-mobile-preview {
        font-size: 0.82rem;
        color: #5c6f82;
        text-align: right;
        margin-bottom: 6px;
        line-height: 1.45;
        word-break: break-word;
        font-weight: 500;
    }

    html[dir="ltr"] #Library_New .library-catalog-mobile-preview {
        text-align: left;
    }

    #Library_New .library-catalog-mobile-panel {
        padding-top: 14px;
        border-top: 1px solid rgba(8, 63, 136, 0.12);
        margin-top: 10px;
    }

    #Library_New .library-mob-meta-table {
        width: 100%;
        border: 0;
        border-collapse: collapse;
        table-layout: fixed;
        margin: 0 0 6px;
        font-size: 0.8rem;
    }

        #Library_New .library-mob-meta-table tbody tr,
        #Library_New .library-mob-meta-table tbody tr:nth-child(odd),
        #Library_New .library-mob-meta-table tbody tr:nth-child(even) {
            border: 0;
            background-color: transparent;
        }

    #Library_New .library-mob-meta-th {
        width: 36%;
        max-width: 9.5rem;
        vertical-align: top;
        text-align: right;
        padding: 10px 10px 10px 12px;
        font-weight: 700;
        color: #083f88;
        font-size: 0.78rem;
        line-height: 1.4;
        border: 0;
    }

    html[dir="ltr"] #Library_New .library-mob-meta-th {
        text-align: left;
    }

    #Library_New .library-mob-meta-td {
        vertical-align: top;
        text-align: right;
        padding: 10px 0 10px 8px;
        color: #083f88;
        word-break: break-word;
        font-size: 0.8rem;
        line-height: 1.45;
        border: 0;
    }

    html[dir="ltr"] #Library_New .library-mob-meta-td {
        text-align: left;
        padding: 10px 8px 10px 0;
    }

    #Library_New .library-mob-serial-hash {
        display: inline-block;
        font-weight: 800;
        font-size: 0.9rem;
        color: #083f88;
        letter-spacing: 0.02em;
    }

    #Library_New .library-mob-meta-td--multiline .library-result-link {
        white-space: normal;
        display: inline;
    }

    #Library_New .library-catalog-mobile-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin-top: 4px;
        padding-top: 14px;
        border-top: 1px solid rgba(8, 63, 136, 0.1);
    }

    #Library_New .library-catalog-mob-actions-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 12px;
    }

        #Library_New .library-catalog-mob-actions-grid > .library-catalog-mob-action-btn:only-child {
            grid-column: 1 / -1;
        }

        #Library_New .library-catalog-mob-actions-grid > .library-catalog-mob-action-btn:nth-child(3):last-child {
            grid-column: 1 / -1;
        }

    #Library_New .library-catalog-mob-action-btn {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 0.78rem !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: normal;
        text-align: center;
        border-radius: 10px;
        padding: 8px 10px !important;
    }

    #Library_New .library-catalog-mob-borrow-wide {
        width: 100%;
        min-height: 50px;
        font-size: 0.88rem !important;
        font-weight: 700 !important;
        border-radius: 11px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        box-shadow: 0 4px 14px rgba(40, 167, 69, 0.28);
    }

    #Library_New .library-catalog-mobile-actions .library-borrow-btn:not(.library-catalog-mob-borrow-wide) {
        padding: 8px 10px;
        font-weight: 600;
        font-size: 0.6875rem;
    }

    /* Borrow page: stacked book summary on small screens (see Borrow.cshtml .library-borrow-summary-mobile) */
    #LibraryBorrow .library-borrow-summary-mobile {
        padding: 14px 14px 16px;
        text-align: right;
    }

    html[dir="ltr"] #LibraryBorrow .library-borrow-summary-mobile {
        text-align: left;
    }

    #LibraryBorrow .library-borrow-mob-row {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: space-between;
        gap: 6px 12px;
        margin-bottom: 14px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e8eef5;
    }

        #LibraryBorrow .library-borrow-mob-row:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

    #LibraryBorrow .library-borrow-mob-row--stack {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    #LibraryBorrow .library-borrow-mob-label {
        font-weight: 600;
        font-size: 0.8rem;
        color: #5e5e5e;
        flex: 0 0 auto;
    }

    #LibraryBorrow .library-borrow-mob-value {
        flex: 1;
        min-width: 0;
        color: #083f88;
        word-break: break-word;
        line-height: 1.45;
    }

    #LibraryBorrow .library-borrow-mob-row--stack .library-borrow-mob-value {
        width: 100%;
    }

    #LibraryBorrow .library-borrow-summary-mobile .library-borrow-data-link,
    #LibraryBorrow .library-borrow-summary-mobile .library-borrow-data-text {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        max-width: none !important;
    }

    #LibraryBorrow .library-borrow-summary-mobile .library-borrow-data-link {
        display: inline;
    }

    #LibraryBorrow .library-borrow-summary-mobile .library-borrow-data-text {
        display: inline;
    }
}

/* Library borrow page — catalog-style summary (matches /LibraryContent) */
#LibraryBorrow .library-borrow-summary {
    margin: 0 2px 1.75rem;
}

#LibraryBorrow .library-borrow-summary-scroll {
    overflow-x: visible;
    overflow-y: visible;
    margin: 0 2px;
}

#LibraryBorrow .library-borrow-summary-inner {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

    #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-header-row {
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        align-items: center;
    }

    #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-data-row {
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        align-items: flex-start;
    }

        #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-header-row > [class*="col-"],
        #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-data-row > [class*="col-"] {
            min-width: 0;
        }

        #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-data-row .library-result-link {
            display: block;
            width: 100%;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.35;
        }

        #LibraryBorrow .library-borrow-summary-inner .library-borrow-summary-data-row .library-g-title .library-borrow-data-link--title {
            white-space: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            word-break: break-word;
            overflow-wrap: break-word;
        }

#LibraryBorrow .library-borrow-summary-head.subject_Title,
#LibraryBorrow .library-borrow-summary .subject_Title {
    padding: 15px 60px;
    margin: 0 2px;
    background-color: #043069;
}

#LibraryBorrow .library-borrow-summary-head.subject_Title {
    padding-left: 16px;
    padding-right: 16px;
}

#LibraryBorrow .library-borrow-summary-head .subject h5,
#LibraryBorrow .library-borrow-summary .subject_Title .subject h5 {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

#LibraryBorrow .library-borrow-summary-body {
    margin: 0 2px;
    background-color: #fff;
}

#LibraryBorrow .library-borrow-summary-data-row {
    margin: 0;
    padding: 16px 8px;
    border-bottom: 1px solid #e8e8e8;
}

#LibraryBorrow .library-borrow-summary .library-result-link {
    color: #083f88;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    line-height: 1.45;
}

    #LibraryBorrow .library-borrow-summary .library-result-link:hover {
        color: #043069;
        text-decoration: underline;
    }

#LibraryBorrow .library-borrow-summary .library-result-link--muted {
    font-weight: 500;
    font-size: 0.95em;
}

#Library_New #accordion {
    margin: 0 2px;
}

    #Library_New #accordion .card {
        border: none;
        background: none;
        border-bottom: 1px solid #f1f1f1;
    }

        #Library_New #accordion .card .card-header {
            background-color: #fff;
            padding: 10px 20px;
            border-radius: 0;
            border: none;
            margin-bottom: 0;
        }

        #Library_New #accordion .card .card-body {
            padding: 0;
            background-color: #fff;
            border-radius: 0;
            margin-bottom: 0;
        }

            #Library_New #accordion .card .card-body p {
                font-size: 14px;
                text-align: justify;
            }

        #Library_New #accordion .card .card-header .CatTitle {
            margin-bottom: 0;
        }

            #Library_New #accordion .card .card-header .CatTitle > a {
                display: block;
                position: relative;
                color: #000;
                font-size: 15px;
                text-decoration: none;
            }

                #Library_New #accordion .card .card-header .CatTitle > a:after {
                    content: "\f107";
                    font-family: "FontAwesome";
                    position: absolute;
                    left: 0;
                    font-size: 20px;
                }

                #Library_New #accordion .card .card-header .CatTitle > a[aria-expanded="true"] {
                    color: #000;
                }

                    #Library_New
                    #accordion
                    .card
                    .card-header
                    .CatTitle > a[aria-expanded="true"]:after {
                        content: "\f106";
                        color: #083f88;
                    }

#Library_New table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#Library_New th,
#Library_New td {
    text-align: center;
    padding: 8px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

#Library_New th {
    color: #fff;
}

#Library_New td a {
    color: #083f88;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

    #Library_New td a:hover {
        color: #000;
    }

#Library_New tr:nth-child(odd) {
    background-color: #083f88c7;
}

#Library_New tr:nth-child(even) {
    background-color: #dfdfdf;
}

/* Catalog mobile meta table: one background + one text color (overrides legacy #Library_New tr/th/td rules) */
#Library_New .library-mob-meta-table tbody tr,
#Library_New .library-mob-meta-table tbody tr:nth-child(odd),
#Library_New .library-mob-meta-table tbody tr:nth-child(even) {
    background-color: transparent;
}

#Library_New .library-mob-meta-table th,
#Library_New .library-mob-meta-table td {
    color: #083f88;
}

    #Library_New .library-mob-meta-table td a,
    #Library_New .library-mob-meta-table .library-result-link {
        color: #083f88;
        text-decoration: none;
    }

        #Library_New .library-mob-meta-table td a:hover,
        #Library_New .library-mob-meta-table .library-result-link:hover {
            color: #043069;
        }

/* Horizontal 3-col table (mobile table layout mode): override legacy #Library_New tr/td rules */
#Library_New .library-mob-hmeta-table thead tr,
#Library_New .library-mob-hmeta-table thead tr:nth-child(odd),
#Library_New .library-mob-hmeta-table thead tr:nth-child(even) {
    background-color: #062d66 !important;
}

#Library_New .library-mob-hmeta-table tbody tr,
#Library_New .library-mob-hmeta-table tbody tr:nth-child(odd),
#Library_New .library-mob-hmeta-table tbody tr:nth-child(even) {
    background-color: #fff !important;
}

#Library_New .library-mob-hmeta-table th,
#Library_New .library-mob-hmeta-table td {
    color: inherit;
}

    #Library_New .library-mob-hmeta-table td a:hover,
    #Library_New .library-mob-hmeta-table .library-mob-hmeta-link:hover {
        color: #043069 !important;
    }

/* Library mobile: standard (cards) vs compact table per book */
#Library_New.library-mob-layout-cards .library-mob-view-panel--table {
    display: none !important;
}

#Library_New.library-mob-layout-cards .library-mob-view-panel--cards {
    display: block !important;
}

#Library_New.library-mob-layout-table .library-mob-view-panel--cards {
    display: none !important;
}

#Library_New.library-mob-layout-table .library-mob-view-panel--table {
    display: block !important;
}

/* Desktop (md+): Bootstrap card grid vs classic row table — toggled with .library-mob-layout-cards / .library-mob-layout-table on #Library_New */
#Library_New .library-desktop-bootstrap-cards {
    display: none !important;
}

@media (min-width: 768px) {
    #Library_New.library-mob-layout-cards .library-desktop-bootstrap-cards {
        display: flex !important;
        flex-wrap: wrap;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    #Library_New.library-mob-layout-cards .library-tab-header,
    #Library_New.library-mob-layout-cards .library-list-wrapper {
        display: none !important;
    }

    #Library_New.library-mob-layout-table .library-desktop-bootstrap-cards {
        display: none !important;
    }

    #Library_New.library-mob-layout-table .library-tab-header,
    #Library_New.library-mob-layout-table .library-list-wrapper {
        display: block !important;
    }
}

#Library_New .library-catalog-bs-card {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e2e9f2 !important;
}

#Library_New .library-catalog-bs-card-img-link {
    display: block;
    background: #f0f5fa;
}

#Library_New .library-catalog-bs-card-img {
    height: 160px;
    width: 100%;
    object-fit: cover;
}

#Library_New .library-catalog-bs-card-placeholder {
    height: 160px;
    background: linear-gradient(135deg, #083f88, #062d66);
}

#Library_New .library-catalog-bs-card-title-link {
    color: #062d66;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

#Library_New .library-catalog-bs-card-title-link:hover {
    color: #043069;
}

#Library_New .library-catalog-bs-card .card-body {
    padding-bottom: 1.25rem;
}

#Library_New .library-catalog-bs-card-actions {
    margin-top: 0.875rem;
    gap: 0.5rem 0.75rem;
    row-gap: 0.5rem;
    padding-inline: 0.25rem;
    padding-bottom: 0.25rem;
}

#Library_New .library-catalog-bs-card-actions .btn,
#Library_New .library-catalog-bs-card-actions a.btn {
    position: relative;
    z-index: 2;
}

/* Extra air between icon actions and borrow CTA (LTR + RTL) */
#Library_New .library-catalog-bs-card-actions .library-borrow-btn {
    margin-inline-start: 0.35rem;
}

#Library_New .library-mob-layout-toolbar {
    text-align: center;
}

#Library_New .library-mob-layout-btn-group {
    display: inline-flex;
    width: 100%;
    max-width: 22rem;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(8, 63, 136, 0.22);
    background: #fff;
}

#Library_New .library-mob-layout-btn {
    flex: 1;
    border: none;
    border-radius: 0;
    margin: 0;
    font-weight: 600;
    color: #415a77;
    background: transparent;
    padding: 0.65rem 0.5rem;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#Library_New .library-mob-layout-btn-icon {
    font-size: 1.15rem;
    line-height: 1;
}

#Library_New .library-mob-layout-btn.active {
    background: #083f88;
    color: #fff;
}

#Library_New .library-mob-layout-btn:not(.active):hover {
    background: rgba(8, 63, 136, 0.06);
    color: #062d66;
}

#Library_New #pagination-container {
    margin: 0 2px;
    background-color: #fff;
    padding: 10px;
}

#Library_New .simple-pagination ul {
    margin: 0;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    body {
        padding-top: 73px;
    }

    .owl-nav .owl-prev {
        right: 10px;
    }

    .owl-nav .owl-next {
        left: 10px;
    }

    .navbar-brand {
        text-align: unset;
        width: unset;
    }

        .navbar-brand img {
            height: 53px;
        }

    .formobile {
        display: block;
    }

    .navbar {
        top: 0;
        padding: 0;
        box-shadow: 0px 3px 10px #00000008;
    }

    .navbar-collapse {
        left: -100%;
        transition: left 0.2s ease-in-out;
    }

        .navbar-collapse.show {
            left: 0;
        }

    .navbar-new-bottom {
        top: 0;
        right: unset;
        width: 80%;
        border: none;
        border-radius: 0 30px 30px 0;
        align-items: stretch !important;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
    }

        .navbar-new-bottom .navbar-menu-col {
            flex: 1 1 auto;
            width: 100%;
            max-width: 100%;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

    #navbarContent.navbar-collapse {
        flex: 1 1 auto;
        min-height: 0 !important;
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 80px);
        height: auto;
        margin: 80px 0px 0px;
        padding-bottom: 90px;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.55) rgba(0, 0, 0, 0.2);
    }

        #navbarContent.navbar-collapse::-webkit-scrollbar {
            width: 8px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.55);
            border-radius: 6px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.18);
            border-radius: 6px;
        }

    .navbar-nav {
        text-align: justify;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        padding: 14px 0px 13px;
    }

    .navbar-light .navbar-nav .homeLink:first-child a {
        border: none;
    }

    #dropdownMenu_2 {
        background-color: #efefef;
        box-shadow: none;
    }

        #dropdownMenu_2 .dropdown-item {
            padding-right: 2.5rem;
        }

    .slick-dots {
        display: none !important;
    }

    .My_Slider {
        padding-bottom: 0;
        --my-slider-height: min(36vh, 220px);
    }

    #Association_centers .content {
        flex-direction: column;
        width: 100%;
    }

        #Association_centers .content .title {
            margin-left: 0;
            margin-bottom: 30px;
        }

        #Association_centers .content .list ul li {
            padding-left: 0;
            border-left: none;
            margin-left: 10px;
            margin-bottom: 15px;
        }

            #Association_centers .content .list ul li:last-of-type {
                margin-bottom: 0;
            }

            #Association_centers .content .list ul li img {
                height: 35px;
            }

        #Association_centers .content .list {
            text-align: center;
        }

    .Header_title h2 {
        font-size: 25px;
    }

    #About .desc {
        text-align: center;
    }

        #About .desc p {
            font-size: 14px;
        }

    #About .image {
        text-align: center;
        margin-top: 20px;
    }

        #About .image img {
            height: auto;
            width: 100%;
        }

    #About .moreBtn {
        text-align: center;
    }

        #About .moreBtn a {
            margin: auto;
        }

    #Partners .partner {
        margin-bottom: 20px;
    }

    #News .moreBtn {
        text-align: center;
    }

        #News .moreBtn a {
            margin: auto;
        }

    #Accredited_Membership {
        text-align: center;
    }

        #Accredited_Membership .image {
            height: auto;
        }

    #In_Numbers .list ul li {
        margin-left: 0;
        margin-bottom: 20px;
    }

    #Companies .companyItem img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 96px;
        object-fit: contain;
        object-position: center;
    }

    #Electronic_Library .big_Item img {
        height: 180px;
    }

    .title-widget {
        font-size: 16px;
    }

    .language p {
        font-size: 12px;
    }

    .widget_nav_menu .linksList .Links ul li div {
        font-size: 12px;
    }

    #About_Page .image img {
        height: 60px;
    }

    #Accountants_journal .form {
        width: 100%;
    }

    #Association_centers_page .list {
        width: 100%;
    }

        #Association_centers_page .list ul li {
            margin-left: 0;
        }

    #ContactUs .working_hours,
    #ContactUs .contact_no,
    #ContactUs .social_media {
        height: auto;
    }

    #Digital_portal .content .logo img {
        height: auto;
    }

    #governance_guide .image img {
        height: 300px;
    }

    #Laws_and_legislation .content .list li img {
        width: 175px;
    }

    #Laws_and_legislation .content .list li {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .researchItem span,
    .researchItem a {
        font-size: 14px;
    }

    .memberItem {
        margin-bottom: 50px;
    }

    #NewspaperDetails .image {
        height: auto;
    }

    #strategic_plan .image img {
        height: 300px;
    }

    #strategic_plan .image img {
        height: 270px;
    }

    #Work_procedures .content .list li img {
        width: 220px;
    }

    #Work_procedures .content .list li iframe {
        height: 300px;
        width: 220px;
    }

    #Work_procedures .content .list li {
        margin-left: 0;
        margin-bottom: 30px;
    }

    #Login .Form {
        padding: 30px;
    }

        #Login .Form .ForgotPass {
            text-align: center;
        }

    #ContactUs .Form {
        padding: 30px;
    }

        #ContactUs .Form .sendBtn a {
            width: 100%;
        }

    #Membership_request .form .title .titleAR,
    #Membership_request .form .title .titleEN {
        text-align: center;
    }

    #Membership_request .uploadPictures {
        text-align: center;
        margin-bottom: 20px;
    }

    #Membership_request .pledge {
        text-align: center;
    }

        #Membership_request .pledge p {
            font-size: 14px;
        }

    #Membership_request .form h5 {
        width: 100%;
    }

    .nav-pills .nav-item {
        width: 48%;
        margin-bottom: 3px;
    }

    #Library_New #accordion .card .card-header {
        padding: 10px;
    }

    #Library_New .subject_Title {
        padding: 15px 35px;
    }

    #Director_Details .image img {
        width: 100%;
    }

    #In_Numbers .list ul li .list_item .top_No {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    body {
        padding-top: 73px;
    }

    .navbar-brand {
        text-align: unset;
        width: unset;
    }

        .navbar-brand img {
            height: 53px;
        }

    .formobile {
        display: block;
    }

    .navbar {
        top: 0;
        padding: 0;
        box-shadow: 0px 3px 10px #00000008;
    }

    .navbar-collapse {
        left: -100%;
        transition: left 0.2s ease-in-out;
    }

        .navbar-collapse.show {
            left: 0;
        }

    .navbar-new-bottom {
        top: 0;
        right: unset;
        width: 40%;
        border: none;
        border-radius: 0 30px 30px 0;
        align-items: stretch !important;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
    }

        .navbar-new-bottom .navbar-menu-col {
            flex: 1 1 auto;
            width: 100%;
            max-width: 100%;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

    #navbarContent.navbar-collapse {
        flex: 1 1 auto;
        min-height: 0 !important;
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 80px);
        height: auto;
        margin: 80px 0px 0px;
        padding-bottom: 90px;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.55) rgba(0, 0, 0, 0.2);
    }

        #navbarContent.navbar-collapse::-webkit-scrollbar {
            width: 8px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.55);
            border-radius: 6px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.18);
            border-radius: 6px;
        }

    .navbar-nav {
        text-align: justify;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        padding: 14px 0px 13px;
    }

    .navbar-light .navbar-nav .homeLink:first-child a {
        border: none;
    }

    #dropdownMenu_2 {
        background-color: #efefef;
        box-shadow: none;
    }

        #dropdownMenu_2 .dropdown-item {
            padding-right: 2.5rem;
        }

    .slick-dots {
        display: none !important;
    }

    .My_Slider {
        padding-bottom: 0;
        --my-slider-height: min(34vh, 280px);
    }

    #Association_centers .content {
        flex-direction: column;
        width: 100%;
    }

        #Association_centers .content .title {
            margin-left: 0;
            margin-bottom: 30px;
        }

        #Association_centers .content .list ul li {
            padding-left: 0;
            border-left: none;
            margin-left: 10px;
            margin-bottom: 15px;
        }

            #Association_centers .content .list ul li:last-of-type {
                margin-bottom: 0;
            }

            #Association_centers .content .list ul li img {
                height: 35px;
            }

        #Association_centers .content .list {
            text-align: center;
        }

    .Header_title h2 {
        font-size: 25px;
    }

    #About .desc {
        text-align: center;
    }

        #About .desc p {
            font-size: 14px;
        }

    #About .image {
        text-align: center;
        margin-top: 20px;
    }

        #About .image img {
            height: auto;
        }

    #About .moreBtn {
        text-align: center;
    }

        #About .moreBtn a {
            margin: auto;
        }

    #Partners .partner {
        margin-bottom: 20px;
    }

    #News .moreBtn {
        text-align: center;
    }

        #News .moreBtn a {
            margin: auto;
        }

    .newsItem .image {
        height: 200px;
    }

    .newsItem .content .date span,
    .newsItem .content .date i {
        font-size: 12px;
    }

    .newsItem .content .moreNews span,
    .newsItem .content .moreNews i {
        font-size: 12px;
    }

    #Accredited_Membership {
        text-align: center;
    }

        #Accredited_Membership .image {
            height: auto;
        }

    #In_Numbers .list ul li {
        margin-bottom: 20px;
        margin-left: 20px;
    }

    #Companies .companyItem img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 96px;
        object-fit: contain;
        object-position: center;
    }

    #Electronic_Library .big_Item img {
        height: 180px;
    }

    .title-widget {
        font-size: 16px;
    }

    .language p {
        font-size: 12px;
    }

    .widget_nav_menu .linksList .Links ul li div {
        font-size: 12px;
    }

    #Accountants_journal .form {
        width: 100%;
    }

    .jornalItem .title {
        width: 85%;
    }

    #Association_centers_page .list {
        width: 100%;
    }

        #Association_centers_page .list ul li img {
            height: 45px;
        }

    #ContactUs .working_hours,
    #ContactUs .contact_no,
    #ContactUs .social_media {
        height: auto;
    }

    #Laws_and_legislation .content .list li {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .memberItem {
        margin-bottom: 50px;
    }

    #NewspaperDetails .image {
        height: auto;
    }

    #Old_board_of_directors .content ul li span,
    #Old_board_of_directors .content ul li h5 {
        font-size: 12px;
    }

    #Work_procedures .content .list li img {
        width: 300px;
    }

    #Work_procedures .content .list li iframe {
        height: 400px;
        width: 400px;
    }

    #Work_procedures .content .list li {
        margin-left: 0;
        margin-bottom: 30px;
    }

    #Membership_request .form .title .titleAR,
    #Membership_request .form .title .titleEN {
        text-align: center;
    }

    #Membership_request .uploadPictures {
        text-align: center;
        margin-bottom: 20px;
    }

    #Membership_request .pledge {
        text-align: center;
    }

        #Membership_request .pledge p {
            font-size: 14px;
        }

    #Membership_request .form h5 {
        width: 100%;
    }

    .nav-pills .nav-item {
        width: 32.7%;
        margin-bottom: 3px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        padding-top: 73px;
    }

    .navbar-brand {
        text-align: unset;
        width: unset;
    }

        .navbar-brand img {
            height: 53px;
        }

    .formobile {
        display: block;
    }

    .navbar {
        top: 0;
        padding: 0;
        box-shadow: 0px 3px 10px #00000008;
    }

    .navbar-collapse {
        left: -100%;
        transition: left 0.2s ease-in-out;
    }

        .navbar-collapse.show {
            left: 0;
        }

    .navbar-new-bottom {
        top: 0;
        right: unset;
        width: 40%;
        border: none;
        border-radius: 0 30px 30px 0;
        align-items: stretch !important;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
    }

        .navbar-new-bottom .navbar-menu-col {
            flex: 1 1 auto;
            width: 100%;
            max-width: 100%;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

    #navbarContent.navbar-collapse {
        flex: 1 1 auto;
        min-height: 0 !important;
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 80px);
        height: auto;
        margin: 80px 0px 0px;
        padding-bottom: 90px;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.55) rgba(0, 0, 0, 0.2);
    }

        #navbarContent.navbar-collapse::-webkit-scrollbar {
            width: 8px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.55);
            border-radius: 6px;
        }

        #navbarContent.navbar-collapse::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.18);
            border-radius: 6px;
        }

    .navbar-nav {
        text-align: justify;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        padding: 14px 0px 13px;
    }

    .navbar-light .navbar-nav .homeLink:first-child a {
        border: none;
    }

    #dropdownMenu_2 {
        background-color: #efefef;
        box-shadow: none;
    }

        #dropdownMenu_2 .dropdown-item {
            padding-right: 2.5rem;
        }

    .slick-dots {
        display: none !important;
    }

    .My_Slider {
        padding-bottom: 0;
        --my-slider-height: min(34vh, 300px);
    }

    #Association_centers .content {
        flex-direction: column;
        width: 100%;
    }

        #Association_centers .content .title {
            margin-left: 0;
            margin-bottom: 30px;
        }

        #Association_centers .content .list ul li {
            margin-left: 10px;
        }

            #Association_centers .content .list ul li img {
                height: 35px;
            }

        #Association_centers .content .list {
            text-align: center;
        }

    .Header_title h2 {
        font-size: 25px;
    }

    #About .desc p {
        font-size: 14px;
    }

    #About .image img {
        height: 270px;
    }

    #Partners .partner {
        margin-bottom: 20px;
    }

    #News .moreBtn {
        text-align: center;
    }

        #News .moreBtn a {
            margin: auto;
        }

    .newsItem .content {
        padding: 10px;
    }

    .newsItem .image {
        height: 175px;
    }

    .newsItem .content .date span,
    .newsItem .content .date i {
        font-size: 12px;
    }

    .newsItem .content .date i {
        margin-left: 0;
    }

    .newsItem .content .moreNews span,
    .newsItem .content .moreNews i {
        font-size: 12px;
    }

    .newsItem .content .moreNews i {
        margin-right: 0;
    }

    #Accredited_Membership .image {
        height: 208px;
    }

    #In_Numbers .list ul li {
        margin-bottom: 20px;
        margin-left: 20px;
    }

    #Companies .companyItem img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 96px;
        object-fit: contain;
        object-position: center;
    }

    #Electronic_Library .big_Item img {
        height: 140px;
    }

    #Electronic_Library .small_Item img {
        height: 35px;
    }

    #Electronic_Library .small_Item h5 {
        font-size: 16px;
    }

    #Electronic_Library .big_Item h5 {
        font-size: 18px;
    }

    .title-widget {
        font-size: 16px;
    }

    .language p {
        font-size: 12px;
    }

    .widget_nav_menu .linksList .Links ul li div {
        font-size: 12px;
    }

    #Accountants_journal .form {
        width: 100%;
    }

    .jornalItem .title {
        width: 85%;
    }

    #Association_centers_page .list {
        width: 100%;
    }

        #Association_centers_page .list ul li img {
            height: 45px;
        }

    #governance_guide .image img {
        height: 280px;
    }

    #Laws_and_legislation .content {
        width: 85%;
    }

        #Laws_and_legislation .content .list li img {
            width: 200px;
        }

    .memberItem {
        margin-bottom: 50px;
    }

    #NewsDetails .image,
    #NewsDetails iframe {
        height: 150px;
    }

    #NewspaperDetails .image {
        height: 320px;
    }

    #scientific_research .form {
        width: 100%;
    }

    #strategic_plan .image img {
        height: 270px;
    }

    #Work_procedures .content .list li {
        margin-left: 0;
        margin-bottom: 30px;
    }

    #Membership_request .uploadPictures .AddFile img {
        height: 100px;
    }

    .nav-pills .nav-item {
        width: 24.5%;
        margin-bottom: 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body {
        padding-top: 115px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        padding: 1rem 0.3rem;
    }

    .owl-nav .owl-prev {
        right: 35px;
    }

    .owl-nav .owl-next {
        left: 35px;
    }

    #Association_centers .content .list ul li {
        margin-left: 10px;
        padding-left: 10px;
    }

        #Association_centers .content .list ul li img {
            height: 35px;
        }

    #ContactUs .working_hours,
    #ContactUs .contact_no,
    #ContactUs .social_media {
        height: 312px;
    }

    #Laws_and_legislation .content {
        width: 85%;
    }

        #Laws_and_legislation .content .list li img {
            width: 250px;
        }

    .nav-pills .nav-item {
        width: 16.3%;
    }
}

/* Home — إحصائيات (#In_Numbers): center grid on phones / small tablets (fixes RTL offset) */
@media only screen and (max-width: 767.98px) {
    #In_Numbers .row {
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
    }

    #In_Numbers .list {
        text-align: center;
        width: 100% !important;
        max-width: 100%;
    }

        #In_Numbers .list ul {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center !important;
            align-items: stretch;
            gap: 16px;
            width: 100%;
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

            #In_Numbers .list ul li {
                display: block;
                margin-left: 0 !important;
                margin-right: 0 !important;
                margin-bottom: 0 !important;
                margin-inline: 0 !important;
            }

                #In_Numbers .list ul li:last-of-type {
                    margin-left: 0 !important;
                    margin-inline-start: 0 !important;
                }
}