:root {
	/* Colors */
	--deep-navy: #02264C;
	--deep-blue: #021D54;
	--gray-color: #9E9E9E;
	--gray-light: #D9D9D9;
	--pale-gray: #F2F2F2;
	--dark-green: #157633;
	--light-grey: #CBC3C3;
	/* Layout */
	--main-x-padding: 4%;
	--main-y-padding: 5%;
	--language-icon-size: 34px;
	--search-size: 34px;
	--section-main-heading-size: 50px;
	--medium-text: 28px;
	--main-p: 18px;
	/* Text */
	--lang-alignment: left;
	/* Border Radius */
	--main-border-radius: 90px 90px 90px 0px;
	--top-main-border-radius: 0px 90px 90px 90px;
	--secondary-border-radius: 40px 40px 40px 0px;
	--small-cards-radius: 20px 44px 0px 20px;
	/* Sizes */
	--side-img-large: 396px;
}


@media (max-width:768px) {
	:root {
		/* Layout */
		--main-x-padding: 30px;
	}
}

* {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Open_Sans', sans-serif;
	margin: 0;
	padding: 0;
	color: #181818;
	background: white !important;
	overflow-x: hidden;
	position: relative;
	text-align: left;
}

html[lang="ar"] body {
	--main-border-radius: 90px 90px 0px 90px;
	--secondary-border-radius: 40px 40px 0px 40px;
	--top-main-border-radius: 90px 0px 90px 90px;
	--lang-alignment: right;
	--small-cards-radius: 44px 20px 20px 0px;
}

html[lang="ar"] :is(body, p, h1, h2, h3, h4, h5, h6, button, a) {
	text-align: right;
	font-family: Tajawal, sans-serif !important;
}

.text-align {
	text-align: var(--lang-alignment) !important;
}

.w-100 {
	width: 100%;
}

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

a:hover {
	text-decoration: none;
}

p,
ul,
ol {
	margin: 0;
}

.rotate-img-x {
	transform: rotate(180deg);
}

.green-icon {
	filter: invert(58%) sepia(29%) saturate(3242%) hue-rotate(108deg) brightness(95%) contrast(90%);
}

.page-wrapper {
	margin-left: 0px !important;
	margin-right: 0px !important;
	min-width: 100% !important;
}

.main-padding {
	padding: var(--main-y-padding) var(--main-x-padding)
}

main {
	margin-top: 0px;
}

/* Header */
header {
	padding: 32px var(--main-x-padding) 0px;
}

.header-logo.header-logo {
	margin: 0px !important;
	text-align: var(--lang-alignment) !important;
	width: fit-content;
	position: relative;
	z-index: 0;
}

.top-nav {
	padding-right: 0px !important;
	padding-left: 0px !important;
	    padding-bottom: 16px;
}

@media (max-width:768px) {
	.top-nav {
		justify-content: space-between;
		gap: 10px;
	}

	.headline--large {
		text-wrap: wrap !important;
		line-height: 1.2;
	}

	.mega-menu-max_mega_menu_2-mobile-open .header-menus {
		position: fixed;
		background: var(--dark-green);
		width: 100%;
		margin: 0px;
		top: 0px;
		height: 100%;
		left: 0px;
		padding: 85px 20px 10px;
		flex-direction: column;
		display: flex;
	}

}

/* TEXT */
.text-center {
	text-align: center !important;
}

.dir-ltr {
	direction: ltr;
}

.m-0 {
	margin: 0;
}

.pt-0 {
	padding-top: 0px !important;
}

.m-auto {
	margin: auto !important;
}

.gap-6 {
	gap: 6px;
}

.mt-10 {
	margin-top: 10px !important;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

.t-center {
	text-align: center;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.position-relative {
	position: relative;
}

.push-right {
	margin-right: 20px;
}

.container:before,
.container:after,
.group:before,
.group:after {
	content: " ";
	display: table;
}

.container:after,
.group:after {
	clear: both;
}

.hide {
	display: none;
}

.border-bottom-grey {
	border-bottom: 1px solid #E1E2E1 !important;
}

.bg-green {
	background-color: var(--dark-green);
}

.bg-white {
	background-color: #fff;
}

.bg-image {
	background-size: cover;
}

.bg-blue {
	background-color: #02264c;
}

.our-val,
.business-card {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #06122a;
	max-width: 430px;
}
.our-val {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #06122a;
	max-width: 100%;
}

.our-val-img {
	padding: 2px;
	background-color: var(--dark-green);
	border-radius: 20px;
	border-bottom-right-radius: 0;
	height: 73px;
	min-width: 70px;
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}


.our-val-img img {
	width: 50px;
	height: 50px;
}

.our-val-info h2 {
	font-size: 22px;
	font-weight: 700;
}

.our-val-info p {
	font-size: 16px !important;
	margin-top: 3px !important;
	margin-bottom: 0;
}

.our-values-sec {
	display: flex;
	align-items: flex-start;
	gap: 9vw;
}

.our-val {
	padding: 10px;
	border-radius: 20px;
	border-bottom-right-radius: 0;
	margin-bottom: 3%;
}


.our-val.active {
	background-color: #EAEAEA;
}

.our-values-info {
	flex: 1;
	column-count: 2;
	column-gap: 30px;
}

.our-values-image {
	margin-top: 0%;
	width: 27%;
	height: 25vw;
	border-bottom-left-radius: 35%;
	overflow: hidden;
	margin-right: -5.58%;
}

html[lang="ar"] .our-val,
html[lang="ar"] .our-val-img {
	border-radius: 20px 20px 20px 0px;
}

html[lang="ar"] .our-values-image {
	border-bottom-right-radius: 35%;
	border-bottom-left-radius: 0;
	margin-left: -5.58%;
}

.ovs-img {
	height: 100%;
}

.our-values-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
/* 	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; */
		-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

}

.our-opr {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #fff;
}

.our-opr-img img {
	width: 100px;
}

.our-opr-info b {
	font-size: var(--medium-text);
	font-weight: 600;
}

.our-opr-info b img {
	vertical-align: middle;
	margin-left: 10px;
}

.our-opr-info p {
	font-size: 18px;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 0;
}

.ssb-block {
	border: 1px solid #000;
	border-radius: 78.92px;
	border-bottom-right-radius: 0;
	padding: 40px 20px 20px;
	text-align: center;
	max-width: 320px;
	box-sizing: border-box;
	color: #fff;
}

.ssb-block h6 {
	font-size: 25px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ssb-block p {
	font-size: 16px;
}

.main-container-padding,
.awards-certificates,
.supply-chain,
.our-operation-content,
.our-values,
.operations-inner-section,
.footer-bg {
	padding: var(--main-y-padding) var(--main-x-padding) !important;
}

/* Footer */
.footer_menu li.mega-menu-item {
	display: block !important;
}

.footer_menu .max-mega-menu {
	display: flex;
	flex-direction: column;
}

.site-header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	top: 0;
	background-color: transparent;
	background-image: none !important;
	padding: 32px 5%;
}

.footer_menu,
.contact-us {
	gap: 0px;
}

.footer_menu ul,
.contact-us>div,
.footer-logos>div {
	margin-top: 7px !important;
}

.footer_menu a,
.footer_menu li {
	height: auto !important;
	line-height: 32px !important;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	background: transparent;
	padding: 0px;
}

.wp-block-search__button svg {
	height: var(--search-size);
	min-height: var(--search-size);
	min-width: var(--search-size);
	width: var(--search-size);

}

.wp-block-search__input:focus,
.wp-element-button:focus,
.wp-block-button__link:focus,
.wp-block-search.wp-block-search__button-only .wp-block-search__button:is(:hover, :focus) {
	outline-width: 0px !important;
	border-width: 0px !important;
}

.wp-block-search__button[aria-expanded="true"] svg {
	background: var(--dark-green);
	border-radius: 0px 9px 9px 0px;
}

html[lang=ar] .wp-block-search__button[aria-expanded="true"] svg,
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	border-radius: 9px 0px 0px 9px !important;
}

html[lang=ar] .wp-block-search.wp-block-search__button-only .wp-block-search__input {
	border-radius: 0px 9px 9px 0px !important;
}

.wp-block-polylang-language-switcher {
	list-style: none;
}

.wp-block-polylang-language-switcher a {
	text-decoration: none;
}

.wp-block-polylang-language-switcher img {
	display: none;
}

.wp-block-polylang-language-switcher a[lang="ar"]::after {
	content: "ع";
	color: white;
	font-family: Inter;
	font-size: 17px;
	font-weight: 400;
	line-height: 20.57px;
	text-align: var(--lang-alignment);
	border: 2px solid #fff;
	display: block;
	width: var(--language-icon-size);
	border-radius: 50%;
	height: var(--language-icon-size);
	display: flex;
	align-items: center;
	justify-content: center;
	    padding: 0px 1px 2px;

}

.wp-block-polylang-language-switcher a[lang="en-US"]::after {
	content: "En";
	color: white;
	font-family: Inter;
	font-size: 17px;
	font-weight: 400;
	line-height: 20.57px;
	text-align: var(--lang-alignment);
	border: 2px solid #fff;
	display: block;
	width: var(--language-icon-size);
	border-radius: 50%;
	height: var(--language-icon-size);
	display: flex;
	align-items: center;
	justify-content: center;
}




.footer-bg {
	background-position: center right;
	background-repeat: no-repeat;
}

.icon-btn {
	border: 1.5px solid #fff;
	border-radius: 9px;
}

.icon-btn a {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	    line-height: 19.36px;
	height: 38px;
}

.back-btn a {
	align-items: center;
	display: flex;
	gap: 10px;
	font-size: 18px;
	font-weight: 700;
}

.back-btn img {
	width: 38px !important;
}

.side-circles {
	position: fixed;
	right: 50px;
	display: flex;
	flex-direction: column;
	position: fixed;
	gap: 12px;
	z-index: 999;
	top: 50%;
}

.side-circle {
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	outline: 3px solid #d9d9d9;
	border-radius: 50%;
}

/* Buttons */
.btn {
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-size: 1.19rem;
	padding: 12px 24px;
	border: none;
	outline: none;
}

.btn--small {
	font-size: 0.88rem;
	padding: 7px 13px;
	font-weight: 300;
}

.btn--with-photo {
	padding-left: 40px;
	position: relative;
}

.btn--dark-blue {
	background-color: var(--deep-navy);
}

.btn--dark-blue:hover {
	background: linear-gradient(#02264c, #001c3b);
}

.btn--dark-orange {
	background-color: #f95738;
}

.btn--dark-orange:hover {
	background: linear-gradient(#f95738, #c62000);
}

.btn--green {
	background-color: var(--dark-green);
	color: white;
	border-color: white;
}

.btn--green:hover {
	background: linear-gradient(#1b9942, var(--dark-green));
}

.btn--yellow {
	background-color: #f4d35e;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
}

.btn--yellow:hover {
	background: linear-gradient(#f4d35e, #f0bb00);
}

.btn--beige {
	background-color: #faf0ca;
	color: #173f58;
}

.btn--beige:hover {
	background-color: #f4d35e;
}

.btn--gray {
	background-color: #222;
}

.btn--white {
	background-color: #fff;
	color: #173f58;
}

.btn--white:hover {
	background-color: #ddd;
}

.btn--large {
	font-size: 1.3rem;
	padding: 16px 34px;
	border-radius: 7px;
}

.btn--inactive {
	background-color: transparent;
	cursor: default;
	color: #333;
}

.border--white {
	border: 1px solid white;
}

.read-more-line {
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	width: 100%;
}

.read-more-line::after {
	content: '';
	display: block;
	height: 0.8px;
	width: 100%;
	min-width: 15px;
	background-color: #c8c4c4;
}

.read-more-line::before {
	content: '';
	display: block;
	height: 28px;
	width: 28px;
	border: 1px solid #c8c4c4;
	border-radius: 50%;
	order: 3;
	flex: 0 0 auto;
	margin-left: -15px;
}

html[lang=ar] .read-more-line::before {
	margin-right: -15px;
	margin-left: 0px;
}

.read-more-line .btn {
	padding: 10px;
	border-radius: 11px;
	color: #fff;
	min-width: 150px;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.78px;
}

.link-button a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 0px 0px 0px;
}

html[lang="en-US"] .link-button img:last-child {
	transform: rotate(180deg);
	margin: 0px 10px;
}

.headline {
	margin: 0;
	font-family: 'OpenSans', sans-serif;
	font-weight: 300;
}

.headline--large {
	margin: 0px !important;
	font-size: 48px;
	font-weight: 300;
	line-height: 1.5;
	text-wrap: nowrap;
}


.headline--large-medium {
	font-size: 5rem;
}

.headline--medium {
	font-size: 26px;
}


.slider-content-container .slider-info {
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
	    margin-top: 0px;
}

.slider-content-container  .slide-details {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
		    margin-top: 0px;

}

.headline--small-plus {
	font-family: "Roboto", sans-serif;
	font-size: 1.16px;
	font-weight: 400;
}

.headline--small {
	font-size: 16px;
	font-size: var(--main-p);
	font-weight: 600;
	line-height: 27.24px;
}

@media (min-width: 530px) {
	.headline--medium {
		font-size: 28px;
	}

	.headline--small {
		font-size: var(--main-p);
	}

	.p-top-large {
		padding-top: 3.5rem;
	}

	.p-bottom-large {
		padding-bottom: 3.5rem;
	}

	.btn--large {
		font-size: 1.9rem;
	}
}

.headline--smaller {
	font-size: 1.5rem;
}

.headline--tiny {
	font-family: "Roboto", sans-serif;
	font-size: 1.3875rem;
}

.text--white {
	color: #fff !important;
}

.text--darker-blue {
	color: #06122a;
}

.text--dark-blue {
	color: #021d54;
}

.text--black {
	color: #000;
}

.text--s {
	font-size: 18px;
	font-weight: 400;
	line-height: 24.51px;
}

.title-with-arrow {
	display: flex;
	gap: 7px;
}

.title-with-arrow::after {
	content: '';
	background-image: url(/images/right-arrows.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin-top: auto;
	margin-bottom: auto;
}

/* Header Component */
.wp-block-polylang-language-switcher {
	padding: 0px !important;
}

.nav-container {
	padding: 0px !important;
	margin-top: 0px !important;
}

/* Text Classes */
.text-small {
	color: #FFF;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	/* line-height: 41px; */
}

.footer-heading {
	font-size: 19px !important;
	font-style: normal !important;
	font-weight: 600 !important;
}

html[lang="ar"] .footer-heading {
	text-align: var(--lang-alignment) !important;
}

/* Utility Classes */
.gap-0 {
	gap: 0px;
}

.align-items-start {
	align-items: flex-start !important;
}

.dir-rtl {
	direction: rtl;
}


header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	top: 0;
	background-color: transparent;
	background-image: none !important;
}



html,
footer {
	margin-top: 0px !important;
}

@media (max-width: 768px) {

	.drop-reversed {
		width: 114px !important;
		height: 114px !important;
		right: 0px !important;
	}
}


/* Menus */
/* Header Menu */
.header-menu {
	color: #FFF;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}

.header-menu li:first-child {
	background-image: url("/wp-content/uploads/2024/06/house.png");
	background-repeat: no-repeat;
	background-size: 19px 18px;
	width: 19px;
	height: 18px;
}

.header-menu li:first-child a {
	visibility: hidden
}

.nav-container li:last-child .mega-sub-menu {
	right: 0 !important;
}

.nav-container span.mega-indicator:after {
	transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

/* .nav-container a.mega-menu-link:hover>span.mega-indicator:after {
	transform: rotate(180deg) !important;
} */
.mega-toggle-on span.mega-indicator:after {
	transform: rotate(180deg) !important;
}



html[lang=ar] .nav-container li:last-child .mega-sub-menu {
	left: 0 !important;
	right: auto !important;
}

#mega-menu-wrap-max_mega_menu_2,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
	background: transparent;

}

header .mega-sub-menu a.mega-menu-link {
	line-height: 1 !important;
	padding: 10px 0px !important;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item>a.mega-menu-link:focus {
	background: transparent;
}

.mega-menu-link:is(:hover, :focus) , .mega-menu-link{
	border-radius: 0px !important;
}

html[lang="ar"] .mega-menu-link {
	text-align: right !important;
}

.hamburger-menu:hover {
	cursor: pointer;
}

ul.mega-sub-menu {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* Show the menus when open class is added */
@media (max-width: 1024px) {
	/* Hamberger Menu */

	/* Hide the original menus on mobile */
	.header-menus:not(.open),
	.nav-container:not(.open) {
		display: none;
	}

	/* Show the hamburger menu button */
	.hamburger-menu {
		display: block;
		position: absolute;
		top: 62px;
		right: 15px;
		z-index: 1000;
	}

	html[lang=ar] .hamburger-menu {
		left: 15px;
		right: auto;
	}

	/* Style for the hamburger icon */
	.hamburger-menu .bar {
		display: block;
		width: 25px;
		height: 3px;
		margin: 4px auto;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background-color: #fff;
	}

	.dark-header .hamburger-menu .bar {
		background-color: #000;
	}

	.hamburger-menu.open .bar {
		background-color: white !important;
	}

	.nav-container.open {
		padding: 0px;
	}

	.header-menus .mega-menu {
		display: flex !important;
		flex-direction: column;
	}

	.header-menus #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
		position: static !important;
		padding-top: 0px !important;
	}

	.header-menus .mega-menu .mega-menu-link:first-child img {
		display: none;
	}

	.header-menus .mega-menu>.mega-menu-item:first-child .mega-menu-link::before {
		content: "HOME";
		line-height: 40px;
		height: 40px;
		padding: 0px 10px 0px 10px !important;
		padding-left: 0px !important;
		width: auto;
		display: block;
		color: #ffffff;
		text-transform: none;
		text-decoration: none;
		text-align: var(--lang-alignment);
		border: 0;
		border-radius: 0;
		font-family: inherit;
		font-size: 14px;
		font-weight: normal;
		outline: none;
font-family: 'Open_Sans', sans-serif !important;
	}

	html[lang="ar"] .header-menus .mega-menu>.mega-menu-item:first-child .mega-menu-link::before {
		content: "الصفحة الرئيسية";
		padding: 0px !important;
		margin: 0px !important;
    font-family: Tajawal, sans-serif !important;
	}

	.wp-block-search__button {
		display: flex;
		align-items: center;
	}

	header .wp-block-search__button:after {
		content: "Search";
		line-height: 40px;
		height: 40px;
		padding: 0px 10px 0px 10px !important;
		padding-left: 0px !important;
		width: auto;
		display: block;
		color: #ffffff;
		text-transform: none;
		text-decoration: none;
		text-align: var(--lang-alignment);
		border: 0;
		border-radius: 0;
		font-family: inherit;
		font-size: 14px;
		font-weight: normal;
		outline: none;
	}

	html[lang="ar"] header .wp-block-search__button:after {
		content: "بحث";
	}

	.header-menus.open {
		--top-value: 0;
		padding: 90px 20px 20px;
		display: block;
		position: absolute;
		top: var(--top-value);
		right: 0;
		width: 100% !important;
		z-index: 999;
		background-color: var(--deep-navy);
		z-index: 999;
		color: black;
		height: 100vh;
		min-height: max(1000px, 100vh);
	}

	/* Ensure the menu items are displayed vertically */
	.header-menus.open .wp-block-group,
	.nav-container.open .mega-menu-wrap {
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0px;
	}

	.header-menus.open .wp-block-group {
		align-items: center;
	}

	.header-menus.open .wp-block-buttons,
	.nav-container.open .mega-menu-item {
		display: block;
		margin: 5px 0;
	}

	/* Transform the hamburger bars into an "X" when the menu is open */
	.hamburger-menu.open .bar:nth-child(1) {
		transform: rotate(45deg) translate(5px, 4px);
	}

	.hamburger-menu.open .bar:nth-child(2) {
		opacity: 0;
	}

	.hamburger-menu.open .bar:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	}

	/* Animation */
	.header-menus {
		transform: translateX(100%);
	}

	@keyframes slideIn {
		from {
			transform: translateX(100%);
		}

		to {
			transform: translateX(0);
		}
	}

	@keyframes slideOut {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(100%);
		}
	}

	.header-menus.open {
		animation: slideIn 0.5s forwards;
		transform: translateX(0);
	}

	.header-menus.closing {
		animation: slideOut 0.5s forwards;
		transform: translateX(100%);
	}

	html[lang="ar"] .header-menus {
		transform: translateX(-100%);
	}

	@keyframes slideInReversed {
		from {
			transform: translateX(-100%);
		}

		to {
			transform: translateX(0);
		}
	}

	@keyframes slideOutReversed {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(-100%);
		}
	}

	html[lang="ar"] .header-menus.open {
		animation: slideInReversed 0.5s forwards;
		transform: translateX(0);
	}

	html[lang="ar"] .header-menus.closing {
		animation: slideOutReversed 0.5s forwards;
		transform: translateX(-100%);
	}
 .dropdown-menu .user-info p,  .dropdown-menu .user-info h5 {
    color: white !important;}
.arrow-icon {
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important; 
}


}

/* Inner Pages Menu */
.inner-page-menu-container .mega-menu-wrap {
	transition: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 0;
    bottom: auto;
    box-sizing: border-box;
    clip: auto;
    color: white;
    display: block;
    float: none;
    font-family: inherit;
    font-size: 14px;
    height: auto;
    left: auto;
    line-height: 1.7;
    list-style-type: none;
    margin: 0;
    min-height: auto;
    max-height: none;
    min-width: auto;
    max-width: none;
    opacity: 1;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    pointer-events: auto;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    transform: none;
    top: auto;
    vertical-align: baseline;
    visibility: inherit;
    width: auto;
    word-wrap: break-word;
    white-space: normal;
	border-radius: 0px 0px 0px 50px !important;
	min-width: min(1021px, 100%) !important;
	background:#02264c;
}



.inner-page-menu-container .mega-menu-wrap ul {
	width: fit-content !important;
	margin-left: auto !important;
	padding: 0px 70px !important;
}
.inner-page-menu-container .mega-menu-wrap li{
	    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}
.inner-page-menu-container .mega-menu-wrap li a{
	line-height: 76px;
    height: 76px;
    padding: 0px 10px 0px 10px;
    vertical-align: baseline;
    width: auto;
    display: block;
	border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 18px;
	background: rgba(0, 0, 0, 0);
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}

html[lang="ar"] .inner-page-menu-container .mega-menu-wrap {
	border-radius: 0px 0px 50px 0px !important;
}

html[lang="ar"] .inner-page-menu-container .mega-menu-wrap ul {
	margin-right: auto !important;
	margin-left: 0px !important;
}

.inner-page-menu-container .current-menu-item {
	text-decoration: underline !important;
	text-decoration-thickness: 4px !important;
	text-underline-offset: 6px !important;
	text-decoration-color: #fff !important
}

html[lang=ar] .inner-page-menu-container .current-menu-item {
	text-decoration-thickness: 3px !important;
	text-underline-offset: 10px !important;
}

/* Side Controller */
.scroll-to-div-wrap,
.home-scroll-block {
	position: fixed;
	right: 30px;
	width: auto;
	top: 50%;
	transform: translateY(-50%);
	z-index: 90;
}

.scroll-to-div-wrap ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* 
@keyframes pulse {
	0% {
		outline: 3px solid var(--gray-light);

		outline-width: 1px;
		outline-color: var(--gray-light);
		opacity: 1;
	}


	100% {
		outline: 3px solid rgba(217, 217, 217, 0.5);
		outline-width: 4px;
		outline-color: rgba(217, 217, 217, 0.5)
	}
} */

/* .scroll-to-div-wrap ul li em {
	display: block;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	outline: 3px solid var(--gray-light);
	animation: pulse 1s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

 */

.scroll-to-div-wrap ul li:nth-child(odd) em {
	background-color: var(--deep-navy);
}

.scroll-to-div-wrap ul li:nth-child(even) em {
	background-color: var(--gray-color);
}

.scroll-to-div-wrap ul li {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.scroll-to-div-wrap ul li+li {
	margin-top: 6px;
}

.scroll-to-div-wrap ul li span {
	min-width: fit-content;
	text-wrap: nowrap;
	position: absolute;
	right: calc(100% + 15px);
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #fff;
	padding: 8px 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	display: inline-block;
	line-height: 1.15;
	border-radius: 14px 14px 0px 14px;
	background: var(--deep-blue);
	z-index: 999;
}

html[html="ar"] .scroll-to-div-wrap ul li span {
	border-radius: 14px 14px 14px 0px;
}



.scroll-to-div-wrap ul li:hover span {
	opacity: 1;
	visibility: visible;
}

html[lang="ar"] .scroll-to-div-wrap,
.home-scroll-block {
	left: 30px;
	right: auto;
}

html[lang="ar"] .scroll-to-div-wrap ul li span {
	left: calc(100% + 15px);
	right: unset;
	border-radius: 14px 14px 14px 0px;
}

/* Animation */
.scroll-to-div-wrap ul li {
	cursor: pointer;
	transition: transform 300ms ease-out;
}

.scroll-to-div-wrap ul li.animated {
	transform: scale(1.05);
}


/* Home Page Sections */

/* Our Operations */
.operation-transparent-bg {
	background: rgba(4, 17, 35, 0.65);
	margin-left: 30%;
	position: relative;
	padding: var(--main-y-padding) var(--main-x-padding);
	padding-top: 0px;
}

html [lang=ar] .operation-transparent-bg {
	margin-left: 0%;
	margin-right: 30%;
}

.operation-transparent-bg>h2 {
	padding-top: var(--main-y-padding)
}

.operation-card-img {
	min-width: 107px;
}

#background-title {
	position: absolute;

}

#background-title h2 {
	color: rgba(255, 255, 255, 0.12) !important;
	font-size: 8vw !important;
	font-weight: 800;
	text-wrap: nowrap;
	line-height: 1;
	margin-left: calc(var(--main-x-padding)* -1);
	user-select: none
}

/* Sustainability */
.sustainability-transparent-bg {
	background: rgba(2, 38, 76, 0.8);
		border-radius: 255px 0px 0px 0px;

	margin-left: 30%;
}

html[lang="ar"] .sustainability-transparent-bg {
		border-radius: 0px 255px 0px 0px;

	margin-right: 30%;
	margin-left: 0px;
}

@media (max-width: 1024px) {
	.sustainability-transparent-bg {
		border-radius: 0px 0px 0px 0px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: var(--main-y-padding) var(--main-x-padding) !important;
	}
}

.sustainability-card {
	border-radius: 78.917px 78.917px 0px 78.917px;
	border: 1px solid rgba(255, 255, 255, 0.50);
	max-width: min(100%, 310px);
	height: 460px;
	padding: 28px 20px !important;
	justify-content: space-between;
	flex-wrap: nowrap;
}

html [lang=ar] .sustainability-card {
	border-radius: 78.917px 78.917px 78.917px 0px;
}

.sustainability-card h2 {
	font-size: 25px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: center !important;
}

.sustainability-card p {
	font-size: 16px !important;
	text-align: center !important;
}

.sustainability-card>div>figure>img {
	width: 65px !important;
}

.sustainability-transparent-bg .read-more-line {
	order: 4;
	position: relative !important;
	bottom: 57px;
	top: -89px !important;
	width: fit-content;
	right: auto;
	left: 15px;
	z-index: 999;
	flex: 1;
	padding-right: 35px;
}

.award_details .read_more {
	margin-top: 20px;
}


.inner-content-container {
	padding: 20px var(--main-x-padding) 85px !important;
	background: white;
}

.inner-content-container.equal-padding,
.equal-padding {
	padding: 20px var(--main-x-padding) !important;
}

.inner-main-header {
	padding: 0px var(--main-x-padding) 15px;
	margin-top: 0px;
	background-color: #F6F9F6 !important;
}


.section-heading {
	font-size: var(--section-main-heading-size) !important;
}

.inner-main-header h2 {
	font-size: var(--section-main-heading-size);
	font-weight: 600;
	line-height: 86px;
	color: #021D54;
  margin: 0px;

}

.inner-section-header {
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	width: 100%;
}

.inner-section-header h1 {
	font-size: var(--medium-text);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-wrap: nowrap;
}

.inner-section-header::before {
	content: "";
	display: block;
	height: 28px;
	width: 28px;
	border: 1px solid #C8C4C4;
	border-radius: 50%;
	order: 3;
	flex: 0 0 auto;
	margin-left: -15px;
}

.line-only.inner-section-header::before {
	display: none;
}

html[lang="ar"] .inner-section-header::before {
	margin-right: -15px;
	margin-left: 0px;
}

.inner-section-header::after {
	content: "";
	display: block;
	height: 0.8px;
	width: 100%;
	min-width: 15px;
	background-color: #C8C4C4;
}


/* Page No Image - Dark Template */
.pages-no-image {
	position: static;
	background-color: #F3F3F3 !important;
}

.dark-header .mega-sub-menu a {
	color: #fff !important;
}

@media (min-width:1025px) {

	.dark-header .mega-menu-link,
	.dark-header .icon-btn a {
		color: black !important;
	}

	.dark-header .wp-block-polylang-language-switcher a[lang="ar"]::after,
	.dark-header .wp-block-polylang-language-switcher a[lang="en-US"]::after {
		color: black !important;
		border: 2px solid black;
	}

	.dark-header .mega-menu-link img,
	.dark-header .icon-btn img,
	.dark-header .wp-block-search__button svg {
		filter: invert(100%);
	}

	.dark-header li.mega-menu-item>a.mega-menu-link,
	.dark-header li.mega-menu-item>a.mega-menu-link:hover {
		font-weight: 600 !important;
	}

	.dark-header .icon-btn {
		border: 1.5px solid black;
	}

	main .wp-block-search__inside-wrapper {
		width: 50% !important;
	}
}




.wp-block-search__button[aria-expanded="true"] svg {
	filter: unset !important;
}


.pages-no-images-content {
	margin-top: 0px;
}

.pages-no-images-content .inner-page-heading {
	background-color: white !important;
}

.secondary-btn a {
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 15px;
}

.inner-cover-image img {
	width: 100%;
	object-fit: cover;
	    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
	    height: 655px !important;

}

/* Overlay */
.wp-block-group.inner-cover-image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: 0.5;
	height: 400px;
	background: linear-gradient(2deg, rgba(0, 0, 0, 0.00) 35.07%, rgba(6, 18, 42, 0.57) 92.5%);
	pointer-events: none;
}



.inner-cover-image .wp-block-image {
	position: relative;
	z-index: 0;
}

.header-logo::before {
	content: "";
	position: absolute;
	z-index: -19;
	border-radius: 1650.27px;
/* 	background: radial-gradient(37.99% 36.81% at 40.03% 49.97%, #FFF 13.37%, rgba(255, 255, 255, 0.50) 46.91%, rgba(255, 255, 255, 0.00) 86.99%);
	width: 400%;
	height: 400%; */
	top: -152%;
	left: -100%;
	opacity: 0.8;
	width: 1650.27px;
	height: 1271px;
  height: 1159px;
	top: -536px;
	left: -479.64px;
	background: radial-gradient(30.14% 32.92% at 40.03% 49.97%, #FFFFFF 13.37%, rgba(255, 255, 255, 0.496644) 46.91%, rgba(255, 255, 255, 0) 86.99%); pointer-events: none; 
}
.header-logo {
    position: relative;
    z-index: 1; 
}



.inner-content-container p,
.page p {
	color: #181818;
	font-size: var(--main-p);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* Text Image Cards */
.card-containers {
	gap: 50px;
	padding-top: 35px !important;
}

.image-text-card {
	padding: 60px 80px;
	gap: 43px;
	align-items: flex-start;
}

.image-text-card-image>figure {
	width: 377px;
	height: 354px;
}

.image-text-card-text {
	flex-direction: column;
	align-items: flex-start;
}

.white-with-borders {
	border-radius: 90px 90px 0px 90px;
	border: 1px solid #9E9E9E;
	background: #FFF;
}

.white-with-borders figure {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 0px 10px;
}

.image-text-card-image img {
	object-fit: cover;
}

html[lang="ar"] .image-text-card {
	border-radius: 90px 90px 0px 90px !important;
}

html[lang="ar"] .image-text-card-image,
html[lang="ar"] .image-text-card-image img {
	border-radius: 0px 90px 90px 90px !important;
}


html[lang="ar"] .image-text-card.right-card img {
	border-radius: 90px 0px 90px 90px !important;
}

.white-with-borders img {
	border-radius: 0px !important
}

.step-number {
	font-size: 90px !important;
}

.step-description {
	font-size: var(--medium-text);
}

.steps-cards {
	justify-content: space-between;
	gap: 50px;
}

.steps-card {
	padding: 60px 40px;
	width: 30%;
	gap: 40px;
	height: 225px;
}

.steps-card p{
    font-size: 24px;}
html[lang="ar"] .steps-card {
	border-radius: 90px 90px 0px 90px !important;
}

.centered-title {
	width: 50%;
	margin-bottom: 1.2rem !important;
	text-align: center !important;
}







.location-card {
	justify-content: space-between;
	align-items: flex-start;
	padding: 70px;
	border-radius: var(--main-border-radius) !important;
	width: 100%;
	gap: 50px;
}

.location-card-img {
	width: var(--side-img-large);
	height: 888px;
}

.location-map iframe {
	height: 327px
}

.location-card-img img {
	border-radius: var(--top-main-border-radius);
	object-fit: cover;
}

.location-map iframe,
.location-map {
	width: 100%;
}

.location-info .border-bottom img {
	width: var(--search-size);
	height: var(--search-size);
filter:unset;
}

.location-info .border-bottom {
	border-bottom: 1px solid rgba(132, 132, 132, 0.60);
	padding-bottom: 10px;
	width: 100%;
	gap: 30px;
	align-items: center !important;
}

.location-info .border-bottom:last-child {
	border-bottom: none;
}

.tender-cards,
.business-cards {
	--shift-value: 35px;
	padding-left: var(--shift-value);
	display: grid !important;
	grid-column-gap: 60px;
	grid-row-gap: 40px;
	grid-template-columns: repeat(2, 1fr);
	justify-items: center;
	align-items: center;
	width: 100%;
	margin: 40px auto 70px !important;
}

html[lang=ar] .tender-cards,
html[lang=ar] .business-cards {
	padding-right: var(--shift-value);
	padding-left: 0px;
}

.business-cards {
	grid-template-columns: repeat(3, 1fr);
	padding-left: 0px;
}

.tender-card {
	border-radius: var(--secondary-border-radius);
	padding: 20px 30px 20px 0px;
	width: min(450px, 100%);
	height: 150px;
}



.tender-card p,
.business-card p {
	font-size: 18px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}



html[lang="ar"] .tender-card:nth-child(odd),
html[lang="ar"] .business-card:nth-child(odd),
.tender-card:nth-child(even),
.business-card:nth-child(even) {
	margin-right: auto;
	margin-left: 0px;
}

html[lang="ar"] .tender-card:nth-child(even),
html[lang="ar"] .business-card:nth-child(even),
.tender-card:nth-child(odd),
.business-card:nth-child(odd) {
	margin-left: auto;
	margin-right: 0px;
}


.tender-card-img {
	margin-left: calc(var(--shift-value) * -1);
	margin-right: 20px;
	padding: 15px;
}

html[lang="ar"] .tender-card {
	padding: 20px 0px 20px 30px;
	margin: auto;
}

html[lang="ar"] .tender-card-img {
	margin-right: calc(var(--shift-value) * -1);
	margin-left: 20px;
}

.green-link a {
	color: var(--dark-green);
	text-decoration: none;
}


.limit-lines-3 {
	width: 30%;
}


.historical-review-parent:hover {
	margin-top: 0px;
}

.historical-review::after {
	content: '';
	position: absolute;
	bottom: 83px;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: dashed var(--dark-green);
}

.historical-review-parent {
	max-width: min(376px, 100%);
}

.historical-calender-icon img {
	--calender-size: 60px;
	position: absolute;
	bottom: -30px;
	left: calc(50% - 15px);
	transform: translateX(-50%);
	width: var(--calender-size);
	height: var(--calender-size);
	object-fit: contain;
	margin-top: 0px !important;
	padding: 0px 15px;
}


.historical-review-img img {
	border-radius: 35px 35px 0px 0px;
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.historical-review-card .card-info {
	font-size: 16px;
}

.historical-review-card .card-year {
	font-size: 35px;
}

.historical-review-card .historical-review-img {
	position: relative;
}

.historical-review-card .historical-review-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 12.31%, rgba(255, 255, 255, 0.22) 31.62%, #FFF 103.36%);
	border-radius: 35px 35px 0px 0px;
	pointer-events: none;
	z-index: 2;
}

.historical-review-body {
	position: relative;
	z-index: 1;
	margin: 0px !important;
	padding: 0px 20px !important;
}



























.bordered-image img {
	border-radius: var(--top-main-border-radius);
	border: 1px solid #D9D9D9;
	border-bottom: 0px;
	width: 100% !important;
	min-width: var(--side-img-large);
}

.bordered-image {
	box-shadow: 68px 88px 0px 0px #02264C;
	border-radius: 0px 0px 0px 90px;
	background:
		linear-gradient(to bottom right, rgba(2, 38, 76, 0) 50%, rgba(2, 38, 76, 0) 72.1%, #02264C 50.1%) !important;
}

html[lang="ar"] .bordered-image {
	box-shadow: -68px 88px 0px 0px #02264C;
	background:
		linear-gradient(to bottom left, rgba(2, 38, 76, 0) 50%, rgba(2, 38, 76, 0) 72.1%, #02264C 50.1%) !important;
	border-radius: 0px 0px 90px 0px;
}

.message-container {
	padding-top: 10px !important;
	gap: 70px;
}

.message-content p {
	margin-top: 13px !important;
}

.vision-transparent-bg {
	border-radius: 255px 0px 0px 0px;
	background: rgba(2, 38, 76, 0.8);
	margin-left: 36% !important;
	padding: 150px !important;
}
.vision-transparent-bg h2{
    font-weight: 600;
    line-height: 52px;
}
.vision-transparent-bg p{
font-weight: 400;
    font-size: 26px;
    line-height: 38px;}

html[lang="ar"].vision-transparent-bg {
	border-radius: 0px 255px 0px 0px;
	margin-right: 30% !important;
}

.vertical-separator {
	transform: rotate(90deg);
	height: 1px !important;
	width: 50% !important;
}

.business-card {
	width: 100%;
	height: 110px;
	border-radius: var(--small-cards-radius);
	background: #F2F2F2;
	border: 1px solid #B7B6B6
}

.business-card-info a {
	font-size: 16px;
}

/* Site Map Menu */

.sitemap a {
	color: #000 !important;
}

.sitemap .mega-menu>.mega-menu-item>.mega-menu-link {
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 32.68px;
	border: 1px solid #B7B6B6 !important;
	background: #F6F9F6 !important;
	width: 200px !important;
	height: 85px !important;
	border-radius: var(--small-cards-radius) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

}

.sitemap .mega-menu-item:first-child {
	display: none !important;
}


.sitemap .mega-menu {
	--arrow-size: 43px;
	--item-width: 200px;
	--item-height: 66px;
	display: flex !important;
	gap: 30px;

}

.sitemap .mega-indicator {
	display: none !important;
}

.sitemap li.mega-menu-item {
	width: var(--item-width) !important;
}

.sitemap li.mega-menu-item>ul.mega-sub-menu {
	display: flex !important;
	gap: var(--arrow-size);
	visibility: visible !important;
	flex-direction: column;
	background: transparent !important;
	padding: 0px !important;
	margin: var(--arrow-size) 0px !important;
	position: static !important;
}

.sitemap ul.mega-sub-menu li.mega-menu-item {
	border: 1px solid #B7B6B6 !important;
	width: var(--item-width) !important;
	height: var(--item-height) !important;
	border-radius: 10px 34px 0px 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.sitemap ul.mega-sub-menu li.mega-menu-item a {
	line-height: 1 !important;
	height: var(--item-height) !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

html[lang=ar] .sitemap ul.mega-sub-menu li.mega-menu-item {
	border-radius: 34px 10px 10px 0px !important;
}

.sitemap ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-size: 16px !important;
	font-weight: 400 !important;
	background: transparent !important;
	text-align: center !important;
	width: var(--item-width) !important;
}


.sitemap .mega-sub-menu .mega-menu-link {
	position: relative;
	padding-left: 20px;
}

.sitemap .mega-sub-menu .mega-menu-link::before {
	content: url(https://medevword.com/wp-content/uploads/2024/07/Arrow-icon.png);
	position: absolute !important;
	left: 50%;
	top: -41px !important;
	transform: translateX(-50%);
	margin: 0px !important;
	height: var(--arrow-size) !important;
}



.board_section {
	width: 100%;
}





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


	.business-cards {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 0;
gap:25px;
	}

	.business-card,
	.tender-card {
		margin: auto !important;
	}

	.our-val {
		width: 45%;
	}

	.sitemap .mega-menu {
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}


.mobile-gif{display:none !important}


/* Mobile View */
@media (max-width: 768px) {
	.back-btn a{    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;}
	.header-with-btn{flex-direction: column-reverse;
    align-items: flex-start !important;
    gap: 10px;}
	.news_gallery{flex-wrap:wrap}
	    .news_box {
        margin: 0px !important;
			padding: 30px 25px 10px 25px !important;
    }
	.news_img img {
		width: 100% !important;
	  }
	.news_img {
    min-width: 100%;
		height: auto !important;
		max-height:400px;}
.dropdown-menu.show{
	width: 90vw !important;
        right: 0px;
        left: 0px;}
	:root {
		--section-main-heading-size: 38px;
		    --side-img-large: 100% !important;
	}

.mobile-gif{display:block !important}
.desktop-gif{display:none !important} 

	.steps-card {
		padding: 70px 40px;
		width: 100%;
		gap: 10px;
	}

	.centered-title {
		width: 100%;
	}

	.tender-cards,
	.business-cards {
		grid-template-columns: 1fr;
		grid-column-gap: 0;
gap:20px;
	}

	.limit-lines-3 {
		width: 100%;
	}

	.scroll-to-div-wrap,
	.home-scroll-block {
		right: 10px;
	}

	html[lang="ar"] .scroll-to-div-wrap,
	.home-scroll-block {
		left: 10px;
		right: auto;
	}

	.our-val,
	.business-card {
		width: 100%;
	}

	.copy-right {
		flex-direction: column;
		text-align: center;
	}

	.copy-right p {
		text-align: center !important;

	}

	.operations_image {
		width: 400px !important;
	}

	.operations_content h5 span {
		width: 50px;
	}

	.sustainability-transparent-bg .read-more-line {
		top: -84px !important;
	}



	.header-logo::before {
		top: -213px;
		right: -175%;
		height: 500px;
	}

	html[lang=ar] .header-logo::before {
		left: -86%;
		right: auto;
	}

	.main-slider .slider-content-container {
		padding: 50px !important;
	}

	.main-slider .slider-content-container h2 {
		line-height: 1;
	}

	.operations_title::before,
	.operations_title::after,
	.inner-section-header::before,
	.inner-section-header::after {
		display: none !important;
	}

	.sitemap .mega-menu {
		flex-direction: column;
		align-items: center;
	}

	.media-gallery a,
	.video-gallery .video-block {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding: 0px !important;
	}

	.photo-box,
	.video-box {
		display: block !important;
		width: min(440px, 100%);
	}

	.award_header {
		flex-direction: column-reverse !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		gap: 20px;
	}

	.awards_box {
		padding: 30px 20px !important;
	}

	.news_container {
		grid-template-columns: 1fr !important;
		gap: 20px 30px !important;
	}

	.awards-card {
		width: 100%;
	}

	.operations_list {
		flex-direction: column;
	}

	.operations_image {
		justify-content: flex-start;
		width: 100%;
	}
	.inner-cover-image img {
    height: 350px !important;
}
	.location-card-img {
    height: auto;
}
	    .location-card {
        padding: 25px;
    }

}

/* End of Mobile View */

/* Mobile and Tablet Combined */
@media (max-width: 1024px) {
	
	.member_section{width:100%;}
	.steps-card {
    width: 100%;
		height:auto;
}
	.form-container {flex-direction:column;        gap: 30px !important;
}
	.contact-form{width:100% !important}
	.form-img {margin:auto !important}
	.form-container .frm_submit{text-align:center;}
	.frm6, .frm_half, .frm_form_field.frm_three_fifths, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half {
    grid-column: span 12 / span 12;
}
.frm_combo_inputs_container > *, .frm_grid_container > *, .frm_section_heading > *, .frm_fields_container .frm_form_field, .frm_fields_container > * {
    grid-column: span 12 / span 12;
}
	
.our-operations .read-more-line {
    margin-top: 45px;
}
	.business-card,
	.tender-card {
		margin: auto !important;
	}

	.our-values-sec {
		display: flex !important;
		flex-direction: column;
		gap: 30px;
	}

	.our-values-image {
		margin-top: 0%;
		width: 100%;
		height: auto;
		border-bottom-left-radius: 0;
		border-radius: 0px;
		overflow: visible;
		margin: 0px !important;
	}

	.our-values-image img {
		border-radius: 20px;
		height: 500px;
	}

	.our-values-info {
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.operation-transparent-bg {
		margin: 0px !important
	}

	.vision-transparent-bg {
		margin: 0px !important;
		border-radius: 0 0px 0px 0px;
		padding: 30px !important;
		flex-direction: column;
		width: 100%;
	}

	.vertical-separator {
		transform: rotate(0deg);
		width: 100% !important;
	}

	.inner-page-menu-container li>a {
		height: auto !important;
		padding: 20px !important;
		line-height: 1 !important;
	}

	.inner-page-menu-container .mega-menu-wrap {
		display: flex !important;
		width: 100% !important;
	}

	.inner-page-menu-container ul.mega-menu {
		display: flex !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	  .inner-page-menu-container.mega-menu-wrap {
        overflow-x: auto;
        white-space: nowrap; 
        -webkit-overflow-scrolling: touch; 
    }

    .inner-page-menu-container.mega-menu-wrap ul.menu {
        display: inline-flex; 
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .inner-page-menu-container.mega-menu-wrap ul.menu li {
        flex-shrink: 0; 
    }

    .inner-page-menu-container.mega-menu-wrap ul.menu li a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: inherit;
        white-space: nowrap; 
    }

	.inner-page-menu-container a {
		width: max-content !important;
	}
	.header-logo.header-logo {
    padding: 20px 0px;
}

	.form-img img {
            height: auto !important;
        width: 100% !important;
}
	.message-container {
		flex-direction: column-reverse;
	}

	.bordered-image {
		margin: auto !important;
		margin-bottom: 50px !important;
	}

	.member_card {
		width: min(800px, 100%) !important;
		gap: 30px;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.operations_box,
	.image-text-card {
		flex-direction: column !important;
		padding: 35px 25px !important;
		gap: 20px !important;
		width: 100%;
	}
	.inner-section-header::after,.operations_title::after  {
    flex: 1;
width:auto;
}

	.operations_slide .slide>img,
	.operations_details,
	.image-text-card-text,
	.image-text-card-image>figure {
		width: 100%;
		height:auto;
		        min-height: 300px;
	}
	.image-text-card-image{margin:auto !important;}

	/* 
	.image-text-card-image>figure {
		height: auto;
	} */

	.operations_slide {
		max-width: 100%;
	}

	.operations_title h2,
	.inner-section-header h1 {
		text-wrap: wrap !important;
		margin:0px !important;
	}

	.tender-card {
		width: 100%;
	}

	.table_bids {
		display: block !important;
		overflow-x: scroll;
	}

	.location-card {
		flex-direction: column;
		padding: 40px;
		gap: 30px;
	}

	.location-info {
		width: 100%;
	}

	.location-info>div {
		width: 100% !important;
		flex-direction: column;
		align-items: center !important;
	}

	.location-info>div>div {
		width: 100% !important;
		flex-direction: column;
	}

	.location-info p {
		text-align: center !important;
		margin: auto;
	}

	.business-cards {
		padding: 0px !important;
	}

	.sitemap {
		width: 100%;
	}

	.inner-cover-image .wp-block-image {
		height: 400px;
	}

	.inner-cover-image img {
		height: 100%;
	}

	.member_section .photo_container {
		width: 100% !important;
	}

	.member_card img {
		width: 100% !important;
	}

	.member_card {
		height: auto !important;
	}

	.operations_slide {
		min-width: 100% !important;
		max-width: 100% !important;
	}

	.news_box {
		height: auto !important;
	}

}




/* Login Pages */
.user-info p {
	color: white;
}

/* Slider */
.main-slider .swiper-slide-active::after {
	opacity: 1 !important;
	height: 400px;
	background: linear-gradient(2deg, rgba(0, 0, 0, 0.00) 35.07%, rgba(6, 18, 42, 0.57) 92.5%);
}

.swiper-button-lock.swiper-button-lock.swiper-button-lock {
	display: none !important;
}

.historical-review .swiper-button-next.swiper-button-disabled,
.historical-review .swiper-button-prev.swiper-button-disabled {
	display: block !important;
	visibility: visible !important;
}


.Standards h2,
.Awards h2 {
	margin-bottom: 35px;
}

.Standards .readmore_section,
.Awards .readmore_section {
	margin-top: 40px;
}

.card-containers>.operations_box,
.card-containers>.image-text-card {
	background: #F2F2F2 !important;
}

.card-containers>div:nth-child(even),
.card-containers>.image-text-card:nth-child(even) {
	background: #F6F9F6 !important;
}

.header-with-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
    background-color: white !important;
}

/* Form */
.form-container {
	align-items: flex-start;
	justify-content: space-between;
	gap: 70px;
}

.form-img img {
	border-radius: var(--top-main-border-radius);
	width: var(--side-img-large);
	height: 615px;
}

.download_link {
	color: var(--dark-green);
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-decoration-line: underline;
	text-wrap: nowrap;
	display: flex;
	align-items: center;
	gap: 10px;
}

.download_link:hover {
	text-decoration: underline;
}

.download_link:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/08/download_icon.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.table_bids td,
.table_bids th {
	text-align: center;
}

.page-numbers:not(.next):not(.prev), .pagination_wrap .page {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 400;
	width: 53px;
	height: 52px;
	border-radius: 30px;
	border: 1px solid #C7C7C7;
}
.pagination_wrap .page{
	width: 40px;
	height: 40px;
}

.page-numbers.current {
	background: #F5F5F5;
}

.pagination ,.pagination_wrap .page-list{
	display: flex;
	align-items: center;
justify-content:center;
	gap: 15px;
	margin-top: 40px;
}

.pagination a {
	text-decoration: none;
}

.pagination .next,
.pagination .prev {
	display: none
}

.contact-form label {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contact-form {
	flex: 1;
}

.contact-form input,
.contact-form select {
	border-radius: 10px !important;
	border: 1px solid #9B9B9B !important;
	height: 55px;

}

.contact-form textarea {
	border-radius: 10px !important;
	border: 1px solid #9B9B9B !important;
}

.wp-block-search__input:focus {
	border: 1px solid #949494 !important;
}

main .wp-block-search__button {
	background: var(--dark-green) !important;
}

.inner-page-heading ~ div {
	margin-top: 0px !important;
}
.inner-page-heading{
		background-color: #F6F9F6 !important;
}
body:has(.dark-header ) .wp-block-group.inner-cover-image::after {
    opacity: 0;
    height: 0px;
}
.main-border-top{
	border-top: 1px solid #E1E2E1;
}
.no-cover-image {
	margin-top:0px !important;
}
.no-cover-image .inner-cover-image{
	display: none;
}
.no-cover-image .inner-main-header {
    background-color: white !important;
	padding-top:20px;
}
.no-cover-image .inner-page-heading {
    background-color: white !important;
}
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 8px 0px 10px;}
.scroll-to-div-wrap ul li em {
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 2px solid #FFFFFF; /* Static border */
    outline: 3px solid var(--gray-light); /* Animated outline */
    animation: wave 2s ease-out infinite; /* Faster wave animation */
}

/* Staggered animation for each li element with reduced delays */
.scroll-to-div-wrap ul li:nth-child(1) em {
    animation-delay: 0s;
}

.scroll-to-div-wrap ul li:nth-child(2) em {
    animation-delay: 0.4s;
}

.scroll-to-div-wrap ul li:nth-child(3) em {
    animation-delay: 0.8s;
}

.scroll-to-div-wrap ul li:nth-child(4) em {
    animation-delay: 1.2s;
}

.scroll-to-div-wrap ul li:nth-child(5) em {
    animation-delay: 1.6s;
}

/* Keyframe for the wave animation */
@keyframes wave {
    0%, 100% {
        outline-width: 3px;
        outline-color: rgba(255, 255, 255, 0); /* Fully transparent at start and end */
    }
    50% {
        outline-width: 4px; /* Wider wave effect */
        outline-color: rgba(255, 255, 255, 0.8); /* Visible pulse */
    }
}
.slider-content-container .headline {
    margin: 0;
    font-family: 'OpenSans', sans-serif;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 1.5;
    text-transform: uppercase;
    color: #FFFFFF;
}
.slider-content-container  {
	padding-top: 28px !important;
	padding-bottom: 47px !important;
	    padding-left: 5% !important;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.our-val > div{
	margin-top:0px
}
.our-operations .read-more-line {
	margin-top:100px;
}

.operations_list {

    margin-bottom: 50px;

}

.sustainability-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth scaling and shadow effect */
    overflow: hidden; /* Ensure no overflow on scaling */
}

.sustainability-card:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Add shadow to give depth */
}

.sustainability-card h2 {
    transition: color 0.3s ease; /* Smooth color transition for text */
}

.sustainability-card:hover h2 {
    color: var(--primary-color); /* Change the heading color on hover */
}

.sustainability-card img {
    transition: transform 0.3s ease; /* Smooth zoom for image */
}

.sustainability-card:hover img {
    transform: scale(1.1); /* Slight zoom for the image on hover */
}

.sustainability-card p {
    transition: color 0.3s ease; /* Smooth text color change */
}

.sustainability-card:hover p {
    color: var(--secondary-color); /* Change paragraph text color on hover */
}

.sustainability-card a img {
    transition: transform 0.3s ease; /* Smooth zoom effect for arrow icon */
}

.sustainability-card:hover a img {
    transform: translateX(5px); /* Arrow slides slightly to the right */
}
.Standards.Standards, .Awards.Awards > div {
	    background-color: transparent !important;
}

footer{
	    background: linear-gradient(268.75deg, #092543 -36.38%, #0A0E1E 104.76%);
}
 .board_section .member_card h3, .member_section .member_details h3 {
    font-size: 21px !important;
       font-weight: 700;
  }
.board_section .member_card p, .member_section .member_details p{
    font-weight: 600;
    font-size: 21px;
    line-height: 35px;}

 .board_section:first-child .member_card h3 {
    font-size: 24px !important;
       font-weight: 700;
  }
.board_section:first-child .member_card p{
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;}

.white-with-borders.white-with-borders.white-with-borders img{
border-radius:0px !important}

/* .hide-control {
	display: none;
} */

.mfp-content ::-webkit-scrollbar {  
    width: 5px; /* Width of the scrollbar */  
}  

/* Track of the scrollbar */  
.mfp-content ::-webkit-scrollbar-track {  
    background: #f1f1f1; /* Color of the track */  
    border-radius: 10px; /* Rounded corners */  
}  

/* Thumb of the scrollbar */  
.mfp-content ::-webkit-scrollbar-thumb {  
    background: #4CAF50; /* Color of the thumb */  
    border-radius: 10px; /* Rounded corners */  
}  

/* Thumb on hover */  
.mfp-content ::-webkit-scrollbar-thumb:hover {  
    background: #45a049; /* Darker green on hover */  
}  

/* Optional: Add a shadow for more depth */  
.mfp-content ::-webkit-scrollbar-thumb {  
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);  
}  


 .mfp-container > .mfp-content:has(.tender-popup){
	height:80%;
}
 .mfp-container > .mfp-content .mfp-content.tender-popup{ 
	height:100%;
}
.popup-content{
	    height: 80%;
	overflow-x:auto;
	padding-right: 30px;
}
html[lang="ar"] .popup-content{
	padding-right: 0px;
		padding-left: 0px;

	
}

.tender-popup h1{
font-style: normal;
font-weight: 700;
font-size: 20px !important;
line-height: 34px;
color: #06122A;
	    margin: 0px 0px 5px;
}
.popup-content h4{
font-style: normal;
font-weight: 700;
font-size: 16px !important;
line-height: 27px;
color: #000000;
}

.popup-content p, .popup-content li{
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 27px;
color: #000000;
}
.tender-popup  .mfp-close{
	display:none;
}
.tender-popup  .btn-login{
	text-decoration:none;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
	width: 65%;
    display: block;
    margin: auto;
    margin-top: 30px;
}


li.mega-menu-item:has(.open-popup-tender) > a:first-child,
li.mega-menu-item:has(.open-popup-tender-ar) > a:first-child{
	display:none !important;
}
.news_box .read_more{
display:flex;
    align-items: flex-end;
  margin-top: auto;
    flex-grow: 0 !important;
}
.news_box .read_more a {
    margin-top: auto;
    flex: 1;
}

.news_box .read_more a span {
    margin-top: auto;
    margin-bottom: auto;
}


 .mega-sub-menu li.mega-menu-item a.mega-menu-link{

    padding-left: 5px !important;
    padding-right: 5px !important;
}

.entry-content {
	background-color:white !important;
margin-top:0px !important;
}
.frm_top_container .frm_primary_label{
display:flex !important;}


.frm_fields_container br {
    display: none;
}


html[lang="ar"] .frm_top_container .frm_primary_label {
    flex-direction: row-reverse;
}


html[lang="ar"] .with_frm_style input,html[lang="ar"] .with_frm_style select,html[lang="ar"] .with_frm_style .frm-card-element.StripeElement {
    text-align: right;
}

.award_logo_section {
    min-width: 100px;
    max-width: 200px;
    margin-left: auto;
}

html[lang="ar"]  .award_logo_section {
    margin-left: 0px;
  margin-right: auto;

}



html[lang="ar"]  .table_bids table tr td:first-child {
    border-right: 1px solid var(--light-grey);
border-left:0px;
}

html[lang="ar"] .table_bids table tr td:last-child {
    border-left: 1px solid var(--light-grey);
border-right:0px;
}

html[lang="ar"] .table_bids table tr:last-child td:last-child {
    border-radius: 0 0 0 20px;
}


html[lang="ar"] .table_bids table tr:last-child td:first-child {
    border-radius: 0 0  20px 0;
}


@media (max-width:1367px) and (min-width:1025px){
 html[lang=en-US] body{
--main-p: 16px;
    --section-main-heading-size: 40px;
    --medium-text: 20px;
  }
.headline--large {
    margin: 0px !important;
    font-size: 30px;}
.read-more-line .btn {
    min-width: 135px;
    font-size: 15px;

}.slider-content-container .slide-details ,.slider-content-container .slider-info{
    font-size: 20px;}.slider-content-container {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 5% !important;
}.our-val-info h2 {
    font-size: 20px;
    font-weight: 700;
}.our-val-info p {
    font-size: 15px !important;
    margin-top: 3px !important;
    margin-bottom: 0;
}
.operations_list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 25px;
}.our-operations .read-more-line {
    margin-top: 45px;
}.sustainability-transparent-bg {
    background: rgba(2, 38, 76, 0.8);
    border-radius: 255px 0px 0px 0px;
    margin-left: 23%;
}sustainability-card h2 {
    font-size: 20px !important;}.sustainability-card p {
    font-size: 15px !important;}.readmore_section a.btn {
    font-size: 15px;
    font-family: inherit;
    padding: 10px;
    border-radius: 11px;
    color: #fff;
    min-width: 120px;
    cursor: pointer;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.78px;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}
.news_box {
    border: 1px solid #ccc;
    border-radius: 90px 90px 0px 90px;
    margin: 10px;
    padding: 30px;}
.news_img {
    min-width: 200px !important;}.news_title {
    font-size: 20px !important;}.news_short_description {
    font-size: 16px;!important}
.read_more a, .inner-cards .read_more {
    text-decoration: none;
    font-size: 16px !important;
}.inner-cover-image img {
    height: 80vh !important;
}
.member_card img {
    width: 200px !important; 
}.board_section:first-child .member_card img {
    width: 275px !important; 
}
.inner-section-header h1 {
    text-wrap: wrap !important;
}.inner-section-header::after {
    width: auto;
    flex: 1;
}.steps-card p {
    font-size: 20px;
}

}





.awards_full_container>div:nth-child(odd) {
	background: #F2F2F2 !important;
}

.awards_full_container>div:nth-child(even) {
	background: #F6F9F6 !important;
}


li.mega-menu-item.mega-menu-item:has(.open-popup-tender) > a:first-child, li.mega-menu-item.mega-menu-item:has(.open-popup-tender-ar) > a:first-child {
    display: none !important;
}


.pages-main-content  > div{
			margin-top:0px !important;

}


header ~ div{
		margin-top:0px !important;
}
.search-results main h1,
.search-no-results main h1{
font-size: var(--section-main-heading-size);
    font-weight: 600;
    line-height: 86px;
    color: #021D54;
    margin: 0px;
padding: 20px var(--main-x-padding);
    padding-bottom: 40px !important;
    padding-top: 40px !important;
    border-bottom: 1px solid #E1E2E1;

}
.search-results main h1 ~ div,
.search-no-results main h1 ~ div{margin-top:0px}
.search-results main,.search-no-results main{
padding:0px;
}


.search-results main .wp-block-search{
display:none}



.search-results main li{
    min-height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    border-bottom: 2px solid #d4d4d4;
margin-top:0px !important; 
padding: 20px var(--main-x-padding);

}
.search-results main li h2{
	color: #000;
    font-size: 22px;
    text-wrap: wrap !important;
    line-height: 1.6;
    transition: all .42s;
}


.search-results main li:nth-child(odd) {
	background: #F2F2F2 !important;
}

.search-results main li:nth-child(even) {
	background: #F6F9F6 !important;
}

.search-results main .wp-block-query-pagination-numbers{
display:flex;
gap:10px;}


.search-results main .wp-block-query-pagination{
    display: flex;
    align-items: center;
    gap: 15px;}

.search-results main .wp-block-query-pagination {
    align-items: center;
    justify-content: center;
    padding: 2%;
    margin-top: 0px;}


.search-results main .wp-block-query-pagination  a{
text-decoration:none !important}


.search-no-results main > div{
	padding: 2% var(--main-x-padding);
}


html[lang=ar] .table-responsive table td {
    text-align: right !important;
}


.login-info .error{
	color:#f59191;
} 
.login-info .status-message{
	color: #9B9B9B !important;
}
.frm_required {color: #ff0000 !important;}


 .dropdown-menu {
            display: none !important; 
        }
        .dropdown-menu.show {
            display: block !important;
        }


br{display:none}

.dropdown-menu .user-info h5 {
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 23px;
color: #FFFFFF;
}
 .dropdown-menu .user-info p {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
	 color: #FFFFFF;

}
.dark-header   .dropdown-menu .user-info p  , 
.dark-header .dropdown-menu .user-info h5 
{color:black;}
.dropdown-menu li:not(:last-child){
border-bottom: 1px solid #FFFFFF;

}
.dropdown-menu li a{        padding: 10px  !important; height:auto !important;}
 .arrow-icon {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-right: 2px solid white; 
            border-bottom: 2px solid white; 
            transform: rotate(45deg);
            transition: transform 0.3s ease;
	 margin-bottom: 6px;
        }

.dark-header   .arrow-icon {
            border-right: 2px solid black; 
            border-bottom: 2px solid black; 
         
        }
        
        .arrow-icon.rotate {
            transform: rotate(-135deg);
			margin-bottom: 0px;
        }
.user-img {
   aspect-ratio: 1 /1;
}


@media (max-width: 450px) {
    .sustainability-transparent-bg .read-more-line {
        top: -50px !important;
    }
}


.table-filters .btn-green {
    justify-content: center;
    display: flex;
    align-items: center !important;
}

.table-responsive table td, .table-responsive table th {
    padding: 0.9rem 0.55rem !important;
}

.btn-login{margin-top:0px !important}
.main-slider .swiper {
    min-height: 790px;
}


/* Hide Dropdown Menu */
.arrow-icon.arrow-icon {display:none !important}


html[lang=ar] .search-no-results main > div form{
      margin-right: 0 !important;
    margin-left: auto !important;
}

.dark-header ~ .inner-page-heading{background:white !important;}
 html[lang=ar]  .frm_error
{text-align:right !important; }

body:has(.dark-header)  .inner-main-header{background:white !important;}
a.award_gallery_item img {
    width: auto;
    height: 400px;
}

@media (max-width:1550px){
	a.award_gallery_item img {
    width: auto;
    height: 250px;
}
}
.search-results main li{
    min-height: 100px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 2px solid #d4d4d4;
margin-top:0px !important; 
padding: 20px var(--main-x-padding);

}

.search-results main li .wp-block-post-excerpt{
margin-top:0px;
}



.hasDatepicker{
	  color: rgba(0, 0, 0, 0);
    background: url(/wp-content/uploads/2024/11/Calender-icon.png) no-repeat;
	background-size:20px 20px;
    border-width: thin;
    background-position: right 6px center;
    padding-right:10px;
}
html[lang="ar"] .hasDatepicker{;
    background-position: 10px center;
}
input{
	   color: #181818 !important;
    font-family: Tajawal, sans-serif !important;
}
.table-responsive table td, .table-responsive table th {
    padding: 0.9rem 0.55rem !important;
    font-size: 16px;
}


html[lang="en-US"] .ar_view,
html[lang="en-AU"] .ar_view {
    display: none !important;
}

html[lang=ar] .en_view {
    display: none !important;
}

.swiper-slide .components-placeholder.has-illustration {
	backdrop-filter: unset;
}


.pagination_wrap{
margin-bottom:40px;}
	
	.header-with-btn p{
	display:none;
}
		.acf-field-date-picker input{
		padding-right: 40px !important;
	}

html[lang=ar] .photo-info h6 span img {
    margin-left: 10px;
}

.btn-login {
    color: #fff !important;
}



	.login-image{
		position:relative;
	}
	.login-arrow img{
		     width: 30px;
    height: auto;
   
}
	.login-arrow{
position:absolute;
		 top: 30px;
    left: 30px;
background: #02264C;
border-radius: 11px;
		padding:10px;
display: flex;
        align-items: center;
        justify-content: center;
   }

.login-arrow a{
	    display: flex;
    align-items: center;
    justify-content: center;

}

	html[lang="ar"] .login-arrow img{
		transform:rotate(180deg);
	}
html[lang="ar"]	.login-arrow{
 position:absolute;
		 top: 30px;
left:unset;
		right: 50px;}
	

/* .hide-sales {
    display: none !important;
} */
 
.show-sales {
    display: block; 
}
.frm-select-placeholder {
    display: none;
}
.swiper-slide .wp-block-group {
    transition: all .42s;
}

@media(max-width:480px){
	.header-logo::before {
		top: -160px;
		right: -225%;
		height: 600px;
	}
}