@import url('../css/helvetica.css');
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

html,
body {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    width: 100%;
    overflow-x: hidden;
}

html {
    direction: ltr;
    text-align: left;
}

.nav1,
.nav2,
.nav3,
.last-news,
.investment-areas,
.counter,
.footer {
    direction: ltr;
}

    .nav2 .nav-item a {
        font-family: Helvetica Neue LT Arabic;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 400;
        direction: ltr;
        text-align: left;
    }

body {
    font-family: 'Helvetica Neue LT Arabic';
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
    overflow-x: hidden;
}

.color-blue {
    color: #011A81 !important;
    display: inline-flex;
    font-size: 14px;
    white-space: nowrap;
}

.hr {
    height: 3px;
    background-color: #303030;
    margin: 40px auto;
    text-align: center;
}

/* carousel */
main .carousel {
    position: relative;
    /* height: 760px; */
}

.carousel-caption {
    position: absolute;
    top: 82%;
    text-align: left !important;
    left: 15% !important;
    transform: translate(0, -50%);
    text-shadow: -2px 1px 5px #000;
    right: 5%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    height: 109px;
    width: 70%;
}

    .carousel-caption h5 {
        line-height: 1.3;
        font-size: 30px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 10px;
        margin: -10px 20px;
        text-align: left;
        vertical-align: middle;
    }

.carousel button.rounded-pill {
    background-color: rgba(185, 130, 49, 1);
    width: auto;
    height: 48px;
    color: #fff;
    text-shadow: 0px 6px 10px 4px #00000026;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px !important;
    top: 50%;
    right: 3%;
}

.carousel button a,
.carousel button i {
    color: #fff;
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
    max-height: 75vh;
}

    .carousel-item img {
        max-width: 100%;
        height: auto;
    }

.nav-item .input-group {
    width: auto;
}


.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin-right: 5%;
    margin-bottom: 1rem;
    margin-left: 5%;
    flex-direction: column;
    top: 15%;
    width: fit-content;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 12px;
        height: 12px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
        border-radius: 50%;
    }

    .carousel-indicators .active {
        opacity: 1;
        height: 32px;
        border-radius: 12px;
        border: 1px;
    }

.svg,
img[src$=".svg"] {
    cursor: pointer;
    width: 25px;
    height: 25px;
    color: #FFFFFF;
    background-color: #011A81;
    border-radius: 50%;
    font-size: 12px;
    padding: 5px;
}

.input-wrapper img[src$=".svg"],
.jobs .fieldset img[src$=".svg"] {
    background-color: #fff !important;
}

.jobs .fieldset input.icon {
    display: none;
}

/* investment-areas maps*/
/* Regions */
.regions-header h2 {
    font-size: 22px;
}

    .regions-header h2 a {
        text-decoration: none;
        color: #303030;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
    }

        .regions-header h2 a:hover,
        .regions-header h2 a:active,
        .regions-header h2 a:focus {
            color: #B98231;
            border-bottom: 5px solid #B98231;
            border-radius: 2px;
            z-index: 1;
            padding-bottom: 10px;
        }

.regions-content h5 {
    font-size: 29px;
    color: #000000C2;
    font-weight: 400;
    font-family: 'Helvetica Neue LT Arabic';
}

.regions-content .card {
    border-radius: 10px !important;
    box-shadow: 0px 0px 10px 0px #0000001A;
    padding: 10px;
    height: 460px !important;
    position: relative;
}

    .regions-content .card img {
        border-radius: 10px;
        height: 230px;
        object-fit: cover;
    }

    .regions-content .card .card-text {
        height: 95px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.btn-showMore {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

    .btn-showMore,
    .btn-showMore a {
        color: #B98231 !important;
        background-color: transparent;
        border: none;
        font-size: 18px;
        margin-right: 0 !important;
    }

        .btn-showMore i {
            vertical-align: -.125em;
        }

/* Region Details or Zones Details */
.zonesDetails .zonesDetails-header a {
    color: #303030;
}

.zonesDetails-slider .slider .column {
    float: left;
    width: 20%;
}

/* Style the images inside the grid */
.opportunityDetails .slider .column {
    width: 20%;
}

    .zonesDetails-slider .slider .column img,
    .opportunityDetails .slider .column img {
        cursor: pointer;
        width: 100% !important;
        height: 144px;
        object-fit: fill;
        object-position: center;
        border-radius: 10px;
    }

    .opportunityDetails .slider .column img {
        border-radius: 20px !important;
    }

.column img.hideBorder {
    border: none;
    padding: 0;
}

.zonesDetails-slider .column img:hover,
.zonesDetails-slider .column img:focus,
.zonesDetails-slider .column img:active,
.zonesDetails-slider .column img.clicked,
.zonesDetails-slider .column img:target,
.zonesDetails-slider .column img.active {
    border: none;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container {
    position: relative;
    display: none;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    display: none;
    cursor: pointer;
}

#expandedImg {
    display: block;
    height: 500px;
    border-radius: 10px;
    margin-bottom: 10px !important;
    object-fit: fill;
    object-position: center;
}

.zonesDetails-info p,
.projetDetails-info p,
.zonesDetails-Importance p,
.zonesDetails-tourist p,
.opportunityDetails-info p,
.opportunityDetails-benefits p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #303030;
    margin-bottom: 5px;
    line-height: 39.5px;
}


.projetDetails-info .launched-date span {
    font-size: 14px;
    color: rgba(1, 26, 129, 1);
    white-space: nowrap !important;
}

.projetDetails-info .launched-date p {
    font-size: 13px;
    color: rgba(48, 48, 48, 1);
    font-weight: 400;
    margin-top: -9px;
    white-space: nowrap;
}

.projetDetails-info .section-date button {
    border-radius: 5px;
    border: none;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 700;
}

    .projetDetails-info .section-date button.active {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(136, 190, 79, 1);
    }

/* Tourist Slider */
.tourist-areas-slider {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 10px;
}

    .tourist-areas-slider .slick-slide .slick-track {
        display: flex;
    }

    .tourist-areas-slider .slick-slide img {
        width: 100%;
        height: 138.68716430664062px;
        border-radius: 20px;
        padding: 10px;
    }

    .tourist-areas-slider .slick-slide p {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 700;
        font-size: 16px;
        color: #303030;
        text-align: center;
    }

        .tourist-areas-slider .slick-slide p a {
            color: #303030;
        }

    .tourist-areas-slider .slick-dots li {
        width: 18px;
        height: 18px;
        background-color: #D9D9D9;
        border-radius: 50%;
        margin-top: 20px;
    }

        .tourist-areas-slider .slick-dots li button {
            width: 18px;
            height: 18px;
        }

            /* Inactive dots */
            .tourist-areas-slider .slick-dots li button:before {
                color: #D9D9D9;
                /* Set to your desired inactive color */
                background-color: #D9D9D9;
                border-radius: 50%;
                font-size: 12px;
            }

        /* Active dot */
        .tourist-areas-slider .slick-dots li.slick-active button:before {
            background-color: #011A81;
            color: #011A81;
            /* Set to your desired active color */
            opacity: 1;
        }

/* opportunityDetails  تفاصيل الفرص */
.opportunityDetails .opportunityDetails-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .opportunityDetails .opportunityDetails-header p span {
        font-weight: 700;
    }


.services-available .services-card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 10px;
    padding: 0;
}

    .services-available .services-card img {
        width: 100%;
        height: 175px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .services-available .services-card p {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 700;
        font-size: 16px;
        color: #303030 !important;
        margin-top: 10px;
    }

        .services-available .services-card p a,
        .economicZones h2 a,
        h2 a {
            color: #303030 !important;
        }

.zonesDetails .contact-info .fieldset {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: none;
}

.economicZones .economicZones-info p {
    color: #303030;
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    line-height: 39.5px;
}

.economicZones .important-industries .card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 10px !important;
    padding: 10px;
    height: 378px;
}

    .economicZones .important-industries .card img {
        height: 230px;
        border-radius: 10px;
        object-fit: cover;
    }

    .economicZones .important-industries .card .card-title {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 400;
        font-size: 27px;
/*        line-height: 26px;
*/        letter-spacing: 0px;
        text-align: left;
        vertical-align: middle;
        color: #000000C2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .economicZones .important-industries .card button,
    .economicZones .important-industries .card button a,
    .economicZones .important-industries .card button i {
        font-size: 16px;
    }

    .economicZones .important-industries .card .read-more::after {
        color: #c17d2e !important;
    }







/* pagination */
.page-link {
    margin: 0 4px;
    border: 1px solid #F1F1F1;
    border-radius: 8px !important;
    color: #333333 !important;
}

    .page-link:focus,
    .page-link:active,
    .page-link:hover,
    .page-link.active,
    .active > .page-link,
    .page-link.active {
        background-color: #B98231 !important;
        color: #ffffff !important;
        box-shadow: none !important;
        border-radius: 8px !important;
        border: none;
    }

.page-item:not(:first-child) .page-link {
    margin-left: 4px;
}

/* News */
.news-section {
    width: 300px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
}

    .news-section h2 {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        margin-bottom: 15px;
        text-align: center;
    }

.news-categories {
    background-color: #f9f9f9;
    border-radius: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .news-categories li {
        padding: 10px;
        color: #666;
        cursor: pointer;
    }

        .news-categories li.active {
            color: #c17d2e;
            font-weight: bold;
            position: relative;
        }

            .news-categories li.active::before {
                content: '←';
                position: absolute;
                left: 100px;
                color: #c17d2e;
            }

        .news-categories li:hover {
            background-color: #f1f1f1;
            border-radius: 5px;
        }

.news-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 2px 2px 2px #CBD7E5;
    margin: 1em !important;
    padding: 1em;
}

.news-img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-bottom: 1em;
}

.news-text {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.sub-title {
    color: #c17d2e;
    font-weight: bold;
}

/* .news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px;
} */

.news .news-items {
    /* box-shadow: 0px 0px 5px 0px #0000001A; */
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    height: 225px;
    position: relative;
}

    .news .news-items .read-more {
        position: absolute;
        bottom: 5px;
    }

.last-news .news-date,
.news-item .news-date {
    font-size: 13px;
    color: #888;
    text-align: left;
    margin-bottom: 10px;
}

.most-viewed {
    background-color: #DADADA !important;
}

.news-grid .news-archived-date,
.library-date,
.event .event-date {
    box-shadow: 0px 0px 10px 0px #0000001A;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    z-index: 99;
    width: 630px;
    margin-left: 55px;
    display: flex;
    justify-content: center;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

    .input-wrapper input {
        padding-left: 2.5em;
        /* make room for the icon */
        height: 40px;
        font-size: 16px;
        width: 209px;
    }

    .input-wrapper.date-end {
        margin: 0 10px;
    }

    .input-wrapper .icon {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 18px;
        color: #aaa;
    }

.library-search,
.event-search,
.archived-search {
    display: flex;
    align-items: center;
}

    .archived-search input,
    .library-search input,
    .event-search input {
        width: 270px;
    }

    .archived-search .btn-blue,
    .news-archived-date .btn-blue,
    .library-search .btn-blue,
    .library-date .btn-blue,
    .btn-blue {
        background-color: #011A81;
        color: #FFFFFF;
        font-size: 12px;
        margin-right: 10px;
    }

.event-date .btn-blue {
    margin-right: 0px;
}

.event .event-date .clear {
    margin-left: 10px;
}

.library .library-date .search {
    margin-right: 0px;
}

.library .library-date .clear {
    margin-left: 10px;
    margin-right: 0;
}

.archived-search .btn-blue:active,
.btn-blue:hover,
.news-archived-date .btn-blue:active,
.news-archived-date .btn-blue:hover,
.library-date .btn-blue:active,
.library-date .btn-blue:active,
.library-date .btn-blue:hover {
    background-color: #153E9B;
    color: #E6E6E6;
}

.archived-search .filter span,
.library-search .filter span,
.event-search .filter span {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    font-family: "Alexandria", sans-serif;
}

/* Library */
.library-body {
    background-color: #fcfcfc;
}

.library .card {
    box-shadow: 0px 0px 15px 0px #0000001A;
    padding: 10px 15px;
    border: none;
    border-radius: 10px !important;
    padding-bottom: 25px;
    height: 380px;
    display: block;
}

.library .library-video .card {
    box-shadow: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #E9E9E9;
}

.library .card img,
.library .card iframe {
    border-radius: 5px !important;
    height: 189px !important;
    object-fit: fill;
    object-position: center;
}

.library .card .card-body {
    padding: 10px 1px;
    position: relative;
}

    .library .card .card-body .card-text i,
    .video-properties .video-date i,
    .image-properties .image-date i {
        background-color: #011A81;
        color: #fff;
        font-size: 12px;
        border-radius: 50%;
        padding: 0px 6.2px 0px;
        margin-left: 5px;
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 24px;
    }

    .library .card .card-body .card-text span {
        font-size: 13px;
        color: #303030;
        font-family: 'Helvetica Neue LT Arabic';
    }

    .library .card .card-body .card-title {
        font-weight: 700;
        font-size: 20px;
        color: #303030;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 5px;
        height: 53px;
    }

.library .card-title-v {
    font-size: 24px !important;
}

.library .card .card-body a {
    position: absolute;
    top: 100%;
}

.library .card .card-body a,
.event .card .card-body a,
.library .card .card-body .read-more::after,
.event .card .card-body .read-more::after {
    color: #B98231 !important;
    font-size: 16px;
    font-weight: 700;
}

    .library .card .card-body a.btn-blue {
        background-color: #011A81;
        font-size: 14px;
        color: #fff;
    }

        .library .card .card-body a.btn-blue:hover {
            background-color: #153E9B;
        }

    .library .card .card-body a i,
    .event .card .card-body a i {
        vertical-align: -.125em;
        font-size: 16px;
        font-weight: 700;
    }

/* Video Library Details , Event Detils */
.video-library-details .image-header h3,
.image-library-details .image-header h3,
.event-details .event-header h3 {
    font-size: 21px;
    margin: 25px 15px 15px;
    color: #303030;
}

.video-library-details .video-header iframe,
.video-library-details .video-header img,
.image-library-details .image-header img,
.event-details .event-header img {
    border-radius: 10px;
    height: 589px;
}

.video-library-details .video-header .video-properties {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-library-details .video-header .video-properties,
.image-library-details .image-header .image-properties,
.event-details .event-header .event-properties {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

    .event-details .event-header .event-properties .event-time {
        margin: 20px 25px;
    }

    .video-library-details .video-header .video-properties span,
    .image-library-details .image-header .image-properties span,
    .event-properties p {
        color: #303030;
        font-size: 13px;
    }

    .video-library-details .video-header .video-properties .text-blue,
    .image-library-details .image-header .image-properties .text-blue,
    .text-blue {
        color: #011A81;
        font-weight: 700;
        font-size: 14px;
    }

    .video-library-details .video-header .video-properties .video-date button,
    .image-library-details .image-header .image-properties .image-date button {
        font-size: 13px;
        /* width: 102px; */
        height: 32px;
    }

    .video-library-details .video-header .video-properties .video-icon svg,
    .image-library-details .image-header .image-properties .image-icon svg {
        cursor: pointer;
    }

        .video-library-details .video-header .video-properties .video-icon svg.left-icon,
        .image-library-details .image-header .image-properties .image-icon svg.left-icon {
            right: 65px;
        }

        .video-library-details .video-header .video-properties .video-icon svg.right-icon,
        .image-library-details .image-header .image-properties .image-icon svg.right-icon {
            left: 65px;
        }

.video-library-details .video-header .video-details .details-title,
.image-library-details .image-header .image-details .details-title,
.event-details .event-header .details-title,
.event-details .event-album .album-title {
    font-size: 32px;
    color: #303030;
    font-weight: 700;
    font-family: 'Helvetica Neue LT Arabic';
}

.video-library-details .video-header .video-details p,
.image-library-details .image-header .image-details p,
.event-details .event-header .event-details p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    line-height: 39.5px;
    color: #303030;
}

/* Event Details */
.event .event-date {
    position: absolute;
    left: 30%;
    margin-top: 8px !important;
    z-index: 99;
}

.event .event-body .card {
    box-shadow: 0px 0px 15px 0px #0000001A;
    border-radius: 10px !important;
    font-family: Helvetica Neue LT Arabic !important;
    height: 435px;
    position: relative;
}

    .event .event-body .card img {
        padding: 10px 10px 1px;
        height: 220px;
        object-fit: fill;
        object-position: center;
    }

    .event .event-body .card .card-body .card-text {
        color: #00000082;
        font-size: 13px;
    }

    .event .event-body .card .card-body .card-title {
        font-size: 20px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 5px;
    }

    .event .event-body .card .card-body .card-info {
        font-size: 16px;
        color: #000000C2;
        font-family: 'Helvetica Neue LT Arabic';
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.event-details .event-properties p {
    margin-bottom: 0;
}

.event-details .event-properties .text-date {
    margin-right: 25px;
}

.event-details .event-album .col-md {
    padding: 10px;
}

.event-details .event-album img {
    object-fit: cover;
    width: 100%;
    height: 104px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.archived-news .news-items {
    height: 245px;
    position: relative;
}

.archived-news .news-title {
    border-top: 1px solid #E4E4E4;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin: 10px 0;
    line-height: 1.5;
    padding-top: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.archived-news .news-items .read-more,
.event .event-body .read-more {
    position: absolute;
    bottom: 10px;
}

.news .news-items .news-description,
.news .news-items .news-title {
    font-size: 16px;
    color: #555;
    margin-bottom: 5px;
    line-height: 1.7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news-items .news-title {
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

.newsDetails .section-header img,
.zonesDetails-info .section-header img,
.projetDetails-info .section-header img {
    margin: 20px 0;
    width: 100%;
    height: 720px;
    object-fit: fill;
    object-position: center;
}

.zonesDetails-info .section-content h3,
.projetDetails-info .section-content h3 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 32px;
    line-height: 39.5px;
    vertical-align: middle;
    color: #303030;
}

.zonesDetails-info .section-content p,
.projetDetails-info .section-content p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    line-height: 39.5px;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #303030;
}

.zonesDetails-info .mainslider #expandedImg,
.projetDetails-info .mainslider #expandedImg {
    border-radius: 0;
}

.newsDetails h3 {
    font-size: 30px;
    font-weight: 700;
}

.newsDetails p {
    font-weight: 700;
    font-size: 18px;
    color: #303030;
}

/* The grid: Four equal columns that floats next to each other */
.mainslider .column {
    float: left;
    width: 25%;
}

    /* Style the images inside the grid */
    .mainslider .column img {
        opacity: 0.8;
        cursor: pointer;
        width: 202px !important;
        height: 200px;
        border-radius: 50%;
        object-fit: fill;
        object-position: center;
    }

        .mainslider .column img.hideBorder {
            border: none;
        }

        .mainslider .column img:hover,
        .mainslider .column img:focus,
        .mainslider .column img:active,
        .mainslider .column img.clicked,
        .mainslider .column img:target,
        .mainslider .column img.active {
            opacity: 1;
            border: 3px solid #B98231;
            padding: 8px;
        }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container {
    position: relative;
    display: none;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    display: none;
    cursor: pointer;
}

.zonesDetails-slider #expandedImg,
.opportunityDetails-slider #expandedImg {
    height: 694px !important;
}

.opportunityDetails-slider .column {
    width: 19%;
    padding: 1px 5px;
    margin: 0 5px;
}

#expandedImg {
    display: block;
    height: 720px !important;
    border-radius: 10px;
    margin-bottom: 10px !important;
    object-fit: fill;
    object-position: center;
}

.item {
    text-align: center;
    line-height: 500px;
}

.read-more {
    font-size: 14px;
    color: #c17d2e;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

    .read-more::after,
    .regions-content .read-more::after {
        content: '➜';
        margin-left: 5px;
        color: #c17d2e !important;
    }

    .read-more:hover {
        text-decoration: underline;
    }

.readMore {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin: 1px 15px;
}

    .readMore::after {
        content: '➝';
        margin-left: 15px;
        color: #fff;
    }

/* Jobs */
.section-header h2 {
    font-size: 21px;
    font-weight: 700;
}

.fieldset {
    border-bottom: 4px;
    box-shadow: 0px 0px 9px -1px #00000026;
}

    .fieldset h3 {
        font-size: 18px;
        font-weight: 500;
    }

    .fieldset label {
        font-size: 14px;
        font-weight: 700;
        font-family: Tajawal;
    }

.card {
    box-shadow: 0px 0px 40px 5px #00000017;
    border-radius: 26px !important;
}

.card-title,
.card-text {
    font-size: 16px;
    font-weight: 700;
}

    .card-title span,
    .card-text span {
        font-weight: 400;
        padding-bottom: 4px;
    }

.btn-jobInfo {
    background-color: #B98231 !important;
    color: #ffffff !important;
    font-size: 18px;
}

.badge {
    padding: 15px 20px !important;
    font-size: 16px;
    font-weight: 700;
}

.finish {
    background-color: #BE594F;
}

.new {
    background-color: #7AB35B;
}

.page-link {
    margin: 0 4px;
    border: 1px solid #F1F1F1;
    border-radius: 8px !important;
    color: #333333 !important;
}

    .page-link:focus {
        background-color: #B98231 !important;
        color: #ffffff !important;
        box-shadow: none !important;
        border-radius: 8px !important;
    }

/* About */
.title {
    background-color: #EFEFEF;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1em;
}

.content-title {
    color: #BE594F;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 1em;
}

.content {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
}

/* Contact Us */
h2 {
    font-size: 21px;
    font-weight: 700;
    color: #303030;
    font-family: 'Helvetica Neue LT Arabic';
}

.contact-card {
    background-color: #474747;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: 'Helvetica Neue LT Pro', sans-serif;
}

    .contact-card h3 {
        font-size: 26px;
        font-weight: 700;
    }

    .contact-card h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
    }

    .contact-card ul {
        list-style-type: "-";
        font-size: 16px;
        font-weight: 400;
    }

        .contact-card ul li a {
            color: #FFFFFF;
            text-decoration: none;
        }

.contact-form {
    color: #8D8D8D !important;
}

    .contact-form form label {
        color: #B16F0E;
        font-size: 12px;
    }

.contact-us .contact-form form label {
    color: rgba(48, 48, 48, 1);
}

.contact-form form input {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #8D8D8D !important;
    box-sizing: border-box;
    color: #8D8D8D !important;
    font-size: 14px;
    padding: 0.375rem 0 !important;
}

.contact-form .form-control:focus {
    border: none !important;
    box-shadow: 0px 2px 0px rgba(13, 110, 253, .25) !important;
}

.file-valid {
    outline: 2px solid blue !important;
    background-color: #f0f8ff;
}

.form-control.is-invalid,
.was-validated {
    border-bottom: 1px solid #FF3B30 !important;
    background-image: none;
}

.was-validated {
    display: none !important;
    background-image: none;
}

    .form-control.is-valid,
    .was-validated .form-control:valid {
        background-image: none;
    }

.invalid-feedback,
.astric {
    color: #FF3B30;
    font-size: 12px;
}

.upload-file {
    background-color: #EFEFEF;
    border: 1px solid #8D8D8D;
    border-radius: 8px;
}

.upload-header img {
    width: 20px;
    height: 20px;
}

.upload-header h4,
.file_upload h4 {
    font-size: 19px;
    color: #000000;
}

.drop-area {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%238D8D8DFF' stroke-width='4' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    margin: 20px;
    background-color: #FFFFFF;
}

.is-invalid-drop-area {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23FF3B30FF' stroke-width='4' stroke-dasharray='18' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 8px;
}

.drop-area.hover {
    border-color: #000;
}

.drop-area img {
    width: 52px;
    height: 52px;
    margin-top: 22px;
}

.drop-area span,
.drop-area label {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.drop-area label,
.file_area p {
    color: #B98231;
    text-decoration: underline;
    font-weight: 700;
}

.file_uploaded {
    background-color: #FFFFFF;
    border-radius: 8px;
}

.file_area i {
    font-size: 32px;
}

.file_area p {
    font-size: 14px;
}

.file_area span {
    font-size: 10px;
}

.file_uploaded .bi-x {
    background-color: #BB0000;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
}

#myButton {
    background-color: #dcc098;
    color: #e9d8be;
    border-radius: 8px;
    border: none;
}

    #myButton:enabled {
        color: #FFFFFF;
        background-color: #B98231;
    }

.contact-info h3 {
    font-weight: 700;
    font-size: 21px;
}

.fieldset {
    border: 1px solid #000000 !important;
    border-radius: 8px;
}

.contact-us .contact-info {
    margin-bottom: -300px !important;
}

.jobs .fieldset {
    box-shadow: 0px 0px 9px -1px #00000026;
    border-radius: 4px;
    border: none;
}

    .jobs .fieldset input[type=text]::placeholder {
        text-align: left;
    }

    .jobs .fieldset input {
        height: 40px !important;
    }

    .jobs .fieldset img {
        top: 56%;
        left: 87%;
        display: none;
    }

.jobs .card .card-title {
    color: #000000C2;
}

/* Job Details تفاصيل الوظيفة */
.job-details .job-code h3,
.job-details .job-descripion h3 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 32px;
    color: #303030;
}

.job-details .job-code .code-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .job-details .job-code .code-details span {
        font-size: 18px;
        font-weight: 700;
        color: #303030;
    }

    .job-details .job-code .code-details .btn-jobInfo {
        font-size: 16px;
        width: 197px;
        height: 46px;
    }

.job-details .job-descripion p {
    font-weight: 700;
    font-size: 18px;
    line-height: 39.5px;
    letter-spacing: 0px;
    color: #303030;
}

.job-details .job-descripion h4 {
    font-weight: 700;
    font-size: 32px;
    color: #000000;
}

.modal .modal-content {
    background-color: #EFEFEF;
    border: none;
}

.modal .modal-header,
.modal .modal-footer {
    border: none;
    border-radius: 0;
}

.modal .modal-header {
    display: block;
}

    .modal .modal-header h4 {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 400;
        font-size: 19px;
        color: #000000;
    }

    .modal .modal-header .modal-email {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 400;
        font-size: 12px;
        color: #303030;
    }

        .modal .modal-header .modal-email .form-control {
            background-color: #EFEFEF !important;
            border: none;
            width: 359.6px;
            border-bottom: 1px solid #8D8D8D;
            border-radius: 0;
        }

.job-code .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.modal .modal-header .modal-email .form-control:focus {
    box-shadow: 0px 2px 0px rgba(13, 110, 253, .25) !important;
}

.modal-footer {
    position: relative;
    background-color: #7f7f7f;
    border: none;
    padding: 10px 0 !important;
}

    .modal-footer button.btn-send {
        background: #B98231;
        color: #fff;
        margin-right: 0;
    }

    .modal-footer .btn-clos,
    .modal-footer .btn-send {
        width: 130px;
        height: 46px;
        border-radius: 5px;
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        box-shadow: 0px 0px 14px 0px #0000001F;
        border-radius: 5px;
    }

    .modal-footer .btn-clos {
        background: #303030 !important;
        color: #EFEFEF !important;
    }

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    border: none;
}

.modal-footer .btn-send {
    background: #B98231 !important;
    color: #fff !important;
}

.contact-info .fieldset h4 {
    position: relative;
    color: #B16F0E;
    font-weight: 700;
    font-size: 22px;
}

.contact-info h4::after {
    content: "";
    position: absolute;
    top: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    left: 0;
    width: 62px;
    height: 5px;
    border-radius: 9px;
    background-color: #B16F0E;
}

.contact-info .fieldset span {
    color: #8D8D8D;
    font-size: 16px;
    font-weight: 700;
}

    .contact-info .fieldset span a {
        color: #153E9B;
    }

/* Project */
.projects-header h2 {
    font-size: 22px;
}

    .projects-header h2 a {
        text-decoration: none;
        color: #303030;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
        transition: all .2s;
    }

        .projects-header h2 a:hover,
        .projects-header h2 a:active,
        .projects-header h2 a:focus {
            color: #B98231;
            border-bottom: 5px solid #B98231;
            border-radius: 2px;
            z-index: 1;
        }

.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    /* Responsive grid */
    gap: 30px;
    /* Space between items */
    padding: 20px;
}

.projects-items {
    padding-bottom: 15px;
    background-color: #fff;
}

.projects-date {
    font-size: 12px;
    color: #888;
    text-align: left;
    margin-bottom: 10px;
}

.projects-title {
    border-top: 1px solid #000;
    padding-top: 10px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 10px 0;
    line-height: 1.5;
}

.projects-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.7;
}

.read-more {
    font-size: 14px;
    color: #c17d2e;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

    .read-more::after {
        content: '➝';
        margin-left: 5px;
        color: #c17d2e;
    }

    .read-more:hover {
        text-decoration: underline;
    }

.card {
    box-shadow: 0px 0px 40px 5px #00000017;
    border-radius: 26px !important;
}

.card-title,
.card-text {
    font-size: 16px;
}

.card-title {
    font-weight: 700;
}

.card-text,
.card-date {
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-date {
    color: #00000082;
    font-size: 13px;
}

.btn-projectsInfo {
    background-color: #B98231 !important;
    color: #ffffff !important;
    font-size: 18px;
}

.badge {
    padding: 15px 20px !important;
    font-size: 16px;
    font-weight: 700;
}

.jobs .job-info .badge {
    left: 15%;
}

.luanched {
    background-color: #FFEA44;
    color: #827615 !important;
}

.Under-agreement {
    background-color: #8D8D8D;
    color: #3A3A3A !important;
}

.Played {
    background-color: #88BE4F;
    color: #374E1F !important;
}

.page-link {
    margin: 0 4px;
    border: 1px solid #F1F1F1;
    border-radius: 8px !important;
    color: #333333 !important;
}

    .page-link:focus {
        background-color: #B98231 !important;
        color: #ffffff !important;
        box-shadow: none !important;
        border-radius: 8px !important;
    }

/* Vision and Mission */
.vision h2,
.mission h2,
.green-economy h2,
.economy h2,
.Governance h2,
.organizational-structure h2 {
    font-size: 21px;
    font-weight: 700;
}

.vision h3,
.mission h3,
.economy h3,
.Sustainability h3,
.Governance h3 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 32px;
    margin-top: 20px;
}

.mission {
    margin-top: 20px;
}

    .vision p,
    .mission p,
    .economy p,
    .Sustainability p,
    .Governance p {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 700;
        font-size: 18px;
        line-height: 1.8;
        text-align: left;
        color: #303030;
    }

/* Board of Directors */
.directors .director-head,
.directors .director-card {
    height: 95px;
    border-radius: 7px;
    border: 1px solid #E6E6E6;
}

    .directors .director-head img,
    .directors .director-card img {
        width: 70px;
        height: 70px;
        border-radius: 41px;
        border: 1px solid #EBEBEB;
    }

.directors .director-name h4 {
    font-size: 16px;
    font-weight: 700;
    color: #474747;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.directors .director-name p {
    font-size: 13px;
    font-weight: 400;
    color: #474747;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 1px;
}

/* Statement by the Chairman of the Commission */
.section-header h2 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 21px;
}

.content-bg img {
    display: block;
    width: 100%;
}

/* Chairman */
.Chairman {
    margin-top: 50px;
}

    .Chairman .nav-tabs .nav-link {
        font-family: Helvetica Neue LT Arabic;
        font-weight: 400;
        font-size: 23px;
        color: #303030;
        position: relative;
        padding-bottom: 10px;
    }

        .Chairman .nav-tabs .nav-item.show .nav-link,
        .Chairman .nav-tabs .nav-link.active,
        .Chairman .nav-tabs .nav-link:hover,
        .Chairman .nav-tabs .nav-link:focus {
            border: none;
            border-bottom: 5px solid #303030;
        }


    .Chairman .section-content {
        background: #B98231;
    }

        .Chairman .section-content .content-text {
            height: 610px;
            color: #fff;
            overflow-y: auto;
        }

        .Chairman .section-content .content-text-header span {
            font-size: 26px;
        }

        .Chairman .section-content .content-text-header h4 {
            font-weight: 700;
            font-size: 40px;
        }

        .Chairman .section-content .content-text-header h5 {
            font-weight: 700;
            font-size: 36px;
        }

        .Chairman .section-content .content-text-details span {
            font-size: 20px;
            display: block;
            margin-bottom: 10px;
        }

        .Chairman .section-content .content-text-details p {
            font-size: 16px;
            line-height: 26px;
        }

    .Chairman .content-image .img-bg {
        background-color: #996c29;
        margin-left: 0px;
        height: 100%;
        position: relative;
        bottom: 0;
    }

        .Chairman .content-image .img-bg img {
            width: 100%;
            height: 100%;
            object-fit: fill;
            bottom: 0%;
        }

    .Chairman .chairman-modal {
        font-family: Helvetica Neue LT Arabic;
        font-weight: 400;
        font-size: 26.81px;
        line-height: 122%;
        letter-spacing: -4%;
        text-decoration: underline;
        border: none;
        color: #153E9B;
        background-color: transparent;
    }

    .Chairman .modal-header {
        padding: 10px 16px 1px;
    }

        .Chairman .modal-header h2 {
            font-family: Helvetica Neue LT Arabic;
            font-weight: 700 !important;
            font-size: 32px !important;
            color: #000;
        }

    .Chairman .modal-body h4 {
        font-family: Helvetica Neue LT Arabic;
        font-weight: 400;
        font-size: 24px;
        line-height: 20px;
        letter-spacing: 0%;
        margin-bottom: 15px;
    }

    .Chairman .modal-body p {
        color: #303030;
        font-family: Helvetica Neue LT Arabic;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 7px;
    }

        .Chairman .modal-body p::before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            margin: 1px 8px;
            background-color: #303030;
            border-radius: 50%;
            /* Makes it a circle */
            vertical-align: middle;
        }

    .Chairman .modal-footer {
        position: relative;
        background-color: #7f7f7f;
        border: none;
    }

        .Chairman .modal-footer button {
            position: absolute;
            left: -4.3%;
            top: 10px;
            background: #B98231;
            color: #fff;
            box-shadow: 0px 0px 14px 0px #0000001F;
            border-radius: 5px;
        }






/* Ororganizational-structurea */

.organizational-structure .content img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.organizational-structure .content h5,
.organizational-structure .content h6 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 16px;
    /* white-space: nowrap;
    text-overflow: ellipsis;*/
}

.sections .section .director-name h6 {
    font-size: 13px;
    padding-bottom: 5px;
    display: block;
}

.sections .section .director-name span {
    font-size: 12px !important;
    overflow: hidden;
    display: inline !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: wrap !important;
}

.organizational-structure .content h6 {
    overflow: hidden;
    display: inline-block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.organizational-structure .content p,
.organizational-structure .content span {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.organizational-structure .content span {
    margin-top: 0px;
    width: 160px;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* .cf {
    *zoom: 1;
} */

/* Generic styling */
.organizational-structure .content {
    width: 100%;
    /* max-width: 1142px; */
    margin: 0 auto;
    padding: 0 20px;
}

    .organizational-structure .content a:focus {
        outline: 2px dashed #f7f7f7;
    }

@media screen and (max-width: 767px) {
    .investmentIncentives-Details .files {
        display: flex;
        flex-wrap: wrap;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
    }

    .sections .section .director-name span {
        font-size: 11px !important;
        overflow: hidden;
        display: inline !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: wrap !important;
    }

    .news-header,
    .opportunity .opportunity-header,
    .projects .projects-header,
    .about .about-header {
        border-bottom: 2px solid #87724A21;
        padding-bottom: 25px;
        overflow-x: auto;
        white-space: nowrap
    }

    .Chairman .content-image .img-bg {
        background-color: #996c29;
        margin-left: 0px !important;
        height: auto;
        position: relative !important;
        bottom: 0 !important;
    }

        .Chairman .content-image .img-bg img {
            width: 100%;
            height: 100%;
            object-fit: fill;
            position: absolute;
            bottom: 0%;
        }

    .newsResults .news-card {
        position: relative;
        margin-bottom: 20px;
    }

    .organizational-structure .content {
        padding: 0 20px;
    }
}

.organizational-structure .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .organizational-structure .content ul a,
    .organizational-structure .content ul .director-card,
    .organizational-structure .content .subdirector-card {
        display: block;
        background: #fff;
        border: 2px solid #E6E6E6;
        overflow: hidden;
        font-size: .7em;
        text-decoration: none;
        font-weight: bold;
        color: #333;
        height: 85px;
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        transition: all linear .1s;
        cursor: pointer;
        border-radius: 7px;
        z-index: 9;
    }

@media print {
    .organizational-structure .content ul a {
        border: 2px solid #E6E6E6;
    }
}

@media screen and (max-width: 767px) {

    .organizational-structure .subdirectors {
        margin-bottom: 129px !important;
    }

    .organizational-structure .content ul a {
        font-size: 1em;
        right: 0px !important;
        width: 100% !important;
    }
}


.organizational-structure .content ul a span,
.organizational-structure .content .director-card {
    top: 50%;
    margin-top: -0.7em;
}

.organizational-structure .administration > li > a,
.organizational-structure .subdirector-card {
    margin-bottom: 25px;
}

.organizational-structure .director > li > a,
.organizational-structure .director .director-card {
    width: 30%;
    margin: 0 auto 0px auto;
}

@media print {
    .organizational-structure .subdirector:after {
        border-left: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .line-down {
    width: 1.5px;
    height: 30px;
    margin: auto;
    background-color: #E5E5E5;
}

.organizational-structure .line-horizontal1 {
    position: absolute;
    top: 0;
    left: 30%;
    width: 40%;
    height: .5px;
    background-color: #E5E5E5;
    z-index: 0;
}

.organizational-structure .line-horizontal2 {
    position: absolute;
    top: 120px;
    left: 9.1%;
    width: 81.5%;
    height: .5px;
    background-color: #E5E5E5;
    z-index: 0;
}

.organizational-structure .subdirector1::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 50%;
    width: 1px;
    height: 27px;
    background-color: #E5E5E5;
    z-index: 1;
}


.organizational-structure .subdirector1 > li:first-child,
.organizational-structure .subdirector2 > li:first-child {
    width: 18.59894921190893%;
    margin: 0 auto 92px auto;
    padding-top: 25px;
    z-index: 1;
}

@media print {

    .organizational-structure .subdirector1,
    .organizational-structure .subdirector2 {
        border-bottom: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .subdirector1,
.organizational-structure .director-card-details {
    float: right;
    right: 33%;
}


@media print {
    .organizational-structure .subdirector > li:first-child {
        border-left: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .subdirector2 {
    float: left;
    left: 27.2%;
    border-right: 1.5px solid #E6E6E6;
}

@media print {
    .organizational-structure .departments > li:first-child {
        border-right: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .subdirector1 > li:first-child a,
.organizational-structure .subdirector2 > li:first-child a {
    right: 120px;
    width: 300px;
}

@media screen and (max-width: 767px) {





    .zonesDetails-slider .slider .column img,
    .opportunityDetails .slider .column img {
        width: 68px !important;
        height: 68px !important;
        border-radius: 10px !important;
        padding: 3px;
    }

    .tender .tender-cards .card .card-title,
    .tenderDetails .header-title h2 {
        font-size: 18px !important;
    }


    .Chairman .section-content .content-text-header h4 {
        font-weight: 700;
        font-size: 40px;
    }

    .organizational-structure .subdirector1 > li:first-child,
    .organizational-structure .subdirector2 > li:first-child a {
        width: 40%;
    }

    .organizational-structure .subdirector1 > li:first-child {
        right: 0;
        margin-right: 2px;
        /* left: 0; */
        justify-items: center;
        display: table-cell;
    }

    .organizational-structure .subdirector1:after {
        right: 49.8%;
    }

    .organizational-structure .subdirector2 > li:first-child a {
        left: 10%;
        margin-left: 2px;
        margin-bottom: 10px !important;
    }
}


.organizational-structure .subdirector2 > li:first-child a {
    right: 25px;
}

.organizational-structure .department:first-child {
    margin-left: 0;
}

.organizational-structure .subdirectors {
    margin-bottom: 150px;
}

@media print {
    .organizational-structure .departments:after {
        border-top: 1.5px solid #E6E6E6;
        border-right: 1.5px solid #E6E6E6;
        border-left: 1.5px solid #E6E6E6;
    }
}

@media screen and (max-width: 767px) {
    .organizational-structure .departments:after {
        border-right: none;
        left: 0;
        width: 49.8%;
    }
}

.organizational-structure .department:first-child:before,
.organizational-structure .department:last-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 200px;
    border-left: 1.5px solid #E6E6E6;
    z-index: 1;
    top: -150px;
    left: 50%;
    margin-left: -2px;
    border: 0px !important;
}

.organizational-structure .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 200px;
    border-left: 1.5px solid #E6E6E6;
    z-index: 1;
    top: -150px;
    left: 50%;
    margin-left: -2px;
}

.organizational-structure .dep-c:before {
    left: 10% !important;
}

.organizational-structure .dep-b:before {
    left: 15% !important;
}

@media print {
    .organizational-structure .department:before {
        border-left: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .department {
    border-left: 1.5px solid #E6E6E6;
    width: 18.59894921190893%;
    float: left;
    margin-left: 1.751313485113835%;
    margin-bottom: 60px;
}

@media print {
    .organizational-structure .department {
        border-left: 1.5px solid #E6E6E6;
    }
}

.organizational-structure .lt-ie8 .department {
    width: 18.25%;
}

@media screen and (max-width: 767px) {
    .tender-cards .d-flex {
        display: block !important
    }

    .tender-cards .button {
        margin-top: 10px
    }

    .tender .tender-cards .card {
        min-height: 240px;
        height: auto !important;
        margin-bottom: 10px;
    }

    .projects .Project-sectors .card .card-body {
        min-height: 290px;
        height: auto !important;
    }

    .video-date {
        display: block !important;
    }

    .video-library-details .video-header .video-properties .video-icon svg.right-icon,
    .image-library-details .image-header .image-properties .image-icon svg.right-icon {
        left: 45px !important;
    }

    .video-library-details .video-header .video-properties .video-icon svg.left-icon,
    .image-library-details .image-header .image-properties .image-icon svg.left-icon {
        right: 37px !important;
    }

    .directors.mx-5 {
        margin: 0px !important;
    }

    .Chairman .nav-tabs .nav-link {
        font-weight: 600;
        font-size: 14px;
    }

    .opportunityDetails .slider .column {
        width: 25%;
    }

    .opportunityDetails .opportunityDetails-header {
        display: block !important;
    }

    .opportunity .industrial-opportunities .card,
    .projects .latestProjects .card {
        min-height: 420px !important;
        height: auto !important;
        ;
        margin-bottom: 10px;
    }


    .projetDetails-info .section-date button {
        margin-top: 9px;
    }

    .launched-date {
        margin: 7px 0;
    }

    .directors .director-name p {
        display: block !important;
    }

    .directors .director-head,
    .directors .director-card {
        min-height: 96px !important;
        border-radius: 7px;
        border: 1px solid #E6E6E6;
        padding: 6px 0 !important;
    }

    .footer .row {
        transform: translate(0px, 0px) !important;
    }

    .latest-projects .card-img {
        height: auto !important;
    }



    .organizational-structure .subdirector1,
    .organizational-structure .director-card-details {
        float: right;
        right: auto;
        width: 100%;
    }

    .organizational-structure .department {
        float: none;
        width: 100%;
        margin-left: 0;
        border: 0px;
        margin-top: 0px !important;
    }

        .organizational-structure .department li {
            border: 0px !important;
            padding-left: 0px !important;
        }

            .organizational-structure .department li a {
                position: relative;
                margin: 12px 0px;
            }

        .organizational-structure .department.dep-d {
            float: right;
            right: auto;
            margin-top: 0px !important
        }

        .organizational-structure .department:first-child:before,
        .organizational-structure .department:last-child:before {
            border: 0px;
        }


        .organizational-structure .department:before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 60px;
            border-left: 0px solid #E6E6E6;
            z-index: 1;
            top: -60px;
            left: 0%;
            margin-left: -4px;
        }

    .department:nth-child(2):before {
        display: none;
    }

    .organizational-structure .department li {
        padding-left: 0px !important;
    }
}

.organizational-structure .department > a {
    margin: 0 0 -26px 0px;
    z-index: 1;
}

    .organizational-structure .department > a:hover {
        height: 80px;
    }

.organizational-structure .department > ul {
    margin-top: 7px;
    margin-bottom: 0px;
}

.organizational-structure .department li {
    padding-left: 10px;
    border-bottom: 2px solid #E6E6E6;
    /* height: 80px;*/
    margin-top: 10px;
}

@media print {
    .department li {
        border-bottom: 2px solid #E6E6E6;
    }
}

.organizational-structure .department li a {
    background: #fff;
    top: 48px;
    /* position: absolute;*/
    z-index: 1;
    width: 100%;
    min-height: 80px;
    vertical-align: middle;
    right: -1px;
    cursor: auto;
    height: auto;
    padding: 0px 2px;
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); */
    /* background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important; */
    /* background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important; */
    /* background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important; */
    /* background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important; */
    /* background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important; */
    /* background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
}

    .organizational-structure .department li a:hover {
        /* box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1); */
        min-height: 80px;
        width: 100%;
        top: 39px;
        background-image: none !important;
    }

/* Department/ section colors */
.organizational-structure .department.dep-a a,
.organizational-structure .department.dep-b a,
.organizational-structure .department.dep-c a,
.organizational-structure .department.dep-d a,
.organizational-structure .department.dep-e a {
    background: #fff;
}

.organizational-structure .department .department-head {
    background-color: #EFEFEF !important;
    border: 1px solid #E6E6E6;
    height: 64px !important;
    text-align: center;
}

    .organizational-structure .department .department-head .director-name h5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 2px;
        white-space: break-spaces;
    }

.organizational-structure .department.dep-d,
.organizational-structure .department.dep-e {
    margin-top: -50px;
}

.organizational-structure .department.dep-d {
    margin-top: 0;
}

.hidden {
    display: none !important;
}

/* Tenders المناقصات و المزايدات */

.tender .tender-cards .card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: none;
    border-radius: 10px !important;
    height: 240px;
    position: relative;
}

    .tender .tender-cards .card .card-head,
    .tenderDetails .header-title {
        justify-content: space-between;
        align-items: center;
    }

        .card .card-head .date span,
        .tenderDetails .header-title .date span {
            font-family: 'Helvetica Neue LT Arabic';
            font-size: 13px;
            color: #303030;
        }

        .card .card-head .button button,
        .tenderDetails .header-title button {
            border: none;
            background-color: transparent;
            width: 115px;
            height: 37px;
            border-radius: 5px;
            font-family: 'Helvetica Neue LT Arabic';
            font-weight: 700;
            font-size: 14px;
        }

            .card .card-head button.btn-closed,
            .tenderDetails .header-title button.btn-closed {
                background-color: #BE594F;
                color: #fff;
                transition: all .2s;
            }

                .card .card-head button.btn-closed:hover,
                .tenderDetails .header-title button.btn-closed:hover {
                    background-color: #d3685f;
                }

            .card .card-head button.btn-opened,
            .tenderDetails .header-title button.btn-opened {
                background-color: #88BE4F;
                color: #374E1F;
            }

                .card .card-head button.btn-opened:hover,
                .tenderDetails .header-title button.btn-opened:hover {
                    background-color: #95db4a;
                }

        .tender .tender-cards .card .card-title,
        .tenderDetails .header-title h2 {
            font-family: 'Helvetica Neue LT Arabic';
            color: #303030;
            font-weight: 700;
            font-size: 20px;
        }

        .tenderDetails .header-title h2 {
            width: 60%;
        }

.tenderDetails-header .date {
    margin: 0 !important;
}

    .tenderDetails-header .date button {
        margin-right: 0 !important;
    }

.tender .tender-cards .card .card-text {
    font-size: 16px;
    color: #000000C2;
    font-family: 'Helvetica Neue LT Arabic';
}

.tender .tender-cards .card .card-body a {
    position: absolute !important;
    bottom: 15px;
}

.tender .tender-cards .card .card-body a,
.tender .tender-cards .card .card-body .read-more::after,
.investment-cards .read-more::after {
    color: #B98231 !important;
    font-size: 16px;
    font-weight: 700;
}

.tender .tender-cards .card .card-body i {
    vertical-align: -.125em;
}

/* Tender Details تفاصيل المناقصات و المزايدات */
.tenderDetails .tenderDetails-header p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 16px;
    color: #0D3770;
}

.tenderDetails .tenderDetails-header img {
    width: 100%;
    height: 589px;
    border-radius: 7px;
}


.tenderDetails .tenderDetails-info {
    margin-right: 10px;
}

.TendersAuctions-details h3,
.requiredDocuments h3,
.submissionGuidelines h3 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 32px;
    color: #303030;
    margin-bottom: 15px;
}

.TendersAuctions-details p,
.requiredDocuments ul,
.requiredDocuments p,
.submissionGuidelines ul,
.submissionGuidelines p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    line-height: 39.5px;
    letter-spacing: 0px;
    color: #303030;
    margin-right: 20px;
}

.TendersAuctions-details p,
.submissionGuidelines p {
    margin-right: 0px;
}

.tenderDetails .contact-info .fieldset {
    border: none;
    box-shadow: 0px 0px 10px 0px #0000001A;
}

/* News  */
.news-header,
.opportunity .opportunity-header,
.projects .projects-header,
.about .about-header {
    border-bottom: 2px solid #87724A21;
    padding-bottom: 15px;
}

    .news-header button,
    .opportunity .opportunity-header button,
    .projects .projects-header button,
    .about .about-header button {
        font-size: 22px;
        border: none;
        background-color: transparent;
        text-decoration: none;
        color: #303030;
        padding-bottom: 17px;
        position: relative;
        z-index: 1;
        top: 18px;
    }

        .news-header button:hover,
        .opportunity .opportunity-header button:hover,
        .projects .projects-header button:hover,
        .about .about-header button:hover {
            color: #B98231;
            border-bottom: 5px solid #B98231;
            border-radius: 9px 9px 0 0;
            z-index: 1;
            font-weight: 700;
        }

.page {
    display: none;
}

.active-page {
    display: block;
}

.active-button {
    color: #B98231 !important;
    border-bottom: 5px solid #B98231 !important;
    border-radius: 9px 9px 0 0;
    z-index: 1;
    font-weight: 700;
}

.news .news-content {
    /* background-color: #FBFBFB; */
}

.news-content h3 {
    font-size: 22px;
    font-weight: 700;
}

.most-viewed .news-content h3 {
    margin: 1px 30px;
}

.news .card {
    border-radius: 10px !important;
    color: #000000;
    transition: all .3s;
    /* cursor: pointer; */
    height: 176px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #0000001A;
}

    .news .card:hover {
        background-color: #B98231;
        color: #fff;
        border: 1px solid #B16F0E;
    }

    .news .card .card-body h5 {
        font-weight: 700;
        font-size: 20px !important;
    }

    .news .card img {
        border-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        height: 160px !important;
        width: 100%;
        object-fit: fill;
        object-position: center;
    }

.form-selected {
    display: block;
    width: 100%;
    /* padding: 3px 8px; */
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: #303030;
    height: 40px !important;
}

    .form-selected option {
        position: absolute;
        right: 10px;
    }

    .form-selected:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }

/* opportunity الفرس الاستثمارية */
.opportunity {
}

    .opportunity .opportunity-header {
    }

    .opportunity .industrial-opportunities .card .card-img,
    .projects .latestProjects .card .card-img {
        height: 220px;
    }

    .opportunity .industrial-opportunities .card,
    .projects .latestProjects .card {
        display: block;
        box-shadow: 0px 0px 15px 0px #0000001A;
        padding: 10px;
        border: none;
        border-radius: 10px !important;
        height: 450px;
        position: relative;
    }

        .opportunity .industrial-opportunities .card .card-head a,
        .projects .latestProjects .card .card-head a {
            background-color: #D9D9D9;
            color: #000000C2;
            width: auto;
            height: 28px;
            border-radius: 5px;
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            white-space: nowrap;
            padding: 0 10px;
        }

        .opportunity .industrial-opportunities .card .card-title,
        .projects .latestProjects .card .card-title {
            font-size: 20px !important;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: inherit;
        }

        .opportunity .industrial-opportunities .card .card-body p {
            color: #000000C2;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 48px !important;
        }

        .opportunity .industrial-opportunities .card .card-body span {
            font-size: 14px;
            font-weight: 700;
        }

        .opportunity .industrial-opportunities .card .card-body .read-more,
        .opportunity .industrial-opportunities .card .card-body .read-more::after {
            font-weight: 700;
            font-size: 16px;
            margin-top: 0;
        }

        /* المشروعات القائمة Projects */
        .projects .latestProjects .card .badge,
        .projects .Project-sectors .card .badge {
            position: absolute;
            left: 2%;
            top: -5px;
            z-index: 9999999999;
            border-radius: 8px;
            width: 113px;
            height: 45px;
            font-size: 16px;
            font-weight: 700;
            padding: 15px 9px !important;
        }

.projects .Project-sectors .card .badge {
    top: -25px;
    right: 25px;
}

.projects .latestProjects .card .under-construction {
    background-color: #8D8D8D;
    color: #3A3A3A;
}

.projects .latestProjects .card .Launched {
    background-color: #FFEA44;
    color: #827615;
}

.projects .latestProjects .card .played {
    background-color: #88BE4F;
    color: #374E1F;
}

.projects .Project-sectors .card .card-body {
    height: 290px;
}

.projects .Project-sectors .card .card-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 78px;
}

.projects .latestProjects .card .card-head a {
    width: 174px;
}

#mostViewedNews,
#mostViewedNews {
    padding-bottom: 30px;
}

/* investment-incentives الحوافز الاستثمارية */
.investment-incentives,
.event {
    padding: 30px 1px;
}

    .investment-incentives .investment-header h2,
    .investmentIncentives-Details .section-header h2 {
        font-weight: 700;
        font-size: 32px !important;
        line-height: 39.5px;
        color: #303030;
    }

    .investment-incentives .investment-header p {
        font-weight: 700;
        font-size: 18px;
        line-height: 39.5px;
        letter-spacing: 0px;
        text-align: left;
        color: #303030;
    }

    .investment-incentives .investment-cards .card {
        border-radius: 0 !important;
        border: none;
        box-shadow: none;
        height: 300px !important;
        position: relative;
    }

        .investment-incentives .investment-cards .card .card-header {
            padding: 5px 0;
            background-color: transparent;
            border-bottom: 1px solid #000000;
        }

.investment-cards .card .card-header span {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    vertical-align: middle;
    color: #00000082;
}

.investment-cards .card .card-header button,
.investmentIncentives-Details .header-details button {
    border-radius: 8px;
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 16px;
    cursor: auto !important;
}

    .investment-cards .card .card-header button.coming,
    .investmentIncentives-Details .header-details button.coming {
        color: #040404;
        background-color: #DADADA;
        width: 122px;
    }

    .investment-cards .card .card-header button.expired,
    .investmentIncentives-Details .header-details button.expired {
        color: #FFFFFF;
        background-color: #BE594F;
        width: 138px;
    }

    .investment-cards .card .card-header button.active {
        color: #FFFFFF;
        background-color: #7AB35B;
        width: 81px;
    }

.investmentIncentives-Details .header-details {
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

    .investmentIncentives-Details .header-details button.active {
        background-color: #88BE4F;
        width: 98px;
        height: 34px;
        line-height: 17px;
        border-radius: 5px;
        color: #374E1F;
        border: none;
        cursor: auto;
    }

.investment-cards .card .card-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    padding-bottom: 5px;
    margin: 10px 1px !important;
}

.investment-cards .card .card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #000000C2;
}

.investment-incentives .investment-cards .card .btn-showMore {
    position: absolute;
    bottom: 10px;
}

/* investment-incentives Details  تفاصيل الحوافز الاستثمارية*/
.investmentIncentives-Details .section-header .date-expired {
    margin: 0 20px;
}

.investmentIncentives-Details p,
.investmentIncentives-Details ul li,
.investmentIncentives-Details ol li,
.opportunityDetails-requirements p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #303030;
}

.opportunityDetails-requirements h2 {
    font-size: 32px !important;
}

.opportunityDetails-requirements p::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px 8px;
    background-color: #303030;
    border-radius: 50%;
    /* Makes it a circle */
    vertical-align: middle;
}

.investmentIncentives-Details .section-header p {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 400;
    font-size: 14px;
}

    .investmentIncentives-Details .section-header p span {
        font-family: 'Helvetica Neue LT Arabic';
        font-size: 13px;
        color: #303030;
    }

.investmentIncentives-Details h3 {
    font-family: 'Helvetica Neue LT Arabic';
    font-weight: 700;
    font-size: 32px;
    color: #303030;
    margin-bottom: 15px;
}

.investmentIncentives-Details .fieldset,
.opportunityDetails .fieldset {
    border: none;
}

.investmentIncentives-Details .files .investment-law {
    border: 1px solid #F1F1F1;
    background: #F8F8F8;
    border-radius: 5px;
    width: 250px;
    height: 60px;
    display: flex;
    align-items: center;
/*    justify-content: space-between;
*/    margin: 5px;
}

    .investmentIncentives-Details .files .investment-law i {
        font-weight: 900;
        font-size: 30px;
        vertical-align: middle;
        color: #333333;
    }

    .investmentIncentives-Details .files .investment-law span {
        font-family: 'Helvetica Neue LT Arabic';
        font-weight: 700;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px;
        color: #303030;
    }

/* Search Results نتائج البحث */
.search-header .tab-title {
    background: #DADADA;
    color: #000000;
    width: auto;
    height: 48.11246109008789px;
    border-radius: 32px;
    padding: 0px 22px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    transition: all .2s;
    margin-right: 20px;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .search-header .active-button,
    .search-header .tab-title:hover {
        background: linear-gradient(161.92deg, #B98231 -2.48%, #996C29 84.84%);
        color: #fff !important;
        border: none !important;
    }


.newsResults .news-card {
    position: relative;
}

    .newsResults .news-card .col-lg-8 {
        /* height: 178px; */
        overflow: hidden;
    }

    .newsResults .news-card img {
        box-shadow: 0px 0px 10px 0px #0000001A;
        height: 200px;
        border-radius: 10px;
    }

    .newsResults .news-card h3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 7px;
        height: 62px !important;
        margin-bottom: 3px;
        font-size: 24px;
    }

    .newsResults .news-card p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 7px;
        margin-bottom: 0;
        color: #303030;
    }

    .newsResults .news-card a,
    .newsResults .news-card .col-lg-8 a {
        /*position: absolute;*/
        bottom: 1px;
        right: 3%;
        float: right;
    }

        .newsResults .news-card a.read-more::after {
            color: #c17d2e !important;
        }

.no-data .noData-body p {
    font-family: Helvetica Neue LT Arabic;
    font-weight: 700;
    font-size: 32px;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
}

.no-data .noData-body img {
    width: 500px;
    height: 500px;
}



.flatpickr-months .flatpickr-month {
    height: 50px !important;
}

/* Dashboard */
.dashboard {
}

.dashboard-head .dashboard-title h2 {
    font-weight: 400;
    font-size: 32px;
    color: #000;
}

.dashboard-head .dashboard-title p {
    font-weight: 400;
    font-size: 14px;
    color: #535353;
}

.dashboard-head .dashboard-date span {
    font-weight: 400;
    font-size: 16px;
    color: #535353;
}

.dashboard-head form label {
    color: #303030;
}

.dashboard-head form button {
    border-radius: 4px;
    line-height: 15px;
    width: 97px;
    height: 30px;
    font-size: 14px;
}

    .dashboard-head form button.clear {
        background: var(--Backgrounds-Primary, #FFFFFF);
        border: 1px solid var(--CAF-Text, #303030);
        margin-left: 100px;
    }

    .dashboard-head form button.filter {
        background: linear-gradient(161.92deg, #B98231 -2.48%, #996C29 84.84%);
        width: 99px;
        color: #fff;
    }

.dashboard .hr {
    height: 1px;
    background-color: #00000033;
}

.dashboard .dashboard-body .card {
    box-shadow: 0px 2px 10px 0px #0000001A;
    background: #FFFFFF;
    border: none;
    height: 244px;
    position: relative;
}

.dashboard-body .card h3 {
    font-size: 18px;
    color: #000;
}

.dashboard-body .card .rate-number h4 {
    font-weight: 700;
    font-size: 64px;
    color: #303030;
}

.dashboard-body .card .rate-number p {
    font-size: 14px;
    color: #535353;
}

.dashboard-body .card .rate-number .green {
    color: #10AE12;
}

.dashboard-body .card .rate-number .red {
    color: Red;
}

.dashboard-body .card .card-status .active::before,
.dashboard-body .card .card-status .in-active::before {
    content: "";
    width: 8px;
    height: 8px;
    opacity: 1;
    display: inline-block;
    border-radius: 50%;
}

.dashboard-body .card .card-status .active::before {
    background: linear-gradient(180deg, #336E10 0%, #9CE84F 100%);
}

.dashboard-body .card .card-status .in-active::before {
    background: linear-gradient(225.7deg, #FF0000 7.72%, #FA6969 50.89%, #FFA5A5 91.46%);
}

.card .buttons .sector button {
    background: linear-gradient(161.92deg, #B98231 -2.48%, #996C29 84.84%) !important;
    color: #fff;
    border-radius: 16px;
}

.card .buttons .zone button,
.card .buttons .project button {
    background: var(--Color-4, rgba(245, 248, 251, 1)) !important;
    color: rgba(83, 83, 83, 1);
    border-radius: 16px;
}

.card-chart .legend {
    margin-top: 20px;
    font-size: 14px;
    position: relative;
    top: 40px;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.legend-color {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
}

.center-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.dashboard-body .col-lg-4 .card {
    background-color: rgba(250, 250, 250, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    height: 190px;
    margin-bottom: 7px;
}

.dashboard-body .card .project p {
    margin: 10px 12px;
    color: rgba(48, 48, 48, 1);
    font-weight: 700;
    font-size: 20px;
}

/* Reset Password */
.reset-password {
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
}

    .reset-password form {
        margin-top: 100px;
        width: 464px;
        height: 453px;
        border: 1px solid rgba(51, 51, 51, 0.05);
        padding: 25px;
        background-color: rgba(255, 255, 255, 1);
    }

        .reset-password form h4 {
            font-weight: 700;
            font-size: 24px;
            color: rgba(48, 48, 48, 1);
        }

        .reset-password form label {
            font-size: 16px;
            color: rgba(48, 48, 48, 1);
        }

        .reset-password form .newPass,
        .reset-password form .confirmPass {
            margin-bottom: 10px;
        }

            .reset-password form .newPass img,
            .reset-password form .confirmPass img {
                left: 90%;
                bottom: 5px;
                cursor: pointer;
            }

        .reset-password form h5 {
            font-weight: 700;
        }

        .reset-password form ul {
            font-weight: 400;
            padding-left: 22px;
        }

        .reset-password form h5,
        .reset-password form ul {
            font-size: 14px;
            color: rgba(51, 51, 51, 0.6);
        }

    .reset-password .buttons {
        position: absolute;
        right: 5%;
    }

        .reset-password .buttons button {
            width: 85px;
            height: 26px;
            border-radius: 4px;
            font-size: 14px;
            line-height: 12px;
        }

            .reset-password .buttons button.cancel {
                border: 1px solid rgba(0, 0, 0, 0.3);
                background-color: #fff;
                color: rgba(51, 51, 51, 1);
            }

            .reset-password .buttons button.submit {
                background-color: rgba(27, 38, 79, 1);
                color: rgba(255, 255, 255, 1);
                margin-left: 15px;
            }


footer .form-selected,
footer .form-selected:focus {
    background-color: #303030;
    border: 1px solid #303030;
    color: #DADADA;
}

select option {
    margin-left: 20px;
}

.event-details .event-album,
.opportunityDetails,
.zonesDetails,
.investmentIncentives-Details {
    margin-bottom: -200px !important;
}

/* Media Query Mobile Size */
@media (min-width: 1024px) {
    .tender .tender-cards .card {
        height: 262px;
    }

    .footer .row {
        transform: translate(80px, 0px);
    }
}

@media (max-width: 1370px) {

    .organizational-structure .department.dep-d {
        margin-top: -51px;
    }
}

@media only screen and (max-width: 990px) {
    .mainslider .column img {
        width: 171px !important;
        height: 171px !important;
    }

    .responsive {
        width: 100%;
        height: auto;
    }

    .carousel-caption {
        top: 70%;
        text-align: left !important;
        left: 16% !important;
    }

        .carousel-caption h5 {
            font-size: 22px;
        }

    .carousel button.rounded-pill {
        top: 75%;
    }

    .news .card {
        height: 300px !important;
        margin-bottom: 20px !important;
    }

    .news-header button,
    .opportunity .opportunity-header button,
    .projects .projects-header button,
    .about .about-header button {
        font-size: 18px;
    }

    .newsDetails .section-header img,
    .zonesDetails-info .section-header img,
    .projetDetails-info .section-header img,
    .video-library-details .video-header iframe,
    .video-library-details .video-header img,
    .image-library-details .image-header img,
    .event-details .event-header img {
        height: 400px;
    }

    #expandedImg,
    .zonesDetails-slider #expandedImg,
    .opportunityDetails-slider #expandedImg {
        height: 400px !important;
    }

    .opportunityDetails .slider .column img {
        padding: 10px;
    }

    .zonesDetails-slider .column {
        width: 20%;
    }

    .zonesDetails-slider .slider .column img,
    .opportunityDetails .slider .column img {
        width: 90px !important;
        height: 90px !important;
        border-radius: 50%;
        padding: 3px;
    }

    #mostViewedNews,
    #mostViewedNews {
        padding-bottom: 1px;
    }

    .investment-incentives,
    .event {
        padding: 10px 1px;
    }
}

@media only screen and (max-width: 576px) {
    .lang {
        width: 45%;
        display: flex;
        margin: 0 10px 0 5px;
        justify-content: space-around;
    }

    .directors .director-name h4 {
        font-size: 14px !important;
    }


    .modal .modal-header .modal-email .form-control {
        width: 100% !important;
    }

    .carousel-caption {
        top: 70%;
        left: 15% !important;
    }

        .carousel-caption a.readMore {
            margin: 1px 7px;
        }

    .video-library-details .video-header .video-properties .video-date button,
    .image-library-details .image-header .image-properties .image-date button {
        font-size: 13px;
        width: auto !important;
        height: 32px;
        display: flex;
    }

    .video-icon {
        display: inline-flex;
        width: 85px;
    }

    .map-card .map-card-content {
        height: 308px;
    }

    .last-news .news-image img {
        height: auto !important;
        object-fit: fill;
    }

    .carousel-caption h5 {
        font-size: 20px;
        width: 80%;
        padding-bottom: 0px !important;
    }

    .carousel-item img {
        width: 100%;
        height: 276px !important;
    }

    #expandedImg,
    .zonesDetails-slider #expandedImg,
    .opportunityDetails-slider #expandedImg {
        height: 200px !important;
    }

    .mainslider .column img {
        width: 90px !important;
        height: 90px !important;
    }

    .zonesDetails-slider .row {
        padding: 0 !important;
        margin-left: 0;
    }

    .zonesDetails-slider .column {
        display: flex !important;
        float: left;
        align-items: flex-start;
        flex: 0 0 0%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .zonesDetails-slider .slider .column img,
    .opportunityDetails .slider .column img {
        width: 90px !important;
        height: 90px !important;
        border-radius: 50%;
        padding: 3px;
    }

    .news-header button,
    .opportunity .opportunity-header button,
    .projects .projects-header button,
    .about .about-header button {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .newsDetails .section-header img,
    .zonesDetails-info .section-header img,
    .projetDetails-info .section-header img {
        height: 200px;
    }

    .zonesDetails-info .section-content h3,
    .projetDetails-info .section-content h3 {
        font-size: 22px;
    }

    .library-search,
    .event-search {
        display: flex;
        flex-direction: column;
        /*align-items: flex-start;*/
    }

    .event .event-date {
        display: block;
        width: 100%;
        position: static;
        margin-bottom: 0;
    }

    .library-search .filter,
    .event-search .filter {
        margin-top: 10px;
    }

    .news-grid .news-archived-date,
    .library-date {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .news-archived-date {
        position: relative;
    }

    .library-date button.clear .news-archived-date button.clear {
        position: absolute;
        bottom: 11%;
        left: 26%;
    }

    .archived-search input,
    .library-search input,
    .event-search input {
        width: 250px !important;
    }

    /* News Dimentions */

    .event-details .event-header img {
        height: 220px;
    }

    .event-details .event-album img {
        width: 100%;
        height: 200px;
    }

    .event-details .event-header .event-properties {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

        .event-details .event-header .event-properties .event-time {
            margin: 20px 1px;
        }

    .input-wrapper {
        width: 100%;
    }

        .input-wrapper input {
            width: 100%;
            margin: 10px 0 !important;
        }

        .input-wrapper.date-end {
            margin: 1px;
        }

    .jobs .fieldset img {
        left: 93%;
    }

    .job-details .job-code h3,
    .job-details .job-descripion h3,
    .job-details .job-descripion h4 {
        font-size: 22px;
    }

    .job-details .job-descripion p {
        font-size: 16px;
    }

    .job-details .job-code .code-details .btn-jobInfo {
        width: 170px;
    }

    .news .card,
    .tenderDetails .tenderDetails-header img {
        height: 333px !important;
        margin-bottom: 20px !important;
    }

    .archived-news .archived-search {
        flex-direction: column;
        align-items: flex-start;
    }

    .archived-search .form {
        margin-left: 0 !important;
    }

    .archived-search .filter {
        margin-top: 20px;
    }

    .news-grid .news-archived-date {
        margin: 1px auto;
        margin-top: 75px !important;
        width: 440px;
    }

        .news-grid .news-archived-date .clear {
            margin-top: 7px !important;
        }

    .investmentIncentives-Details .header-details {
        display: flex;
        flex-wrap: wrap;
    }

    .investmentIncentives-Details .section-header .date-expired {
        margin: 1px;
    }

    .opportunityDetails .opportunityDetails-header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .opportunityDetails .opportunityDetails-header h2 {
            margin-right: 30px;
        }

    .video-library-details .video-header .card-img-top {
        height: 300px;
    }

    .video-library-details .video-header .video-properties {
        padding: 1px 10px;
    }

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

        .tenderDetails .header-title .date {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    #mostViewedNews,
    #mostViewedNews {
        padding-bottom: 1px;
    }

    .investment-incentives,
    .event {
        padding: 1px;
    }

    .no-data .noData-body p {
        font-family: Helvetica Neue LT Arabic;
        font-weight: 700;
        font-size: 20px;
    }

    .no-data .noData-body img {
        width: 250px;
        height: 250px;
    }

    .counter .row {
        --bs-gutter-x: 0 !important;
        margin: 1px 0 !important;
    }

    .row {
        --bs-gutter-x: 0 !important;
    }
}

/**/
@media only screen and (max-width: 450px) {

    .library-date button.clear,
    .news-archived-date button.clear {
        position: absolute;
        bottom: 10.5%;
        left: 30%;
    }

    .carousel-item {
        height: 100%;
    }

    .carousel button {
        width: auto;
        height: 38px;
    }

    .carousel-caption {
        top: 70%;
    }

    .carousel-item img {
        width: 100%;
        bottom: 0px !important;
    }
}


.overflow-x {
    overflow-x: auto;
}

@media (min-width: 1600px) {
    .organizational-structure .department.dep-d {
        margin-top: 0px !important;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .organizational-structure .department.dep-d {
        margin-top: -52px !important;
    }
}

@media (min-width: 1510px) {
    .organizational-structure .department.dep-d {
        margin-top: 0px !important;
    }
}

/* contact info */

.contact-info {
    margin-bottom: -300px !important;
}

.investmentIncentives-Details .contact-info {
    margin-bottom: 0px !important;
}

.Chairman.mx-5 {
    margin: 0px !important;
}


@media screen and (max-width: 320px) {

    .Chairman .nav-tabs .nav-link {
        font-weight: 700;
        font-size: 16px;
    }
}

/***
 *  min-width 1400px

 */
@media (min-width: 1400px) {
    .carousel-item img {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .wrap .slider .slick-prev {
        margin-left: 60px;
        margin-top: 60px;
    }

    .wrap .slider .slick-next {
        margin-right: 30px;
        margin-top: 60px;
    }
}

.video-date .me-2 {
    margin-left: 10px !important;
    margin-right: auto !important;
}

.projects-info .card {
    border-radius: 10px !important;
}
.W-20 {
    width: 20%;
}
.section-content a {
    width: 265px;
}
.pro-absolute-btn {
    position: absolute;
    width: 93%;
    bottom: 10px;
}