/*Arabic*/
/* INNER PAGES STYLE  */
/* INNER PAGES STYLE  */
/* INNER PAGES STYLE  */
/* INNER PAGES STYLE  */
/* INNER PAGES STYLE  */

/*to make the search icon far left*/
.mnav-search > div {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.mnav-search .searchinput {
    flex: 1;
    border: 0;
    outline: 0;
    font-size: 16px;
}

/*fix card and image size for "Latest News" in home page*/
article.newsFeature,
article.newsList {
    width: 100%;
    padding: 0;
}

/*make button in "Our Programs" section stay in the same row*/
.programs-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.programs-title-wrap {
    flex: 1;
    margin-left: 20px; /* gap between text and button */
}

/*main menu fixed about us font*/
.nav-item.dropdown > .nav-link {
    font-family: Poppins-Reg;
    font-weight: normal !important;
}

/*date field alignment*/
input[type="date"] {
    direction: ltr;
    text-align: right;
}
/* Make native icon transparent but keep functionality */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 35px;
    height: 100%;
    cursor: pointer;
}

/* Add custom calendar icon on the left */
.main-filtering-item {
    position: relative;
}

.main-filtering-item input[type="date"] {
    padding-left: 35px;
    padding-right: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px;
}
.w-98 input[type="date"] {
    padding-left: 35px;
    padding-right: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px;
}
.w-98 {
    position: relative;
}

    .w-98 input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        position: absolute;
        left: 0;
        width: 35px;
        height: 100%;
        cursor: pointer;
    }

/*breadcrumb hover for modules*/
.hero-innerpage-breadcrumbs a {
    color: #474747;
    text-decoration: none;
    transition: color .2s ease;
}

.hero-innerpage-breadcrumbs a:hover {
    color: #0179DA;
}
.hero-innerpage-breadcrumbs a:hover,
.hero-innerpage-breadcrumbs a:hover span {
    color: #0179DA;
}

/* Search page hover - a wraps sitemap-block */
a:hover .sitemap-block .BorderClass {
    border-right-color: #8F00FF !important;
    color: #0179DA !important;
}

/* Sitemap page hover - a is inside sitemap-block */
.sitemap-block a:hover .BorderClass {
    border-right-color: #8F00FF !important;
    color: #0179DA !important;
}

/* Search results text alignment */
#MainContent_divSearchResult,
#MainContent_divSearchWord {
    text-align: right;
}

/* Sitemap and search results shared fixes */
.sitemap-block a {
    text-decoration: none !important;
    color: #1D1D1D !important;
}

    .sitemap-block a:hover {
        color: #0179DA !important;
    }

.sitemap-block .BorderClass {
    border-left: none !important;
    border-right: 3px solid #0179DA !important;
    padding-left: 0 !important;
    padding-right: 10px;
    text-align: right;
    color: #1D1D1D !important;
}

.sitemap-block a:hover .BorderClass {
    border-right-color: #8F00FF !important;
    color: #0179DA !important;
}

.sitemap-block .media-body {
    text-align: right;
}

/* Tenders card - no image */
.View_List-list .View_List-card:not(:has(.View_List-thumb)) {
    grid-template-columns: minmax(0, 1fr) 170px;
}
.View_List-list .View_List-action {
    justify-content: flex-start;
}

/*PhotoGallery and VideoGallery override*/
.card-news .card-title {
    font-size: 24px;
}

/*fix for News Modules date field "To"*/
.main-filtering-item span[data-val] {
    display: none !important;
}

/* Fix date fields in filtering row */
.main-filtering-item .form-control {
    height: 46px !important;
}

/*image override*/
.card-news .card-img-top {
    /*width: 100% !important;
    height: 220px !important;*/
    object-fit: fill !important;
}
/*Grid Block overrides*/
.card-news .externalLink::after {
    display: none !important;
}

.card-news .card-body {
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
}

.card-news .card-title label {
    font-size: 24px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-news .card-body > div label,
.card-news .card-body > asp\:label label,
.card-news .card-body label {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-news .card-body {
    display: flex;
    flex-direction: column;
    min-height: 216px;
}

    .card-news .card-body label {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.card-news .View_List-action {
    margin-top: auto;
}

/*Font size for title in blockView*/
.card-news .card-title label {
    font-size: 18px !important;
    font-family: Poppins-Bold;
    color: #023141;
}
/*Read more button to the left*/
.card-news .View_List-action {
    display: flex !important;
    justify-content: flex-end !important;
}

/*Text alignment for cards in BlockView*/
.card-news .card {
    padding: 20px !important;
    border: 1px solid #EEEEEE;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
}
.card-news .card-body {
    text-align: right;
}

.Pagination-wrap table {
    display: contents;
}

.Pagination-wrap td {
    display: contents;
}

.Pagination-arrow {
    color: #0179DA;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: scaleX(-1);
}

    .Pagination-arrow img {
        width: 20px;
        height: 20px;
        display: block;
    }

.Pagination-wrap span.Pagination-page--active {
    background: #0179DA;
    color: #ffffff;
    width: 43px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0179DA;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    pointer-events: none;
}

.Pagination-wrap span,
.Pagination-wrap a {
    text-decoration: none;
    display: flex;
    gap: 5px
}
/*Card fonts overrides*/
.View_List-date label {
    font-family: 'Poppins-Reg' !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #11a3eb !important;
    display: inline !important;
}

.View_List-title label {
    font-family: 'Poppins-Bold' !important;
    font-size: clamp(20px, 1.25vw, 26px) !important;
    line-height: 1.35 !important;
    color: #222222 !important;
    display: inline !important;
}

.View_List-text label {
    font-family: 'Poppins-Reg' !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #3e3e3e !important;
    display: inline !important;
}

.contentbdody .container {
    max-width: 100% !important;
    padding-left: clamp(15px, 7vw, 90px) !important;
    padding-right: clamp(15px, 7vw, 90px) !important;
}
/* ================= FILTERING ================= */
.main-filtering-search {
    position: relative;
}
.main-filtering-search .main-filtering-search-icon {
    position: absolute;
    left: 10px;
    right: auto;
}
.main-filtering-search .form-control {
    padding-right: 12px !important;
    padding-left: 40px !important;
}

.displayHidden {
    display: none !important;
}

.main-filtering-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 18px !important;
    margin-bottom: 22px !important;
}

.innersearch {
    display: contents !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    .innersearch .d-flex {
        display: contents !important;
    }

    .innersearch .w-98 {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
    }

    .innersearch .form-control {
        width: 100% !important;
        height: 46px !important;
        border: 1px solid #e6eaee !important;
        border-radius: 6px !important;
        font-family: 'Poppins-Reg' !important;
        font-size: 15px !important;
        color: #023141 !important;
        margin: 0 !important;
    }

.main-filtering-item {
    flex: 1 1 220px;
    min-width: 0;
}

    .main-filtering-item .col-lg-12 {
        padding: 0 !important;
    }

.main-filtering-row .margin-top2 {
    flex: 0 0 120px !important;
    margin: 0 !important;
}

.main-filtering-row .readmore {
    background: #0179DA !important;
    border-radius: 4px !important;
    height: 46px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .main-filtering-row .readmore a {
        color: #fff !important;
        font-family: 'Poppins-Bold' !important;
        font-size: 15px !important;
        padding: 0 !important;
        text-decoration:none !important;
    }

    .main-filtering-row .readmore:hover {
        background: #8F00FF !important;
    }

    .main-filtering-row .readmore.hvr-sweep-to-left::before {
        display: none !important;
    }

.form-select {
    height: 46px !important;
    border: 1px solid #e6eaee !important;
    border-radius: 6px !important;
    font-family: 'Poppins-Reg' !important;
    font-size: 15px !important;
    color: #023141 !important;
}

/* Non-full screen: one item per row, all equal width */
@media (max-width: 991.98px) {
    .innersearch .w-98 {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .main-filtering-item {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .main-filtering-row .margin-top2 {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .main-filtering-row .readmore {
        width: 100% !important;
    }

    .main-filtering-row {
        gap: 12px !important;
    }
}



/* ShareThis button overrides */
.share-btn .st-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: inline-flex !important;
    /*align-items: center !important;*/
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 2px !important;
    min-width: unset !important;
    /*border: 1px solid #e0e0e0 !important;*/
    margin-bottom: 10px !important;
}

    .share-btn .st-btn img {
        width: 20px !important;
        height: 20px !important;
        filter: brightness(0) saturate(100%) invert(13%) sepia(52%) saturate(744%) hue-rotate(163deg) brightness(94%) contrast(98%) !important;
    }

    .share-btn .st-btn > span {
        display: none !important;
    }

    .share-btn .st-btn,
    .share-btn .st-btn:hover {
        transform: none !important;
        opacity: 1 !important;
        top: 0 !important;
        margin-top: 0 !important;
    }


/* Info Page Style */
.Hero-innerpage-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: start;
    padding-top: 100px;
    background-size: cover;
    background-position: top right;
    overflow: visible;
    padding: 100px clamp(15px, 7vw, 95px) 45px clamp(15px, 7vw, 95px);
    z-index: 1;
    /* make it lower than header */
}

@media (max-width: 540px) {
    .Hero-innerpage-container {
        background-position: calc(100% + 50px) center;
    }
}


.innerpage-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    height: 10rem;
    overflow: visible;
}

.innerpage-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0px;
    flex-wrap: wrap;
    gap: 20px;
}

.innerpage-title-wrap {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    flex: 1;
}

    /* Top row (accent + title) */
    .innerpage-title-wrap > div {
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
    }

/* Blue Accent */
.innerpage-title-accent {
    width: 12px;
    height: 45px;
    /* match title height */
    background: #0179DA;
}
/* Title */
.innerpage-title {
    font-size: clamp(24px, 3vw, 48px);
    font-family: 'Poppins-Bold';
    color: #023141;
    margin: 0;
    line-height: 59px;
    /*If title is more than one line then three dots*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}
/* Subtitle */
.innerpage-subtitle {
    font-size: 18px;
    color: #474747;
    margin: 16px 0 0 0px;
    line-height: 24px;
    font-family: 'Poppins-Reg';
}

.hero-share-btn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: background .2s ease, transform .2s ease;
}


    .hero-share-btn svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

.share-btn {
    border: 0px;
    font-family: 'Poppins-Bold';
    width: fit-content;
    padding: 15px 25px;
    border-radius: 4px;
    background: transparent;
    color: #023141;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-out;
    text-wrap: nowrap;
    font-size: 16px;
    letter-spacing: 0px;
}
/* =========================
   BREADCRUMBS ONLY
========================= */

.hero-innerpage-breadcrumbs {
    display: flex;
    gap: 12px;
    font-family: 'Poppins-Reg';
    font-size: 14px;
    list-style:none;
}

.hero-innerpage-breadcrumbs img {
    transform: scaleX(-1);
}

.hero-crumb-link {
    font-size: 14px;
}

.hero-crumb-link {
    color: #474747;
    text-decoration: none;
    transition: color .2s ease;
}

    .hero-crumb-link:hover {
        color: #0179DA;
    }



.hero-innerpage-breadcrumbs img {
    transform: scaleX(-1);
}
    .hero-crumb-sep {
        opacity: .7;
        line-height: 1;
    }

.hero-crumb-current {
    color: #474747;
}

.Custom-innerpage-Container {
    /*padding: 75px 0;
    margin-bottom: 6px;*/
    background: #ffffff;
    position: relative;
    overflow: hidden;
    /* Prevent accidental horizontal scroll */
}

    .Custom-innerpage-Container .container {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 0px clamp(15px,7vw,95px);
    }



/* Responsive */
@media (max-width: 576px) {
    .hero-innerpage-breadcrumbs {
        font-size: 16px;
        gap: 10px;
    }
}

@media (max-width: 576px) {
    .hero-crumb-link {
        font-size: 16px;
    }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1200px) {
    .innerpage-title {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .innerpage-title {
        font-size: 30px;
    }
}

@media (max-width: 768px) {

    .innerpage-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .innerpage-container {
        height: 13rem;
    }
}

@media (max-width: 400px) {
    .Hero-innerpage-container {
        background-position: calc(100% + 100px) center;
    }

    .share-btn {
        padding: 8px 16px;
        gap: 6px;
    }
}







/* ============================= */
/* Block List (Grid like screenshot) */
/* ============================= */

.Block-List-filters {
    margin-bottom: 22px;
}

.Block-List-search,
.Block-List-select {
    position: relative;
    width: 100%;
}

.Block-List-search-input {
    width: 100%;
    height: 46px;
    border: 1px solid #e6eaee;
    border-radius: 6px;
    padding: 0 48px 0 14px;
    font-family: 'Poppins-Reg';
    font-size: 15px;
    color: #023141;
    outline: none;
    background: #fff;
}

    .Block-List-search-input::placeholder {
        color: rgba(2,49,65,.55);
    }

.Block-List-search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(2,49,65,.65);
    cursor: pointer;
}

/* BOOTSTRAP DROPDOWN button styled like the screenshot input */
.Block-List-dropdown-btn {
    height: 46px;
    border: 1px solid #e6eaee !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #023141 !important;
    font-family: 'Poppins-Reg';
    font-size: 15px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .Block-List-dropdown-btn:focus {
        box-shadow: none !important;
    }

    .Block-List-dropdown-btn::after {
        margin-left: auto;
    }

.Block-List-dropdown-menu {
    border: 1px solid #e6eaee;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.Block-List-dropdown-item {
    border-radius: 8px;
    font-family: 'Poppins-Reg';
    font-size: 14px;
    padding: 10px 10px;
}

    .Block-List-dropdown-item:hover {
        background: rgba(11,94,215,.08);
    }

.Filtering-btn {
    border: 0px;
    font-family: 'Poppins-Bold';
    height: 46px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    background: #0179DA;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-out;
    text-wrap: nowrap;
    font-size: 16px;
    letter-spacing: 0px;
}

    .Filtering-btn:hover {
        background: #8F00FF;
    }

.Block-List-grid {
    margin-top: 6px;
    margin-bottom: 0px;
}

/* ================= CARD ================= */

.Block-List-card {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(195,195,195,0.35);
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: 0.25s ease;
}

    .Block-List-card:hover {
        box-shadow: 0 0px 4px rgba(0,0,0,0.25);
    }

/* Image area padding like screenshot */
.Block-List-image {
    padding: 18px 18px 0;
}

    .Block-List-image img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        display: block;
        border-radius: 4px;
    }

/* Content */
.Block-List-content {
    padding: 14px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

/* Badge */
.Block-List-badge {
    font-family: 'Poppins-Bold';
    width: fit-content;
    display: inline-block;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0;
}

.Block-List-badge-open {
    background: rgba(1, 120, 218, 0.2);
    color: #0179DA;
}

.Block-List-badge-soon {
    background: rgba(144, 0, 255, 0.15);
    color: #8F00FF;
}

/* Title */
.Block-List-content h3 {
    font-family: 'Poppins-Bold';
    font-size: 18px;
    color: #023141;
    margin: 0;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height:3rem;
}

/* Description */
.Block-List-content p {
    font-size: 14px;
    color: #474747;
    margin: 0;
    line-height: 1.35;
    font-family: 'Poppins-Reg';
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
}

/* Read more button centered */
.Block-List-readmore-btn {
    background: #0b5ed7;
    color: #ffffff;
    padding: 9px 16px;
    border-radius: 4px;
    font-family: 'Poppins-Med';
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.25s ease;
}

    .Block-List-readmore-btn:hover {
        background: #084db2;
        color: #fff;
    }

.Block-List-readmore-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.18);
    line-height: 1;
}

.dropdown-menu .dropdown-item {
    font-family: 'Poppins-Reg';
    padding: 10px 14px;
    border-radius: 0px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    color: black;
    background: transparent;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

    .dropdown-menu .dropdown-item:hover {
        background-color: #0179DA;
        color: #ffffff;
    }
/* ================= PAGINATION ================= */

.Pagination-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: clamp(30px,4vw,50px);
}

.Pagination-arrow {
    color: #0b5ed7;
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
    padding: 0px;
    border-radius: 6px;
    transform: scaleX(-1);
}

.Pagination-page {
    width: 43px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0179DA;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #0179DA;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    transition: .2s ease;
    background: #fff;
}

    .Pagination-page:hover {
        border: 1px solid #0179DA;
        background: #0179DA;
        color: #ffffff;
    }


.Pagination-page--active {
    background: #0179DA;
    color: #ffffff;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {
    .Block-List-search-input,
    .Block-List-dropdown-btn,
    .Block-List-filter-btn {
        height: 44px;
    }

    .Block-List-image {
        padding: 16px 16px 0;
    }

    .Block-List-content {
        padding: 12px 16px 16px;
    }

    .Block-List-image img {
        height: 200px;
    }
}





/* ============================= */
/* View List Section */
/* ============================= */



.View_List-section {
    width: 100%;
}

/* ================= FILTERS ================= */

.View_List-filters {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr) 140px;
    gap: 18px;
    align-items: center;
    margin-bottom: 34px;
}

.View_List-field {
    position: relative;
    width: 100%;
}

.View_List-input {
    width: 100%;
    height: 58px;
    border: 1px solid #dfe4ea;
    border-radius: 4px;
    background: #fff;
    outline: none;
    box-shadow: none;
    padding: 0 56px 0 18px;
    color: #023141;
    font-family: 'Poppins-Reg';
    font-size: 18px;
    transition: 0.25s ease;
}

    .View_List-input::placeholder {
        color: #023141;
        opacity: 1;
    }

    .View_List-input:focus {
        border-color: #0179DA;
    }

.View_List-fieldButton,
.View_List-fieldIcon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.View_List-fieldButton {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.View_List-searchBtn {
    height: 58px;
    border: 0;
    border-radius: 4px;
    background: #0179DA;
    color: #ffffff;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

    .View_List-searchBtn:hover {
        background: #8F00FF;
    }

/* ================= LIST ================= */

.View_List-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.View_List-card {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr) 170px;
    gap: 22px;
    align-items: center;
    transition: 0.25s ease;
}

    .View_List-card:hover {
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45);
    }

.View_List-thumb {
    width: 100%;
    min-width: 100%;
    height: 144px;
    border: 1px solid rgba(2, 49, 65, 0.15);
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    background: #ffffff;
}

    .View_List-thumb img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        display: block;
    }

.View_List-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.View_List-date {
    font-family: 'Poppins-Reg';
    font-size: 16px;
    line-height: 1.2;
    color: #11a3eb;
    margin-bottom: 0 !important;
}

.View_List-title {
    margin: 0;
    font-family: 'Poppins-Bold';
    font-size: clamp(20px, 1.25vw, 26px);
    line-height: 1.35;
    color: #222222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.View_List-text {
    margin: 0;
    font-family: 'Poppins-Reg';
    font-size: 16px;
    line-height: 1.5;
    color: #3e3e3e;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.View_List-action {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: end;
}

.View_List-readMore {
    min-width: 150px;
    height: 46px;
    padding: 0 16px;
    border-radius: 4px;
    background: #0179DA;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Poppins-Bold';
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s ease;
}

    .View_List-readMore:hover {
        background: #8F00FF;
        color: #ffffff;
    }

.View_List-field--date .View_List-input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
    -webkit-appearance: none;
}

.View_List-field--date .View_List-input[type="date"]::-webkit-inner-spin-button,
.View_List-field--date .View_List-input[type="date"]::-webkit-clear-button {
    display: none;
}

.View_List-field--date .View_List-input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199.98px) {
    .View_List-card {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .View_List-action {
        grid-column: 2 / 3;
        justify-content: flex-start;
        margin-top: 4px;
    }
}

@media (max-width: 991.98px) {
    .View_List-card {
        grid-template-columns: 130px minmax(0, 1fr);
        gap: 18px;
        padding: 18px;
    }

    .View_List-thumb {
        width: 130px;
        min-width: 130px;
        height: 130px;
    }

    .View_List-title {
        font-size: 19px;
    }

    .View_List-text {
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .View_List-card {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 16px;
    }

    .View_List-thumb {
        width: 100%;
        height: 200px;
    }

    .View_List-action {
        grid-column: auto;
        justify-content: flex-start;
        margin-top: 2px;
    }

    .View_List-readMore {
        min-width: 145px;
        height: 44px;
        font-size: 15px;
    }
}
.View_List-card {
    direction: rtl !important;
}

.View_List-content {
    text-align: right !important;
}

.View_List-action {
    justify-content: flex-start !important;
}
.View_List-readMore svg {
    transform: scaleX(-1) !important;
}






/* ============================= */
/* Document List Section */
/* ============================= */

.Document-List-section {
    width: 100%;
}

/* ================= SEARCH ================= */

.Document-List-searchRow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 128px;
    gap: 18px;
    align-items: center;
    margin-bottom: 48px;
}

.Document-List-searchField {
    position: relative;
    width: 100%;
}

.Document-List-searchInput {
    width: 100%;
    height: 58px;
    border: 1px solid #dfe4ea;
    border-radius: 4px;
    background: #ffffff;
    outline: none;
    box-shadow: none;
    padding: 0 58px 0 18px;
    color: #023141;
    font-family: 'Poppins-Reg';
    font-size: 18px;
    transition: 0.25s ease;
}

    .Document-List-searchInput::placeholder {
        color: #023141;
        opacity: 1;
    }

    .Document-List-searchInput:focus {
        border-color: #0179DA;
    }

.Document-List-searchIcon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border: 0;
    background: transparent;
    color: #111111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.Document-List-searchBtn {
    height: 58px;
    border: 0;
    border-radius: 4px;
    background: #0179DA;
    color: #ffffff;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

    .Document-List-searchBtn:hover {
        background: #8F00FF;
    }

/* ================= TABLE ================= */

.Document-List-tableWrap {
    width: 100%;
    background: #ffffff;
    border: 1px solid #dfe4ea;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

.Document-List-tableHead {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 113px 107px 121px;
    gap: 0;
    align-items: center;
    background: #ffffff;
    padding: 0 24px;
    min-height: 78px;
}

    .Document-List-tableHead::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #66d7f3 0%, #0179DA 55%, #8F00FF 100%);
    }

.Document-List-tableHeadItem {
    font-family: 'Poppins-Bold';
    font-size: 16px;
    color: #023141;
    padding: 18px 0;
}

.Document-List-tableHeadItem--type,
.Document-List-tableHeadItem--size,
.Document-List-tableHeadItem--action {
    text-align: right;
}

.Document-List-tableBody {
    display: flex;
    flex-direction: column;
}

.Document-List-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 113px 107px 121px;
    gap: 0;
    align-items: center;
    min-height: 104px;
    padding: 0 24px;
    border-bottom: 1px solid #dfe4ea;
    background: #ffffff;
    transition: 0.25s ease;
}

    .Document-List-row:last-child {
        border-bottom: 0;
    }

    .Document-List-row:hover {
        background: #fbfdff;
    }

.Document-List-cell {
    min-width: 0;
    font-family: 'Poppins-Reg';
    font-size: 16px;
    color: #023141;
    padding: 18px 0;
}

.Document-List-cell--name {
    font-size: 17px;
    line-height: 1.5;
}

.Document-List-cell--type,
.Document-List-cell--size,
.Document-List-cell--action {
    text-align: center;
}

.Document-List-cell--type,
.Document-List-cell--size {
    font-family: 'Poppins-med';
    letter-spacing: 0.2px;
}

.Document-List-downloadBtn {
    width: 54px;
    height: 40px;
    border-radius: 4px;
    background: #0179DA;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

    .Document-List-downloadBtn:hover {
        background: #8F00FF;
        color: #ffffff;
    }

/* ================= RESPONSIVE ================= */

@media (max-width: 1199.98px) {
    .Document-List-tableHead,
    .Document-List-row {
        grid-template-columns: minmax(0, 1fr) 100px 90px 100px;
    }

    .Document-List-tableHead,
    .Document-List-row {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 991.98px) {
    .Document-List-searchRow {
        grid-template-columns: minmax(0, 1fr) 110px;
        gap: 14px;
        margin-bottom: 34px;
    }

    .Document-List-searchInput,
    .Document-List-searchBtn {
        height: 54px;
        font-size: 16px;
    }

    .Document-List-tableHead,
    .Document-List-row {
        grid-template-columns: minmax(0, 1fr) 82px 82px 82px;
    }

    .Document-List-tableHeadItem,
    .Document-List-cell {
        font-size: 15px;
    }

    .Document-List-cell--name {
        font-size: 16px;
    }

    .Document-List-downloadBtn {
        width: 48px;
        height: 38px;
    }
}

@media (max-width: 767.98px) {
    .Document-List-searchRow {
        grid-template-columns: 1fr;
    }

    .Document-List-searchBtn {
        width: 100%;
    }

    .Document-List-tableWrap {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    .Document-List-tableHead {
        display: none;
    }

    .Document-List-tableBody {
        gap: 16px;
    }

    .Document-List-row {
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: auto;
        padding: 18px 16px;
        border: 1px solid #dfe4ea;
        border-radius: 4px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
        background: #ffffff;
    }

    .Document-List-cell {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        text-align: left;
    }

        .Document-List-cell::before {
            content: attr(data-label);
            flex: 0 0 85px;
            font-family: 'Poppins-Bold';
            font-size: 14px;
            color: #023141;
        }

    .Document-List-cell--name {
        display: flex;
        justify-content: space-between;
    }

        .Document-List-cell--name::before {
            display: block;
            margin-bottom: 6px;
        }

    .Document-List-cell--action {
        justify-content: space-between;
        padding-top: 2px;
    }

        .Document-List-cell--action::before {
            flex: 0 0 auto;
            margin-right: 10px;
        }

    .Document-List-downloadBtn {
        width: 50px;
        height: 40px;
    }

    .Document-List-pagination {
        gap: 6px;
        padding-top: 34px;
    }

    .Document-List-paginationPage {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
}

@media (max-width: 479.98px) {
    .Document-List-searchInput {
        padding-left: 14px;
        padding-right: 50px;
    }

    .Document-List-row {
        padding: 16px 14px;
    }

    .Document-List-cell {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

        .Document-List-cell::before {
            flex: 0 0 auto;
        }

    .Document-List-cell--action {
        flex-direction: column;
        align-items: flex-start;
    }
}




/* ============================= */
/* MAIN FILTERING */
/* ============================= */

.main-filtering-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    width: 100%;
    margin-bottom: 22px;
    /*margin-top: 46px;*/
}

.main-filtering-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.main-filtering-item--button {
    flex: 0 0 120px;
    width: 120px;
}

.main-filtering-search,
.main-filtering-dropdown,
.main-filtering-field {
    position: relative;
    width: 100%;
}

/* ================= SEARCH ================= */

.main-filtering-search-input {
    width: 100%;
    height: 46px;
    border: 1px solid #e6eaee;
    border-radius: 6px;
    padding: 0 14px 0 14px;
    font-family: 'Poppins-Reg';
    font-size: 15px;
    color: #023141;
    outline: none;
    background: #fff;
    box-shadow: none;
}

    .main-filtering-search-input::placeholder {
        color: rgba(2, 49, 65, 0.55);
    }

    .main-filtering-search-input:focus {
        border-color: #0179DA;
    }

.main-filtering-search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(2, 49, 65, 0.65);
    cursor: pointer;
    padding: 0;
}

    .main-filtering-search-icon img {
        max-width: 20px;
        max-height: 20px;
        display: block;
    }

/* ================= DROPDOWN ================= */
.main-filtering-dropdown-menu li button {
    text-align: right !important;
    border-left: none !important;
    border-right: 5px solid #0179DA !important;
}

.main-filtering-dropdown-item {
    text-align: right !important;
    border-left: none !important;
    border-right: 5px solid #0179DA !important;
}

    .main-filtering-dropdown-item:hover,
    .main-filtering-dropdown-item:focus {
        border-left: none !important;
        border-right: 5px solid #8F00FF !important;
    }

    .main-filtering-dropdown-item.active {
        border-left: none !important;
        border-right: 5px solid #8F00FF !important;
    }

.main-filtering-dropdown {
    position: relative;
}

.main-filtering-dropdown-btn {
    width: 100%;
    height: 46px;
    border: 1px solid #e6eaee !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #023141 !important;
    font-family: 'Poppins-Reg';
    font-size: 15px;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-shadow: none !important;
}

    .main-filtering-dropdown-btn:focus,
    .main-filtering-dropdown-btn:active {
        box-shadow: none !important;
        border-color: #0179DA !important;
    }

    .main-filtering-dropdown-btn::after {
        display: none !important;
    }

    .main-filtering-dropdown-btn img {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

.main-filtering-dropdown-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-filtering-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    list-style: none;
    padding: 8px;
    margin: 0;
    margin-top: 6px !important;
    border: 1px solid #e6eaee;
    border-radius: 6px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    background: #fff;
}

    .main-filtering-dropdown-menu.show {
        display: block;
    }

    .main-filtering-dropdown-menu li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .main-filtering-dropdown-menu li button {
            width: 100%;
            border: none;
            border-right: 3px solid #0179DA;
            background: transparent;
            text-align: right;
            cursor: pointer;
        }

.main-filtering-dropdown-item {
    border-radius: 0px;
    font-family: 'Poppins-Reg';
    font-size: 14px;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    color: #000;
    background: transparent;
    border-right: 3px solid #0179DA;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

    .main-filtering-dropdown-item:hover,
    .main-filtering-dropdown-item:focus {
        background-color: #0179DA;
        color: #ffffff;
        border-right: 3px solid #8F00FF;
    }

    .main-filtering-dropdown-item.active {
        background-color: #0179DA;
        color: #ffffff;
        border-right: 3px solid #8F00FF;
    }

/* ================= DATE FIELD ================= */

.main-filtering-input {
    width: 100%;
    height: 46px;
    border: 1px solid #e6eaee;
    border-radius: 6px;
    background: #fff;
    outline: none;
    box-shadow: none;
    padding: 0 48px 0 14px;
    color: #023141;
    font-family: 'Poppins-Reg';
    font-size: 15px;
    transition: 0.25s ease;
}

    .main-filtering-input::placeholder {
        color: rgba(2, 49, 65, 0.55);
        opacity: 1;
    }

    .main-filtering-input:focus {
        border-color: #0179DA;
    }

.main-filtering-field-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.main-filtering-field--date .main-filtering-input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
    -webkit-appearance: none;
}

.main-filtering-field--date .main-filtering-input[type="date"]::-webkit-inner-spin-button,
.main-filtering-field--date .main-filtering-input[type="date"]::-webkit-clear-button {
    display: none;
}

.main-filtering-field--date .main-filtering-input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.main-filtering-field--date {
    cursor: pointer;
}

    .main-filtering-field--date .main-filtering-input {
        cursor: pointer;
    }

/* ================= BUTTON ================= */

.main-filtering-btn {
    border: 0;
    font-family: 'Poppins-Bold';
    height: 46px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    background: #0179DA;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-out;
    text-wrap: nowrap;
    font-size: 16px;
    letter-spacing: 0;
}

    .main-filtering-btn:hover {
        background: #8F00FF;
    }

/* ================= RESPONSIVE ================= */

@media (max-width: 991.98px) {
    .main-filtering-item,
    .main-filtering-item--button {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .main-filtering-search-input,
    .main-filtering-dropdown-btn,
    .main-filtering-input,
    .main-filtering-btn {
        height: 44px;
    }
}
.search-input-wrapper {
    position: relative;
    width: 100%;
}

    .search-input-wrapper .form-control {
        padding-left: 36px; /* LTR */
    }

    .search-input-wrapper .search-icon {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

/* Date picker wrapper */
.date-input-wrapper {
    position: relative;
    width: 100%;
}

    .date-input-wrapper .form-control {
        cursor: pointer;
    }

.date-input-wrapper {
    position: relative; 
    width: 100%;
    display: block;
}

    .date-input-wrapper .form-control {
        padding-left: 42px; 
        cursor: pointer;
    }

    .date-input-wrapper .date-icon {
        position: absolute; 
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        display: flex;
        align-items: center;
        line-height: 0;
    }

.hero-innerpage-breadcrumbs .breadcrumb-item:last-child,
.hero-innerpage-breadcrumbs .breadcrumb-item:last-child *,
.hero-innerpage-breadcrumbs .breadcrumb-item.active,
.hero-innerpage-breadcrumbs .breadcrumb-item.active * {
    font-weight: 700;
    color: #023141 !important;
    opacity: 1 !important;
}
.hero-innerpage-breadcrumbs .hero-crumb-current {
    font-weight: 700;
    color: #023141 !important;
    opacity: 1 !important;
    font-size:14px !important;
}


.hero-innerpage-breadcrumbs > img {
    height: min-content;
    align-content: space-around;
    margin-top: 0.4rem;
}