:root {
	--gjs-t-color-primary: #cf549e;
	--gjs-t-color-secondary: #b9227d;
	--gjs-t-color-accent: #ffb347;
	--gjs-t-color-success: #28a745;
	--gjs-t-color-warning: #ffc107;
	--gjs-t-color-error: #dc3545;
}

.gjs-t-body {
	background-color: inherit;
	color: inherit;
	font-size: 1rem;
	line-height: 1.75rem;

}

.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;
}
.forminator-response-message{color: #fff8f8 !important;direction: rtl;text-align: right;border-radius: 20px;background: #1f6b9d;}
#mainMenuHeader{display: none}
.gjs-t-border {border-radius: 0.3rem;border-color: #e0e0e0;}
#RegisterFormCourse {direction: rtl;max-width: 400px;margin: auto;background: white;padding: 0px;border-radius: 12px;font-family: 'DINNextLTArabic-Medium',sans-serif;}
#RegisterFormCourse .row {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}
#RegisterFormCourse .row > div {flex: 1 1 48%;}
#RegisterFormCourse .full-width {margin-top: 10px;}
#RegisterFormCourse button.forminator-button{width: 100%;border-radius: 22px;font-family: inherit;background: #1f6b9d;}
#iau9 {
	font-family: Arial, Helvetica, sans-serif;
	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;
}

.topHead-left>div {
	display: flex;
	gap: 5px;
}

.topHead-left>div a {
	color: #fff !important;
	text-decoration: none;
	font-size: 15px;
}
.coursesecTite{text-align: center;font-size: 50px;border-bottom: 4px solid #1d6bae;width: fit-content;margin: 0px auto 30px;padding-bottom: 10px;direction: rtl;font-weight: 900;}
#inbllz>ul {list-style: none;margin: 0;display: flex;gap: 15px;align-items: center;float: right;padding: 5px;
}

#i474mi .overlay {
	position: absolute;
	height: inherit;
	overflow: hidden;
}

.navbar-brand>img {
	width: 25%;
}

.gjs-container {width: 90%;margin: 0 auto;max-width: 1200px;}
.gjs-section {display: flex;padding: 50px 0;}
#hd_other {display: flex;justify-content: space-around;align-items: center;background: #11436e;}
#hd_other > div:first-child {width: 20%;text-align: right;}
#hd_other > div:first-child img {width: 70%;padding: 15px;float: left;}
iframe{border-radius: 20px !important;}
#i10jw {  background: #fff;width: 100%;}
#ix0vf {max-width: 1400px;width: 95%;}
.gjs-plg-flex-column {flex-grow: 1;}
.gjs-plg-flex-row {display: flex;align-items: stretch;flex-wrap: nowrap;}
.courseContent{flex-basis: 50%;display: flex;flex-direction: column;}
#langBtn{display: none}
ul#ListCourseDesktop li a,ul#myList li a{color: #fff;text-decoration: none;font-size: 17px;}
#phone,input[type="email"]{width: 100%;}
#iar4f {width: 100%;display: flex;gap: 20px;align-items: center;justify-content: space-around;height: 100%;}
#ijf0p {flex-basis: 20%;width: 20%;padding: 100px 20px;background: #1f6b9d;color: #fff;font-family: 'Almarai';border-radius: 10px;direction: rtl;height: 75%;}
#inybk{font-weight: 600;font-size: 30px;display: flex !important;align-items: center !important;}
#ijf0p > ul {list-style: none;margin: 0;text-align:  right;font-size: 17px;font-family: 'Almarai';}
button{padding: 5px;}
#ijf0p > ul li{margin-bottom: 20px;}
#player{width: 85%;margin: auto;}
/* #ilpgm {flex-basis: 50%;} */
#btnListMobile{display: none}
#ListCourseDesktop{display: block;}
#ifl4q {flex-basis: 20%;width: 20%;direction: rtl;}
#ii224 {text-align: center;}
#i8swj {text-align: center;font-size: 29px;color: #122b3f;font-family: 'poppins';}
.showUl{display:block !important;}
.hideUl{display:none}
.svgRotate{rotate: 90deg;}
#RegisterFormCourse input{border-radius: 20px;width: 100%;font-family: inherit;margin-top: 10px;margin-bottom:20px}
.aboutme_single p{direction: rtl;padding: 14px 25px;line-height: 2;}
.aboutme_single{background: #11436e;color: #fff;padding: 40px 19px;width: 93%;border-radius: 20px;margin: 40px auto;}
.aboutme_single p{padding:0}
@media (max-width:992px) {  /* Media Query */
	#ijf0p > ul{display:none}
	.aboutme_single p{padding:0}
	#hd_other > div:first-child img {width: 80%;}
	#ijf0p{padding: 0px;}
	#btnListMobile{display: flex;align-items: center;}
	#btnListMobile button{background:#fff0;height: 45px;}
	#ListCourseDesktop{display: none;font-size: 20px;}
	#inybk {margin-bottom: 0;font-size: 19px;	width: fit-content;text-align: center;}
	#iar4f {flex-direction: column;height: fit-content;}
	#ijf0p {padding: 10px 20px;flex: 0 0 100%;width: 100%;display: flex;justify-content: center;flex-direction: column;gap: 20px;align-items: center;}
	#ifl4q {flex: 0 0 100%;width: 100%;}
}

@media (max-width:768px) {  /* Media Query */
	.courseContent{width:100%}
	#RegisterFormCourse{font-size: 15px;padding: 20px 10px;margin-top: 3em;}
	.coursesecTite{font-size: 27px;}
	#ilpgm {flex-basis: 100%;width: 100%;}
	#player {width: 100%;}
	#RegisterFormCourse .row > div {flex: 1 1 100%;flex-direction: column;display: flex;}
	#irte7g {height: 650px;object-fit: cover;}
	#i8swj {text-align: center;font-size: 19px;margin-top: 50px}
	.navbar-brand>img {width: 45%;}
}

@media (max-width:480px) {   /* Media Query */
	.navbar-brand>img {width: 77%;}
}
