@font-face {
    font-family: "BLACKITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-BLACKITALIC.OTF");
}

@font-face {
    font-family: "BOLD";
    src: url("../fonts/ARBFONTS-SOMAR-BOLD.OTF");
}

@font-face {
    font-family: "EXTRABOLD";
    src: url("../fonts/ARBFONTS-SOMAR-EXTRABOLD.OTF");
}

@font-face {
    font-family: "EXTRABOLDITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-EXTRABOLDITALIC.OTF");
}

@font-face {
    font-family: "EXTRALIGHTITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-EXTRALIGHTITALIC.OTF");
}

@font-face {
    font-family: "LIGHT";
    src: url("../fonts/ARBFONTS-SOMAR-LIGHT.OTF");
}

@font-face {
    font-family: "LIGHTITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-LIGHTITALIC.OTF");
}

@font-face {
    font-family: "MEDIUM";
    src: url("../fonts/ARBFONTS-SOMAR-MEDIUM.OTF");
}

@font-face {
    font-family: "MEDIUMITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-MEDIUMITALIC.OTF");
}

@font-face {
    font-family: "SEMIBOLD";
    src: url("../fonts/ARBFONTS-SOMAR-SEMIBOLD.OTF");
}

@font-face {
    font-family: "SEMIBOLDITALIC";
    src: url("../fonts/ARBFONTS-SOMAR-SEMIBOLDITALIC.OTF");
}

.btn-show-more,
footer h1,
footer h4,
footer h3,
.title-with-border,
#media-center .header h2,
#media-center .tab-content .main-new h4,
.card.common-card .card-body h4,
h2,
#statistic .row .col-md-4 div h3,
#statistic .row .col-md-4 div p,
#health-building h2,
#health-building .row .item .address div h3,
#health-building .row .item .tags,
#faq #accordion .card .btn,
#contact-us-form .row h4,
#contact-us-form .row h3,
#contact-us-form .row p,
#search-sec .result h3,
#common-page-container .article-extensions .article-extensions-container h3,
#last-news h1,
.event-notes h4,
.event-notes .col-md-6 div h5,
.event-notes .col-md-6 div h4,
#about-ministry .header div h1,
#map .address-container .container .row .address-card h3,
#cards-container .card .card-img-overlay .card-title {
    font-family: BOLD;
}

footer h2 {
    font-family: LIGHT;
}

#cards-container.menu-nav .container .tab-content .menu-card div p {
    font-family: LIGHT;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #cbf0ea;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}

::-moz-selection {
    background-color: #cbf0ea;
    color: white;
}

::selection {
    background-color: #cbf0ea;
    color: white;
}

body {
    background: #f9f9f9;
    color: black;
    font-weight: 400;
    font-family: LIGHT, sans-serif;
    direction: rtl;
    font-size: 18px;
}

.litepicker .container__footer button {
    font-family: LIGHT,
        sans-serif;
}

:root {
    --primary: #4bd8c3;
    --secondary: #eeb42b;
    --green: #9ea712;
    --grafic-desgin: #f6881f;
    --progarmming: #1a1c4f;
    --gray2: #bbb;
    --gray-light: #f7f7f7;
    --gray-border: #c8c8c8;
}

a {
    color: black;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #4bd8c3;
    outline: none;
    text-decoration: none;
}

button:focus {
    outline: none !important;
}

p {
    padding: 0px;
    margin: 0px;
    color: #8a8a8a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px 0px 10px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

.back-to-top {
    position: fixed;
    display: none;
    background: var(--primary);
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    /* display: flex; */
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    z-index: 11;
    padding-top: 2px;
    color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.back-to-top i {
    padding-top: 12px;
    color: white;
}

button,
a,
i,
svg,
#slider-imgs .owl-prev,
#slider-imgs .owl-next,
img,
label,
i {
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

button {
    cursor: pointer;
}

/*ul {
    list-style: none;
    padding: 0px;
}*/

a {
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
}

.owl-carousel .item {
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0px 0px;
    border-radius: 10px;
}

.owl-carousel .team-item:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn {
    padding: 5px 15px;
    border: none;
    text-align: center;
    margin-bottom: 20px;
}

.btn-primary {
    background-color: #4bd8c3;
    color: white;
}

.btn-primary:hover {
    background-color: white;
    color: #4bd8c3;
}

.btn-secondary {
    background-color: white;
    color: #4bd8c3;
}

.btn-secondary:hover {
    background-color: #4bd8c3;
    color: white;
}

.btn-show-more {
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 2px 4px 7px 2px #bbbb;
    box-shadow: 2px 4px 7px 2px #bbbb;
    border-radius: 50px;
    font-size: 20px;
    padding: 10px;
    margin-inline: auto;
}

.btn-show-more i {
    font-size: 15px;
}

.btn-show-more:hover i {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.fixed-top {
    /* top: 8px; */
}

.main-nav,
.main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav {
    margin: 0 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    flex-grow: 1;
    background: #6d517500;
    border-radius: 25px;
    height: 50px;
    padding: 0 20px;
}

.main-nav>ul>li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.main-nav a {
    color: #e2e2e2 !important;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-size: 14px;
}

.main-nav .btn-english {
    max-width: 105px;
}

.main-nav .btn-english p {
    color: #e2e2e2 !important;
    border: none;
    padding: 0;
}

.main-nav a:hover,
.main-nav .active>a,
.main-nav li:hover>a {
    color: #4bd8c3 !important;
    text-decoration: none;
}

.main-nav .drop-down {
    color: #e2e2e2;
    position: relative;
}

.main-nav .drop-down ul {
    color: #666;
    display: block;
    position: absolute;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(127, 137, 161, 0.2);
    box-shadow: 0px 0px 15px rgba(127, 137, 161, 0.2);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border-radius: 4px;
    overflow: visible;
    min-width: 120px;
    width: 168px;
}

.main-nav .drop-down:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.main-nav .drop-down li {
    position: relative;
}

.main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #4bd8c3 !important;
    display: block !important;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active>a,
.main-nav .drop-down ul li:hover>a {
    color: #4bd8c3;
}

.main-nav .drop-down .fa-chevron-down {
    font-size: 10px;
    margin-inline: 10px;
}

.main-nav .drop-down .drop-down>a {
    padding-right: 35px;
}

.main-nav .drop-down .drop-down>a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
}

.main-nav .fa-sort-down {
    margin-right: 5px;
}

/* Mobile Navigation */
.mobile-icons-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.mobile-icons-div>* {
    padding: 0 15px 0 0;
}

.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #fff !important;
    padding: 8px 24px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .mobile-nav a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.mobile-nav a:hover {
    background-color: rgba(0, 0, 0, 0.95);
}

.mobile-nav .drop-down .drop-down a:hover {
    background-color: inherit;
}

.mobile-nav a p {
    font-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
    color: #4bd8c3 !important;
    text-decoration: none;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.activeMenuTab {
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #4bd8c3 !important;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.main-nav .activeMenuTab p:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 1px;
    margin-top: 4px;
    width: 25px;
    border-bottom: 2px solid #4bd8c3;
}

.activeMenuTab p {
    color: #4bd8c3 !important;
}

.main-nav .fa-search,
.main-nav .fa-envelope {
    font-size: 16px;
    line-height: 26px;
}

.main-nav svg,
.top-menu-btn2 svg {
    width: 22px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.main-nav svg:hover,
.top-menu-btn2 svg:hover {
    color: #4bd8c3;
}

.main-nav .fa-sort-down {
    margin-left: 5px;
}

.main-nav .activeMenuTab p {
    color: #4bd8c3;
}

.main-nav2 .activeMenuTab p {
    color: #fff !important;
}

.header-scrolled .main-nav2 .activeMenuTab p {
    color: #b6fff4 !important;
}

.mobile-nav .drop-down>a {
    padding-right: 25px;
}

.mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
}

.mobile-nav li {
    margin: 5px;
}

.mobile-nav .drop-down {
    overflow: hidden;
}

.mobile-nav .drop-down .drop-down {
    margin: 0;
    border-radius: 0;
    border: none;
    border-top: 1px solid #fff;
}

.mobile-nav .drop-down .drop-down li a {
    padding-right: 40px;
}

.mobile-nav .drop-down.drop-down li ul {
    background: rgba(46, 74, 98, 0.8);
}

.mobile-nav .drop-down.drop-down li ul li {
    margin: 0;
}

.mobile-nav .drop-down.drop-down li ul li:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.mobile-nav .drop-down .fa-chevron-down {
    font-size: 10px;
}

.mobile-nav-toggle {
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    outline: none !important;
    cursor: pointer;
    text-align: right;
    display: none;
    margin: auto;
    padding: 0 10px 0 0;
}

.mobile-nav-toggle i {
    color: #4bd8c3 !important;
}

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    display: none;
}

.mobile-nav-active {
    overflow: hidden;
}

.mobile-nav-active .mobile-nav {
    left: 0;
    overflow-x: hidden;
}

.mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
}

#header {
    height: 60px;
    z-index: 997;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1051;
}

.header-scrolled #header {
    background: #fff !important;
}

.logo {
    padding: 0;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: flex-start;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    width: 100%;
    /* background: white; */
    padding: 10px;
    border-radius: 0;
    padding-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .logo {
        height: 80px;
    }
}

.logo .dropdown-menu {
    min-width: 100px;
    padding: 0 0;
}

.main-nav .show-mobile {
    display: none;
}

#header .btn-search {
    background-color: #f5f5f5;
    width: 200px;
    border-radius: 20px;
    height: 40px;
    border: #f5f5f5;
    text-align: right;
    padding: 0 15px;
    margin: 0 15px;
}

#header .btn-search i {
    padding: 0 5px;
}

#header nav li a,
#header nav li a+ul li a {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-size: 20px;
    color: black !important;
}

#header .h-logo {
    height: 100px;
    width: 100px;
    margin-right: 8px;
    /* background: white; */
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(0px, 4px);
}

@media (max-width: 768px) {
    #header .h-logo {
        height: 75px;
        width: 75px;
    }
}

#header nav .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin: 0 !important;
    height: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#header nav p {
    font-size: 14px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 21px;
    color: black;
}

.core-p {
    margin-right: 4px;
    text-transform: uppercase;
    font-size: 18px;
}

.main-nav .menu-p {
    line-height: 30px !important;
    color: #fff;
}

/* .main-nav .menu-p:hover{
  border-bottom: 2px solid $primary;
} */
.menu-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.menu-p span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.top-menu-btn2 {
    display: none;
    background: none;
    border: none;
}


.dropdown:not(.search-dropdown):hover .dropdown-menu {
    -webkit-box-shadow: 2px 2px 8px #e1e1e1;
    box-shadow: 2px 2px 8px #e1e1e1;
    border: none;
    text-align: right;
}

.mobile-nav .activeMenuTab .menu-p {
    color: #4bd8c3 !important;
}

.main-nav .drop-down ul .drop-down ul {
    right: 128px !important;
}

@media (max-width: 992px) {
    .mobile-nav .top-menu-btn {
        border: 1px solid #4bd8c3;
        border-radius: 20px;
    }

    .mobile-nav .top-menu-btn .menu-p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .mobile-nav .top-menu-btn li {
        margin: 0px;
    }

    .mobile-nav .top-menu-btn .fa-sort-down {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right;
    }

    .top-menu-btn2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block !important;
    }

    .menu-p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        color: white;
    }
}

.top-menu-btn .fa-bell,
.top-menu-btn .fa-search,
.top-menu-btn2 .fa-envelope,
.top-menu-btn2 .fa-search,
.lang-btn {
    margin: auto;
    line-height: 32px;
    padding: 0;
    text-align: center;
}

#header nav .lang-btn,
.lang-choice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu-p img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #e1e1e1;
    margin-left: 5px;
}

#header nav li:hover a p {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.main-nav li:hover a p::after,
.main-nav li:active a p::after,
.main-nav li:focus a p::after,
.main-nav .active a p::after {
    visibility: visible;
    opacity: 1;
}

.main-nav li:hover a p {
    color: #4bd8c3;
}

.main-nav .btn-english a p::after,
.main-nav .btn-english:hover a p::after {
    display: none !important;
}

.main-nav .btn-english svg {
    margin: 0 !important;
    margin-right: 10px !important;
    max-height: 18px !important;
    max-width: 18px !important;
}

.main-nav .btn-english a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    padding: 8px 0;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobile-nav .setting-dropmenu li {
    margin: 2px 10px 2px;
}

.mobile-nav .setting-dropmenu li p {
    font-size: 13px;
}

.main-nav .drop-down ul li p {
    color: #666 !important;
    font-size: 23px !important;
    text-align: right;
    padding: 4px 6px;
}

.main-nav .drop-down ul li {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-align: right;
    padding: 5px;
}

.main-nav .drop-down ul li:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ccf4ee
}

@media (max-width: 992px) {
    .mobile-nav-toggle {
        display: block !important;
    }

    .main-nav {
        display: none !important;
    }

    #header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/******common*******/
button,
a {
    cursor: pointer;
}

.btn-group-toggle .active {
    background-color: #4bd8c3 !important;
    color: #fff !important;
}

.d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.one-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hidden {
    display: none;
}

/*ul {
    list-style: none;
    padding: 0;
}*/

.f-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.align-base {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.f-nowarp {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/**************end of common**********/
#header {
    width: 100%;
    background: white;
    height: 72px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* top: 13px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1051;
}

#header.header-scrolled {
    top: 0 !important;
    background: white;
    height: 90px;
    -webkit-box-shadow: 1px 3px 5px #bbbb;
    box-shadow: 1px 3px 5px #bbbb;
}

#header.header-scrolled .mobile-icons-div+a {
    -webkit-box-shadow: 0px 6px 7px #bbbbbb40;
    box-shadow: 0px 6px 7px #bbbbbb40;
}

@media (min-width: 576px) {
    #header {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    #header {
        max-width: 100%;
    }

    .logo {
        width: 100%;
        margin-inline: auto;
    }
}

@media (max-width: 992px) {
    #header .logo {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .menu-p {
        font-size: 12px;
    }
}

.mobile-icons-div+a {
    padding: 10px;
    background: white;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-transform: translateY(-25px);
    transform: translateY(-15px);
}

@media (max-width: 768px) {
    .mobile-icons-div+a {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

footer {
    background: white;
    padding: 50px 0;
    /* border-top: 5px solid #7fbf47; */
    border-radius: 50% 50% 46% 54% / 18% 19% 0% 0%;
    -webkit-box-shadow: 1px 9px 16px 0px #bbbb;
    box-shadow: 1px 9px 16px 0px #bbbb;
    padding-top: 60px;
    margin-top: 150px;
}

footer h1 {
    color: #4bd8c3;
}

footer h2 {
    font-size: 22px;
    color: #000000;
}

@media (max-width: 768px) {
    footer {
        border-radius: 50% 50% 54% 54% / 6% 6% 0% 0%;
        padding-top: 130px;
    }
}

footer .row>div {
    text-align: right;
}

footer .mb-none {
    margin-bottom: 0;
}

footer p,
footer a {
    color: #000;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 22px;
}

footer a:hover p {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #4bd8c3 !important;
}

footer h4 {
    font-size: 28px;
    /* font-family: "Al-Jazeera-Regular"; */
    margin-bottom: 10px;
    position: relative;
    color: #4bd8c3;
}

footer h4::before {
    content: "";
    /* position: absolute; */
    right: -8px;
    bottom: 0px;
    height: 28px;
    background-color: #7fbf47;
    width: 3px;
}

footer img {
    max-width: 223px;
    width: 100%;
    margin-top: 10px;
    /* border-radius: 5px; */
    display: block;
    margin: auto;
    margin-bottom: 46px;
}

footer p i {
    margin-left: 10px;
}

footer .media-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer .media-links h5 {
    width: 100%;
    color: #4bd8c3;
    font-weight: bold;
    margin-bottom: -9px;
}

footer .media-links i {
    width: 30px;
    height: 30px;
    border-radius: 16px;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    /* background: #7fbf47; */
    margin-top: 10px;
    margin-left: 10px;
    color: #4bd8c3;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1.5);
}

footer .media-links i:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-box-shadow: 2px 4px 12px #54545490;
    box-shadow: 2px 4px 12px #54545490;
}

footer .f-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

footer .ambulance-sys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*footer .ambulance-sys h1 {
    color: 4bd8c3;
	font-size: 2.5rem;
}*/

footer .ambulance-sys span {
    margin-inline: 10px;
    color: #4bd8c3;
    font-weight: bold;
    font-size: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

footer h3 {
    font-weight: 100;
    color: #4bd8c3;
    margin-bottom: 0;
    font-size: 22px;
    width: 100%;
}


footer .phones h2 {
    font-size: 22px;
}

footer .phones p {
    color: #b5b5b5;
}

@media (max-width: 768px) {
    footer h1 {
        margin-top: 30px;
    }

    footer .media-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .media-links i {
        margin: 20px 0 10px 10px;
    }

    footer img {
        margin: auto 0 auto auto;
    }
}

@media (max-width: 992px) {
    footer h1 {
        white-space: nowrap;
        font-size: 26px;
    }

    footer p {
        font-size: 20px;
    }
}

.avui p {
    background: #4bd8c3 !important;
    color: white !important;
}

#calendari td.disabled>p {
    /* background: $primary; */
    color: #bbb;
    width: 100%;
    margin: auto;
    cursor: auto;
}

.clickable.active,
.clickable:hover {
    background: #4bd8c3 !important;
    color: white !important;
}

table {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

#calendari td {
    width: 30px;
}

/* #calendari td.disabled>p:hover {
                                                            background: $primary;
                                                            color: #fff;
                                                            width: 40px;
                                                            margin: auto;

                                                        } */
.clickable {
    cursor: pointer;
    /* margin-inline: 10px; */
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.btn-group button {
    background-color: #ffffff;
    border: 2px solid #c8c7c7;
    color: #b8c401;
    padding: 10px 10px;
    margin: 2px;
    cursor: pointer;
    float: left;
    /* border-radius: 5px; */
    margin-bottom: 12px;
}

.calender-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    width: 100%;
}

.form-horizontal button {
    border: 1px solid #8f8f8f;
    width: 260px;
    border-radius: 30px;
    margin-top: 145px;
}

.still-have-qes-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 30px 0;
}

.calender-section .left-sec {
    width: 30%;
    border-right: 2px solid #bebaba;
    margin-right: 21px;
}

.calender-section .left-sec h6 {
    font-size: 23px;
    margin-top: 31px;
}

.calender-section .right-sec {
    width: 100%;
}

#calendari th {
    color: #a0a0a0;
    font-weight: lighter;
    text-align: left;
    margin-left: 29px;
    padding-left: 10px;
    height: 65px;
    text-align: center;
}

#calendari th span {
    font-size: 29px;
    color: #2c2c2c;
}

.left-sec p {
    font-size: 13px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 22px;
    text-align: left;
}

.left-sec div:first-of-type p {
    color: var(--secondary);
}

.left-sec p i {
    color: #4bd8c3;
    font-size: 23px;
    margin-right: 19px;
}

#calendari .boto-next,
#calendari .boto-prev {
    background: #4bd8c3;
    border: none;
    color: #fff;
    margin-inline: 15px;
    width: 37px;
    display: none;
}

#sessions {
    position: relative;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 20%;
    margin-left: 20px;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: var(--primary);
    color: #ffffff;
}

.btn-group button:active {
    background-color: var(--primary);
    color: #ffffff;
    border: 0;
}

.btn-group button:focus {
    background-color: var(--primary);
    color: #ffffff;
    border: 0;
}

#calendari td>span:active {
    background: var(--primary);
    color: #fff;
    border: 0;
}

#packages-page h2 {
    font-family: Poppins-Bold;
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}

#calendari td>span:focus {
    background: var(--primary);
    color: #fff;
    border: 0;
}

#sessions .btn-group button {
    background-color: #ffffff;
    border: 2px solid #c0c0c0;
    color: #b8c401;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    float: left;
    border-radius: 0px;
    margin-bottom: 12px;
}

.p-date {
    text-align: left;
    margin-left: 13px;
    color: #a0a0a0;
}

@media (max-width: 770px) {
    .calender-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: white;
        min-height: 441px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .still-have-qes-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: white;
        padding: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .calender-section .left-sec {
        width: 100%;
        border-bottom: 2px solid #bebaba;
        border-right: 0;
    }

    .calender-section .right-sec {
        width: 100%;
    }

    #sessions {
        position: relative;
        display: -ms-inline-flexbox;
        display: -webkit-inline-box;
        display: inline-flex;
        vertical-align: middle;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin-left: 0px;
    }

    .form-horizontal button {
        border: 1px solid #8f8f8f;
        width: 260px;
        border-radius: 30px;
        margin-top: 13px;
    }
}

th[colspan="7"] {
    text-align: center !important;
}

@media (max-width: 768px) {
    .left-sec div:first-of-type p {
        margin-bottom: 0;
    }

    .p-date {
        margin-top: 8px;
        margin-bottom: 23px;
    }

    #calendari th span {
        margin-right: 0;
    }
}

.actiu tr:first-of-type {
    background-color: #e6e6e6;
}

.actiu tr:nth-of-type(2) {
    background-color: #4bd8c3;
}

.actiu tr:nth-of-type(2) th {
    color: white !important;
}

#top-banner {
    background: -webkit-gradient(linear, right top, left top, from(#229a88), color-stop(#229a88), to(#229a8824)), url("../images/Subtraction 2.png") no-repeat;
    background: linear-gradient(225deg, #229a88, #229a88, #229a8824), url("../images/Subtraction 2.png") no-repeat;
    border-radius: 50% 50% 46% 46% / 0% 0% 23% 23%;
    height: 350px;
    padding-top: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover !important;
    margin-bottom: 50px;
}

#top-banner.top-banner-header {
    background: #229a88;
    border-radius: 50% 50% 23% 23% / 0% 0% 11% 11%;
}

@media (max-width: 768px) {
    #top-banner {
        height: 300px;
        padding-top: 125px;
    }
}

#top-banner .container h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: bold;
}

#top-banner .container.header-common {
    padding-inline: 40px;
}

#top-banner .container.header-common h1 {
    font-size: 35px;
    text-align: right;
}

#top-banner .container.header-common .date {
    margin-top: 0;
}

#top-banner .container.header-common .date span {
    color: white;
    font-size: 16px;
    margin-left: 30px;
}

#top-banner .container.header-common .date span i {
    font-size: 12px;
}

#common-nav-tabs {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 768px) {
    #common-nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 5px
    }
}

#common-nav-tabs .nav {
    background: #f5f5f5;
    padding: 7px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    #common-nav-tab {
        margin-bottom: 5px
    }

    #common-nav-tabs .nav {
        margin-bottom: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        display: flex;
        flex-direction: row;
        width: 100%;
    }
}

#common-nav-tabs .nav .nav-item .nav-link {
    font-size: 25px;
    padding-block: 13px;
    color: black;
}

@media (max-width: 768px) {
    #common-nav-tabs .nav .nav-item .nav-link {
        font-size: 20px;
        padding: 3px 10px;
    }
}

#common-nav-tabs .nav .nav-item .nav-link.active {
    background-color: #4bd8c3;
    border-radius: 100px;
    color: white;
}

#common-nav-tabs .btn-filter {
    border-radius: 84px;
    margin-inline: 20px;
    margin-bottom: 0;
    font-size: 23px;
    border: 2px solid transparent;
    padding: 14px;
}

@media (max-width: 768px) {
    #common-nav-tabs .btn-filter {
        padding: 5px;
    }
}

#common-nav-tabs .btn-filter:hover {
    border-color: #4bd8c3;
}

#common-nav-tabs .btn-filter i {
    font-size: 15px;
    margin-inline: 5px;
}

#pagination {
    /* direction: ltr; */
}

#pagination .page-item .page-link {
    border-radius: 100%;
    margin-inline: 5px;
    width: 34px;
    height: 34px;
    font-size: 25px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: white;
    background: #9c9c9c;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
}

@media (max-width: 768px) {
    #pagination .page-item .page-link {
        font-size: 25px;
        width: 35px;
        height: 35px;
    }
}

#pagination .page-item .page-link:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 1px 1px 3px 1px #bbbb;
    box-shadow: 1px 1px 3px 1px #bbbb;
}

#pagination .page-item.active .page-link {
    background-color: #4bd8c3;
}

#pagination .page-item:first-of-type .page-link,
#pagination .page-item:last-of-type .page-link {
    font-size: 20px;
    background-color: transparent;
    color: #9c9c9c;
}

#pagination .page-item.active .page-link {
    background: #4bd8c3;
    color: #fff;
}

.title-with-border {
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
    color: #4bd8c3;
    margin-bottom: 20px;
}

.title-with-border span {
    border-bottom: 4px solid #4bd8c3;
    padding-inline: 40px;
    position: relative;
}

.title-with-border span::before {
    right: 0;
}

.title-with-border span::after {
    left: 0;
}

.title-with-border span::after,
.title-with-border span::before {
    content: "";
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #4bd8c3;
    bottom: -7px;
}

#main-sec .main-sec .row {
    /* -webkit-transform: translateY(80px); */
    /* transform: translateY(80px); */
}

.card.common-card,
.card.common-card .card-img-top {
    border-radius: 20px;
}

#main-sec {
    height: 650px;
}

@media (max-width: 768px) {
    #main-sec {
        margin-bottom: 140px;
    }
}

#main-sec .main-sec {
    background: linear-gradient(45deg, #4bd8c3, #4bd8c3ad, #4bd8c3), url(../../images/158608004119928400.png);
    padding-top: 130px;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 60% 5%;
    border-bottom-right-radius: 60% 5%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    margin-top: 70px;
}

@media (max-width: 768px) {
    #main-sec .main-sec .row {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

#main-sec .main-sec .row .col-md-7 {
    padding-right: 50px;
}

@media (max-width: 768px) {
    #main-sec .main-sec .row .col-md-7 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
}

#main-sec .main-sec .row h1 {
    font-size: 60px !important;
    color: white;
    font-family: "BOLD";
}

@media (max-width: 768px) {
    #main-sec .main-sec .row h1 {
        font-size: 65px !important;
    }
}

#main-sec .main-sec .row p {
    color: white;
    margin-bottom: 23px;
    font-size: 29px;
}

@media (max-width: 768px) {
    #main-sec .main-sec .row p {
        font-size: 25px !important;
    }
}

#main-sec .main-sec .row .btn-register-with-us {
    background-color: white;
    padding: 10px 46px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
}

#main-sec .main-sec .row .events {
    background: #60d1c840;
    padding: 15px;
    border: 1px solid #ffffffb8;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(28px);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
}

@media (max-width: 768px) {
    #main-sec .main-sec .row .events {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        height: auto;
        margin: 0;
        margin-top: 25px;
    }
}

#main-sec .main-sec .row .events a {
    font-size: 25px;
    text-align: center;
    border-inline-end: 1px solid #ffffffb8;
    padding-inline: 20px;
    font-family: "MEDIUM";
    width: 100%;
}

#main-sec .main-sec .row .events a:last-child {
    font-size: 25px;
    text-align: center;
    border-inline-end: 1px solid #ffffffb8;
}

@media (max-width: 768px) {
    #main-sec .main-sec .row .events a {
        font-size: 18px;
        padding-inline: 5px;
    }
}

#main-sec .main-sec .row .events a:hover {
    color: white;
}

#main-sec .main-sec .row .events a:last-of-type {
    border-left: none;
}

#main-sec .main-sec .row img {
    width: 100%;
    border: 7px solid #84dbca;
    border-radius: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 400px;
}

#media-center .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #cfcfcf;
    padding-inline: 10px;
}

@media (max-width: 768px) {
    #media-center .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 26px;
    }
}

#media-center .header h2 {
    font-size: 32px;
    margin-left: 20px;
}

#media-center .header .nav {
    margin-bottom: -3px;
}

#media-center .header .nav .nav-item .nav-link {
    font-weight: border;
    font-size: 25px;
    border-bottom: 5px solid transparent;
    color: #bbb;
}

@media (max-width: 768px) {
    #media-center .header .nav .nav-item .nav-link {
        font-size: 20px;
        padding: 10px;
    }
}

#media-center .header .nav .nav-item .nav-link.active {
    color: #000;
    border-bottom: 6px solid #4bd8c3;
    background-color: white;
}

#media-center .tab-content .media-carousel-container {
    background-color: white;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 350px;
}

@media (max-width: 768px) {
    #media-center .tab-content .media-carousel-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin-bottom: 30px;
    }
}

#media-center .tab-content .main-new {
    padding: 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#media-center .tab-content .main-new .date {
    margin-top: 25px;
}

#media-center .tab-content .main-new .date span {
    color: #4bd8c3;
    font-size: 16px;
    margin-left: 30px;
}

#media-center .tab-content .main-new .date span i {
    font-size: 12px;
}

#media-center .tab-content .main-new h4 {
    color: #000;
}

#media-center .tab-content .main-new p {
    height: 100px;
    overflow: auto;
    margin-bottom: 10px;
}

#media-center .tab-content .main-new .btn-show-more {
    margin-right: 0;
    margin-top: auto;
    margin-bottom: 50px;
}

#media-center .tab-content .owl-carousel {
    height: 350px;
}

#media-center .tab-content .owl-carousel .item {
    width: 100%;
    /*-o-object-fit: cover;*/
    object-fit: fill;
    border-radius: 20px 0 0 20px;
    max-height: 100%;
    height: 350px;
    margin: 0;
}

#media-center .tab-content .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 33px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

#media-center .tab-content .owl-carousel .owl-nav .owl-prev,
#media-center .tab-content .owl-carousel .owl-nav .owl-next {
    background-color: white;
    color: #4bd8c3;
    border-radius: 100%;
    -webkit-box-shadow: 0px 2px 7px 0px #bbbb;
    box-shadow: 0px 2px 7px 0px #bbbb;
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

#media-center .tab-content .owl-carousel .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 18px;
}

#media-center .tab-content .owl-carousel .owl-dots .owl-dot {
    color: white;
}

#media-center .tab-content .owl-carousel .owl-dots .owl-dot span {
    background: white;
}

#media-center .tab-content .owl-carousel .owl-dots .owl-dot.active span {
    width: 30px;
}

.card.common-card {
    height: 330px;
    background: white;
    padding: 10px;
    margin-bottom: 60px;
    border: none;
}

.card.common-card .card-img-top {
    height: 175px;
}

.card.common-card .card-body .date {
    margin-top: -10px;
}

.card.common-card .card-body .date span {
    color: #808080;
    font-size: 16px;
    margin-left: 30px;
}

.card.common-card .card-body .date span i {
    font-size: 12px;
}

.card.common-card .card-body h4 {
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #000;
}

.card.common-card .card-body p {
    height: 54px;
    overflow: auto;
}

.card.common-card .card-body .btn-show-more {
    position: absolute;
    bottom: -46px;
    left: calc(49% - 80px);
}

.card.common-card.breaking-news {
    background-color: #4bd8c3;
    color: white !important;
}

.card.common-card.breaking-news .span-breaking-new {
    background-color: #e74c3c;
    position: absolute;
    top: -4px;
    left: 0;
    border-radius: 20px 0;
    padding: 10px;
    font-weight: bold;
    border: 4px solid;
}

.card.common-card.breaking-news p,
.card.common-card.breaking-news span i,
.card.common-card.breaking-news h4,
.card.common-card.breaking-news span {
    color: white !important;
}

.card.common-card.breaking-news .date {
    -webkit-transform: translate(22px, -25px);
    transform: translate(22px, -25px);
    background: #4bd8c3;
    padding-right: 20px;
    border-radius: 5px;
}

.card.common-card.health-awareness {
    height: 350px;
    max-width: 320px;
    margin-inline: auto;
    padding: 0;
}

.card.common-card.health-awareness .card-img-top {
    height: 220px;
}

.btn-show-all-more {
    width: 75%;
}

h2 {
    font-size: 32px;
}

#cooperation-together {
    /*    background: -webkit-gradient(linear, right top, left top, from(#229a88), color-stop(#229a88b8), to(#229a8824)), url(../../images/[Downloader.la]-6241d30f8cfc6.jpg) no-repeat fixed;*/
    background: url(bg2.png) no-repeat;
    border-bottom-left-radius: 60% 20%;
    border-bottom-right-radius: 60% 20%;
    background-color: #229a88;
    background-size: cover;
    padding-block: 35px;
    margin-block: 60px;
}

#cooperation-together h2 {
    padding-bottom: 20px;
    color: white;
}

#cooperation-together .links-container {
    max-width: 540px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

#cooperation-together .links-container .btn-links {
    width: calc(50% - 20px);
    color: black;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 14px 22px;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
    display: flex;
    justify-content: space-between;
}

#cooperation-together .links-container .btn-links:nth-child(2n+2) {
    margin-inline-end: 0px;
}

#cooperation-together .links-container .btn-links:nth-child(2n - 1) {
    margin-inline-start: 0px;
}

#cooperation-together .links-container .btn-links:nth-child(5n) {
    margin-inline-end: 0px !important;
    margin-inline-start: 0px !important;
    width: calc(100% - 20px) !important;
}

#cooperation-together .links-container .btn-links:last-child {
    position: relative;
    padding-inline-start: 50px !important;
}

#cooperation-together .links-container .btn-links:last-child:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #48d1bc;
    z-index: 1;
    border-radius: 500px;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    margin-inline-start: 5px;
    background-image: url(covid-19.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#cooperation-together .links-container .btn-links img {
    height: 30px;
}

#statistic {
    margin-bottom: -110px;
	margin-top: 30px;
}

#statistic .statistic-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #bbb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#statistic .statistic-header h2 {
    position: relative;
}

#statistic .statistic-header h2 i:first-of-type,
#statistic .statistic-header h2 i:last-of-type {
    position: absolute;
    font-size: 12px;
    bottom: -17px;
    color: #4bd8c3;
}

#statistic .statistic-header h2 i:first-of-type {
    right: -2px;
}

#statistic .statistic-header h2::after {
    content: "";
    position: absolute;
    bottom: -13px;
    width: 110px;
    height: 4px;
    background: #4bd8c3;
    right: 0;
}

#statistic .statistic-header .btn-show-all {
    margin-bottom: 0;
    color: #808080;
    margin-left: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#statistic .row {
    margin-block: 1px;
}

#statistic .row .col-md-4 a,
#statistic .row .col-md-4 div {
    background-color: white;
    margin-top: 23px;
    border: 8px solid #ececec;
    text-align: center;
    padding: 25px;
    -webkit-box-shadow: 0px 14px 14px 0px #bbbb;
    box-shadow: 0px 14px 14px 0px #bbbb;
    border-radius: 20px;
    display: block;
}

#statistic .row .col-md-4 a h3,
#statistic .row .col-md-4 div h3 {
    text-align: center;
    margin-top: 20px;
}

#statistic .row .col-md-4 a p,
#statistic .row .col-md-4 div p {
    font-size: 60px;
    color: #4bd8c3;
}

#health-building .container {
    position: relative;
}

#health-building .container .bg-img-sy {
    position: absolute;
    top: -0%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
}

#health-building .filters form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#health-building .filters form select {
    background-color: #ececec;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 15px;
    border-radius: 15px;
    border: none;
    height: 50px;
    padding: 10px;
}

@media (max-width: 768px) {
    #health-building .filters form select {
        margin-bottom: 13px;
        width: 46%;
        margin-inline: 2%;
    }
}

#health-building .filters form .btn {
    border-radius: 41px;
    padding: 10px 30px;
    margin: 0;
    height: 50px;
    font-size: 20px;
}

@media (max-width: 768px) {
    #health-building .filters form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#health-building .row {
    margin-top: 40px;
}

#health-building .row img {
    max-width: 100%;
}

#health-building .row .owl-nav {
    position: absolute;
    width: 90%;
    margin-inline: 5%;
    top: calc(50% - 33px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    #health-building .row .owl-nav {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#health-building .row .owl-nav .owl-prev,
#health-building .row .owl-nav .owl-next {
    color: #4bd8c3;
    border-radius: 100%;
    -webkit-box-shadow: 0px 2px 7px 0px #bbbb;
    box-shadow: 0px 2px 7px 0px #bbbb;
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    background: #ffffff;
}

#health-building .row .item {
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-bottom: 30px;
    background-color: white;
    border: 8px solid #ececec;
    text-align: center;
    padding: 25px;
    max-height: 437px;
    overflow: auto;
    border-radius: 20px;
}

#health-building .row .item .result {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#health-building .row .item .result>div {
    display: flex;
    flex-direction: row-reverse;
}

#health-building .row .item .address {
    margin-top: 20px;
}

#health-building .row .item .address div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#health-building .row .item .address div img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-inline: 10px;
}

#health-building .row .item .address div h3 {
    font-size: 20px;
}

#health-building .row .item .tags h4 {
    font-size: 20px;
}

#health-building .row .item .tags a {
    color: #4bd8c3;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
}

#faq #accordion {
    margin-top: 40px;
}

#faq #accordion .card {
    background: #4bd8c3;
    border-radius: 40px;
    margin-bottom: 20px;
    color: white;
    border: none;
}

#faq #accordion .card .btn {
    color: white;
    margin-bottom: 0;
    font-size: 23px;
    width: 100%;
    text-align: right;
}

@media (max-width: 768px) {
    #faq #accordion .card .btn {
        font-size: 20px;
        padding-inline: 17px;
    }
}

#faq #accordion .card .btn::after {
    content: "\f078";
    color: #4bd8c3 !important;
    background-color: white;
    top: 13px;
    left: 20px;
    position: absolute;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    border: 1px solid;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
}

@media (max-width: 768px) {
    #faq #accordion .card .btn::after {
        left: 7px;
    }
}

#faq #accordion .card .btn[aria-expanded="true"]::after {
    content: "\f077";
}

#faq #accordion .card .collapsed::after {
    content: "\f078";
}

#faq #accordion .card .card-header {
    background-color: transparent;
    border-radius: 40px;
    border: none;
}

#faq #accordion .card .card-body {
    font-size: 20px;
}

@media (max-width: 768px) {
    #faq #accordion .card .card-body {
        padding-top: 0;
    }
}

#contact-us-form {
    margin-top: 35px;
}

#contact-us-form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: -130px;
}

@media (max-width: 768px) {
    #contact-us-form .row {
        margin-bottom: 30px;
    }
}

#contact-us-form .row h4,
#contact-us-form .row h3,
#contact-us-form .row p {
    font-size: 35px;
    color: #000;
}

@media (max-width: 768px) {

    #contact-us-form .row h4,
    #contact-us-form .row h3,
    #contact-us-form .row p {
        font-size: 25px;
    }
}

#contact-us-form .row .media-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    max-width: 216px;
    margin-top: 30px;
    margin-bottom: 60px;
}

#contact-us-form .row .media-links a {
    font-size: 25px;
}

#contact-us-form .row .form-contact-us {
    background-color: #e5e5e5;
    padding: 13px;
    border-radius: 10px;
}

#contact-us-form .row .form-contact-us form {
    background-color: #fff;
    border-radius: 10px;
    padding: 17px;
}

#contact-us-form .row .form-contact-us form .inputs-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 768px) {
    #contact-us-form .row .form-contact-us form .inputs-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#contact-us-form .row .form-contact-us form .inputs-group:first-of-type div:first-of-type,
#contact-us-form .row .form-contact-us form .inputs-group:nth-of-type(2) div:first-of-type {
    margin-left: 15px;
}

#contact-us-form .row .form-contact-us form .inputs-group div {
    position: relative;
    width: 100%;
}

#contact-us-form .row .form-contact-us form .inputs-group div input,
#contact-us-form .row .form-contact-us form .inputs-group div textarea {
    background-color: #e5e5e5;
    border: navajowhite;
    margin-top: 10px;
    border-radius: 5px;
    width: 100%;
    padding: 10px 35px 10px 10px;
}

#contact-us-form .row .form-contact-us form .inputs-group div i {
    color: #4bd8c3;
    position: absolute;
    right: 11px;
    top: 23px;
}

#contact-us-form .row .form-contact-us form .btn-send {
    text-align: left;
}

#contact-us-form .row .form-contact-us form .btn-send .btn {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}

#contact-us-form.forms .row {
    margin-bottom: 0 !important;
}

#contact-us-form.forms .row input,
#contact-us-form.forms .row textarea {
    background-color: #f5f5f5 !important;
}

#contact-us-form.forms .row .form-contact-us {
    background-color: #fff;
    padding: 1px 5px;
}

#contact-us-form.forms .row .btns-forms {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

@media (max-width: 768px) {
    #contact-us-form.forms .row .btns-forms {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

#contact-us-form.forms .row .btns-forms .btn-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    #contact-us-form.forms .row .btns-forms .btn-send {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 10px;
    }
}

#contact-us-form.forms .row .btns-forms .btn-send .btn {
    margin-top: 0;
    margin-inline: 10px;
}

#contact-us-form.forms .row .btns-forms .btn-send .btn-secondary {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid;
    padding: 8px;
}

#contact-us-form.forms .row .btns-forms .btn-download .btn-primary {
    width: auto;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: lighter !important;
    padding-inline: 19px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 350px) {
    #contact-us-form.forms .row .btns-forms .btn-download .btn-primary {
        padding-inline: 10px;
    }
}

#contact-us-form.forms .row .btns-forms .btn-download .btn-primary span {
    margin-inline: 20px;
}

@media (max-width: 350px) {
    #contact-us-form.forms .row .btns-forms .btn-download .btn-primary span {
        margin-inline: 7px;
    }
}

#login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
}

@media (max-width: 768px) {
    #login .container-fluid .row {
        height: 100%;
    }
}

@media (max-width: 768px) {
    #login .container-fluid .row .col-md-6:last-of-type {
        display: none;
    }
}

#login .container-fluid .login-img {
    min-height: 100vh;
    background-image: url(../../images/login.png);
    background-size: cover;
    position: relative;
}

.syria-corner {
    width: 290px;
    height: 280px !important;
    max-width: unset !important;
    min-height: unset !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.left-log-in {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-log-in .left-logo {
    width: 200px;
    height: 200px !important;
    /* max-width: unset !important; */
    /* min-height: unset !important; */
    /* object-fit: none !important; */
    z-index: 2;
    position: relative;
}

#login .container-fluid .login-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4bd8c382;
}

#login .container-fluid .login-img img {
    /* max-width: 100%; */
    /* height: 100%; */
    -o-object-fit: cover;
    /* object-fit: cover; */
    /* min-height: 100vh; */
}

#login .container-fluid .login-form {
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#login .container-fluid .login-form form {
    max-width: 400px;
    margin: auto;
    padding: 33px;
    background: white;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 768px) {
    #login .container-fluid .login-form form {
        padding: 10px;
    }
}

#login .container-fluid .login-form form img {
    width: 80px;
    margin: auto;
    margin-block: 20px 50px;
}

#login .container-fluid .login-form form .input-group {
    position: relative;
}

#login .container-fluid .login-form form .input-group input {
    background-color: #f6f6f6;
    width: 100%;
    margin-bottom: 20px;
    border: none;
    padding: 14px 40px 14px 14px;
    border-radius: 10px;
    text-align: right
}

#login .container-fluid .login-form form .input-group i {
    position: absolute;
    right: 15px;
    top: 16px;
    color: #4bd8c3;
}

#login .container-fluid .login-form form .btn {
    width: calc(100% - 0px);
    padding: 12px;
    border-radius: 10px;
    font-size: 20px;
}

#login .container-fluid .login-form form .btn-secondary {
    border: 2px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
}

#search-sec form {
    background-color: white;
    border-radius: 10px;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    padding: 20px;
}

#search-sec form input,
#search-sec form select {
    border: none;
    background-color: #f2f2f2;
    color: #929292;
    height: 57px;
    max-width: 30%;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
}

@media (max-width: 768px) {

    #search-sec form input,
    #search-sec form select {
        max-width: 100%;
        margin-inline: 0 !important;
        height: 57px;
    }


}

#search-sec form .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    #search-sec form .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#search-sec form .main .en-name {
    position: relative;
    width: 100%;
    max-width: 40%;
    margin-left: 10px;
    text-align: right;
}

@media (max-width: 768px) {
    #search-sec form .main .en-name {
        max-width: 100%;
    }
}

#search-sec form .main .en-name input {
    padding-inline: 32px;
    max-width: 100%;
}

#search-sec form .main .en-name i {
    position: absolute;
    top: 20px;
    color: #929292;
    right: 10px;
}

#search-sec form select {
    margin-inline: 20px;
    padding: 10px;
}

#search-sec form .btns-search {
    text-align: left;
    /* width: 100%; */
    margin-right: 15px;
    font-size: 24px;
    margin-bottom: 20px;
}

#search-sec form .btns-search button {
    height: 50px;
    width: 100px;
    font-size: 23px;
    margin: unset !important;
}

@media (max-width: 768px) {
    #search-sec form .btns-search {
        display: flex;
        width: 100%;
        margin-inline-start: 0 !important;
        justify-content: space-around;
    }

    #search-sec form .btns-search>button {
        width: calc(50% - 10px);
    }

    #search-sec form .btns-search>button:first-child {}
}

#search-sec form .btns-search button:first-of-type {
    background-color: #4bd8c3;
    color: white;
}

#search-sec form .btns-search button:last-of-type {
    background-color: white;
    border: 2px solid;
    color: #4bd8c3;
    padding: unset;
}

#search-sec form .collapsex select,
#search-sec form .collapsex input {
    margin-left: 20px;
    margin-right: 0;
    width: calc(33.33% - 22px);
}

@media (max-width: 768px) {

    #search-sec form .collapsex select,
    #search-sec form .collapsex input {
        max-width: 100%;
    }
}

#search-sec form .collapsex input {
    width: 100%;
    padding-inline-start: 14px;
}

#search-sec form .collapsex select {
    margin-right: 0;
}

#search-sec .btn-show-mnore {
    color: white;
    position: absolute;
    bottom: -25px;
    margin: 0;
    background: #4bd8c3;
    border-radius: 100% 100%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    left: 0;
    margin-inline: auto;
}

#search-sec .result {
    margin-top: -20px;
}

#search-sec .result h3 {
    margin-bottom: -10px;
}

#search-sec .result table thead tr th {
    border: 0;
    color: #212529;
    font-size: 21px;
    text-align: center;

}

#search-sec .result table tbody tr td {
    border: 0;
    color: black !important;
    padding: 0;
	/*padding: 10;*/
    width: max-content;
}

#search-sec .result table tbody tr td p {
    color: black;
    border: 2px solid #4bd8c3;
    margin-bottom: 10px;
    border-inline: 0;
    padding: 0px;
}

@media screen and (max-width: 991px){ 
	#search-sec .result table span{
    padding-top: 10px;
	padding-bottom: 10px;
}
}


#search-sec .result table tbody tr td p span {
    border-left: 1px solid #dddddd;
    padding-inline: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex; */
    height: 60px;
    overflow: auto;
	direction: ltr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#search-sec .result table tbody tr td:nth-of-type(2) p {
    color: #3aa595;
}

#search-sec .result table tbody tr td:last-of-type p {
    border-left: 1px solid #4bd8c3;
    border-radius: 5px 0 0 5px;
}

#search-sec .result table tbody tr td:last-of-type p span {
    border-left: 0;
}

#search-sec .result table tbody tr td:first-of-type p {
    border-right: 1px solid #4bd8c3;
    border-radius: 0 5px 5px 0;
}

#common-page-container {
    background-color: #f9f9f9;
}

#common-page-container .main-img {
    width: 100%;
    max-height: 500px;
   /* -o-object-fit: cover;*/
    object-fit: scale-down;
}

#common-page-container .text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
}

#common-page-container .text-container .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#common-page-container .text-container .control .zoom {
    background: #f2f2f2;
    border-radius: 50px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#common-page-container .text-container .control .zoom p {
    color: black;
    margin-block: 10px;
}

#common-page-container .text-container .control .zoom span {
    border-radius: 100%;
    color: white;
    width: 50px;
    height: 50px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #4bd8c3;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}

#common-page-container .text-container .control .zoom span.span1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#common-page-container .text-container .control .zoom span.span2:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

#common-page-container .text-container .control .soical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    background: #4bd8c3;
    border-radius: 100px;
    width: 50px;
    margin-block: 20px;
}

#common-page-container .text-container .control .soical a {
    color: white;
    -webkit-transition: 0.2s !important;
    transition: 0.2s !important;
}

#common-page-container .text-container .control .soical a:hover {
    color: black;
}

#common-page-container .text-container .control .soical a i {
    margin-block: 10px;
    width: 35px;
    text-align: center;
}

#common-page-container .text-container .control .print {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    background: #4bd8c3;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.2s !important;
    transition: 0.2s !important;
    color: white;
}

#common-page-container .text-container .control .print:hover {
    color: black;
}

#common-page-container .text-container .control .print i {
    margin-block: 10px;
}

#common-page-container .text-container>p {
    margin-inline: 10px;
    font-size: 20px;
}

#common-page-container .article-extensions {
    background-color: #f5f5f5;
    border-radius: 10px;
}

#common-page-container .article-extensions h2 {
    border-radius: 10px;
    background: #4bd8c3;
    padding: 15px;
    color: white;
    border-radius: 10px 10px 0 0;
    margin-bottom: 30px;
    text-align: center;
}

#common-page-container .article-extensions .article-extensions-container {
    padding: 10px;
}

#common-page-container .article-extensions .article-extensions-container h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

#common-page-container .article-extensions .article-extensions-container h3 i {
    background-color: #4bd8c3;
    color: white;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 17px;
}

#common-page-container .article-extensions .article-extensions-container .map iframe {
    height: 250px;
    width: 100%;
}

#common-page-container .article-extensions .article-extensions-container .attached-files .btn {
    width: 100%;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid;
    border-radius: 45px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #4bd8c3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#common-page-container .article-extensions .article-extensions-container .attached-files .btn:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 2px 4px 10px 2px #bbbb;
    box-shadow: 2px 4px 10px 2px #bbbb;
}

#common-page-container .article-extensions .article-extensions-container .attached-files .btn span {
    color: #4bd8c3;
    font-size: 20px;
}

#common-page-container .article-extensions .article-extensions-container .attached-files .btn span:last-of-type {
    font-size: 15px;
}

#common-page-container .article-extensions .article-extensions-container .hyper-links ul {
    padding-inline: 30px;
}

#common-page-container .article-extensions .article-extensions-container .hyper-links ul li {
    list-style: disc;
    color: #4bd8c3;
}

#common-page-container .article-extensions .article-extensions-container .hyper-links ul li ::marker {
    color: #4bd8c3 !important;
}

#common-page-container .article-extensions .article-extensions-container .hyper-links ul li a {
    color: #4bd8c3;
    font-size: 20px;
}

#common-page-container .article-extensions .article-extensions-container .hyper-links ul li a:hover {
    color: black;
}

#common-page-container .without-article-extensions .col-md-4 {
    display: none;
}

#common-page-container .without-article-extensions .col-md-8 {
    width: 100% !important;
}


.article-body tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: inherit;
    border-width: inherit;
}


#last-news {
    margin-top: 50px;
    background-color: #f9f9f9;
}

#last-news h1 {
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
    color: #4bd8c3;
    margin-bottom: 20px;
}

#last-news h1 span {
    border-bottom: 4px solid #4bd8c3;
    padding-inline: 40px;
}

#last-news .card {
    background-color: #f5f5f5 !important;
    direction: rtl;
}

@media (max-width: 768px) {
    #top-banner.common-page-header .container.header-common h1 {
        font-size: 20px;
    }
}

#event-details {
    margin-bottom: 50px;
}

#event-details .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 33px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#event-details .owl-nav .owl-prev,
#event-details .owl-nav .owl-next {
    background-color: white;
    color: #4bd8c3;
    border-radius: 100%;
    -webkit-box-shadow: 0px 2px 7px 0px #bbbb;
    box-shadow: 0px 2px 7px 0px #bbbb;
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

#event-details .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 18px;
}

#event-details .owl-dots .owl-dot {
    color: white;
}

#event-details .owl-dots .owl-dot span {
    background: white;
}

#event-details .owl-dots .owl-dot.active span {
    width: 30px;
}

@media (max-width: 768px) {
    #event-details .owl-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.event-notes h4 {
    color: #4bd8c3;
    font-size: 30px;
    margin-top: 30px;
}

.event-notes .col-md-6 div {
    -webkit-box-shadow: 1px 0px 13px -2px #bbbb;
    box-shadow: 1px 0px 13px -2px #bbbb;
    padding: 20px;
    background: white;
    border-radius: 10px;
    margin-block: 10px;
}

.event-notes .col-md-6 div h5,
.event-notes .col-md-6 div h4 {
    color: #4bd8c3;
    margin-top: 10px;
}

.h1-event {
    font-size: 35px !important;
    text-align: right;
    margin-right: 50px;
}

@media (max-width: 768px) {
    .h1-event {
        margin-right: 0px;
        font-size: 25px !important;
    }
}

#about-minister * {
    font-size: 22px;
}

#about-minister .header {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    margin-bottom: 60px;
    /* max-width: 1000px; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* margin-inline: auto; */
}

#about-minister .header>.row>div:first-child img {
    width: 100%
}

@media (max-width: 600px) {
    #about-minister .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#about-minister .header img {
    width: 38%;
    max-width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 500px;
    object-position: 50% 33%;
}

@media (max-width: 600px) {
    #about-minister .header img {
        width: 100%;
        max-height: 340px;
    }
}

#about-minister .header p {
    /* width: 58%; */
    /* -webkit-transform: translate(25px, 25px); */
    background: white;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* padding: 20px; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-shadow: 2px 2px 12px 2px #bbbbbb4f; */
    /* box-shadow: 2px 2px 12px 2px #bbbbbb4f; */
    /* border-radius: 10px; */
    font-size: 25px;
}

@media (max-width: 600px) {
    #about-minister .header p {
        width: 96%;
        margin-inline: 3%;
        -webkit-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    }
}

#about-minister .header+p {
    margin-bottom: 40px;
}

#about-minister p {
    color: black;
}

@media (max-width: 768px) {
    #about-minister p {
        font-size: 21px !important;
    }
}

#about-minister .row .list-minister-container {
    padding-top: 30px;
}

@media (max-width: 768px) {
    #about-minister .row .list-minister-container ul {
        padding-inline: 20px;
    }
}

#about-minister .row .list-minister-container ul li {
    list-style: disc;
    line-height: 1.2;
}

@media (max-width: 768px) {
    #about-minister .row .list-minister-container ul li {
        font-size: 21px !important;
        margin-bottom: 20px;
    }
}

#about-minister .row .list-minister-container ul li::marker {
    color: #4bd8c3;
    font-size: 35px;
}

@media (max-width: 768px) {
    #about-minister .row .list-minister-container ul li::marker {
        font-size: 21px !important;
    }
}

#about-minister .row .imgs-minister-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    direction: ltr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#about-minister .row .imgs-minister-container div {
    width: 48%;
}

#about-minister .row .imgs-minister-container div img {
    width: 100%;
    padding: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 25px;
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div img {
        padding: 3px;
    }
}

#about-minister .row .imgs-minister-container div:first-of-type img:first-of-type {
    height: 230px;
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div:first-of-type img:first-of-type {
        height: 175px;
    }
}

#about-minister .row .imgs-minister-container div:first-of-type img:last-of-type {
    height: 400px;
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div:first-of-type img:last-of-type {
        height: 290px;
    }
}

#about-minister .row .imgs-minister-container div:last-of-type img:first-of-type {
    height: 400px;
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div:last-of-type img:first-of-type {
        height: 290px;
    }
}

#about-minister .row .imgs-minister-container div:last-of-type img:last-of-type {
    height: 230px;
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div:last-of-type img:last-of-type {
        height: 175px;
    }
}

@media (max-width: 450px) {
    #about-minister .row .imgs-minister-container div {
        width: 50%;
    }
}

/*#about-ministry * {
    font-size: 22px;
}*/


/*#about-ministry * {
    font-size: 22px;
}*/

@media (max-width: 768px) {
    #about-ministry .container {
        max-width: 100% !important;
    }
}
@media (max-width: 768px) {
	#about-ministry .header div:not(.quill-content) {
    width: 100% !important;
	
	}
}
#about-ministry .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-bottom: 60px;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;

}

@media (max-width: 600px) {
    #about-ministry .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}


#about-ministry h2 span::after, #about-ministry h2 span::before {
    content: "";
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #4bd8c3;
    bottom: -7px;
}

#about-ministry .header img {
    width: 38%;
    max-width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 500px;
}

@media (max-width: 600px) {
    #about-ministry .header img {
        width: 100%;
        max-height: 340px;
    }
}

#about-ministry .header div:not(.quill-content) {
    width: 62%;
    padding: 20px;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 600px) {
    #about-ministry .header div {
        width: 96%;
        margin-inline: 3%;
        -webkit-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    }
}

#about-ministry .header div h1 {
    color: white;
    font-size: 60px;
}


#about-ministry div h2 span{
    font-size: 35px;
    color: #4bd8c3;
    margin-top: 25px;
}

@media (max-width: 768px) {
    #about-ministry  div h2 span{
        margin-top: 0px;
    }
}

#about-ministry  div h2 span {
    position: relative;
    border-bottom: 4px solid #4bd8c3;
}



@media (max-width: 600px) {
    #about-ministry .header div h1 {
        font-size: 45px;
        text-align: center;
       /* margin-bottom: 60px;*/
    }
}

#about-ministry p {
    color: black;
}





@media (max-width: 768px) {
    #about-ministry p {
        font-size: 21px !important;
    }
}

#our-goals p {
    font-size: 22px;
    color: black;
}

#our-goals h2 {
    font-size: 35px;
    color: #4bd8c3;
    margin-top: 25px;
}

#our-goals h2 span {
    position: relative;
    border-bottom: 4px solid #4bd8c3;
}

#our-goals h2 span::after,
#our-goals h2 span::before {
    content: "";
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #4bd8c3;
    bottom: -7px;
}

#our-goals .goal-card {
    background-image: url("../../images/border-goal.png");
    height: 190px;
    width: 265px;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    overflow: hidden;
    margin-top: 20px;
}

@media (max-width: 768px) {
    #our-goals .goal-card {
        height: 168px;
        width: 239px;
        background-size: contain;
        margin-inline: auto;
        margin-top: 0;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    #our-goals .goal-card {
        background-size: contain;
        height: 157px;
        width: 231px;
    }
}

#our-goals .goal-card p {
    color: #4bd8c3;
    font-size: 25px;
    overflow: auto;
    max-height: 86%;
}

@media (max-width: 768px) {
    #our-goals .goal-card p {
        font-size: 20px;
    }
}


#our-vision {
    margin-top: 50px;
    padding-top: 60px;
    background: #f6f6f6;
}

@media (max-width: 768px) {
    #our-vision .container {
        max-width: 100% !important;
    }
}

#our-vision .vision-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    max-width: 1000px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
}

@media (max-width: 600px) {
    #our-vision .vision-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#our-vision .vision-container img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: fill;
    max-height: 500px;
}

@media (max-width: 600px) {
    #our-vision .vision-container img {
        width: 100%;
        max-height: 340px;
    }
}

#our-vision .vision-container div:not(.quill-content) {
    width: 100%;
    -webkit-transform: translate(25px, 25px);
    transform: translate(25px, 25px);
    background: white;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 12px 2px #bbbbbb4f;
    box-shadow: 2px 2px 12px 2px #bbbbbb4f;
    border-radius: 10px;
    font-size: 25px;
}

@media (max-width: 600px) {
    #our-vision .vision-container div:not(.quill-content) {
        width: 96%;
        margin-inline: 3%;
        -webkit-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    }
}

#our-vision .vision-container div h2 {
    font-size: 35px;
    color: #4bd8c3;
    margin-top: 25px;
}

@media (max-width: 768px) {
    #our-vision .vision-container div h2 {
        margin-top: 0px;
    }
}

#our-vision .vision-container div h2 span {
    position: relative;
    border-bottom: 4px solid #4bd8c3;
}

#our-vision .vision-container div h2 span::after,
#our-vision .vision-container div h2 span::before {
    content: "";
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #4bd8c3;
    bottom: -7px;
}

@media (max-width: 768px) {
    #our-vision .vision-container div p {
        font-size: 20px;
        line-height: 1.3;
    }
}

#our-vision .vision-container div ul {
    padding-inline: 22px;
}

@media (max-width: 768px) {
    #our-vision .vision-container div ul {
        padding-inline: 5px;
    }
}

#our-vision .vision-container div ul li {
    list-style: disc;
    line-height: 1.2;
    color: #4bd8c3;
}

@media (max-width: 768px) {
    #our-vision .vision-container div ul li {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
}

#our-vision .vision-container div ul li::marker {
    color: #4bd8c3;
    font-size: 35px;
}

@media (max-width: 768px) {
    #our-vision .vision-container div ul li::marker {
        font-size: 21px !important;
    }
}

#map {
    position: relative;
    /* height: 400px; */
}

#map .map-container {
    height: 100%;
}

#map .map-container iframe {
    height: 100%;
    width: 100%;
}

#map .address-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #000000ba, transparent);
}

#map .address-container .container {
    height: 100%;
}

#map .address-container .container .row {
    height: 100%;
    max-width: 550px;
    margin-left: address;
}

#map .address-container .container .row .address-card {
    background-color: white;
    border-radius: 10px;
    height: 150px;
    padding: 10px 15px;
    margin-top: 21px;
}

#map .address-container .container .row .address-card h3 {
    font-size: 35px;
    color: #4bd8c3;
}

@media (max-width: 768px) {
    #map .address-container .container .row .address-card h3 {
        font-size: 27px;
    }
}

#map .address-container .container .row .address-card p {
    font-size: 22px;
}

@media (max-width: 768px) {
    #map .address-container .container .row .address-card p {
        font-size: 18px;
    }
}

#map .address-container .container .row .address-card.address-full-card {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#map .address-container .container .row .address-card.address-full-card div {
    width: 47%;
    padding: 10px 15px;
}

@media (max-width: 768px) {
    #map .address-container .container .row .address-card.address-full-card div {
        width: 50%;
    }
}

#cards-container .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 20px;
    max-width: 350px;
    height: 400px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 70px;
    direction: rtl;
	border: none;
	padding: 10px;
}

@media (max-width: 768px) {
    #cards-container .card {
        height: 360px;
        margin-inline: auto;
    }
}

#cards-container .card .card-img-top {
   /* -o-object-fit: cover;*/
    object-fit: cover;
    border-radius: 20px;
    height: 200px;
}

#cards-container .card .card-img-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: contents;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -4px;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000000e8), color-stop(#0000008a), to(#0000001a));
    background: linear-gradient(0, #000000e8, #0000008a, #0000001a);
    border-radius: 20px;
}

#cards-container .card .card-img-overlay .date {
    margin-top: 25px;
}

#cards-container .card .card-img-overlay .date span {
    color: black;
    font-size: 16px;
    margin-left: 30px;
}

#cards-container .card .card-img-overlay .date span i {
    font-size: 12px;
}

#cards-container .card .card-img-overlay .card-title {
    color: black;
    font-size: 20px;
}

#cards-container .card .card-img-overlay .card-text {
    height: 118px;
    overflow: auto;
    margin-bottom: 10px;
    color: black;
}

#cards-container .card .card-img-overlay .btn-show-more {
    margin-inline: auto;
    margin-bottom: -42px;
}

#cards-container.menu-nav #common-nav-tabs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#cards-container.menu-nav #common-nav-tabs .btn-filter {
    margin-left: 0;
}

#cards-container.menu-nav .container {
    padding: 25px;
    background: white;
    border-radius: 20px;
}

#cards-container.menu-nav .container .tab-content {
    background-color: white;
    border-radius: 20px;
}

#cards-container.menu-nav .container .tab-content .menu-card {
    background: #e5e5e5;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

#cards-container.menu-nav .container .tab-content .menu-card p {
    padding: 0px;
    margin: 0px;
    color: #8a8a8a;
}

#cards-container.menu-nav .container .tab-content .menu-card p i {
    margin-inline: 5px;
}

#cards-container.menu-nav .container .tab-content .menu-card div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    #cards-container.menu-nav .container .tab-content .menu-card div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#cards-container.menu-nav .container .tab-content .menu-card div p {
    color: black;
}

#cards-container.menu-nav .container .tab-content .menu-card div .btn-show-more {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    #cards-container.menu-nav .container .tab-content .menu-card div .btn-show-more {
        margin-top: 10px;
    }
}


.article-body {
    font-size: 26px;
}

#contact-us-form p {
    font-size: 25px;
}

.seha-footer {
    font-size: 16px !important;
    margin-bottom: -25px;
}

.seha-footer a {
    font-size: 96%
}

#search-sec .btn-show-mnore::after {
    content: "\f077";
    color: white;

    position: absolute;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

#search-sec .btn-show-mnore[aria-expanded="true"]::after {
    content: "\f078";
    color: white !important;

    position: absolute;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

.date-2 {
    background: none !important;
}

.date i {
    margin-left: 10px !important;
}

#faq #accordion .card .btn:active,
#faq #accordion .card .btn:focus {
    outline: none !important;
    box-shadow: none;
    border: none;
}

.navbar-container {
    width: 100%;
    position: relative;
    z-index: 99;
}

svg.search circle.solid {
    stroke: transparent;
}

svg.search circle.animation {
    transition: stroke-dashoffset 400ms linear 0ms, stroke-dasharray 400ms linear 0ms;
    stroke: #80e2d3;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 2;
}

svg.toggle.search circle.animation {
    stroke-dasharray: 200, 0;
    stroke-dashoffset: 0;
}

svg.search g * {
    stroke: #333;
}

svg.toggle.search g * {
    stroke: #333;
}

svg.toggle.search g.find {
    animation: find 4s linear infinite;
    transform-origin: center;
}

@keyframes find {
    0% {
        transform: rotateZ(0deg) translate(0, 0);
    }

    10% {
        transform: rotateZ(-1deg) translate(1px, 1px);
    }

    20% {
        transform: rotateZ(1deg);
    }

    30% {
        transform: rotateZ(0.5deg) translate(-1px, -1px);
    }

    40% {
        transform: rotateZ(-1deg);
    }

    50% {
        transform: rotateZ(-3deg);
    }

    60% {
        transform: rotateZ(1deg) translate(-2px, 1px);
    }

    70% {
        transform: rotateZ(2deg);
    }

    80% {
        transform: rotateZ(-3deg) translate(-1px, -1px);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

.search-nav-link svg {
    width: 36px;
    height: 36px;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #4bd8c3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #4bd8c342;
}

#common-nav-tabs .btn-filter2 {
    display: none
}

#header .h-logo {}

.navbar-brand {
    border-radius: 800px;
    display: flex;
    margin: 0;
    background: #fff;
    padding: 10px;
    margin-inline-start: 15px;
    margin-top: 0;
}

.nav-link {
    font-size: 23px !important
}

.offcanvas-body .dropdown-toggle {
    position: relative;
}

.offcanvas-body .dropdown-toggle::after {
    width: 20px;
    height: 12px;
    border: 0;
    background: url(../../frontend/images/down-arrow.svg);
    background-repeat: no-repeat;
}

#main-sec .main-sec .row .col-md-7 {
    padding-right: 15px;
    direction: rtl;
    text-align: right;
    margin-top: -22px;
}

#header.header-scrolled {}

.flex-6 {
    display: flex;
    justify-content: space-between;
}

.flex-6>a {
    margin-inline-start: auto;
    margin-inline-end: 0
}

.flex-6>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}

.main-sec {
    height: calc(100vh - 155px);
    max-height: 580px;
}

#main-slider {
    margin-top: 60px;
}

#main-slider .owl-stage .item {
    padding-bottom: 130px;
}

#main-sec .main-sec .row img {
    border-radius: 1600px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    border: 8px solid #84dbca;
    margin-top: 20px;
}

.cus-relative {
    position: relative
}

.up-statistics {
    position: absolute;
    bottom: calc(-5% - 20px);
    right: calc(50% - 580px);
    left: auto;
    width: 480px;
    z-index: 8;
    padding: 20px 15px;
    backdrop-filter: blur(10px);
    background: #58dac745;
    border-radius: 13px;
    border: 1px solid #ffffffbf;
}

.up-statistics .owl-nav {
    position: absolute;
    width: calc(100% + 70px);
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    margin-inline-end: -35px;
    margin-inline-start: auto;
    top: calc(50% - 20px);
    z-index: -1;
}

.up-statistics .owl-nav button {
    width: 40px;
    height: 40px;
    background: #4bd8c3 !important;
    font-size: 40px;
    color: #fff !important;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.up-statistics .owl-nav button div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-statisics {
    display: flex;
    justify-content: space-around;
}

.single-statisics a {
    display: inline-flex;
    /*width: calc(33.332% - 10px);*/
    padding-inline-end: 10px;
    padding: 1px 5px;
    align-items: center;
    text-align: right;
    font-size: 112%;
    display: flex;
    justify-content: flex-end;
}

.single-statisics a {
    border-inline-end: 1px solid #ffffff;
}

.single-statisics a:last-child {
    border-inline-end: 0px;
}

.flex-center {
    text-align: center;

}

.date {
    background: #fff;
}

.date i {
    color: #239b89 !important;
}

#health-building {
    position: relative;
    z-index: 2;
}

#media-center {
    position: relative;
    z-index: 4;
    margin-top: 20px;
}

#media-center .owl-nav {
    display: none !important;
}

.btn-show-all-more {
    margin-top: 40px
}

.banner-sep-mobile,
.banner-sep {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.logo {
    /* height: 78px; */
    margin-top: -8px;
}

.mobile-icons-div {
    margin-top: 16px;
}

.article-body img {
    max-width: 100%;
    height: auto;
}

#statistics-slider {
    display: flex;
    align-items: center;
}

.up-statistics {
    min-height: 110px;
    display: flex;
}

.ff-ff-flex {
    display: flex;
    align-items: center;
}

.ff-ff-flex svg {
    width: 40px;
    margin-inline-end: 9px;
}

.ff-ff-flex svg path {
    fill: #4bd8c3
}

.result span b {
    margin-inline: 5px;
}

.map-sec SVG {
    width: 100%;
}

nav.navbar .dropdown-menu a {
    min-width: 220px;
    padding-block: 7px !important;
}

nav.navbar .dropdown-menu a:focus,
nav.navbar .dropdown-menu a:hover {
    background: #b2ede3;
}

.litepicker .container__footer {
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    text-align: center;
    box-shadow: none;
}

.litepicker .container__footer .button-apply {
    background: #56cab9;
    border: 0;
    padding: 3px 7px 4px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.litepicker .container__footer .preview-date-range {
    width: 100%;
    margin: 0;
    display: block;
    padding: 10px 8px;
}

.litepicker .container__footer button {
    /* flex: 1; */
    width: 90px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    /* flex: 1 0 50%; */
}

#saha-date-picker>div,
#saha-date-picker>div>div:not(.container__tooltip),
#saha-date-picker>div>div>div,
#saha-date-picker>div>div>div>div {
    width: 100%;
}

#saha-date-picker .button-next-month,
#saha-date-picker .button-previous-month {
    transform: scale(-1)
}

.litepicker .container__days .day-item.is-in-range {
    background-color: #4bd8c32e;
    border-radius: 0;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    background-color: #4bd8c3;
}

.litepicker .container__days .day-item:hover {
    box-shadow: inset 0 0 0 2px #4bd8c3;
}

.syria-map {
    display: flex;
    position: relative;
}

.syria-map svg {
    width: 100%;
}

.syria-map svg path:hover {
    cursor: pointer;
}

#gov {
    opacity: 0;
    position: absolute;
    background: #eeeeee;
    width: 120px;
    height: 48px;
    transition: opacity 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #4bd8c3;
    border-radius: 15px;
    font-size: 140%;
    z-index: 1;
}

html:lang(ar) .litepicker .container__months .month-item-header div>.month-item-name {
    margin-right: auto;
    margin-left: 5px;
}

.search-criteria {
    display: flex;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #ececec;
    padding: 4px 15px;
    justify-content: space-between;
}

.search-criteria>div {
    display: flex;
    margin-inline-end: 12px
}

.search-criteria>div>span {
    display: flex;
    color: #4bd8c3;
    margin-inline-start: 5px;
    font-weight: bold;
}

.org-container img {
    width: 100%;
    height: auto;
}

.showmobile {
    margin-block: 40px;
    display: flex;
    width: 300px;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    background: #ffffff;
    border-radius: 30px;
    font-weight: bold;
    padding-block: 22px;
    color: #299d8b;
    font-size: 160%;
    border: 4px solid #4bd8c3;
}

.ccc-margin {
    margin-inline-end: 0 !IMPORTANT;
    margin-inline-start: 5px !important;
}

.about-minister-first-row {
    display: flex;
}

.about-div-text {
    box-shadow: 0 0 8px #0000003b;
    transform: translate(25px, 25px);
    padding: 25px;
    border-radius: 10px;
    background: #fff;
}
.about-ministry .about-div-text {
    box-shadow: none;
    transform: translate(0px, 0px);
    padding: 25px;
    border-radius: 10px;
    background: transparent;
}
#demo.collapsex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 0;
    overflow: hidden
}

#demo.collapsex.show {
    height: auto;
}

#demo.collapsex::after {
    content: "";

}

#demo.collapsex>select,
#demo.collapsex>input,
#demo.collapsex::after {
    margin-inline: 0 !important;
    width: calc(25% - 15px) !important;
}

@media screen and (min-width: 992px) {
    .search-nav-link>span {
        display: none;
    }

    .dropdown:not(.search-dropdown):hover .dropdown-menu {
        display: block;
        margin-top: 0;
        border-radius: 15px;
        overflow: hidden;
    }

    nav.navbar {
        display: flex;
        align-items: flex-start;
    }

    .navbar-nav {
        display: flex;
        width: 100%;
        justify-content: space-between !important;
        padding-inline-start: 35px;
        padding-inline-end: 50px;
        padding-bottom: 45px;
    }

    .offcanvas-body .nav-item.lang .dropdown-menu {
        position: absolute;
        left: 0;
        right: auto;
    }

    #media-center .header .nav .nav-item .nav-link {
        padding-inline: 20px;
        text-align: center;
    }

    .btn-show-all-more {
        width: 50%;
    }

    #media-center .header {
        display: flex;
        justify-content: space-between;
    }

    #media-center .header h2 {
        min-width: 220px;
    }

    #media-center .header .nav {
        display: flex;
        /* justify-content: space-between; */
        padding-inline: unset;
        margin-inline-start: 0;
        margin-inline-end: auto;
        flex-grow: 1;
    }

    #media-center .header .nav>li {
        width: 25%
    }
}

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

    #demo.collapsex select,
    #demo.collapsex input,
    #demo.collapsex::after {
        width: calc(50% - 30px) !important;
        margin-inline: 0 !important;
    }

    .navbar-brand img {
        width: 65px !important;
        height: 65px !important
    }

    .about-div-text {
        transform: translate(0px, 0px);
        margin-top: 20px;
    }

    .article-extensions-container .hyper-links {
        background: #fff;
        margin-top: 40px;
        padding: 30px 12px 30px 12px;
        border-radius: 12px;
        box-shadow: 0 0 8px 0 #00000014;
    }

    .navbar-toggler {
        margin-top: 13px;
        margin-bottom: auto;
    }

    .offcanvas-header {
        padding: 0 10px;
    }

    .offcanvas-body {
        padding-top: 1px
    }

    .navbar-nav>li {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #e1e1e1
    }

    .offcanvas-body .nav-link.dropdown-toggle {
        display: flex !important;
        justify-content: space-between;
    }

    .offcanvas-header img {
        width: 60px !important;
        margin-inline: auto !important;
        margin-block: 0 !important;
    }

    #cards-container .card {
        margin-inline: auto;
    }

}

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

    #search-sec .result table tbody tr td,
    #search-sec .result table tbody tr td p,
    #search-sec .result table tbody tr td p span {
        /*width: max-content;*/
    }

    #demo.collapsex select,
    #demo.collapsex input,
    #demo.collapsex::after {
        width: calc(50% - 30px) !important;
        margin-inline: 0 !important;
    }

    #common-nav-tabs .nav {
        display: flex;
        flex-wrap: nowrap;
        height: 88px;
        overflow-x: auto;
    }

    #common-nav-tabs .nav>li {
        min-width: max-content;
        display: flex;
    }
}

@media screen and (min-width: 769px) {
    .showpc {
        display: block;
    }

    .showmobile {
        display: none;
    }

    .banner-sep-mobile {
        display: none;
    }

    .mobile {
        display: none;
    }
}

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

    footer .ambulance-sys span {
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    #demo.collapsex select,
    #demo.collapsex input,
    #demo.collapsex::after {
        width: calc(100% - 00px) !important;
        margin-inline: 0 !important;
    }

    .showpc {
        display: none;
    }

    .showmobile {
        display: flex;
    }

    .article-extensions {
        margin-top: 20px;
    }

    footer {
        padding-top: 60px;
    }

    #top-banner {
        margin-bottom: 25px;
    }

    .flex-6 {
        flex-direction: column;
    }

    .flex-6>a {
        width: 100%;
        margin-inline: 0;
        margin-block: 10px;
        display: flex;
        justify-content: space-between;
        padding-inline: 25px;
    }

    #media-center .tab-content .main-new p {
        height: unset;
    }

    .desktop {
        display: none;
    }

    .banner-sep {
        display: none;
    }

    .banner-sep-mobile {

        bottom: -1px;
        left: 0;
        right: -1px;
    }

    .banner-sep-mobile path {

        fill: #f9f9f9
    }

    .map-sec {
        display: none;
    }

    .card.common-card {
        height: auto;
    }

    .card.common-card .card-img-top {
        height: auto;
        width: 82%;
        display: flex;
        margin: 0 auto;
    }

    .card.common-card .card-body p {
        height: auto;
    }

    #top-banner .container h1 {
        font-size: 30px;
    }

    #main-slider .owl-item .item .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #main-sec .main-sec .row img {
        width: 260px;
        height: 260px;
        /* margin-bottom: -40px; */
    }

    #main-sec .main-sec {
        padding-top: 12px;
        background-size: cover;
        background-size: cover !important;
        margin-top: 0px;
        max-height: unset !important;
        height: unset;
    }

    #main-sec .main-sec .row p {
        margin-bottom: 8px;
        font-size: 22px;
        text-align: center;
    }

    #main-sec .main-sec .row .col-md-7 {
        text-align: center;
    }

    .up-statistics {
        position: relative;
        bottom: unset;
        right: 1%;
        left: 1%;
        width: 98%;
        top: unset;
        margin-top: 20px;
    }

    #main-sec .main-sec .row h1 {
        font-size: 38px !important;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 0;
    }

    #main-sec .main-sec .row .btn-register-with-us {
        display: inline-block;
        padding: 6px 46px;
        font-size: 18px;
        font-weight: normal;
        margin-top: 5px;
    }

    #health-building .row .owl-nav {
        width: 100%;
        margin-inline: 0;
    }

    #main-slider .owl-stage .item {
        padding-bottom: 0;
    }

    #main-sec {
        margin-bottom: auto;
    }

    #health-building {
        margin-top: 65px;
    }

    #cooperation-together {
        background-size: cover !important;
    }

    #cooperation-together .links-container .btn-links:nth-child(5n) {
        width: calc(100% - 0px) !important;
    }

    .btn-show-all-more {
        width: 95%;
        margin-top: 10px !important;
    }

    .btn-show-all-more {
        width: 95%;
        margin-top: 10px !important;
    }

    #health-building .row .item .address div {
        text-align: right;
    }

    #cards-container .card .card-img-overlay .card-text {
        height: unset;
    }

    #cards-container .card {
        height: 430px;
    }

}

@media screen and (max-width: 620px) {
    .banner-sep {
        display: none;
    }

    .nav.nav-pills {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 585px) {
    #cooperation-together .links-container .btn-links {
        width: calc(100% - 0px);
        margin-inline-end: 0px;
        margin-inline-start: 0px !important;
    }

    .search-criteria {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .search-criteria>div {
        margin-inline-end: 12px;
        width: calc(50% - 20px);
    }
}


@media (min-width: 768px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}


@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

#login .container-fluid,
#login .container-fluid>div,
#login .container-fluid>div>div {
    margin-inline: 0;
    padding-inline: 0;
}

#copy-message {
    color: #fff;
    padding: 5px 20px;
    position: fixed;
    bottom: -74px;
    left: 0px;
    right: 0px;
    z-index: 99;
    display: flex;
    justify-content: center;
    transition: all 0.3s linear;
}

#copy-message>span {
    padding: 6px 25px;
    background-color: #FFF;
    border-inline-start: 5px solid #4bd8c3;
    color: #7a7a7a;
    font-weight: 600;
    font-size: 126%;
    border-radius: 10px;
    box-shadow: 0 0 8px 0px #00000036;
}

#copy-message.show {
    bottom: 25px;
    transition: all 0.45s cubic-bezier(0, 1.11, 0, 1.54);
}

#search-layout {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #00000073;
    z-index: -800;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all 0.35s linear;
}

#search-layout.open {
    background: #000000a3;
    opacity: 1;
    z-index: 99999;
    transition-delay: 0.55s;
}

#search-layout.closing {
    background: #000000a3;
    opacity: 1;
    z-index: 99999;
}

#search-layout .search-content {

    transform: scale(0, 0);
}

#search-layout .search-content * {
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay: 2s;
}

#search-layout.open .search-content * {
    opacity: 1;
    transition: opacity 0.5s;
    transition-delay: 1.25s;
}

#search-layout.closing .search-content * {
    opacity: 1;
    transition: opacity 0.5s;
    transition-delay: 0s;

}

#search-layout.open .search-content {
    animation-name: panelOpen;
    animation-duration: 0.75s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

#search-layout.closing .search-content {
    animation-name: panelOpen2;
    animation-duration: 0.55s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes panelOpen {
    0% {
        transform: scale(0, 0);
    }

    2% {
        transform: scale(0, 0);
    }

    45% {
        transform: scale(0.5, 0.1);
    }

    70% {
        transform: scale(0.94, 0.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes panelOpen2 {
    0% {
        transform: scale(1, 1);
    }

    2% {
        transform: scale(0.94, 0.075);
    }

    25% {
        transform: scale(0.5, 0.075);
    }

    60% {
        transform: scale(0, 0);
    }

    100% {
        transform: scale(0, 0);
    }
}

.close-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}

.search-content {
    background: #fff;
    width: 80%;
    margin: 0 auto;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    /* justify-content: center; */
    box-shadow: 0 0 13px 0px #000000ad;
}

.search-content form {
    display: flex;
    margin: 0 auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

#close svg {
    width: 28x;
    height: 28px;
}

/*footer .ambulance-sys h1 {
    font-size: 200%
}*/

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


    .search-content .row>.col-lg-2 {
        display: none
    }

    .search-content .row>.col-lg-8,
    .search-content form,
    .search-content form input {
        width: 100%
    }

    .search-content {
        width: 90%;
        min-height: 90%;
    }

    .offcanvas-body .nav-item.lang .nav-link.dropdown-toggle {
        display: flex !important;
        justify-content: flex-start;
    }

    .offcanvas-body .nav-item.lang .nav-link.dropdown-toggle::after {
        margin-inline-start: auto;
        margin-inline-end: 0;
    }
}

@media only screen and (max-width: 768px) {
    #header.header-scrolled {
        height: 70px;
    }
}
#faq #accordion .card .card-body p {
	color: #fff !important
}
#map .address-container .container .row {
	    display: flex;
    align-content: center;
}