/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

:root {
	--color-primary: #1586a8;
	--color-secondary: #55b6bc63;
	--gjs-t-color-accent: #ffb347;
	--gjs-t-color-success: #28a745;
	--gjs-t-color-warning: #ffc107;
	--gjs-t-color-error: #dc3545;
	--font-en-lv2: "Lato", sans-serif;
	--font-en-lv1: "Montserrat", sans-serif;
	--font-ar-lv1: "Readex Pro", sans-serif;
}

.headSty{font-size: 30px !important;margin-top: 25px !important;}
.H-sty{font-size: 32px;line-height: 1.5;}
.H-sty01{font-size: 22px;font-weight: 600;margin: 0;}
.sH-sty{font-size: 17px;}
.P-sty{font-size: 19px;}
.P-sty01{font-size: 17px;}
.svg-sty{width: 30px}
.container_top_head .svg-sty{width: 22px}
.gjs-t-body {
	background-color: inherit;
	color: inherit;
	font-size: 1rem;
	line-height: 1.75rem;
	font-family: var(--font-en-lv1);
}

.gjs-t-h1 {
	color: var(--gjs-t-color-secondary);
	font-size: 1.5rem;
	line-height: 2.5rem;
}

.gjs-t-h2 {
	color: #601843;
	font-size: 1.2rem;
	line-height: 1.75rem;
}

.gjs-t-button {
	background-color: var(--gjs-t-color-primary);
	color: white;
	border-radius: 0.3rem;
}

.gjs-t-link {
	color: var(--gjs-t-color-primary);
	text-decoration: underline;
}

.gjs-t-border {
	border-radius: 0.3rem;
	border-color: #e0e0e0;
}

* {
	box-sizing: border-box;
	font-family: var(--font-en-lv1);
}

body {
	margin: 0;
	overflow-x: hidden;
	font-family: var(--font-en-lv1);
}
a{text-decoration: none !important;color: inherit ; }
#iau9 {
	font-family: var(--font-en-lv1);
	/* background-image: linear-gradient(180deg, rgba(59, 130, 245, 0.11), white 14%); */
	background-position: 0px 0px;
	background-size: 100% 100%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-origin: padding-box;
	color: #475569;
	background: #fff;
}



.gjs-icon.gjs-feature-icon {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: rgb(36, 99, 235);
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

h1,h2,h3,h4,h5,h6, p, a, li, ul, span, div {font-family:var(--font-en-lv1)}
h1:lang(ar),h2:lang(ar),h3:lang(ar),h4:lang(ar),h5:lang(ar),h6:lang(ar),p:lang(ar),a:lang(ar),li:lang(ar),ul:lang(ar),span:lang(ar),div:lang(ar), strong:lang(ar),
input:lang(ar),textarea:lang(ar){font-family:var(--font-ar-lv1)}

.gjs-container {
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
}

.gjs-section {
	display: flex;
	padding: 50px 0;
}
#ivh8i:lang(ar){display: none}
#idw1a #ivh8i {display: flex !important}
.btn-Sty-01{text-decoration: none;color: #fff;background: #55b6bc;border-radius: 12px;font-size: 17px;padding: 10px;display: flex;width: fit-content;gap: 10px;align-items: center;background: #059983;
background: linear-gradient(90deg, rgba(5, 153, 131, 1) 0%, rgba(19, 101, 115, 1) 100%);}
.subHeadStyle{width: fit-content;background: #55b6bc;border-radius: 20px;padding: 5px 20px;color: #fff;font-size: 17px;
    -webkit-box-shadow: 0 0 21.5px -7px #1a1717;
    -moz-box-shadow: 0 0 21.5px -7px #1a1717;
    box-shadow: 0 0 21.5px -7px #1a1717f5;
		background: #059983;
	background: linear-gradient(90deg, rgba(5, 153, 131, 1) 0%, rgba(19, 101, 115, 1) 100%);}
#footer{border: 1px solid;width: 95%;margin: auto;border-top-left-radius: 30px;border-top-right-radius: 30px;background: #024a53;max-width: 1200px;}
#footer h1{font-size: 25px;font-weight: 600;color: #fff;}
#footer ul {margin: 0}
#footer ul li {padding-bottom: 15px}
#footer ul li a{font-size: 15px;text-decoration: none;color: #ADB1BC;}
#footer .footerServices{display: flex;gap: 23px;flex-wrap: wrap;}
#footer img{width: 200px;height: auto;margin-bottom: 35px;}
#footer #ileima strong, #footer #iop2xh strong { color:#fff }
#footer #ileima p, #footer #iop2xh p { width: 80%;color: #ADB1BCE5;margin-top: 10px;display: block; font-size: 15px;}
#ivevah{margin-top: 40px}
#i5smd6{flex:25%}
#ielik{padding: 0;}
#i9jiy {display: flex;align-items: center;justify-content: center;flex-direction: row;flex-wrap: wrap;}
#i8nwb {display: flex;align-items: center;height: 37px;width: 25px;align-self: auto;flex: 0 0 auto;}
#i0u8w {font-size: 16px;padding: 10px 0px;color: #000;}
#i9jiy-2 {display: flex;align-items: center;justify-content: center;flex-direction: row;flex-wrap: nowrap;}
#i9jiy-2-3 {display: flex;align-items: center;justify-content: center;flex-direction: row;flex-wrap: nowrap;}
#ii7km {width: 40%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 0px;}
#ivbje{width: 60%}
#i9jiy,#i9jiy-2,#i9jiy-2-3{width: min-content;}
.container_top_head ul{list-style: none;margin: 0;display: flex;gap: 15px;padding: 10px;}
.container_top_head ul li a{text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 10px;text-decoration: none;color: #fff;}
.container_top_head ul li a p{margin: 0;font-size: 14px;}
#i983ml{padding-bottom: 10px;}
#ivh8i {display: flex;align-items: center;width: 100%;border: 1px solid;border-radius: 48px;padding: 5px 20px;margin: 0;background: #fff;background: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(50px);backdrop-filter: blur(50px);border: 1px solid rgba(255,255,255,0.4);}
#izwny {flex-basis: 38.08%;}
#ivmgv {color: black;width: 85%;}
#ijvr1 {flex-basis: 161.92%;}
#iay8h {padding: 10px;text-align: center;font-size: 29px;}
#ihuid nav {display: flex;justify-content: space-around;}
#menu-main-menu, #menu-main-menu-en-2 , #menu-main-menu-en, #menu-main-menu-ar,#menu-main-menu-ar-2{list-style: none;margin: 0;display: flex;gap: 30px;}
#menu-main-menu li a, #menu-main-menu-en-2 li a, #menu-main-menu-en li a, #menu-main-menu-ar li a, #menu-main-menu-ar-2 li a {text-decoration: none;color: #000;font-size: 17px;font-weight: 500;}
#idw1a{margin-bottom: 20px;padding: 10px 30px 20px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;}
.Mobile_container_bottom{display: none;position: fixed;bottom: 0;width: 100%;z-index: 5000;background: #fff;box-shadow: 0 0 0 1px #e1e1e6,0 10px 15px -3px hwb(0 0% 100% / 0.05),0 4px 6px -4px rgba(0,0,0,.05);}
.Mobile_container_bottom ul{list-style: none;margin: 0;display: flex;align-items: center;justify-content: space-between;padding: 5px 20px;}
.Mobile_container_bottom ul li{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 13px;font-weight: 500;text-transform: capitalize;}
.Mobile_container_bottom ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.Mobile_container_left{position: fixed;background: #fff;width: 100%;z-index: 900;height: 100%;}
#menu-main-menu-1,#mobileMenu #menu-main-menu-en-1,#mobileMenu #menu-main-menu-ar-1{list-style: none;margin: 20px 40px;display: flex;flex-direction: column;gap: 20px;}
#menu-main-menu-1 a{font-size: 18px;font-weight: 500;}
.Mobile_container_left .btn-Sty-01{margin-left: 40px;margin-top: 40px;margin-right: 40px;}
.hidden {  display: none !important;transition: all 0.3s ease;}
.lang-item{list-style: none;}
.lang-item a{padding: 8px;border-radius: 10px;text-transform: capitalize;font-weight: bold;font-size: 18px;background: #327d88;color: #fff;}

/*
---------------------------------------
hover effect 25
---------------------------------------
*/

.SMN_effect-25 a {
	letter-spacing: 0;
	transition: 0.35s;
}

.SMN_effect-25 a:hover, .SMN_effect-25 a:active {
	letter-spacing: 5px;
	transition: 0.35s;
}

.SMN_effect-25 a:after {
	bottom: -10px;
}

.SMN_effect-25 a:before {
	top: -10px;
}

.SMN_effect-25 a:after, .SMN_effect-25 a:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 1px solid rgba(255, 255, 255, 0);
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	transition: all 280ms ease-in-out;
	width: 0;
}

.SMN_effect-25 a:hover:after, .SMN_effect-25 a:hover:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #fff;
	transition: width 350ms ease-in-out;
	width: 100%;
}

.SMN_effect-25 a:hover:before {
	width: 100%;
}


@media (max-width:992px) {
	.lang-item{margin-top: -8px;}
	#menu-main-menu-en,#menu-main-menu-ar{display: none}
	#ihuid nav{justify-content: end;}
	#main_nave #menu-main-menu-ar-2,#main_nave #menu-main-menu-en-2,.uw2cm{display: none !important}
	.Mobile_container_bottom{display: block;}
	.container_top_head{display:none}
	#ihuid ul#menu-main-menu, #ihuid a.btn-Sty-01{display:none}
	#idw1a{width:100%}
	#ivhxf .right {width: 95%;margin-top: 40px;}
	#ivhxf .left h2 {font-size: 30px;margin-top: 50px;}
	#ielik{height: fit-content;}
	#ivhxf .left {width: 100%;}
/* 	#ielik{display: none} */
	#i4g67f{flex-wrap: wrap;padding: 14px;gap: 25px;}
	#footer ul li {padding-bottom: 14px;}
	#footer ul li a {font-size: 17px;}
}



@media (max-width:768px) {

	#i7f6nh{margin-bottom: 40px;}
	.container_top_head{display:none}
	#ieojc{display:none}
	#ivmgv{width:100%}
/* 	#ielik{display: none} */
	#i4s7y{height: 140px;}
	#i0ttj{height: 390px; margin-top: 20px;}
	#ituoj{flex-direction: column;}
	#ilh7j{font-size: 23px;}
	#i7pom{font-size: 16px;}
	#iuqaq > div{float: left;font-size: 16px;}
	#iuqaq{padding: 10px 0;}
	.H-sty {font-size: 26px;}
	.H-sty01 {font-size: 20px;}
	#footer #ileima p, #footer #iop2xh p{font-size: 17px}
	#i4g67f{flex-wrap: wrap;padding: 12px;gap: 25px;}
	#footer ul li {padding-bottom: 8px;}
	#footer ul li a {font-size: 16px;}
}


@media (max-width:480px) {
	.sH-sty {font-size: 16px;}
	.container_top_head{display:none}
	#ileima,#ihf7on {padding: 10px 0px;}
/* 	#ielik{display: none} */
	#i4s7y{height: 100px;}
	#i0ttj{height: 340px;    margin-top: 20px;}
	#ituoj{flex-direction: column;}
	#ilh7j{font-size: 22px;}
	#i7pom{font-size: 15px;}
	#iuqaq > div{float: left;font-size: 15px;}
		#iuqaq > div:lang(ar){float: right}
	.svg-sty {width: 20px;}
	#iuqaq{padding: 10px 0;}
	.H-sty {font-size: 25px;}
	.H-sty01 {font-size: 19px;margin-bottom: 10px;}
	#footer #ileima p, #footer #iop2xh p{font-size: 14px}
	#i4g67f{flex-wrap: wrap;padding: 10px;gap: 15px;}
	#footer ul li {padding-bottom: 0px;}
	#footer ul li a {font-size: 14px;}
}