
#services-section .service-card .title {
    line-clamp: 1;
    -webkit-line-clamp: 1;
    height: 25px !important;
}

.announcements-div .card-body a {
        -webkit-line-clamp: 2 !important;
}
/*html[dir="rtl"]*/
.centers-btn {
    margin-bottom: 1rem !important;
    margin-left: 0.55rem !important;
}

html[dir="ltr"] .uai {
    margin-right: 0.75rem !important;
}

html[dir="rtl"] .uai {
    margin-left: 0.75rem !important;
}

html[dir="ltr"] body .uwy.userway_p5 .uai {
    top: auto;
    bottom: 13px;
    left: auto !important;
    right: 14px !important;
}

html[dir="ltr"] .uwaw uwaw_2-col.uw-dark-theme.uwaw-initial.free_widget {
    left: auto !important;
    right: 0px !important;
    position: absolute;
    background: rgb(245, 194, 71);
}

.service-item {
    position: unset !important;
}

.center-item {
    top: unset !important;
}

#services-section, #center-list, #laws-section {
    height: 100% !important;
}

.news-item {
    position: unset !important;
}

#news-list {
    height: 100% !important;
}

.faq-item {
    position: unset !important;
}

.law-item {
    position: unset !important;
}

#laws-list, #laws-list-ref {
    height: 100% !important;
}

    #laws-list-ref .law-card:hover {
        border-inline-start: 8px solid var(--secondary);
    }

    #laws-list-ref .law-card {
        border: 1px solid #ddd;
        border-radius: 8px;
        transition: 0.4s;
        overflow: hidden;
    }

.publication-item, .album-item, .video-item {
    position: unset !important;
}

#publication-list {
    height: 100% !important;
}

.project-item {
    position: unset !important;
}

#project-list .project-item .card-body p:first-of-type {
    -webkit-line-clamp: 3 !important;
}

#projects-list, #project-list, #albums-list, #videos-list {
    height: 100% !important;
}

#gmap_canvas {
    height: 100vh !important;
}

.svg-icon {
    fill: #49657C !important;
    transition: .4s;
}
/*


.svg-icon-container:hover .svg-icon {
    fill: var(--secondary) !important;
}*/
/*
#st-1 .st-btn {
    display: inline-block !important;
    border: none !important;
    transition: .4s;
}*/
/*#st-1 .svg-icon:hover {
    fill: var(--secondary) !important;
}
*/

#st-1 {
    z-index: unset !important;
}

.paragraph {
    font-size: 17px;
    width: 200px !important;
}

#pills-tab-services .nav-item {
    border-bottom: 1px solid #ccc !important;
}

#searchRefugees:hover, #searchLaw:hover {
    cursor: pointer;
}

#services-list .service-card:hover {
    border-inline-start: 8px solid var(--secondary);
}

#services-list .service-card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: 0.4s;
    overflow: hidden;
}

#laws-list .law-card:hover {
    border-inline-start: 8px solid var(--secondary);
}

#laws-list .law-card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: 0.4s;
    overflow: hidden;
}

#pills-tab-services .nav-item.last {
    border-bottom: none !important;
}

#services-list .service-card .description {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    height: 40px;
}

#services-list .service-card .title, #services-list .service-card .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

a.arrow-container:hover {
    background-color: var(--primary) !important;
}

.news-img::after {
    background: linear-gradient( 0deg, rgb(72 100 123 / 68%) 0%, rgb(255, 255, 255, 0%) 100% ) !important;
}

.full-slider-image .img::after {
    background: linear-gradient( 0deg, rgb(72 100 123 / 68%) 0%, rgb(255, 255, 255, 0%) 100% ) !important;
}

#refugees-section .slider-image .img::after {
    background: linear-gradient( 0deg, rgb(72 100 123 / 68%) 0%, rgb(255, 255, 255, 0%) 100% ) !important;
}

.now-platform .img-container::after {
    background: linear-gradient( 0deg, rgb(72 100 123 / 68%) 0%, rgb(255, 255, 255, 0%) 100% ) !important;
}

.categ:hover {
    cursor: pointer;
}

#mainNav .dropdown.clicked::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    inset-inline-start: 0;
    border-bottom: 4px solid var(--secondary);
}

.counter-card, .statistics-card {
    width: 380px !important;
    height: 85px !important;
}

html[dir="ltr"] [type=email], [type=number], [type=tel], [type=url] {
    direction: ltr;
}

html[dir="rtl"] [type=email], [type=number], [type=tel], [type=url] {
    direction: rtl;
}

#slider-section .btn.btn-secondary {
    background-color: var(--secondary);
    color: white !important;
    font-size: 1.1em;
    padding: 15px 30px;
    border: unset;
}

html[dir="ltr"] .ltr-reverse {
    transform: rotate(180deg);
}

.next-prev {
    text-decoration: none !important;
}

    .next-prev p {
        font-size: 1.2em;
        color: var(--primary);
        text-decoration: none;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        font-weight: bold;
    }

    .next-prev :hover {
        color: var(--secondary) !important;
    }

.list-item {
    border-bottom: 1px solid #ccc !important;
}

#st-1 .st-btn[data-network='twitter'] {
    background-color: #ffffff;
    display: inline-block !important;
}

.map-card h5 {
    color: var(--primary);
}

.map-card a {
    text-decoration: none;
    color: var(--secondary);
    border: 1px solid var(--secondary);
    width: fit-content;
    padding: 0.5em 0.8em;
    border-radius: var(--border-raduis);
}

@media print {
    .noprint {
        display: none;
    }
}

.svg-icon-container:hover {
    position: relative;
    opacity: .8;
    top: -4px;
}

.project-item .card-body {
    height: 186px !important;
}

select option:disabled {
    display: none !important;
}

ul, #myUL {
    list-style-type: none;
}

#myUL {
    margin: 0;
    padding: 0;
}

.caret {
    color: var(--primary);
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

html[dir=ltr] .caret::before {
    content: "\25B6";
    color: var(--secondary);
    display: inline-block;
    margin-right: 6px;
}

html[dir=rtl] .caret.reverse::before {
    content: "\25B6";
    transform: rotate(180deg);
    color: var(--secondary);
    display: inline-block;
    margin-right: 6px;
}

.caret-down::before {
    transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Safari */
    ' transform: rotate(90deg);
}


.nested {
    display: none;
}

.active {
    display: block;
}

.header-logo a img {
    height: 70px !important;
}

.footer-border {
    border-left: 1px solid;
}

.copyright {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

a.go-to-center:hover {
    background-color: var(--primary) !important;
}

.card-center:hover {
    color: unset !important;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 36px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: lightgrey;
    color: white;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 4px;
}

    #myBtn:hover {
        background-color: var(--secondary);
    }

.our-centers {
    bottom: 42px !important;
}

#news-section .news-card .card-body a {
    font-size: 1.2em;
    color: var(--primary);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 3 !important;
    font-weight: bold;
}

#details-services .text-secondary {
    color: var(--secondary) !important;
}

#footer .google-map, #footer .google-map iframe {
    height: 180px !important;
    width: 350px !important;
}

.box {
    float: left;
    padding: 50px 0px;
}

.clearfix::after {
    clear: both;
    display: table;
}

.options {
    margin: 5px 0px 0px 0px;
    float: left;
}


.pagination a {
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #eee;
    margin: 0;
}

    .pagination a.active {
        background-color: #4CAF50;
        color: white;
        border: 1px solid #4CAF50;
    }

    .pagination a:hover:not(.active) {
        background-color: #ddd;
        cursor: pointer !important;
    }

a#next.disabled {
    cursor: no-drop !important;
}

a#previous.disabled {
    cursor: no-drop !important;
}

html[dir=rtl] #footer .footer-border-right::after {
    content: "";
    position: absolute;
    top: 15%;
    width: 4px;
    border-radius: 5px;
    height: 60%;
    background-color: rgb(255 255 255 / 80%);
    left: 8px !important;
    right: unset !important;
}

.news-item .card-body {
    height: 157px !important;
}
.news-card .card-body{
    min-height: 200px !important;
}

.service-item .card-body {
    height: 157px !important;
}

#map {
    min-height: 466px !important;
}

.center-item {
    z-index: 1;
}

.number {
    direction: initial !important;
}

a .number:hover {
    color: var(--secondary) !important;
}

.news-img {
    min-height: 428px !important;
}

.news-home {
    height: 500px !important;
}

#pills-tab-services p {
    font-family: var(--font-family) !important;
}

#centers-list {
    height: unset !important;
}

a.clicked {
    background-color: #ddd !important;
}

.news-card .accordion-toggle:hover .card-title {
    color: var(--secondary) !important;
    cursor: pointer !important;
}

#details-services p, span, li, div {
    font-family: var(--font-family) !important;
    font-size: 15px !important;
    color:#777 !important;
}

table td {
    direction: initial !important;
}

#gallery-section .image-card a, #gallery-section .video-card a {
    display: unset !important;
    min-height: 78px !important;
}

#gallery-section .video-card .content {
    padding: 16px;
    min-height: 113px !important;
}

#gallery-section .image-card .count, #gallery-section .video-card .count {
    top: 180px !important;
}

#gallery-section .image-card .content {
    padding: 16px;
    min-height: 140px !important;
}

.ministry-card.health::after {
    background-image: url(/media/0xnpuvdb/health.svg);
}

@media only screen and (max-width: 768px) {
    .responsive-top-header {
        flex-direction: column !important;
        align-items: center;
    }
    
}

#news-section .news-card .img-container.catImg::before {
    background-color: rgba(72, 100, 123, 0.1) !important;
}
.catImg .serv-img {
    border-radius: 12px !important;
    opacity: 0.3 !important;
    object-position: left !important;
    object-fit: contain !important;
    transform: rotatey(180deg) !important;
}
.service-item .news-card .img-container{
    min-height:220px !important;
}
.minister-img {
    object-fit: contain !important;
    object-position: top !important;
}
#footer {
    padding-block-start: 50px !important;
    padding-block-end: unset !important;
    margin-top: 50px !important;
}
.categories.clicked{
    color: var(--secondary) !important;
    background-color: white !important;
}

.zoomed-iframe{
    width: 1288px !important;
}

@media (max-width: 1300px) {
    .zoomed-iframe{
        width: 100% !important;
    }
}

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: 0px !important;
    /* padding-right: calc(var(--bs-gutter-x) * .5); */
    margin-left: auto;
    margin-right: auto;
}

#laws-section .law-card {
    height: 100%;
}

#laws-section .law-card .content h5 {
    font-size: 18px !important;
    -webkit-box-orient: unset !important;
    text-overflow: unset !important;
    line-clamp: unset !important;
    -webkit-line-clamp: unset !important;
    height: unset !important;
    overflow: unset !important;
}