/* login page */

/* Government Style Login Form - Using Root Variables */



:root {
    --dark-blue: #142438;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.color-selection,
.custom-logo,
.custom-font-color {
    display: none;
}

.custom-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.node--type-services.node--view-mode-swiper-list .field--type-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 999;
}


ul#block-bootstrap-barrio-subtheme-main-menu li ul:not(ul#block-bootstrap-barrio-subtheme-main-menu li .view-expanded-block ul),
ul#block-bootstrap-barrio-subtheme-main-menu li .view-expanded-block {
    z-index: 99999;
    box-shadow: 0px 6px 15px #0000001f;
}

#search-advanced-submit {
    background: transparent !important;
}

.search-page .block-customsearch-block {
    display: none;
}

.block-views-blocksearch2-block-1 {


    .view-content {
        gap: 20px;
        padding-top: 20px;
    }

    /* === Search Modal Overlay === */
    .search-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 16, 32, 0.85);
        /* dark transparent backdrop */
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        backdrop-filter: blur(6px);
    }

    /* === Modal Box === */
    .search-modal-content {
        background: #fff;
        border-radius: 18px;
        padding: 35px 30px;
        max-width: 800px;
        width: 95%;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        position: relative;
        animation: fadeInUp .35s ease;
    }

    /* === Close Button === */
    .search-modal-close {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 28px;
        color: var(--dark-blue);
        background: none;
        border: none;
        cursor: pointer;
        transition: transform 0.2s ease;
    }

    .search-modal-close:hover {
        transform: rotate(90deg);
        color: #007cba;
    }

    /* === Input Container === */
    .search-input-container {
        display: flex;
        align-items: center;
        border: 2px solid #007cba;
        border-radius: 50px;
        overflow: hidden;
        background: #f8faff;
    }

    .search-input {
        flex: 1;
        padding: 14px 18px;
        border: none;
        font-size: 1rem;
        outline: none;
        background: transparent;
        color: #007cba;
    }

    .search-button {
        background: #007cba;
        color: #fff;
        border: none;
        padding: 12px 18px;
        cursor: pointer;
        transition: background 0.25s;
    }

    .search-button:hover {
        background: var(--color-secondary);
    }

    /* === Dropdown Results === */
    .search-dropdown {
        margin-top: 14px;
        background: #fff;
        border: 1px solid #e8eef7;
        border-radius: 14px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        max-height: 350px;
        overflow-y: auto;
    }

    .search-results .search-block {
        padding: 14px 20px;
        border-bottom: 1px solid #f0f3fa;
        transition: background 0.25s;
    }

    .search-results .search-block:last-child {
        border-bottom: none;
    }

    .search-results .search-block:hover {
        background: rgba(0, 64, 128, 0.06);
    }

    .search-block a {
        text-decoration: none;
        color: #007cba;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .search-block .cr time {
        font-size: 0.78rem;
        color: #7a8a9c;
    }

    .search-block .ty {
        font-size: 0.82rem;
        font-weight: 600;
        color: #007cba;
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

    .search-block .ti {
        font-size: 1rem;
        font-weight: 700;
        color: #007cba;
    }

    /* === Terms List === */
    .terms-list-container {
        margin-top: 22px;
    }

    .term-item {
        display: inline-block;
        padding: 8px 18px;
        border-radius: 20px;
        background: #007cba;
        color: #fff;
        font-size: 0.9rem;
        font-weight: 600;
        margin: 6px 6px 0 0;
        cursor: pointer;
        transition: transform 0.2s ease, background 0.25s;
    }

    .term-item:hover {
        background: #007cba;
        transform: translateY(-2px);
    }

    /* === Animation === */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }


    /* === Search Result Card Wrapper === */
    .search-block a {
        display: block;
        background: #fff;
        border: 1px solid #e6ecf5;
        border-radius: 16px;
        padding: 18px 20px;
        text-decoration: none;
        color: #007cba;
        transition: all 0.3s ease;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    /* Date line */
    .search-block .cr {
        font-size: 0.85rem;
        color: #7a8a9c;
        margin-bottom: 6px;
        display: block;
    }

    /* Type line */
    .search-block .ty {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--dark-blue);
        margin-bottom: 4px;
        display: block;
    }

    /* Title line */
    .search-block .ti {
        font-size: 1.05rem;
        font-weight: 700;
        color: #007cba;
        display: block;
        transition: .3s;
    }

    /* Hover Effect */
    .search-block a:hover {
        border-color: #007cba;
        box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
        transform: translateY(-4px);
    }



}

/* Main Container */
.simplelogin-wrapper {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-family: Cairo;
    width: 60vw;
}

/* Background Card */
.simplelogin-form {
    background: var(--color-background);
    border: 2px solid var(--color-primary);
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    padding: 2.5rem;
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
    width: 59% !important;
}

/* Logo Section */
.simplelogin-logo {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #e9ecef;
}

.simplelogin-logo img {
    max-width: 80px;
    height: auto;
    margin-bottom: 1rem;
}

.simplelogin-logo h1 {
    font-size: var(--font-size-h2);
    color: var(--color-primary);
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
}

/* Navigation Tabs */

/* Form Elements */
.user-login-form,
.user-pass {
    margin-bottom: 1rem;
}

.user-login-form .form-item,
.user-pass .form-item {
    margin-bottom: 1.5rem;
}

.user-login-form .form-control,
.user-pass .form-control {
    width: 100%;
    padding: 12px 16px;
    font-size: var(--font-size-base);
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: var(--color-background);
    color: var(--color-text);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.user-login-form .form-control:focus,
.user-pass .form-control:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(13, 140, 96, 0.1);
}

.user-login-form .form-control:hover,
.user-pass .form-control:hover {
    border-color: var(--color-primary);
}

.user-login-form .form-control::placeholder,
.user-pass .form-control::placeholder {
    color: #888;
    font-style: italic;
}

/* Submit Button */
.user-login-form .form-actions,
.user-pass .form-actions {
    margin-top: 1.5rem;
}

.user-login-form .btn.btn-primary,
.user-pass .btn.btn-primary {
    width: 100%;
    padding: 14px 20px;
    font-size: var(--font-size-base);
    font-weight: 600;
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: white;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: none;
}

.user-login-form .btn.btn-primary:hover,
.user-pass .btn.btn-primary:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.user-login-form .btn.btn-primary:active,
.user-pass .btn.btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* Forgot Password Link */
.forgot-password {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
    font-size: calc(var(--font-size-base) - 1px);
    color: #666;
}

.forgot-password a {
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.forgot-password a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Error/Warning Messages */
.user-login-form .antibot-message {
    padding: 12px 16px;
    margin-bottom: 1rem;
    border-radius: 4px;
    font-size: calc(var(--font-size-base) - 1px);
}

.user-login-form .antibot-message-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
}



body.simplelogin {
    background-color: var(--color-secondary);
    font-family: Cairo;
}

.simplelogin form.user-pass p {
    text-align: right;
}

/* Inner Image Section */
.path-frontpage .inner-image {
    display: none;
}

.logo-text {
    text-align: center;
}

.inner-image {
    height: 124px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #FFFFFF !important;
    background-image: url(https://new.iec.jo/sites/default/files/2025-08/Rectangle%20438.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

h1.title {
    color: #fff;
}

section.row.region.region-inner-image {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
    color: #fff;
    content: "";
    width: 0.854px;
    height: 17px;
    background: #fff;
}

ol.breadcrumb {
    align-items: center;
    justify-content: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10px;
    height: 18px;
    margin: 0;
}

.breadcrumb-item.active,
.breadcrumb-item,
.breadcrumb-item a {
    color: #fff;
    font-size: 11px;
    font-size: 11.949px;
    font-style: normal;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding-left: 1px !important;
}

.breadcrumb-item:first-child a::before {
    content: "";
    width: 15.363px;
    height: 13.443px;
    background: url(../images/home.svg) no-repeat center center;
    display: inline-block;
}

.not-front main#content {
    padding: 50px 0;
}

/* News Card page */
.news-card-view .row {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
}

body.page-view-news .news-card-view .row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-inline-end: 55px;
}

.news-card-view .views-row {
    position: relative;
    /* width: 308px; */
    height: 415px;

}

.news-card-view .views-row .card-body::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: var(--color-primary);
    height: 8px;
    flex-shrink: 0;
    transition: width 0.4s ease;
}

.news-card-view .views-row .card-body {
    position: relative;
}

.news-card-view .views-row:hover .card-body::before {
    width: 100%;
}

.news-card-view .views-row:hover .card-body h2 a {
    color: var(--color-secondary);
}

.news-card-view .views-row:hover .card-body a.read-more {
    background-color: var(--color-secondary);
}

.news-card-view .views-row .views-field-view-node a {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 5;
}

.node--type-project-news.node--view-mode-card,
.node--type-news.node--view-mode-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 2px solid #D1D1D1;
    background: #FFF;
    min-height: 417px;
}

.node--type-project-news.node--view-mode-card {
    min-height: 330px;
}


.node--type-project-news.node--view-mode-card .field--name-field-media-image .field__item,
.node--type-news.node--view-mode-card .field--name-field-media-image .field__item {
    height: 216px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.node--type-project-news.node--view-mode-card .field--name-field-media-image .field__item {
    height: 117px;
}

.node--type-project-news.node--view-mode-card .field--name-field-media-image .field__item img,
.node--type-news.node--view-mode-card .field--name-field-media-image .field__item img {
    width: 100%;
    height: 100%;
    min-height: 157px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.news-card-view .views-row:hover img {
    transform: scale(1.2);
}

.node--type-project-news.node--view-mode-card .card-body,
.node--type-news.node--view-mode-card .card-body {
    padding: 16px 19px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
}



.node--type-project-news.node--view-mode-card .card-body .field.field--name-field-date,
.node--type-news.node--view-mode-card .card-body .field.field--name-field-date {
    color: var(--dark-blue);
    text-align: right;
    font-family: Cairo;
    font-size: 13.558px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.788px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.node--type-project-news.node--view-mode-card .card-body .field.field--name-field-date:before,
.node--type-news.node--view-mode-card .card-body .field.field--name-field-date:before {
    content: "";
    width: 14.462px;
    height: 14.462px;
    ;
    background: url(../images/date2.svg) no-repeat center center;
    display: inline-block;
}

.node--type-project-news.node--view-mode-card .card-body .field--name-title h2,
.node--type-news.node--view-mode-card .card-body .field--name-title h2 {
    font-size: 18px;
    line-height: 29px;
    height: 58px;
    overflow: hidden;
}

.node--type-project-news.node--view-mode-card .card-body .field--name-title h2 {
    height: 30px;

}


.node--type-project-news.node--view-mode-card .card-body .field--name-body,
.node--type-news.node--view-mode-card .card-body .field--name-body {
    line-height: 23px;
    height: 69px;
    overflow: hidden;
}

.node--type-project-news.node--view-mode-card .card-body a.read-more,
.node--type-news.node--view-mode-card .card-body a.read-more {
    width: 122.624px;
    height: 34.606px;
    background: rgba(20, 36, 56, 1);
    font-size: 12.496px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.465px;
    /* 187.771% */
}

.node--type-project-news.node--view-mode-card .card-body a.read-more:after,
.node--type-news.node--view-mode-card .card-body a.read-more:after {
    display: none;
}


body.node--type-project-news .field--name-field-media-images,
body.node--type-project-news .field--name-field-media-images *,
body.node--type-events .block-field-blocknodeeventsfield-media-image,
body.node--type-events .block-field-blocknodeeventsfield-media-image *,
body.node--type-news .field--name-field-media-images,
body.node--type-news .field--name-field-media-images * {
    width: 100%;
    min-height: 503px;
    max-height: 540px;
    object-fit: contain;
    aspect-ratio: 122/59;

}

body.node--type-project-news .field--name-field-date,
body.node--type-events .date-range:nth-child(1),
body.node--type-news .field.field--name-field-date {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.node--type-project-news .field--name-field-date::before,
body.node--type-events .date-range .col-12:before,
body.node--type-news .field.field--name-field-date:before {
    content: "";
    width: 22.527px;
    height: 22.527px;
    flex-shrink: 0;
    background: url(../images/date2.svg) no-repeat center center;
    background-size: 100%;
    display: inline-block;
}

body.node--type-project-news .block-field-blocknodeproject-newstitle,
body.node--type-events .block-field-blocknodeeventstitle,
body.node--type-news .block-field-blocknodenewstitle {
    padding-block: 40px 20px;
}

body.node--type-events .date-range .col-12 {
    display: flex;
    gap: 10px;

}

body.node--type-project-news .block-field-blocknodeproject-newsbody .field--name-body,
body.node--type-events .block-field-blocknodeeventsbody .field--name-body,
body.node--type-news .block-field-blocknodenewsbody {
    line-height: 31px;
    padding-block: 17px 20px;
}


body.node--type-news .block-field-blocknodenewsfield-media-images>h2 {
    font-size: 24px;
}

body.node--type-news .block-field-blocknodenewsfield-media-images {
    position: relative;
}

body.node--type-project-news .block-field-blocknodeproject-newsfield-media-images .swiper-wrapper,
body.node--type-news .block-field-blocknodenewsfield-media-images .swiper-wrapper {
    padding-block: 55px;

    img {
        height: 267px;
        object-fit: cover;
        overflow: hidden;
        border-radius: 20px;
    }

    .field--name-name {
        display: none !important;
    }


}

body.node--type-news .glightbox-clean .gslide-description {
    display: none;
}

body.node--type-project-news .block-field-blocknodeproject-newsfield-media-images .swiper-pagination,
body.node--type-news .block-field-blocknodenewsfield-media-images .swiper-pagination {
    bottom: 0 !important;

}



body:not(.path-frontpage) .view-photo-and-video-gallery .views-field-field-media-images,
body:not(.path-frontpage) .view-photo-and-video-gallery .views-field-field-media-images * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-views-blockphoto-and-video-gallery-block-3 .view-content,
body:not(.path-frontpage) .view-photo-and-video-gallery .view-content {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px 9px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.block-views-blockphoto-and-video-gallery-block-3 .view-content .views-row,
body:not(.path-frontpage) .view-photo-and-video-gallery .view-content .views-row {
    position: relative;
    height: 274px;
    overflow: hidden;
    width: 313px;
}

.block-views-blockphoto-and-video-gallery-block-3 .summary-overlay,
.block-views-blockphoto-and-video-gallery-block-3 .summary-overlay-link a {
    padding: 26px 19px;
    font-size: 18px;
    text-align: center;
}

body:not(.path-frontpage) .view-photo-and-video-gallery .summary-overlay,
body:not(.path-frontpage) .view-photo-and-video-gallery .summary-overlay-link a {
    padding: 41px 19px;
    font-size: 18px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.glightbox-desc {}

.block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row:hover .summary-overlay-link a,
body:not(.path-frontpage) .view-photo-and-video-gallery .views-row:hover .summary-overlay-link a {
    /* padding-bottom: 70px; */
}

.block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Make it fully cover */
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    background: linear-gradient(180deg, #36454fd8 131.34%);
    opacity: .5;
    font-size: var(--font-size-base);
    line-height: 30.667px;
    gap: 5px;
    transition: opacity 0.5s ease;
    z-index: 9;
    box-shadow: none;
    padding: 57px 32px;
}

body:not(.path-frontpage) .view-photo-and-video-gallery .views-row::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    padding: 57px 32px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #36454F 131.34%);
    font-size: var(--font-size-base);
    line-height: 30.667px;
    gap: 5px;
    transition: height 0.5s ease;
    z-index: 9;
    box-shadow: none;
}

.page-view-photo-and-video-gallery .view-photo-and-video-gallery .views-row::before {
    display: none;
}

.block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row:hover::before {
    opacity: .8;

}

body:not(.path-frontpage) .view-photo-and-video-gallery .views-row:hover::before {
    height: 100%;
}

body:not(.path-frontpage) .view-photo-and-video-gallery .views-row:hover .summary-overlay-link a::before {
    opacity: 1;
}

.block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row .summary-overlay-link a::before,
body:not(.path-frontpage) .view-photo-and-video-gallery .views-row .summary-overlay-link a::before {
    content: "";
    display: inline-block;
    margin: auto auto -12px;
    width: 79px;
    opacity: 0;
    height: 79px;
    background: url("../images/gocir.svg") center center no-repeat rgb(255, 255, 255);
    transition: top 0.5s, opacity 0.5s;
    border-radius: 100%;
    top: -15%;
    position: relative;
}

/* .block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row .summary-overlay-link a::before {
    background: url("../images/play.svg") center center no-repeat;
    opacity: 1;
    top: -12%;
    height: 58px;
    width: 58px;
    transition: all .4s;
} */

/* .block-views-blockphoto-and-video-gallery-block-3 .view-photo-and-video-gallery .views-row:hover .summary-overlay-link a::before {
    transform: scale(1.3);
} */

.node--type-projects-photo-gallery .block-field-blocknodeprojects-photo-galleryfield-media-images .field--name-field-media-images,
.node--type-photo-gallery .block-field-blocknodephoto-galleryfield-media-images .field--name-field-media-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 28px 15px;
    padding-bottom: 40px;

}


.node--type-projects-photo-gallery .block-field-blocknodeprojects-photo-galleryfield-media-images .field__item,
.node--type-photo-gallery .block-field-blocknodephoto-galleryfield-media-images .field--name-field-media-images .field__item {
    width: 310px;
    height: 274px;
    flex-shrink: 0;
    aspect-ratio: 155/137;
    overflow: hidden;
}

.node--type-projects-photo-gallery .block-field-blocknodeprojects-photo-galleryfield-media-images .field__item {
    height: 100%;
    width: 100%;
}


.node--type-projects-photo-gallery .block-field-blocknodeprojects-photo-galleryfield-media-images .field__item * {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.page-view-photo-and-video-gallery .view-photo-and-video-gallery .views-row::before {
    display: none;
}

.page-view-photo-and-video-gallery .view-photo-and-video-gallery .views-row {

    .views-field-field-media-video-1,
    .views-field-field-media-video-1 * {
        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .glightbox-desc {
        display: flex !important;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        z-index: 9999;
        align-items: flex-end;
        padding-bottom: 20px;
        background: rgba(54, 69, 79, 0.60);
        font-size: 14px;
        padding-inline: 17px;
    }

    .views-field-nothing {
        font-size: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99999;
        height: 100%;
        background-image: url(../images/play.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 58px;
    }


}


.block-views-blockuseful-links-block-2 .view-content {
    display: flex;
    gap: 30px 15px;
    justify-content: center;
}

.block-views-blockuseful-links-block-2 .view-content .views-row {
    width: 19%;
}

.page-node-8308 main#content,
.page-node-6676 main#content {
    padding-top: 39px;
}

.menu--gallery-menu ul.nav {
    justify-content: center;
    gap: 29px;
    padding-bottom: 39px;
}

.page-node-6676 .menu--gallery-menu ul.nav li:nth-child(1) a {
    font-size: 20px;
    color: var(--color-secondary);
    border-bottom: 4px solid var(--color-secondary);
    padding-bottom: 5px;
}

.page-node-6676 .menu--gallery-menu ul.nav li a {
    font-size: 20px;
    color: var(--color-primary);
    padding-bottom: 5px;
}

.page-node-8308 .menu--gallery-menu ul.nav li:nth-child(2) a {
    color: var(--color-secondary);
    border-bottom: 4px solid var(--color-secondary);
}

.page-node-8308 .menu--gallery-menu ul.nav li a {
    font-size: 20px;
    color: var(--color-primary);
    padding-bottom: 5px;
}

.node--type-about-us .col-12 h2 {
    color: var(--color-primary);
    font-size: 25px;
    padding-bottom: 17px;
}

.node--type-about-us.page-node-16747 .col-12 .block-field-blocknodeabout-usbody .field--name-body {
    color: var(--color-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 39px;
}

.node--type-about-us .col-12 {
    padding-inline-end: 76px;
}

.page-node-16747 .block-field-blocknodeabout-usfield-paragraph-1 .field__items {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-content: center;
}

.page-node-16747 .field--name-field-paragraph-1>.field__label {
    padding-block: 40px 30px;
    color: var(--color-primary);
    font-size: 21px;
    text-align: center;
    line-height: 22.871px;
    /* 114.353% */
}

.page-node-16747 .block-field-blocknodeabout-usfield-paragraph-1 .field__items>.field__item {
    width: 123.065px;
    height: 123.065px;
    flex-shrink: 0;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: #fff;
    transition: .5s;
    font-size: 15px;

    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;

    img {
        height: 55.901px;
        object-fit: contain;
        transition: .3s;
    }
}

.page-node-16747 .block-field-blocknodeabout-usfield-paragraph-1 .field__items>.field__item:hover img {
    transform: scale(1.1);
}

.vision-and-mission-rows {
    padding-block: 65px;
}

.vision-and-mission-rows .view-content {
    display: flex;
    flex-direction: column;

}

.vision-and-mission-rows .view-content .views-row .node__content {
    display: flex;

}

.vision-and-mission-rows .view-content .views-row .node__content .field--name-field-image2 {
    width: 50%;
    height: 360px;
}

.vision-and-mission-rows .view-content .views-row .node__content .field--name-field-image2 * {
    width: 100%;
    height: 100%;
}

.vision-and-mission-rows .view-content .views-row:nth-child(even) .node__content {
    display: flex;
    flex-direction: row-reverse;
}

.vision-and-mission-rows .view-content .views-row .about-inner-card {
    display: flex;
    flex-direction: column;
    width: 50%;
    background: var(--color-primary);
    position: relative;
    align-items: flex-start;
    padding-inline-start: 72px;
    justify-content: center;
    gap: 20px;
    height: 360px;
    transition: all .3s;
}

.vision-and-mission-rows .view-content .views-row .about-inner-card:hover {
    background: var(--color-secondary);

}

.vision-and-mission-rows .about-inner-card .title-wrapper .field--name-title,
.vision-and-mission-rows .about-inner-card .title-wrapper .field--name-field-media-image {
    transition: all .3s;
}


.vision-and-mission-rows .about-inner-card:hover .title-wrapper .field--name-field-media-image {
    transform: translateX(-64%);
}

.vision-and-mission-rows .about-inner-card:hover .title-wrapper .field--name-title {
    transform: translateX(129%);
    width: 66px;
}

.vision-and-mission-rows .view-content .views-row .about-inner-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/colored-flag.png) no-repeat top left;
    display: inline-block;
    z-index: 9;
    filter: grayscale(1) invert(1);
    opacity: 00.2;
    transition: 0.3s;
}

.vision-and-mission-rows .title-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 21px;
    transition: all .3s;
}

.vision-and-mission-rows .field--name-field-brief {
    font-size: 15px;
    width: 89%;
    max-height: 256px;
    color: #fff;
    overflow: hidden;
}




.views-field-field-media-video-1 .blazy--field.blazy--view.blazy--field-media-oembed-video.blazy--field-media-oembed-video--pop-up {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
}

.views-field-field-media-video-1 .blazy--field.blazy--view.blazy--field-media-oembed-video.blazy--field-media-oembed-video--pop-up a {
    height: 100%;
}

.views-field-field-media-video-1 .blazy--field.blazy--view.blazy--field-media-oembed-video.blazy--field-media-oembed-video--pop-up .media__icon--litebox,
.views-field-field-media-video-1 .blazy--field.blazy--view.blazy--field-media-oembed-video.blazy--field-media-oembed-video--pop-up img {
    display: none;
}

.block-views-blocktender-block-1 {
    position: relative;
}

.block-views-blocktender-block-1 .view-header a {
    position: absolute;
    left: 0;
    top: 0;
    width: 136px;
    height: 38px;
    flex-shrink: 0;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.block-views-blocktender-block-1 .view-header a:hover {
    background: var(--color-secondary);
}

.block-views-blocktender-block-1>h2 {
    padding-bottom: 30px;
}


.block-views-blocktender-block-1 form>.d-flex {
    padding: 26px 30px 36px;
    border: 1px solid #CACACA;
    background: #FFF;
    gap: 12px;
    margin-bottom: 30px;
}

.block-views-blocktender-block-1 form>.d-flex button {
    width: 130px;
    height: 39px;
    flex-shrink: 0;
    border-radius: 0;


}

.block-views-blocktender-block-1 form>.d-flex button:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.block-views-blocktender-block-1 form>.d-flex input {
    border: 1px solid #9F9F9F;
    background: #FFF;
    border-radius: 0;
    color: var(--color-primary);
}

.block-views-blocktender-block-1 table td,
.block-views-blocktender-block-1 table th {
    color: var(--color-primary);
    text-align: center;
    padding: 22px;
    border: 1px solid #C5C5C5;
    font-size: 16px;
    background-color: #ECECEC;
}

.board-page {
    padding-inline-end: 76px !important;
}

.gray-box {
    padding: 31px;
    background: #F5F5F5;
    margin-top: 30px;
    color: #201D1E;
    font-weight: 700;
    position: relative;
}

.gray-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 24px solid var(--color-secondary);
    border-right: 24px solid transparent;
}


.bofGrid {
    padding-block: 32px;
}

.bofGrid h1 {
    font-size: 30px;
}

.block-views-blockboard-of-commissioners-block-1 .bofGrid .views-row {
    width: 229.12px;

}

.bofGrid .views-row,
.bofGrid .views-view-responsive-grid__item {
    position: relative;
    width: 100%;
    height: -webkit-fill-available;

    img {
        height: 297.389px;
        width: 100%;
        object-fit: cover;
    }

}

.bofGrid .view-content {
    gap: 15px;
    justify-content: center;
    margin: auto;
}

.block-views-blockboard-of-commissioners-block-4 .views-view-responsive-grid {
    padding-inline: 165px !important;
}

.block-views-blockboard-of-commissioners-block-4 .views-view-responsive-grid .views-view-responsive-grid__item * {
    width: 100%;
}



.bofGrid .node__content {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    text-align: center;

}

.bofGrid .node__content {

    .field--name-field-media-image,
    .field--name-field-media-image * {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
}

.bofGrid .field--name-field-text-3,
.bofGrid h2 {
    color: #36454F;
    font-size: 20px;
    font-weight: 700;
    line-height: 25.25px;
    padding-block: 13px 2px;
    text-align: center;
}

.bofGrid .views-field-nothing a {
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.primay-box {
    height: 155px;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;

    p {
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        line-height: 30.667px;
    }
}


.ui-dialog .ui-dialog-titlebar {
    font-size: 0 !important;
    padding: 0;
    height: 0;
    border: 0;
}

.ui-dialog .node--type-about-us .col-12 {
    padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    right: 11px !important;
    left: auto !important;
    top: 19px !important;
    padding: 20px !important;
    z-index: 999999 !important;
    position: relative;
    border: 0;
    background: #fff !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:where(:hover, :focus, :active) {
    border: none !important;
    box-shadow: none !important;
}

.ui-button .ui-icon {
    background: none !important;
}

/* Add the X symbol using ::before */
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
    content: "";
    color: white;
    background: url(../images/x.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30.25px;
    height: 30.25px;
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    left: 50% !important;
    top: 50% !important;
    width: 826px !important;
    height: 542px !important;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 99998 !important;
}



.fb3d-modal.visible {
    z-index: 99999 !important;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    max-height: 100% !important;
    height: 100% !important;
    padding: 31px 53px 30px 39px !important;

    .row {
        justify-content: space-between;
        align-items: flex-start;
    }

    h2 {
        font-size: 20px;

        a {
            font-size: 20px;
        }
    }

    .col-lg-9 {
        width: 50%;
        padding: 0;
        padding-inline: 23px;
        font-family: 'Cairo';
    }

    .col-lg-3 {
        padding: 0 !important;
        width: 40% !important;
    }

    .col-lg-3 * {
        width: 97%;
    }
}

.view-display-id-block_8 .node--type-about-us {
    img {
        object-fit: contain;
    }

    h2,
    h3,
    p {
        margin-bottom: 20px;
    }

    h2,
    h3 {
        font-size: 25px;
    }
}

.path-frontpage {

    .ui-front.ui-dialog-content.ui-widget-content .node__content {
        display: flex;
        flex-direction: column-reverse;
    }

    .ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-field-text {
        color: var(--dark-blue);
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 10px;
        padding-inline-start: 22px;
    }

    .ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body {
        overflow: hidden;
        color: var(--dark-blue);
        font-family: Cairo;
    }

    .ui-dialog .ui-widget-content.ui-dialog-content {
        z-index: 99999 !important;
    }
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body {
    padding-inline-end: 25px;
    color: var(--dark-blue);
    line-height: 35px;
    direction: ltr;
    height: 354px;
    display: flex;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 13px;

    h3 {
        padding-block: 10px;
    }

    ul {
        display: flex;
        flex-direction: column;
        gap: 5px;

        li {
            display: flex;
            gap: 5px;
        }

        li::before {
            content: "■";
            display: inline;

        }
    }
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items {
    padding-inline-end: 25px;
    color: var(--dark-blue);
    line-height: 35px;
    direction: ltr;
    display: list-item;
    list-style: none;
    /* display: flex;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 13px;
        height: 103px; */
}


.ui-dialog .ui-widget-content.ui-dialog-content .col-lg-9 .block-field-blocknodepolitical-partiestitle {
    margin-bottom: 35px;
}

.ui-dialog .ui-widget-content.ui-dialog-content .col-lg-9 .block-field-blocknodepolitical-partiestitle .content {
    position: fixed;
    background: white;
    z-index: 99;
    height: 50px;
    top: 0;
    height: 75PX;
    display: flex;
    align-items: center;
    width: 60%;
}



.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items *,
.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body * {
    direction: rtl;

}

.page-node-25712 .ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body *,
.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items * {
    display: list-item;
    list-style: decimal;
    list-style-position: inside;
}


.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body::-webkit-scrollbar,
.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items::-webkit-scrollbar {
    width: 8px;
    padding: 4px;
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body::-webkit-scrollbar-track,
.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body::-webkit-scrollbar-thumb,
.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border: 1px solid #fff;
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body::-webkit-scrollbar-thumb:hover,
.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .block-field-blocknodepolitical-partiesfield-text-multiple .field__items {
    padding-inline-end: 8px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    box-shadow: 0 0 20px 0px;
}

.ui-front.ui-dialog-content.ui-widget-content .node__content .field--name-body strong {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 10px;
}

.view-reports-type .view-content {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    justify-content: center;
}

.view-reports-type .view-content .views-row {
    position: relative;
    width: 32.6%;
}

.view-reports-type .view-content .views-row,
.view-reports-type .view-content .views-row * {
    height: 100%;
    text-align: center;
}

.view-reports-type .view-content .views-row img {
    width: 100%;
}

.view-reports-type .view-content {

    .summary-overlay,
    .summary-overlay-link a {
        align-items: center;
        font-size: 20px;
    }
}

.reports-card .view-content {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.inner-documents .container {
    max-width: 95% !important;

}

.reports-card .view-content .views-row {
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
    padding-bottom: 11px;
    text-align: center;
    /* gap: 38px; */
    flex-direction: column;
    width: 32%;
    background: #fff;
    padding-inline: 16px !important;
    overflow: hidden;
}

.reports-card .view-content .views-row .card-body {
    height: 200px;
    border: 2px solid #D1D1D1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* .block-views-blocknews-block-3 .ticker-view .view-content .swiper-slide .views-field-nothing a, */
.block-views-blockelection-map-block-2 .view-content .views-row .views-field-nothing .show-page-details a,
.reports-card .view-content .views-row .field--name-field-file a {
    color: #fff;
    background: var(--dark-blue);
    text-align: center;
    font-family: Cairo;
    font-size: 12.894px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.211px;
    width: 111px;
    height: 35.706px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 10px;
    transition: .3s;
    margin: 10px auto;
}

article.node.node--type-reports-and-documents.node--promoted.node--view-mode-card.clearfix {
    width: 100%;
}

.block-views-blockelection-map-block-2 .view-content .views-row .views-field-nothing .show-page-details a {
    background: var(--dark-blue);
    color: #fff
}

.block-views-blocknews-block-3>h2 {
    padding-bottom: 20px;
}

.block-views-blocknews-block-3 .ticker-view .view-content .swiper-slide .views-field-nothing a {
    background-color: var(--color-primary) !important;
    color: #fff;
}

.block-views-blocknews-block-3 .ticker-view .view-content .swiper-slide .views-field-nothing a:hover,
.reports-card .view-content .views-row .field--name-field-file a:hover {
    background-color: var(--color-secondary) !important;
    color: #fff;
}

.reports-card .view-content .views-row .field--name-title h2,
.reports-card .view-content .views-row .field--name-title a {
    color: var(--color-primary);
    font-size: 18px;
    line-height: 30.667px;
}

.reports-card .view-content .views-row .field--name-field-media-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.reports-card .view-content .views-row .field--name-field-media-image {
    position: absolute;
    z-index: -5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reports-card .view-content .views-row .node--type-reports-and-documents .field--name-field-media-image * {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
}

.reports-card .view-content .views-row .node--type-reports-and-documents .field--name-field-media-image {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
    z-index: 9;

}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity {
    display: flex;
    justify-content: center;
}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row .paragraph--type--former-board-of-commissioners {
    display: flex;
    flex-direction: column;
}



.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content,
.block-views-blockboard-of-commissioners-block-4 .node__content,
.block-views-blockboard-of-commissioners-block-3 .node__content {
    transition: all .3s;
    width: 255.12px;
}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row .field--name-field-image,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content .field--name-field-media-image,
.block-views-blockboard-of-commissioners-block-4 .node__content .field--name-field-media-image,
.block-views-blockboard-of-commissioners-block-3 .node__content .field--name-field-media-image {
    position: relative;
    transition: all .3s;

}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row .field--name-field-image::after,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content .field--name-field-media-image::after,
.block-views-blockboard-of-commissioners-block-4 .node__content .field--name-field-media-image::after,
.block-views-blockboard-of-commissioners-block-3 .node__content .field--name-field-media-image::after {
    content: "";
    width: 100%;
    height: 297.389px;
    background: linear-gradient(0deg, rgba(54, 69, 79, 0.50) 0%, rgba(54, 69, 79, 0.50) 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .3s;
}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row .field--name-field-text,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content .field--name-field-text-2,
.block-views-blockboard-of-commissioners-block-4 .node__content .field--name-field-text-2,
.block-views-blockboard-of-commissioners-block-3 .node__content .field--name-field-text-2 {
    position: absolute;
    top: 187px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    width: 95%;
    transition: all .3s;
    z-index: 999;
    opacity: 0;
    text-align: center;
    width: 201px;
}

.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row:hover .field--name-field-image::after,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content:hover .field--name-field-media-image::after,
.block-views-blockboard-of-commissioners-block-4 .node__content:hover .field--name-field-media-image::after,
.block-views-blockboard-of-commissioners-block-3 .node__content:hover .field--name-field-media-image::after,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-view .views-row:hover .field--name-field-text,
.block-views-blockformer-board-of-commissioners-block-1 .views-field-rendered-entity .node__content:hover .field--name-field-text-2,
.block-views-blockboard-of-commissioners-block-4 .node__content:hover .field--name-field-text-2,
.block-views-blockboard-of-commissioners-block-3 .node__content:hover .field--name-field-text-2 {
    opacity: 1;
}

.block-views-blockboard-of-commissioners-block-5 .views-row {
    width: 100%;
}

.block-views-blockboard-of-commissioners-block-5 .node__content {
    display: flex;
    /* grid-template-columns: 70% 30%; */
    /* justify-items: stretch; */
    flex-direction: column-reverse;
    align-items: flex-start;

    .field--name-field-media-image,
    .field--name-field-media-image * {
        justify-content: flex-start;
    }
}

.block-views-blockboard-of-commissioners-block-5 .node__content .field--name-field-media-image {
    display: flex;
    justify-content: flex-start;
    flex: 1;

    img {
        width: 229.12px;
        height: 297.389px;
    }
}


.horizontal-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: start;
    gap: 14px;
    flex: 1;
}

.legis-text .field--name-body {
    a {
        color: var(--color-secondary) !important;
    }

    strong {
        color: #000;
    }
}

.legislation-card-view {
    padding-bottom: 20px;
}

.legislation-card-view h3 .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-block: 20px;
}

.block-views-blocklegislation-block-6 .legislation-card-view .card-body {
    min-height: 186px;
    height: 196px;


}

.legislation-card-view .card-body {
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    border: 1px solid #C7C2C2;
    background: #FFF;
    min-height: 197px;
    height: 230px;
    justify-content: space-between;

    h2 a {
        display: inline-block;
        max-height: 97px;
        overflow: hidden;
    }
}

.legislation-card-view h3 .content .field--name-description {
    color: #282828;
    font-size: 15px;
    line-height: 31px;
    padding-bottom: 20px;
}

.legislation-card-view .node__content {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    min-height: 391px;
}

.legislation-card-view .node__content .field--name-field-image2 {
    width: 100%;
    height: 201px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
}

.pdf-wrapper .media-card-title.file-name {
    max-height: 61px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    padding-inline: 23px;
}

.pdf-wrapper a,
.legislation-card-view .node__content .field--name-field-file a {
    background: var(--color-primary);
    color: #fff;
    text-align: center;
    font-family: Cairo;
    font-size: 12.894px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.211px;
    width: 111px;
    height: 35.706px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 10px;
    transition: .3s;
}

.legislation-card-view .node__content .field--name-field-file a:hover,
.pdf-wrapper a:hover,
.reports-card .view-content .views-row .field--name-field-file a:hover {
    color: #fff;
    background: var(--color-secondary);

}

.legislation-rules .card-body {
    background: url(../images/rules.svg) no-repeat;
    background-position: 44px 77%;
    background-size: 55px;
}

.legislation-card-horizontal .node__content {
    display: grid;
    grid-template-columns: 1fr 3fr;
    min-height: auto;
}

.legislation-card-horizontal .node__content .field--name-field-image2 {
    background: url(../images/pdf-back.png) var(--color-primary) no-repeat;
    background-position: center center;
    background-size: 45px;
}

.legislation-card-horizontal .node__content .field--name-field-image2 {
    height: 100%;

}

.legislation-card-horizontal .swiper-wrapper {
    height: 266px;
}

.legislation-card-horizontal h3 .content .field--name-description {
    padding: 0;
}

/* .legislation-card-horizontal .field--name-field-media-image {
    background: url(../images/pdf-back.svg) var(--color-primary) no-repeat;
} */

.legislation-card-horizontal .field--name-field-media-image img {
    width: 0;
    height: 0;

}

.block-views-blocknews-block-3 .ticker-view {
    height: auto;
}

.block-views-blocknews-block-3 .ticker-view .view-content {
    width: 100%;
}

.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .view-header {
    padding-block: 42px;
}

.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .view-content {
    grid-template-columns: repeat(3, 1fr);
    padding-inline-end: 80px;

    .views-field-title {
        color: var(--color-primary);
        text-align: center;
        font-size: 19px;
        font-weight: 700;
        line-height: 30.667px;
        height: 46px;
        padding: 0 35px;
        display: flex;
        align-items: center;
    }

    img {
        width: 89.047px;
        height: 93.5px;
        object-fit: contain;
    }
}

.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .pdf-wrapper {
    transition: .3s;
}

.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .pdf-wrapper:hover {
    box-shadow: rgba(246, 147, 32, 0.38) 0px 0px 10.2px 4.8px;
}

/* 
.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .pdf-wrapper:hover .views-field-title {
    color: #fff;
}

.block-views-blockorganizational-structure-managers-block-1 .pdf-grid .pdf-wrapper:hover a {
    background-color: #fff;
    color: var(--color-primary);
} */

.view-organizational-structure-managers-page .views-field-title {
    color: var(--color-primary);
    font-family: Cairo;
    font-size: 20px;
    padding-bottom: 22px;
}

.view-organizational-structure-managers-page .views-field-body span,
.view-organizational-structure-managers-page .views-field-body p,
.view-organizational-structure-managers-page .views-field-body {
    color: var(--color-primary);
    font-family: Cairo !important;
    font-size: 15px;
}


.pdf-grid .view-content {
    display: flex;
    justify-content: center;
    gap: 30px 16px;
}

.block-views-blocknews-block-3 .pdf-wrapper {
    gap: 0;
}

.block-views-blocknews-block-3 .pdf-wrapper .file--application-pdf {
    height: 100px;
}

.block-views-blocknews-block-3 .pdf-wrapper a {
    background-color: transparent !important;
    color: var(--color-primary);
}

.pdf-wrapper .file--application-pdf,
.pdf-icon {
    background-image: url(../images/pdf-back.svg);
    background-repeat: no-repeat;
    background-position: top center !important;
    height: 73px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 !important;
    font-size: 0;
}


.pdf-wrapper {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #E8E8E8;
    background: #FFF;
    height: 263px;
    text-align: center;
    padding-inline: 3px !important;
    width: 312px;

    a {
        color: #fff;
        margin: 18px auto 0;
    }
}


.pagination {
    justify-content: center;
    margin-top: 40px;
    gap: 6px;

    .page-item.active span,
    a {
        color: var(--color-primary);
        font-size: 17.196px;
        line-height: 24.551px;
        width: 43.944px !important;
        height: 43.944px !important;
        border-radius: 50% !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #BABABA;

    }

    .page-item.active span,
    a:hover {
        border: 1px solid var(--color-primary);
        color: #fff;
        background-color: var(--color-primary);
    }
}

.block-views-blockelection-map-block-2 .view-header {
    padding-bottom: 30px;
}

.block-views-blockelection-map-block-2 .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 16px;
}

.block-views-blockelection-map-block-2 .view-content .views-row:first-child {
    grid-column: 1 / -1;
    padding-inline: 270px !important;
}

.block-views-blockelection-map-block-2 .view-content .views-row {
    background-color: var(--dark-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 15px;
    padding: 40px 25px !important;
    position: relative;
    overflow: hidden;
    transition: .3s;
}

.block-views-blockelection-map-block-2 .view-content .views-row .views-field-field-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 30.667px;
}

.block-views-blockelection-map-block-2 .view-content .views-row .views-field-field-body {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 30.667px;
}

/* the hidden overlay */
.block-views-blockelection-map-block-2 .view-content .views-row .views-field-nothing {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    background: #ffffffad;
    display: flex;
    align-items: center;
    backdrop-filter: blur(1px);
    justify-content: center;
    transition: opacity 0.4s ease;
    background: transparent;
    opacity: 1;
}

/* show on hover */
.block-views-blockelection-map-block-2 .view-content .views-row:hover .views-field-nothing {
    opacity: 1;
}

.block-views-blockelection-map-block-2 .view-content .views-row {
    background-size: 170px !important;
}

.block-views-blockelection-map-block-2 .view-content .views-row:hover {
    background-size: 130px !important;
    box-shadow: 0 0 9px 0px #000;
    background-position: center 10px !important;
}

.block-views-blockelection-map-block-2 .view-content .views-row .views-field-nothing .show-page-details a:hover {
    background: var(--color-secondary);
    color: #fff;
}

.grid-card-blue .view-content {
    display: flex;

    flex-wrap: wrap;
    align-items: center;
    gap: 21px;
    justify-content: center;
}

.grid-card-blue .view-content .blue-block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 72px;
    background-color: var(--dark-blue);
    width: 32%;
    height: 222px;
    flex-shrink: 0;
    transition: .3s;

    .views-field-views-conditional-field,
    .views-field-views-conditional-field *,
    .views-field-nothing,
    .views-field-nothing *,
    .views-field-nothing-2,
    .views-field-nothing-2 *,
    .views-field-field-title,
    .views-field-field-title *,
    .views-field-field-text,
    .views-field-field-text *,
    .views-field.views-field-title,
    .views-field.views-field-title * {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        object-fit: cover;
        padding-inline: 4px;
    }

    .views-field-views-conditional-field,
    .views-field-views-conditional-field * {
        padding: 0;
    }

    .views-field-nothing a {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 21px;
        height: 100%;
        width: 100%;

        div,
        img {
            width: auto;
            height: auto;
        }
    }

    a {
        color: #fff;
        transition: .3s;
    }

    a:hover {
        /* box-shadow: 0 0 9px 0px #000;
        background-color: var(--color-primary); */
    }
}

.grid-card-blue .view-content .blue-block:hover {
    box-shadow: 0 0 9px 0px #000;
    background-size: 90.014px !important;
    background-position: center 7px !important;
}

.view-election-details .view-header {
    padding-bottom: 30px;
}

.election-header .view-content {
    all: unset;
    padding-bottom: 20px;
}

.election-image .views-field-views-conditional-field ol,
.election-header ol {
    padding: 0;
    list-style-position: inside;
    color: #201D1E;
    font-size: 15px;
    font-weight: 600;
    line-height: 31px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.election-image .field--type-image {
    margin-block: 30px !important;
}

.election-image .field--type-image,
.election-image .field--type-image * {
    width: 100%;
    height: 454px;
    object-fit: contain;
}

.contact-us-wrapper .layout {
    justify-content: space-between;
}


.contact-us-wrapper .col-lg-9 {
    width: 70% !important;
    padding: 0%;
}

.contact-us-wrapper .col-lg-9 h2 {
    padding-bottom: 30px;
    font-size: 25px;
    line-height: 36px;
}

.contact-us-wrapper .col-lg-9 form {
    border: 1px solid #D2D2D2;
    background: #F8F8F8;
    padding: 48px 73px;
}

.contact-us-wrapper .col-lg-9 .field--name-body>p {
    height: 307px;
    overflow: hidden;
}

.contact-us-wrapper .col-lg-9 .field--name-body>p iframe {
    height: 100%;
    margin-top: 15px;
    width: 100%;
}

.contact-us-wrapper .col-lg-9 #edit-flexbox {
    margin: 0;
    gap: 6px;
}

.contact-us-wrapper .col-lg-9 input,
.contact-us-wrapper .col-lg-9 textarea {
    border: 0.841px solid rgba(46, 46, 46, 0.40);
    background: #FFF;
    border-radius: 0;
    color: #8A8A8A;
    font-size: 13px;
    font-weight: 400;
    line-height: 30.667px;
}

.contact-us-wrapper .col-lg-9 .webform-flex--1,
.contact-us-wrapper .col-lg-9 .webform-flex--1 * {
    width: 100%;
    margin: 0;

}

.contact-us-wrapper .col-lg-9 label {
    padding-bottom: 5px;
}

.contact-us-wrapper .col-lg-9 button {
    all: unset;
    width: 95px;
    height: 30.369px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    padding: 19px 56px;
    background: var(--color-primary);
    transition: .3s;
    color: #Ffff;
}

.contact-us-wrapper .col-lg-9 button:hover {
    background-color: var(--color-secondary);

}

/* ----------- Sidebar ----------- */

.contact-us-wrapper .col-lg-3 {
    width: 29% !important;
    position: relative;
    background: var(--color-primary);
    overflow: hidden;
    padding: 45px 29px;
}

.contact-us-wrapper .col-lg-3 .block-views-blockcontact-us-info-block-1 {
    position: relative;
    z-index: 9999;
}

.contact-us-wrapper .col-lg-3 h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 25px;
}

.contact-us-wrapper .col-lg-3 .node--view-mode-teaser {
    padding-bottom: 28px;
}

/* Background pattern */
.contact-us-wrapper .col-lg-3::before {
    content: '';
    position: absolute;
    top: 42px;
    right: -29px;
    width: 100%;
    height: 100%;
    background: url(../images/contact.svg) no-repeat bottom right;
    display: inline-block;
    z-index: 9;
    filter: grayscale(1) invert(0.3);
    opacity: 0.2;
    transition: 0.3s;
}

/* Contact Info */
.contact-us-wrapper .col-lg-3 .field--name-field-paragraph-info {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 99999;
    gap: 23px;
}

.contact-us-wrapper .col-lg-3 .field--name-field-paragraph-info .paragraph--type--contact-us-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
}

.contact-us-wrapper .col-lg-3 .field--name-field-paragraph-info .paragraph--type--contact-us-info .field--type-string {
    padding-inline-start: 10px;
    font-size: 14px;
}

.contact-us-wrapper .col-lg-3 .field--name-field-paragraph-info .paragraph--type--contact-us-info a {
    color: #fff;
}

.contact-us-wrapper .col-lg-3 .field--name-field-paragraph-info .paragraph--type--contact-us-info img {
    object-fit: contain;
    width: 16px;
    height: 23.751px;
    flex-shrink: 0;
}

/* Social Media */
.contact-us-wrapper .col-lg-3 .menu--header-social-media {
    position: relative;
    color: #fff;
    z-index: 9999;
}

.contact-us-wrapper .col-lg-3 .menu--header-social-media h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
}

.contact-us-wrapper .col-lg-3 .menu--header-social-media ul {
    gap: 7.34px;
}

.contact-us-wrapper .col-lg-3 .menu--header-social-media .nav-link:hover {
    color: var(--color-primary);
    border-color: #fff;
    background-color: #fff;
}

.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
    display: none;
}

.timeline {
    background: #F5F5F5;
}

.view-electronic-timeline .view-content {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    padding-block: 30px;

}

.view-electronic-timeline .view-content .views-row {
    background: url(../images/complete1.svg) no-repeat;
    background-size: 101%;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 264px;
    justify-content: center;
    position: relative;
}

.view-electronic-timeline .view-content .status-current {
    background: url(../images/current.svg) no-repeat;
    background-size: contain;
    background-position: center center;

    .views-field-title {
        color: var(--color-primary);
        background: url(../images/inner-current.svg) no-repeat !important;
        background-size: contain !important;
        border-color: #D3AF37 !important;
    }
}

.view-electronic-timeline .view-content .status-upcoming {
    background: url(../images/upcoming.svg) no-repeat;
    background-size: contain;
    background-position: center center;

    .views-field-title {
        background: #959595 !important;
        border-color: #959595 !important;
    }
}

.view-electronic-timeline .view-content .status-upcoming:last-of-type {
    background-image: url(../images/end.svg);
}



.view-electronic-timeline .view-content .views-row .views-field-title {
    border-radius: 50%;
    background: var(--color-primary);
    height: 82px;
    width: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 5px;
    border: 2px solid var(--color-primary);
    position: relative;

    .field-content {
        display: flex;
        width: 97%;
        height: 97%;
        border: 2px solid #fff;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        padding-inline: 20px;
        line-height: 1;
        box-shadow: -1px 3px 10px 0px #000;

        a {
            color: #fff !important;
            text-decoration: none;
            position: relative;
            z-index: 999;
        }
    }
}

.view-electronic-timeline .view-content .views-row .views-field-title {}

.view-electronic-timeline .view-content .status-current .views-field-title .field-content a {
    color: var(--color-primary) !important;
    position: relative;
    z-index: 999;
}

.view-electronic-timeline .view-content .views-row .views-field-title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.view-electronic-timeline .view-content .views-row .views-field-field-text {
    position: absolute;
    width: 152px;
    right: 7%;
    color: #5D5D5D;
    padding-inline: 11px 0px;
    align-items: flex-start;
    height: 58.108px;
    flex-shrink: 0;
}

.view-electronic-timeline .view-content .views-row .views-field-field-text::before {
    content: "";
    width: 5.426px;
    height: 42.108px;
    flex-shrink: 0;
    background-color: #959595;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: none;
}

.view-electronic-timeline .view-content .views-row:nth-child(odd) .views-field-field-text {
    top: 29px;
    bottom: auto;
}

.view-electronic-timeline .view-content .status-done .views-field-field-text {
    color: var(--color-primary) !important;
}

.view-electronic-timeline .view-content .status-done .views-field-title .field-content {
    font-size: 0;
    background: var(--color-primary) url(../images/check.svg) no-repeat;
    background-size: 50%;
    background-position: center center;

}

.view-electronic-timeline .view-content .status-done .views-field-field-text::before {
    background-color: var(--color-primary) !important;

}

.view-electronic-timeline .view-content .status-current .views-field-field-text {
    color: #AE890D !important;
}


/* centered arc variant */
.view-electronic-timeline .view-content .status-current .views-field-title .field-content::after {
    content: "";
    position: absolute;
    width: 72%;
    height: 72%;
    top: 14%;
    /* (100% - 72%) / 2 */
    right: 14%;
    border-radius: 50%;
    background: conic-gradient(#fff 0 90deg, transparent 90deg);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
    transform-origin: 50% 50%;
    animation: timeline-spin 1s linear infinite;
}

@keyframes timeline-spin {
    to {
        transform: rotate(360deg);
    }
}

.view-electronic-timeline .view-content .status-current .views-field-field-text::before {
    background-color: #AE890D !important;

}

.view-electronic-timeline .view-content .status-current::before {
    background: #AE890D !important;

}

/* الخط */
.view-electronic-timeline .view-content .views-row::before {
    content: "";
    position: absolute;
    width: 2px;
    /* سماكة الخط */
    height: 60px;
    /* الطول - عدل حسب حاجتك */
    background: #aaa;
    /* اللون الرمادي */
    right: 0;
    /* بداية العنصر (RTL) */
}

/* الصفوف الفردية → الخط للأعلى */
.view-electronic-timeline .view-content .views-row:nth-child(odd)::before {
    top: 39px;
}



/* الدائرة */
.view-electronic-timeline .view-content .views-row::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../images/dot.svg) no-repeat center center;
    background-size: contain;
    border-radius: 50%;
    right: -3px;
}

/* فردي → فوق */
.view-electronic-timeline .view-content .views-row:nth-child(odd)::after {
    top: 26px;
}

/* زوجي → تحت */
.view-electronic-timeline .view-content .views-row:nth-child(even)::after {
    bottom: 21px;
}

.view-electronic-timeline .view-content .status-current::after {
    background: url(../images/dot1.svg) no-repeat center center;
    background-size: contain;
}



.view-electronic-timeline .view-content .views-row:nth-child(even) .views-field-field-text {
    top: auto;
    bottom: 27px;
}


.view-electronic-timeline .view-content .views-field-field-date-2 {
    display: none;
}

.view-electronic-timeline .view-content .views-row.status-done:last-child {
    background-image: url(../images/last-complete.svg) !important;

}

.view-electronic-timeline .view-content .views-row.status-done:not(:first-child) {
    background-image: url(../images/done2.svg);
}

/* base gray line */
.view-electronic-timeline .view-content .views-row::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 77px;
    background: #A5A5A5;
    right: 4px;
    flex-direction: column;
    justify-content: flex-start;
}


/* even → line goes down */
.view-electronic-timeline .view-content .views-row:nth-child(even)::before {
    bottom: 34px;
}

.elections-type-swiper .swiper .vocabulary-types-of-elections {
    width: 100%;

    .field--name-field-media-image,
    .field--name-field-media-image * {
        width: 100%;
    }
}

.offer .view-content {
    display: flex;
}

.page-node-22735 .grid-card-blue .view-content .row-custom-cover-image {
    height: 450px !important;
    position: relative;

    a {
        color: #fff !important;
        transition: .3s;
        position: absolute;
        z-index: 9999;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 50px;
    }

    a:hover {
        box-shadow: rgb(0, 0, 0) 0px 0px 9px 0px;
        background-color: transparent;
    }
}

.row-custom-cover-image {

    .field--name-field-media-image,
    .field--name-field-media-image *,
    .field--type-image,
    .field--type-image * {
        height: auto;
        margin-block: 0 !important;
    }
}

.studies .col-12 {
    padding: 0 !important;
}

.view-studies-and-statistics .views-row.content-body {
    padding-inline: 76px !important;
}

.view-studies-and-statistics .views-field-field-body {
    padding-bottom: 30px;

    h2 {
        padding-block: 15px;
    }
}

.view-studies-and-statistics .views-field-views-conditional-field {
    /* padding-bottom: 60px; */

    .views-field-views-conditional-field {
        padding-bottom: 0;
    }
}

.view-studies-and-statistics .views-row.content-body:not(:first-of-type) {
    background: #F4F4F4;
    padding-block: 50px;

    .views-field-field-body {
        padding-bottom: 0;

        h2 {
            padding-block: 0;
        }
    }

    .views-field-views-conditional-field {
        padding-bottom: 0;
    }
}

.view-studies-and-statistics .views-row.content-body.content-chart {
    background: #fff;
    padding-block: 55px;

    .content-body {
        /* border: 0.829px solid #DEDEDE; */
        background: #FFF;
        /* box-shadow: 0 0 8.286px 0 rgba(0, 0, 0, 0.25); */
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.view-studies-and-statistics .content-table .content-body {
    height: 382px !important;
    box-shadow: 0 0 8.286px 0 rgba(0, 0, 0, 0.25);
    padding-inline: 70px;

    .chart-table {
        width: 100%;
    }
}

.view-studies-and-statistics .chart-wrapper .content-body {
    display: grid;
    width: 100%;
    height: 382px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    ;
    align-items: center;
    gap: 17px;

    .individual-chart {
        height: 100%;
        width: 100%;
        justify-content: center;
        border: 0.829px solid #DEDEDE;
        background: #FFF;
        box-shadow: 0 0 8.286px 0 rgba(0, 0, 0, 0.25);
    }
}

.view-studies-and-statistics .views-row.content-body {
    padding-top: 55px;


    .chart-percentage {
        display: grid;
        width: 100%;
        height: 382px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        ;
        align-items: center;
        gap: 17px;
        height: 100%;

        .percentage-item {
            height: 100%;
            justify-content: center;
            border: 0.829px solid #DEDEDE;
            background: #FFF;
            box-shadow: 0 0 8.286px 0 rgba(0, 0, 0, 0.25);
            padding: 50px;

        }
    }
}

.view-studies-and-statistics .pdf-grid {
    padding: 55px 76px !important;
}

.view-studies-and-statistics .views-row.content-body.content-chart:last-of-type {
    padding-top: 15px;
}



.view-studies-and-statistics .pdf-wrapper {
    transition: .3s;
}

.view-studies-and-statistics .pdf-wrapper:hover {
    background: var(--color-primary);

}

.view-studies-and-statistics .pdf-wrapper:hover a {
    background: #fff !important;
    color: var(--color-primary) !important;
}

.view-studies-and-statistics .pdf-wrapper .media-card-title {
    height: 50px;
    padding: 0 20px;
}

.view-studies-and-statistics .pdf-wrapper:hover .media-card-title {
    color: #fff !important;
}


.color-selection {
    display: none;
}

.elections-type-swiper .swiper .vocabulary-types-of-elections .field--name-field-media-image.field__item .field--name-field-media-image,
.elections-type-swiper .swiper .swiper-slide {
    .views-field-view {
        display: none;
    }

    .views-field-nothing a {
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;

    }
}

.elections-type-swiper .swiper .views-field-nothing a :hover .summary-overlay {}

.site-footer .footer-second ul a,
.site-footer .footer-third ul a {
    height: 37px;
}

#block-bootstrap-barrio-subtheme-atslbna p {
    margin-top: 0 !important;
    height: 44px;
}

.site-footer {
    padding: 64px 0 27px;
}

nav#block-bootstrap-barrio-subtheme-topheadermenu-2 {
    margin-right: 40%;
}

div#block-bootstrap-barrio-subtheme-backtotop {
    transform: translateY(-17px);

    .field--name-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

.node--type-about-us .col-12 .block-field-blocknodeabout-usbody img {
    width: 95%;
    height: 100%;
}

/* .node--type-board-of-commissioners .container-fluid .layout.row.no-gutters.layout-builder__layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 13px;

    h2 {
        text-align: center;
    }

    .col-12 {
        text-align: start;
    }
} */

.path-frontpage .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 33px !important;
}

.electoral-descriptions {
    padding-bottom: 55px;
}

.electoral-descriptions .block-field-blocknodeelectoral-institutefield-media-image img {
    width: 100%;
}

.electoral-descriptions .field--name-body {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 20px;
}

.electoral-descriptions .field--name-body ul {
    display: flex;
    flex-direction: column;
    gap: 31px;
}

.electoral-descriptions .field--name-body ul li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    position: relative;
    padding-inline-start: 26px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 31px;
    transition: .3s;
}

.electoral-descriptions .field--name-body ul li:hover {
    font-size: 16px;
}

.electoral-descriptions .field--name-body ul li:before {
    content: "";
    width: 19.999px;
    height: 19.973px;
    background: url(../images/li-icon.svg);
    background-size: contain;
    /* background-position: center center; */
    background-repeat: no-repeat;
    position: absolute;
    right: -5px;
    top: 6px;

}


.electoral-sections {
    padding: 35px 75px 50px !important;
    background: #F6F6F6;
}

.block-field-blocknodeelectoral-institutefield-paragraph-1>h2 {
    color: #282828;
    font-size: 15px;
    font-weight: 600;
    line-height: 31px;
    padding-bottom: 36px;
    /* 206.667% */
}

.block-field-blocknodeelectoral-institutefield-paragraph-1 .content .field--name-field-paragraph-1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;

}


.block-field-blocknodeelectoral-institutefield-paragraph-1 .content .field--name-field-paragraph-1>.field__item {
    flex: 1;
}

.block-field-blocknodeelectoral-institutefield-paragraph-1 .content .field--name-field-paragraph-1>.field__item .paragraph--view-mode--card-media {
    width: 100%;
    height: 100%;
    position: relative;
}

.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .field--name-field-image,
.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .field--name-field-image * {
    width: 100%;
    height: 100%;
}

.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .card-section-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s;
}

.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .card-section-body .card-section-title {
    display: flex;
    gap: 20px;
    color: #FFF;
    font-family: Cairo;
    font-weight: 700;
    line-height: 31px;

}


.view-academic-programs .view-content .views-row .card-section-body .views-field-views-conditional-field a,
.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .field--name-field-link a {
    background: #fff;
    color: var(--dark-blue);
    text-align: center;
    font-family: Cairo;
    font-size: 12.894px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.211px;
    width: 111px;
    height: 35.706px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 10px;
    transition: .3s;
}

.view-academic-programs .view-content .views-row .card-section-body .views-field-views-conditional-field a:hover,
.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section .field--name-field-link a:hover {
    background-color: var(--color-secondary);
    color: #fff;
}

.view-academic-programs .view-content .views-row:hover .card-section-body,
.block-field-blocknodeelectoral-institutefield-paragraph-1 .card-section:hover .card-section-body {
    background: #36454f57;
}

.node--type-electoral-institute main#content {
    padding: 50px 0 0;


}

.node--type-electoral-institute .site-footer {
    margin-top: 0;
}

.block-views-blockacademic-programs-block-1 .view-academic-programs .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.view-academic-programs .view-content .views-row {
    position: relative;
}

.view-academic-programs .view-content .views-row .card-section-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    z-index: 9;
}

.view-academic-programs .view-content .views-row .card-section-body .card-section-title {
    display: flex;
    gap: 20px;

    a {
        font-size: 20px;
        color: #fff;
    }
}

.view-academic-programs {

    .views-field.views-field-field-media-image,
    .views-field.views-field-field-media-image * {
        width: 100%;
        height: 100%;
    }
}

.view-academic-programs .view-header h2 {
    padding-block: 38px;
}

.node--type-academic-programs #main .row-offcanvas {
    flex-wrap: nowrap;
}

.coverflow-wrapper .swiper-coverflow {
    width: 900px;
    padding-top: 100px;
    padding-bottom: 50px;
}

.coverflow-wrapper .swiper-coverflow .swiper-slide {
    width: 303.302px;
}

.coverflow-wrapper .swiper-coverflow .swiper-slide.swiper-slide-active {
    transform: scale(1.2) !important;
}

.coverflow-wrapper .swiper-coverflow .swiper-slide .field--name-field-label-name {
    opacity: 0;
    transition: .2s;
    color: var(--color-primary);
    text-align: center;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.25px;
    /* 126.25% */
}

.coverflow-wrapper .swiper-coverflow .swiper-slide.swiper-slide-active .field--name-field-label-name {
    opacity: 1;
}

.coverflow-wrapper .swiper-coverflow .swiper-slide img {
    filter: brightness(.5);
    box-shadow: 0 0 18.365px 0 rgba(0, 0, 0, 0.80);
    transition: .3s;
    height: 350px;
    margin-bottom: 20px;
    object-fit: cover;
}

.coverflow-wrapper .swiper-coverflow .swiper-slide.swiper-slide-active img {
    filter: brightness(1);
}


div#sidebar_first {
    padding-inline-end: 20px;
}

.sidebar_first .view-academic-programs .view-content {
    grid-template-columns: 1fr;

}

.sidebar_first .view-content ul {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.sidebar_first .view-content ul li {
    width: 100%;
    padding: 0;
}

.sidebar_first .view-content ul li a {
    display: flex;
    background: #FFF;
    color: #000;
    font-size: 16px;
    transition: .2s;
    padding: 13px 28px 13px 17px;
    border-radius: 70px;
    border: 1px solid var(--color-primary);

}

.sidebar_first .view-content ul li a:hover,
.sidebar_first .view-content ul li.active a {
    background-color: var(--color-primary);
    color: #fff;
}

.youth-sections .field--name-field-section {
    gap: 20px;
    display: flex;
    padding-block: 50px;
    margin-top: 41px;
    padding-inline: 76px;
    background: #F4F4F4;
}

.parties .field--name-field-section {
    gap: 20px;
    display: flex;
    padding-block: 30px;
}

.youth-sections .field--name-field-section>.field__item,
.parties .field--name-field-section>.field__item {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.youth-sections .field--name-field-section>.field__item:hover img,
.parties .field--name-field-section>.field__item:hover img {
    transform: scale(1.2);
    transition: .3s;
}

.youth-sections .field--name-field-section>.field__item .card-section-body,
.parties .field--name-field-section>.field__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    padding: 100px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.youth-sections .field--name-field-section .field--name-field-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.youth-sections .field--name-field-section>.field__item .card-section-body {
    flex-direction: column;
    gap: 20px
}

.youth-sections .field--name-field-section>.field__item .card-section-body:hover,
.parties .field--name-field-section>.field__item a:hover {
    background-color: #36454f42;
}

.youth-sections .field--name-field-section>.field__item .card-section-body a {
    background-color: #fff;
    width: 170.5px;
    height: 37.526px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary);
    font-size: 13.551px;
    transition: .3s;
}

.youth-sections .field--name-field-section>.field__item .card-section-body a:hover {
    background-color: #A93226;
    color: #fff;
}

.block-views-blockparty-registry-block-1 .view-content {
    display: flex;
    flex-direction: column;
    gap: 20px;

}

.block-views-blockparty-registry-block-1 .view-content .views-row .js-views-accordion-group-header {
    display: flex;
    background: black;
    background: #FFF;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    height: 71px;
    align-items: center;
    padding-inline: 30px;
    gap: 15px;
    color: var(--color-primary);
    font-family: Cairo;
    font-size: 20px;
    font-weight: 700;
}

.block-views-blockparty-registry-block-1 {

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border-color: var(--color-primary) !important;

    }
}

.block-views-blockparty-registry-block-1 .view-content .views-row .js-views-accordion-group-header .field--name-field-media-image {
    background: #A93226;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

    img {
        width: 20px;
        height: 25px;
        object-fit: contain;
    }
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    height: max-content !important;
    background: #F9FBFF;
    padding: 2.6em 2em !important;
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active ul li {
    width: 169px;
    height: 272px;
    flex-shrink: 0;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    padding: 0 6px;

    .paragraph--type--paragraph-image-and-pdf {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%;
        padding-top: 18px;
        gap: 6px;
    }

    h2 {
        color: #36454F;
        text-align: center;
        font-family: Cairo;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 30.667px;
        height: 90px;
        overflow: hidden;
    }
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active ul li .field--name-field-media-image {
    transition: .3s;
}

.block-views-blockparty-registry-block-1 .ui-accordion .ui-accordion-content.ui-accordion-content-active ul li:hover .field--name-field-media-image {
    transform: rotate(10deg);
}


.node--type-electoral-institute {
    .inner-image {
        height: 284px;
        position: relative;

        video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            object-fit: cover;
            z-index: -1;
            filter: brightness(0.6);
        }
    }

    section.row.region.region-inner-image {
        width: 100%;
        z-index: 99;
        position: absolute;
        height: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        gap: 20px;
    }

    .view-electoral-institute .views-field-field-paragraph .field-content {
        display: flex;
        justify-content: space-around;
        padding-top: 21px;
    }

    .view-electoral-institute .views-field-field-paragraph .paragraph--type--facts-with-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px;
        width: 100%;
        position: relative;

        /* required for ::after */
        .image-wrapper h2,
        .image-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #fff;
        }

        .fact-content {
            flex-direction: row;
            display: flex;
            color: #fff;
            font-size: 50px;
            line-height: 1;
        }
    }



    .view-electoral-institute .views-field-field-paragraph .paragraph--type--facts-with-icons:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 80%;
        background: #fff;
    }
}


.block-views-blockvoter-records-page-block-2 .views-row {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.parties-inner .field--name-body .pdfBlock {
    text-align: center;
}

.table-voter .view-header .text-align-right {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.table-voter .view-header a,
.block-views-blockvoter-records-page-block-2 .views-row a,
.parties-inner .field--name-body .pdfBlock a {
    background: #A93226;
    color: #fff;
    width: 505px;
    display: inline-block;
    padding: 10px;
    padding-inline: 65px;
    text-align: justify;
    font-size: 17.697px;
    position: relative;
}

.table-voter .view-header a,
.block-views-blockvoter-records-page-block-2 .views-row a {
    padding: 18px 64px;
}

.table-voter .view-header a::before,
.block-views-blockvoter-records-page-block-2 .views-row a::before,
.parties-inner .field--name-body .pdfBlock a::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 35px;
    height: 42px;
    flex-shrink: 0;
    background: url(../images/pdf-link.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.view-political-parties .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 28px 18px;
    justify-content: center;
    align-items: center;
}

.view-political-parties .view-content .views-row {
    border: 2px solid #E8E8E8;
    background: #FFF;
    width: 280px;
    height: 263px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    .node__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;

        img {
            height: 170px;
            object-fit: contain;
        }
    }
}

.view-political-parties .view-content .views-row {
    transition: .3s;
}

.view-political-parties .view-content .views-row:hover {
    box-shadow: rgba(246, 147, 32, 0.38) 0px 0px 10.2px 4.8px;
    transform: scale(1.05);
    position: relative;
    z-index: 999;
}

.view-political-parties .view-content .views-row a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 0;
}

.view-political-parties .view-content .views-row h2 {
    height: 48px;
    text-align: center;
    padding-inline: 10px;
    font-size: 20px;

}

.view-political-parties .view-filters form {
    width: 505px;
    margin: auto;
    padding-block: 20px;
}

.view-political-parties .view-filters form>.d-flex {
    gap: 10px;
}

.view-political-parties .view-filters form input {
    height: 39px;
    width: 301px;
    border-radius: 0;
}

.view-political-parties .view-filters form>.d-flex .form-submit {
    height: 39px;
    color: #FFF;
    font-size: 13.238px;
    line-height: 17.672px;
    border-radius: 0;
    transition: .3s;
    width: 95px;
}

.view-political-parties .view-filters form>.d-flex .form-submit:hover {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background-color: #fff;
}

.view-political-parties .view-filters form>.d-flex #edit-reset {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background-color: #fff;
    transition: .3s;
}

.view-political-parties .view-filters form>.d-flex #edit-reset:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.ui-dialog article.node--type-political-parties {
    font-family: Cairo;
}

.popup-imges-side {
    flex: 1;
}

.popup-imges-side .paragraph--type--paragraph-image-and-pdf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 2px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    width: 180px !important;
    height: 304px;
    text-align: center;
    margin: auto;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.popup-imges-side .paragraph--type--paragraph-image-and-pdf:hover {
    box-shadow: rgba(246, 147, 32, 0.38) 0px 0px 10.2px 4.8px;

}

.popup-imges-side .paragraph--type--paragraph-image-and-pdf:hover img {
    transform: rotate(-13deg) scale(1.2);
}

.popup-imges-side .paragraph--type--paragraph-image-and-pdf img {
    width: 75.931px !important;
    height: 94.349px !important;
    transition: .3s;
}

.popup-imges-side .paragraph--type--paragraph-image-and-pdf .field--name-field-media-document a {
    display: flex;
    background: #142438;
    width: 93.261px !important;
    margin: auto;
    height: 30px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: Cairo;
    font-size: 10.833px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.342px;
    align-items: center;
    justify-content: center;
}

.node--type-layout-page .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 37px !important;
}

.popup-desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 60% !important;
    flex: 3;
    font-size: 13px;
}

.popup-desc .field__label {
    font-weight: bolder;
    font-size: 16px;
    padding-inline-start: 30px;
    position: relative;
    color: var(--dark-blue);
}

.popup-desc .field__label::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 23px;
    flex-shrink: 0;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transition: .3s;
}

.popup-desc .block-field-blocknodepolitical-partiesfield-text .field__label::after {
    background: url(../images/pop1.svg);
}

.popup-desc .block-field-blocknodepolitical-partiesfield-text-2 .field__label::after {
    background: url(../images/pop2.svg);
}

.popup-desc .block-field-blocknodepolitical-partiesfield-text-multiple .field__label::after,
.popup-desc .block-field-blocknodepolitical-partiesfield-guid .field__label::after {
    background: url(../images/pop3.svg);
}

.popup-desc .block-field-blocknodepolitical-partiesfield-date .field__label::after {
    background: url(../images/pop4.svg);
}

.popup-desc .block-field-blocknodepolitical-partiesfield-text-1 .field__label::after {
    background: url(../images/pop5.svg);
}

.block-field-blocknodepolitical-partiesfield-email .field__label::after {
    background: url(../images/email.svg);
}

.block-field-blocknodepolitical-partiesfield-link .field__label::after {
    background: url(../images/web.svg);
}

.block-field-blocknodepolitical-partiesfield-national-number .field__label::after {
    background: url(../images/uid.svg);

}

.youth-desc .field--name-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.field--name-field-section {
    display: flex;
    gap: 20px;
}

.page-node-25692 main#content {
    padding-bottom: 0 !important;
}

.page-node-25692 .site-footer {
    margin: 0;
}

.block-views-blockgovernorates-views-block-1 .view-governorates-views .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.block-views-blockgovernorates-views-block-1 .view-governorates-views .view-content .views-row {
    position: relative;
    height: 215px;

}

.block-views-blockgovernorates-views-block-1 .view-governorates-views .view-content .views-row .views-field-field-media-image,
.block-views-blockgovernorates-views-block-1 .view-governorates-views .view-content .views-row .views-field-field-media-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.city-text-wrapper {
    position: absolute;
    top: 0%;
    left: 0%;
    gap: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .3s;
    padding-top: 30px;
    overflow: hidden;
}

.city-text-wrapper .views-field-field-media-image,
.city-text-wrapper .views-field-field-media-image * {
    height: 100%;
    width: 100%;

}

.city-text-wrapper h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
}

.city-text-wrapper a {
    background: #fff;
    color: var(--dark-blue);
    text-align: center;
    font-family: Cairo;
    font-size: 13.894px;
    font-style: normal;
    font-weight: 700;
    width: 170.5px;
    height: 37.526px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    transition: .3s;
    opacity: 0;
}

.city-text-wrapper:hover {
    padding-bottom: 10px;
    background-color: #0000001f;
}

.city-text-wrapper:hover a {
    opacity: 1;
}

.ui-dialog .view-governorates-views .views-field-name {
    color: var(--color-primary);
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.667px;
    padding-block: 10px;
    /* 153.333% */
}

.ui-dialog .view-governorates-views .views-field-description__value h2 {
    color: var(--color-primary);
    font-family: Cairo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.667px;
    padding-bottom: 20px;
    /* 170.37% */
}

.ui-dialog .view-governorates-views .views-field-description__value p {
    color: var(--color-primary);
    font-family: Cairo;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.25px;
    padding-bottom: 20px;
    /* 168.333% */
}

.ui-dialog .view-governorates-views .views-field-nothing a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170.5px;
    height: 37.526px;
    flex-shrink: 0;
    background-color: var(--dark-blue);
    color: #fff;
    color: #FFF;
    text-align: center;
    font-family: Cairo;
    font-size: 13.551px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.445px;
    transition: .3s;

    /* 187.771% */
}

.ui-dialog .view-governorates-views .views-field-nothing a:hover {
    background-color: var(--color-secondary);
    color: #fff;
}



.node--type-volunteering main#content,
.page-view-projects main#content {
    padding: 0;
}

.custom-governorates-form .view-filters form>.d-flex {
    flex-direction: column;

    legend {
        display: none;
    }


}

.view-volunteering .view-content ul,
.custom-governorates-form .view-filters form>.d-flex .form-radios {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F4F4F4;
    padding-top: 30px;
}

.view-volunteering .view-content ul {
    gap: 30px;
    margin-bottom: 40px;
}

.view-volunteering .view-content ul li,
.custom-governorates-form .view-filters form>.d-flex .form-check {
    margin-bottom: 0 !important;
}


.view-volunteering .view-content ul li a,
.custom-governorates-form .view-filters form>.d-flex label {
    display: inline-block;
    color: var(--color-primary);
    text-align: center;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 37.317px;
    padding-bottom: 5px;
    transition: .3s;
    cursor: pointer;
    border-bottom: 3px solid transparent;

}



.custom-governorates-form .view-filters .form-check-label.active,
.view-volunteering .view-content ul li.active a,
.view-volunteering .view-content ul li a:hover,
.custom-governorates-form .view-filters form>.d-flex label:hover {
    color: var(--color-secondary);
    border-bottom: 3px solid var(--color-secondary);
}

.custom-governorates-form .view-filters form>.d-flex .form-radios .form-check-input[type=radio] {
    display: none;
}

.custom-month-year-filter {
    display: flex;
    width: 90%;
    margin: auto;
    border: 1px solid #CACACA;
    padding: 30px;
    justify-content: center;
    margin-block: 67px;
    gap: 5px;
    margin-top: 0;

    .form-select {
        width: 177px;
        border-radius: 0;

    }

    .btn-primary {
        width: 130px;
        height: 39px;
        flex-shrink: 0;
        border-radius: 0;

    }

    .btn-primary:hover {
        background-color: var(--color-secondary);
    }
}

.custom-governorates-form .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 15px;
    width: 90%;
    margin: auto;
}

.custom-governorates-form .view-content .node__content {
    display: flex;
    flex-direction: column;
    height: 323px;
    border: 2px solid #D1D1D1;
    background: #FFF;
    transition: .3s;
}

.custom-governorates-form .view-content .node__content:hover {
    border: 2px solid #D1D1D1;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.custom-governorates-form .view-content .node__content .young-wrapper-card {
    height: 100%;
    padding: 19px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.custom-governorates-form .view-content .field--name-field-image2,
.custom-governorates-form .view-content .field--name-field-image2 * {
    width: 100%;
    height: 156px;
    flex-shrink: 0;
    object-fit: cover;
}

.custom-governorates-form .view-content .field--name-field-image2 {
    transition: .3s;
    position: relative;
}

.custom-governorates-form .view-content .field--name-field-image2::after {
    content: "+";
    color: #fff;
    font-size: 73px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: .3s;
    z-index: 999;
    opacity: 0;
}

.custom-governorates-form .view-content .node__content:hover .field--name-field-image2::after {
    opacity: 1;
}

.custom-governorates-form .view-empty {
    text-align: center;


}

.custom-governorates-form .view-content .field--name-field-date {
    color: var(--dark-blue);
    font-family: Cairo;
    font-size: 13.558px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.788px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-governorates-form .view-content .field--name-field-date::before {
    content: "";
    width: 18.462px;
    height: 18.462px;
    flex-shrink: 0;
    display: inline-block;
    background: url(../images/cal.svg) no-repeat center center;
    background-size: contain;
}

.custom-governorates-form .view-content .field--name-title a {
    color: var(--dark-blue);
    font-size: 18px;
    /* 161.111% */
}

.custom-governorates-form .view-content .readmore-extrafield a.read-more {
    width: 122.624px;
    height: 34.606px;
    flex-shrink: 0;
    color: #fff;
    background-color: var(--dark-blue);
    font-size: 12.496px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.465px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}

.custom-governorates-form .view-content .readmore-extrafield a.read-more::after {
    display: none;
}

.custom-governorates-form .pagination {
    margin-bottom: 20px;
}

.sidebar_first .view-content ul {
    list-style: none;
}

.young-inner-content {
    padding-inline-end: 56px;

    h2 {
        margin-bottom: 20px;
    }
}


.volunteering-body .field--name-body {
    padding-bottom: 32px;

}

.volunteering-body .block-views-blocknews-block-3 .swiper,
.volunteering-body .block-field-blocknodevolunteeringfield-media-images .swiper {
    padding-block: 26px 78px;

    .swiper-pagination {
        bottom: 10px !important;
    }
}

.volunteering-body .block-field-blocknodevolunteeringfield-media-images .swiper .swiper-wrapper,
.volunteering-body .block-field-blocknodevolunteeringfield-media-images .swiper .swiper-wrapper * {
    width: 100%;
    height: 274px;
    object-fit: cover;
}

.volunteering-body {

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next,
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);

    }
}

.view-archive-tender .view-header {
    color: #142438;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.667px;
    /* 153.333% */
}

.view-archive-tender .view-filters form>.d-flex {
    border: 1px solid #CACACA;
    background: #FFF;
    padding: 38px;
    gap: 10px;
    margin-bottom: 80px;
    margin-top: 20px;
}

.view-archive-tender .view-filters form>.d-flex button {
    width: 130px;
    height: 37px;
    flex-shrink: 0;
    background: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 13.238px;
    font-style: normal;
    font-weight: 700;
    border-radius: 0;
    transition: .3s;
    border: none;
}

.view-archive-tender .view-filters form>.d-flex button:hover {
    background: var(--color-secondary);
}

.view-archive-tender .view-filters form>.d-flex input {
    border: 1px solid #9F9F9F;
    background: #FFF;
    height: 37px;
    border-radius: 0;
}

.home-gallery {
    /* position: relative; */
    background: url(../images/space.svg) top left;
    background-size: 303.703px;
    background-repeat: no-repeat;
}

.section-space::after {
    /* content: "";
    position: absolute;
    top: -50px;
    left: -20px;
    background: linear-gradient(#ffffff54, #ffffff54, url(../images/space.png)); */
}

.young-images .views-row a::before {
    width: 58px !important;
    height: 58px !important;
    top: -22% !important;
    background-size: 11px !important;
}



.young-images .views-row,
.young-video .views-row {
    height: 204.808px !important;

    video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.young-video .views-row .views-field-nothing,
.young-video .views-row .views-field-nothing * {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.young-video .summary-overlay-link a {
    transition: .2s !important;
    background: rgba(54, 69, 79, 0.66) !important;

}

.young-video .summary-overlay-link a:before {
    opacity: 1 !important;
    background: url(../images/play.svg) center !important;
    background-repeat: no-repeat !important;
    background-size: 43.354px !important;
    transition: .3s !important;
    top: -5% !important;
}



.young-video .summary-overlay,

.young-video .summary-overlay-link a {
    padding: 26px 19px;
    font-size: 18px;
    justify-content: end !important;
    align-items: center;
}

.young-video .summary-overlay-link a::before {
    display: none !important;
}

.young-video .summary-overlay-link a::after {
    content: "";
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    height: 100%;
    background-image: url(../images/play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58px;
    transition: transform 0.4s ease;
}

.young-video .summary-overlay-link:hover a::after {
    transform: scale(1.1);
}



.young-video .views-row:hover .summary-overlay-link a:before {
    transform: scale(1.2);
}

.block-views-blockphoto-and-video-gallery-block-3 .young-video .views-row {
    height: 274px !important;
}

.parties-inner .container {
    width: 95% !important;
    max-width: 98% !important;
}

.captcha__description {
    display: none !important;
}

.captcha legend {
    font-size: 1rem;
}

.radios-toggle {
    display: none;
}



.goverlay {
    background: rgb(229 229 229 / 80%) !important;
    width: 80%;
    height: calc(80vh + 1px);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    will-change: opacity;
    margin: auto;
}


.glightbox-container {
    width: 80%;
    height: 80%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: rgb(0 0 0 / 75%) !important;
}


.view-academic-programs .paragraph--view-mode--card-media .swiper-coverflow {
    width: 900px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.view-academic-programs .paragraph--view-mode--card-media .swiper-coverflow .swiper-slide {
    width: 300px;
}

.view-academic-programs .swiper-coverflow .swiper-slide img {
    filter: brightness(.5);
    box-shadow: 0 0 18.365px 0 rgba(0, 0, 0, 0.80);
    transition: .3s;
    height: 350px;
    margin-bottom: 20px;
    object-fit: cover;
}

.view-academic-programs .swiper-coverflow .swiper-slide.swiper-slide-active img {
    filter: brightness(1);
}

.block-views-blockwomen-block-1 .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 20px;
}

.block-views-blockwomen-block-1 .view-content .views-row {
    position: relative;
    height: 298px;

    img {
        position: absolute;
        z-index: 1;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    a {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 35px;
        color: #FFF;
        text-align: center;
        font-family: Cairo;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 31px;
        transition: all .3s !important;
    }
}

.block-views-blockwomen-block-1 .view-content .views-row:nth-child(3) {
    grid-column: -1/1;
}

.block-views-blockwomen-block-1 .view-content .views-row:hover a {
    transform: scale(1.1);
    padding-bottom: 50px;
}

.block-field-blocknodewomenfield-media-images {

    .swiper-slide,
    .swiper-slide * {
        height: 274px;
        width: 100%;
        flex-shrink: 0;
        object-fit: cover;
    }
}

.view-women-inner.young-video .swiper-slide {
    height: 274px;

    .views-field.views-field-nothing,
    .views-field.views-field-nothing * {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

.youth-sections .field--name-field-section>.field__item .card-section-body {
    background: #36454F50;
}

.node--type-women {
    .swiper-wrapper {
        padding-bottom: 78px;
        padding-top: 33px;
    }

    .swiper-horizontal>.swiper-pagination-bullets:not(.custom-swiper-partner-nav .swiper-pagination-bullets),
    .swiper-pagination-bullets.swiper-pagination-horizontal:not(.custom-swiper-partner-nav .swiper-pagination-bullets.swiper-pagination-horizontal),
    .swiper-pagination-custom:not(.custom-swiper-partner-nav .swiper-pagination-custom),
    .swiper-pagination-fraction:not(.custom-swiper-partner-nav .swiper-pagination-fraction) {
        bottom: 0;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 43%;

    }
}


.maps-section-page .col-12 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.block-views-blockformer-board-of-commissioners-block-1 .view-display-id-block_1>.view-content:nth-child(1)>.views-row:nth-child(2) {
    background-color: #0000000f !important;
}

.page-node-22693 main#content {
    padding-inline: 0 !important;
}

.page-node-22693 .col-12 {
    padding: 0 !important;
}

.page-node-22693 .bofGrid h1 {
    font-size: 30px;
    padding: 20px 30px;
    display: none;
}

/* ====== Voter files table ====== */
.table-voter .views-table * {
    all: unset;
}

.table-voter .views-table {
    direction: rtl;
    text-align: right;
    border-collapse: separate;
    border-spacing: 0;

    tr {
        display: flex !important;
        justify-content: space-evenly !important;
        width: 100% !important;
        text-align: center !important;
    }

    th#view-title-table-column {
        text-align: start;
        width: 100%;
        color: #FFF;
        /* text-align: right; */
        font-family: Cairo;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

    td.views-field.views-field-title {
        text-align: start;
        color: #36454F;
        font-family: Cairo;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 45px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    td.views-field.views-field-title::before {
        content: "";
        width: 8px;
        height: 8px;
        flex-shrink: 0;
        border-radius: 26843500px;
        background: #A93226;
    }
}

/* رأس الجدول */
.table-voter .views-table thead tr {
    background: #2f3f4b;
    /* نفس لون الصورة تقريباً */
    color: #fff;
}

.table-voter .views-table thead th {
    padding: 18px 24px;
    font-weight: 700;
    font-size: 16px;
    border: none;
    width: 100%;
}

/* صفوف الجدول */
.table-voter .views-table tbody tr:nth-child(even) {
    background: #f8f9fa;
}

.table-voter .views-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.table-voter .views-table tbody td {
    padding: 10px 22px;
    vertical-align: middle;
    line-height: 1;
    font-size: 15px;
    width: 100%;
}

/* عنوان الدائرة (العمود الأول يميناً) */
.table-voter .views-field-title {
    white-space: nowrap;
    font-weight: 600;
}

/* خلية ملف PDF / Excel */
.table-voter .views-field-field-pdf,
.table-voter .views-field-field-excel {
    width: 260px;
}

/* نرتب العناصر داخل الخلية */
.table-voter .views-field-field-pdf .field__item,
.table-voter .views-field-field-excel .field__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* RTL – يكون الزر قريب من النص */
}

/* الزر الأساسي المشترك */
.table-voter .views-field-field-pdf .field__item a,
.table-voter .views-field-field-excel .field__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* min-width: 85px; */
    height: 37px;
    padding: 0 18px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border: none;
    outline: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    flex-direction: row-reverse;
    gap: 9px;
    cursor: pointer;
    position: relative;
}

/* لون زر PDF */
.table-voter .views-field-field-pdf .field__item a {
    background: #A93226;
    /* background-color: #c0392b; */
}

/* لون زر Excel */
.table-voter .views-field-field-excel .field__item a {
    background-color: #1F7A4D;
}

/* Hover */
.table-voter .views-field-field-pdf .field__item a:hover {
    background-color: #a93226;
    text-decoration: none;
}

.table-voter .views-field-field-excel .field__item a:hover {
    background-color: #19692c;
    text-decoration: none;
}

/* الأيقونة الصغيرة التي بجانب الزر (نفس الفكرة الموجودة في الصورة)
   تُضاف كـ ::after بدون تعديل الـ HTML
*/
.table-voter .views-field-field-pdf .field__item a::after,
.table-voter .views-field-field-excel .field__item a::after {
    content: "";
    display: inline-block;
    /* لأن الاتجاه RTL */
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/download.svg");
    background-size: contain;
}

/* لو ما في ملف بالخلية، نخليها شرطة صغيرة مثل الصورة */
.table-voter .views-field-field-excel .field__item a::before {
    content: "";
    display: inline-block;
    /* لأن الاتجاه RTL */
    width: 28px;
    height: 32px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/excel.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
}

.table-voter .views-field-field-pdf .field__item a::before {
    content: "";
    display: inline-block;
    /* لأن الاتجاه RTL */
    width: 28px;
    height: 32px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/PDFIcon.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
}


.block-quicktabs-blockboard-of-commissioners-old-quick .bofGrid.prev-member .bofGrid {
    padding: 0;
}

.block-quicktabs-blockboard-of-commissioners-old-quick .bofGrid.prev-member .bofGrid .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 15px;

    .field--name-field-text {
        display: none;
        opacity: 0;
        transition: all .3s;
    }

    img {
        height: 400px;
        width: 100%;
        object-position: top;
        object-fit: cover;
    }

    .paragraph {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }

    .field--name-field-title h2 {
        color: #36454F;
        text-align: center;
        font-family: Cairo;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25.25px;
        padding-top: 10px;
        /* 126.25% */
    }

    .field--name-field-image {
        width: 100%;
    }

    legend {
        display: none;
    }
}



.block-quicktabs-blockboard-of-commissioners-old-quick .bofGrid.prev-member .bofGrid .view-content .fieldset-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    position: relative;
}

.block-quicktabs-blockboard-of-commissioners-old-quick .bofGrid.prev-member .bofGrid .view-content .paragraph:hover .field--name-field-text {
    position: absolute;
    background: #36454F80;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #fff !important;
    padding: 72px 20px;
    font-size: 18px;
    text-align: center;
    opacity: 1;
}

/* شريط التبويبات العلوي */
.quicktabs-tabs.list-group {
    display: flex;
    justify-content: flex-start;
    gap: 0;
    border: 0;
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    gap: 30px;
    flex-direction: row;
}

/* كل تبويب */
.quicktabs-tabs.list-group>li {
    position: relative;
    border: 0;
    background: transparent;
    padding: 0 0 8px;
    width: fit-content;
    /* مساحة بسيطة تحت النص لخط الـ underline */
}

/* رابط التبويب */
.quicktabs-tabs.list-group>li>a {
    display: inline-block;
    text-decoration: none;
    font-size: 24px;
    /* غيّرها حسب ما تريد */
    font-weight: 600;
    color: #2f3f4b;
    /* نفس لون النص في الصورة */
}

/* إزالة أي تأثير hover افتراضي */
.quicktabs-tabs.list-group>li>a:hover,
.quicktabs-tabs.list-group>li>a:focus {
    text-decoration: none;
    color: #2f3f4b;
}

/* التبويب الـ active مع خط تحته */
.quicktabs-tabs.list-group>li.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: 0 auto;
    width: 100%;
    /* عرض الخط */
    height: 4px;
    background-color: #2f3f4b;
    border-radius: 2px;
}


/* .view-academic-programs .paragraph--view-mode--card-media .swiper-coverflow .hidden-all {
    display: none;
} */

.coverflow-wrapper .swiper-coverflow .hidden-all {
    display: none;

}









.view-academic-programs .swiper-slide .hidden-all {
    opacity: 0;
    transition: .2s;
    color: var(--color-primary);
    text-align: center;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.25px;
    /* 126.25% */
}

.view-academic-programs .swiper-slide.swiper-slide-active .hidden-all {
    opacity: 1;
}

.sitemap .nav {
    justify-content: flex-start;
    gap: 64px;

    .menu .nav-item {
        display: flex;
        padding-bottom: 15px;
    }

}

.block-views-blockstatistics-block-1 h2,
.sitemap .nav>.nav-item>span,
.sitemap .nav>.nav-item>a {
    color: #36454F;
    text-align: right;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 19px;
}

body.page-node-37241 .main-content {
    height: auto !important;
    min-height: auto !important;
}

.sitemap-midd .layout-builder__layout {
    padding-block: 44px;
    border-block: 1px solid #C8C8C8;
    margin-block: 44px;
}

.sitemap-bottomp .nav>.nav-item>a {
    padding: 0;
}

.block-views-blockstatistics-block-1 h3 {
    padding-bottom: 15px;
}

.access-institutions-individuals:nth-child(1) {
    margin-bottom: 80px;
}

.access-institutions-individuals {
    padding: 50px;
    margin-inline: 50px;
    border-radius: 10px;
    background: #c3c3c315;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

    .eia-form-title {
        font-size: 25px;
        padding-bottom: 20px;
    }

    .js-webform-checkboxes,
    .js-webform-radios {
        display: flex;
        gap: 17px;
        flex-wrap: wrap;
    }

    .eia-label {
        font-size: 18px;
    }

    .form-check-input {
        margin-top: .6em;
    }
}




.block-field-blocknodenewsfield-media-images .swiper-slide:first-child {
    display: none !important;
}

.block-field-blocknodenewsbody {
    table {
        width: auto;
    }

    table span {
        font-size: 16px !important;
        font-weight: 800;
        padding: 0px !important;
    }

    td:hover {
        background-color: #fff !important;
    }
}

.block-views-blockboard-of-commissioners-block-5 .views-row {
    display: grid;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;

    .views-field-rendered-entity {
        order: -1;
    }
}

.block-views-blockboard-of-commissioners-block-5 .horizontal-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: start;
    gap: 14px;
    max-width: 48%;
    gap: 0;
    text-align: center;
}

.block-views-blockelectoral-institute-block-1 {
    display: flex;
    flex-direction: column;
}

.page-node-25603 .block-views-blockelectoral-institute-block-1::before {
    content: "احصائيات 2025";
    color: #fff;
    font-family: Cairo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.participating-bottom .card-section-body {
    display: none !important;
}