@font-face {
    font-family: 'AlecsoText4';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/changa/v29/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');
    unicode-range: U +0600 -06FF, U +0750 -077F, U +0870 -088E, U +0890 -0891, U +0897 -08E1, U +08E3 -08FF, U +200C -200E, U +2010 -2011, U +204F, U +2E41, U + FB50-FDFF, U + FE70-FE74, U + FE76-FEFC, U +102E0 -102FB, U +10E60 -10E7E, U +10EC2 -10EC4, U +10EFC -10EFF, U +1EE00 -1EE03, U +1EE05 -1EE1F, U +1EE21 -1EE22, U +1EE24, U +1EE27, U +1EE29 -1EE32, U +1EE34 -1EE37, U +1EE39, U +1EE3B, U +1EE42, U +1EE47, U +1EE49, U +1EE4B, U +1EE4D -1EE4F, U +1EE51 -1EE52, U +1EE54, U +1EE57, U +1EE59, U +1EE5B, U +1EE5D, U +1EE5F, U +1EE61 -1EE62, U +1EE64, U +1EE67 -1EE6A, U +1EE6C -1EE72, U +1EE74 -1EE77, U +1EE79 -1EE7C, U +1EE7E, U +1EE80 -1EE89, U +1EE8B -1EE9B, U +1EEA1 -1EEA3, U +1EEA5 -1EEA9, U +1EEAB -1EEBB, U +1EEF0 -1EEF1;
}
body, .ql-container {
	font-family: AlecsoText2, AlecsoText, "Open Sans", serif !important;
	font-size: var(--bs-body-font-size) !important;
}
.navbar {
	justify-content: flex-start;
}
.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgba(0, 0, 0, .1);
    font-size: 3rem;
    line-height: 4rem;
}
.navbar-collapse.header_menu {
	background: #05374700;
    padding: 10px 20px;
	border-radius: 0 20px;
}
html[lang="ar"] .navbar-collapse.header_menu {
	border-radius: 20px 0;
}
.dropdown-menu {
	text-align: left;
}
html[lang="ar"] .dropdown-menu {
	text-align: right;
}
.service-item.bg-light {
    background: #084846 !important;
}
.service-item.bg-light p {
    color: #ffffff;
}
.service-item.bg-light:hover {
    background: var(--bs-light) !important;
}
.service-item.bg-light:hover p {
    color: var(--bs-secondary);
}
	.page-header {
    background-size: cover;
	position: absolute;
    top: 100px;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.page-header .container::before,
.page-header .container::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    width: 100px;
    height: 15px;
    background: #FFFFFF;
}
.page-header .container::after {
    top: 100%;
    margin-top: -15px;
}
.page-header .container {
    position: relative;
	/*
    padding: 45px 0 45px 35px;
    border-left: 15px solid #FFFFFF;
	*/
	padding: 20px 35px 10px 5px;
    border-right: 15px solid #FFFFFF;
}

#page-bg-video {
	min-height: 44vh;
	max-height: 44vh;
}


	.page-header h1 {
		color: #fff;
		font-family: 'AlecsoText3', 'AlecsoText2', 'AlecsoText', serif;
		font-size: clamp(1rem, 6vw, 2.2rem);
		direction: rtl;
		text-align: right;
		/*margin-bottom: 5px !important;*/
		margin-bottom: clamp(1rem, 5vh, 1.5rem) !important;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	html[lang="ar"] .breadcrumb-item {
		font-family: 'AlecsoText2', 'AlecsoText', serif;
	}
	html[lang="ar"] .breadcrumb-item+.breadcrumb-item::before {
		float: right;
		padding-left: .5rem;
	}
	html[lang="ar"] .breadcrumb-item+.breadcrumb-item {
		padding-right: .5rem;
	}
	.post-title {
		font-family: 'AlecsoText2', 'AlecsoText', serif;
	}
	h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
		font-family: 'AlecsoText2', 'AlecsoText', serif;
	}
	.post-date {
		font-family: AlecsoText2, AlecsoText, serif;
		color: #5f5f5f;
		text-align: right;
		margin: 0 45px 10px 0;
		font-size: 1.1rem;
		font-weight: lighter;
	}
	.post-details {
		font-family: AlecsoText, serif;
		color: #151515;
		text-align: justify;
		font-size: 1.1rem;
		direction: rtl;
		line-height: 2rem;
		border-top: 1px solid #ccc;
	}
	.post-details {
		font-family: AlecsoText2, serif;
		font-size: 1.2rem;
	}
	
.post-carousel .owl-item img {
    display: block;
    width: 90%;
	margin: 0px auto 0;
}	
.post-carousel .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 7%;
}
.post-carousel .owl-nav .fa {
	font-size: 1.5rem;
    color: #fff;
}

.blog-item .blog-img img  {
    transition: .5s;
}

.blog-item:hover .blog-img img {
    transform: scale(1.15);
}
.blog-item {
		font-family: AlecsoText2, AlecsoText, serif;
		background-color: #eeeeeefc !important;
		margin-bottom: 2rem;
}
.blog-item h4, .blog-item a, .blog-item p {
		font-family: AlecsoText2, AlecsoText, serif;
}

.more_photos{ 
	width: 300px;
    height: 250px;
    background: #0d6b68;
}
.post-info {
	direction: rtl;
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.post-info-text {
	font-family: AlecsoText2, AlecsoText, serif;
    color: #0d6b68;
	font-size: 1.2rem;
}
.post-info-text img {
	width: 24px;
	height: 24px;
	vertical-align: sub;
}
.post-info-box {
	background: #f3f3f3;
	padding: 10px;
}


.member-states-flag-card {
    overflow: hidden;
}

.member-states-flag-link {
    display: block;
}

.member-states-flag-image {
    display: block;
    height: 156px;/*200px;*/
    object-fit: fill;
    width: 100%;/*260px;*/
}

.member-state-hero-card {
    background: linear-gradient(135deg, #09413f 0%, #048b87 100%);
}

.member-state-hero-card img {
    height: 240px;
    object-fit: fill;
}

.member-state-status {
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    font-weight: 600;
}

.member-state-hero-summary {
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.9;
}

.member-state-summary-card {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.member-state-section-kicker {
    color: #0d6b68;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.75rem;
}

.member-state-fact {
    background: #f7f9fc;
    border: 1px solid #e8eef7;
    border-radius: 1rem;
    height: 100%;
    padding: 1rem;
}

.member-state-fact-label,
.member-state-info-label,
.member-state-commission-label,
.member-state-role-label {
    color: #6c757d;
    font-size: 0.85rem;
    margin-bottom: 0.35rem;
}

.member-state-fact-value,
.member-state-info-value,
.member-state-commission-value,
.member-state-role-value {
    color: #0f2a28;
    font-weight: 500;
    line-height: 1.8;
    word-break: break-word;
    font-size: 1.2rem;
}

.member-state-info-list .list-group-item,
.member-state-commission-list .list-group-item {
    border-color: #edf2f7;
    padding-inline: 0;
}

.member-state-commission-card {
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.member-state-commission-title {
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.8;
}

.member-state-role-box,
.member-state-minister-box {
    background: #f8fbff;
    border: 1px solid #e7eef8;
    border-radius: 1rem;
    height: 100%;
    padding: 1.1rem;
}

.member-state-role-badge {
    background: #eaf3ff;
    border-radius: 999px;
    color: #0d6b68;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 0.65rem;
    padding: 0.35rem 0.8rem;
}

.member-state-minister-list {
    margin: 0;
    padding-right: 1rem;
}

.member-state-minister-list li {
    line-height: 1.9;
    margin-bottom: 0.4rem;
}
.lead {
    font-size: 1.1rem;
    text-align: justify;
    font-weight: 300;
}

@media (min-width: 1800px) {
	body {
		font-size: 1.2rem;
	}
	
	
	h5, .h5 {
		font-size: 1.5rem;
	}
	h3, .h3 {
        font-size: 1.95rem;
    }
	.departments_container p, .centers_container p {
		font-size: 1.4rem;
	}
	.footer, .btn {
		font-size: 1.3rem;
	}
	.footer .copyright {
		font-size: 1.1rem;
	}
	.upcoming-carousel .item {
		max-width: 200px;
	}
	.upcoming-carousel::before {
		left: 3rem;
	}
	.post-details {
		font-size: 1.3rem;
	}
	.post-info-text {
		font-size: 1.4rem;
	}
}

@media (min-width: 1400px) {
	body {
		font-size: 1.1rem;
	}
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 100%;
    }
    .sticky-top .container, .hero-header .container {
        max-width: calc(100% - 80px);
    }
	.header_menu a {
		font-size: 1.5rem;
	}
	h5, .h5 {
		font-size: 1.3rem;
	}
	h4, .h4 {
        font-size: 1.2rem;
    }
	h3, .h3 {
        font-size: 1.6rem;
    }
	.stat-carousel .item img {
		vertical-align: sub;
	}
	.box {
		transform: translate(-94%, 40%);
	}
	/*
	.box {
		&:hover {
			transform: translate(-94%, 40%) rotateY(-20deg) skewY(3deg);
		}
	}
	*/
	.upcoming-carousel::before {
		left: 0rem;
	}
	.testimonial-img:hover img {
		transform: unset;
	}
	.departments_container p, .centers_container p {
		font-size: 1.2rem;
	}
	.footer, .btn {
		font-size: 1.2rem;
	}
	.footer .copyright {
		font-size: 1rem;
	}
	.upcoming-carousel .item {
		max-width: 170px;
	}
}

@media (max-width: 991.98px) {
    .member-state-hero-card img {
        height: 220px;
    }
}

@media (max-width: 400px) {
	.navbar-collapse.header_menu {
		background: #053747ed;
	}
    #logo {
		position: unset;
		margin-bottom: 20px;
	}
	.page-header {
		top: 125px;
	}
	.home .hero-header {
		top: 25px;
	}
	.home .header-carousel {
		margin-top: 5px;
	}
	#page-bg-video {
		min-height: 36vh;
		max-height: 44vh;
	}
	.home #page-bg-video {
		min-height: 44vh;
	}
	.container-mobile {
		padding: 0 !important;
	}
}

/***** page *********/
.post-details .article-details-wrapper strong {
	font-weight: 500;
}



/**** page menu ***********/

.page_menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 120px;
  margin: auto;
  position: relative;
  background-color: #2c3e50;
  z-index: 7;

  li {
    float: left;
    width: 25%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  
  a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    z-index: 9;
  }
}

a.active {
  background-color: #e74c3c;
  pointer-events: none;
}

li.slider {
  width: 25%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e74c3c;
  z-index: 8;
  transition: left .4s, background-color .4s;
}

.page_menu li:nth-child(1):hover,
.page_menu li:nth-child(1):focus,
.page_menu li:nth-child(1):active {
  & ~ .slider {
    left: 0;
    background-color: #3498db;
  }
}


.page_menu li:nth-child(2):hover,
.page_menu li:nth-child(2):focus,
.page_menu li:nth-child(2):active {
  & ~ .slider {
    left: 25%;
    background-color: #9b59b6;
  }
}

.page_menu li:nth-child(3):hover,
.page_menu li:nth-child(3):focus,
.page_menu li:nth-child(3):active {
  & ~ .slider {
    left: 50%;
    background-color: #e67e22;
  }
}

.page_menu li:nth-child(4):hover,
.page_menu li:nth-child(4):focus,
.page_menu li:nth-child(4):active {
  & ~ .slider {
    left: 75%;
    background-color: #16a085;
  }
}

.page_menu_ar {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  margin: 40px auto 0;
  position: relative;
  background-color: #104b5f;
  z-index: 7;
  direction: rtl;

  li {
    float: right;
    /*width: 25%;*/
    width: 33.33%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  
  a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 1.3rem;
    z-index: 9;
	font-family: AlecsoText2, AlecsoText, "Space Grotesk", sans-serif;
  }
}

.page_menu_ar4 li {
    width: 50%;
}

.page_menu_ar a.active {
  background-color: #2c897c;
  pointer-events: none;
}

.page_menu_ar li.slider {
  /*width: 25%;*/
  width: 33.33%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #2c897c;
  z-index: 8;
  transition: right .4s, background-color .4s;
}
.page_menu_ar4 li.slider {
    width: 25%;
}

.page_menu_ar li:nth-child(1):hover,
.page_menu_ar li:nth-child(1):focus,
.page_menu_ar li:nth-child(1):active {
  & ~ .slider {
    right: 0;
    background-color: #374a85;
  }
}


.page_menu_ar li:nth-child(2):hover,
.page_menu_ar li:nth-child(2):focus,
.page_menu_ar li:nth-child(2):active {
  & ~ .slider {
    /*right: 25%;*/
    right: 33.33%;
    background-color: #1b668f;
  }
}
.page_menu_ar4 li:nth-child(2):hover,
.page_menu_ar4 li:nth-child(2):focus,
.page_menu_ar4 li:nth-child(2):active {
  & ~ .slider {
    right: 25%;
  }
}

.page_menu_ar li:nth-child(3):hover,
.page_menu_ar li:nth-child(3):focus,
.page_menu_ar li:nth-child(3):active {
  & ~ .slider {
    /*right: 50%;*/
    right: 66.66%;
    background-color: #402c65;
  }
}
.page_menu_ar4 li:nth-child(3):hover,
.page_menu_ar4 li:nth-child(3):focus,
.page_menu_ar4 li:nth-child(3):active {
  & ~ .slider {
    right: 50%;
  }
}

.page_menu_ar4 li:nth-child(4):hover,
.page_menu_ar4 li:nth-child(4):focus,
.page_menu_ar4 li:nth-child(4):active {
  & ~ .slider {
    right: 75%;
    background-color: #892c64;
  }
}



/**** page menu right ***/

.page_menu_right .sp-module.sp-ego-module {
    border-top: 4px solid #0a412a;
    border-image: linear-gradient(to right, #8f887d, #0a412a) 10;
    padding-top: 0;
    border-left: 4px solid #8f887d;
}
.page_menu_right .menusp-ego-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
.page_menu_right .menusp-ego-menu>li {
    border-bottom: 1px solid #b5b5b5b8;
}
.menusp-ego-menu>li a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
	color: #093533;
    font-size: 1.2rem;
    font-weight: bold;
	font-family: AlecsoText2, AlecsoText, "Space Grotesk", sans-serif;
}
.menusp-ego-menu>li a:hover {
	background-color: #efefef;
    color: #093533;
}
.menusp-ego-menu>li a.active {
	background-color: #0f4442;
    color: #fff;
}
.sp-module.sp-ego-module>h3 {
	font-family: 'Cairo', sans-serif;
	background: #0a412a;
	font-size: 16px;
    line-height: 40px;
    margin: 0;
    padding: 5px 10px;
    color: #fff;
	background: linear-gradient(90deg, rgba(88, 82, 72, 1) 0%, rgba(10, 65, 42, 1) 100%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #0a412a;
}
.sppb-addon-articles.article-border {
    border-top: 4px solid;
    border-image: linear-gradient(to left, #1f8359, #8f887d) 10;
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-right: .25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout>:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: #0000000d
}
.bd-callout a > i {
	margin-left: .5rem !important;
}

.bd-callout-primary {
    --bd-callout-color: #1f79d2;
    --bd-callout-bg: #e6f1fc;
    --bd-callout-border: #1f79d2
}
.bd-callout-info {
    --bd-callout-color: #1f79d2;
    --bd-callout-bg: #e6f1fc;
    --bd-callout-border: #0dcaf0;
}
.bd-callout-green, .bd-callout-success {
   --bd-callout-color: #0d6b68;
    --bd-callout-bg: #e9fffe;
    --bd-callout-border: #0d6b68;
}

.bd-callout-warning {
    --bd-callout-color: #d18303;
    --bd-callout-bg: #fffaf1;
    --bd-callout-border: #d18303;
}

.bd-callout-danger {
	--bd-callout-color: #c20202;
    --bd-callout-bg: #fff4f4;
    --bd-callout-border: #c20202;
}
.accordion-item .accordion-button {
	color: #fff;
    font-family: AlecsoText2, AlecsoText, serif;
    text-align: justify;
    font-size: 1.1rem;
}
.accordion-button::after {
	margin-left: unset;
	margin-right: auto;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-item .accordion-collapse {
	padding: 15px 10px;
}
.accordion-item .accordion-button {
    background: #0d6b68;
}
.nav-tabs .nav-link {
	color: #fff;
}
form .nav-tabs .nav-link {
	color: #0a4b49;
	border: 1px solid;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
	font-weight: bold;
    background-color: #0a4b49 !important;
    border-color: #0a4b49 #0a4b49 #0a4b49;
}
.tab-content>.active {
    border: 1px solid #0a4b49;
    padding: 15px 10px;
}
.share-article-dropdown {
	display: block;
    width: 100%;
}
.share-article-dropdown > .dropdown-toggle {
	position: absolute;
    left: 0;
}
.share-article-dropdown .dropdown-menu li {
	text-align: right;
}
.lg-container.lg-show.lg-show-in .lg-inner {
    direction: ltr;
}

.page-internal-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-internal-menu .menu-item {
    margin-bottom: 0;
    background-color: #104b5f;
    color: #fff;
}
.page-internal-menu .menu-item > a {
   	display: inline-block;
	text-align: right;
    color: #fff;
    font-size: 1.1rem;
    width: 100%;
    text-decoration: none;
    padding: 10px 20px 10px 5px;
    border-bottom: 1px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.page-internal-menu .menu-item h5 {
	margin-bottom: 0;
    background-color: #317c96;
    color: #fff;
    padding: 10px;
}
.page-internal-menu .menu-item > a:hover,
.page-internal-menu .menu-item > a.active {
    color: #fff;
    border-color: #2c897c;
    background: #2c897c;
}
.page-internal-menu .menu-separator {
    font-weight: 700;
    color: #0d6b68;
    padding: 6px 0;
}
.page-internal-menu.level-1,
.page-internal-menu.level-2,
.page-internal-menu.level-3 {
    margin-top: 8px;
    padding-inline-start: 18px;
    border-inline-start: 2px solid #e5e7eb;
}
.page-footer-menu-wrap {
    background: #f8fafc;
    border-radius: 12px;
    padding: 18px 20px;
}
.testimonial-img img {
	transform: scale(1.1) translate(-5%, 0%);
}
.upcoming-carousel {
    padding: 45px 40px 20px 0;
}
.upcoming-carousel .item {
    max-width: 100%;
    overflow-x: hidden;
}
.owl-carousel .owl-stage-outer {
	left: 20px;
}
.upcoming-carousel::before {
    left: 0rem;
    right: 5rem;
	bottom: 3rem;
}
.upcoming-carousel small {
	text-align: right;
	white-space: nowrap;
}
.text-left {
	text-align: left;
}
.calendar-day-name {
    font-weight: 500;
    text-align: center;
    min-height: auto;
    background: #0d6b68 !important;
    color: #fff;
}
.calendar-legend-dropdown .form-check-label {
	text-align: right;
}
.calendar-legend-option.form-check .form-check-input {
    float: left;
    margin-left: -10px;
}
.card-body, .card-body p, .card-body li {
	font-size: 1.1rem;
    text-align: justify;
    color: #252525;
}