@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*
|----------------------------------------------------------
|  PRIMARY TAGS
|----------------------------------------------------------
*/
body            { margin: 0; padding: 0; font-family: "Poppins", sans-serif; direction: ltr; font-size: 14px; }
main            {
	overflow-x: hidden;
}
/*
|----------------------------------------------------------
|  COLOR VARIABLES
|----------------------------------------------------------
*/
:root {
	--var-gold: #ac8c47;
    --var-ligh-gold: #e8deca;
	--var-light-white: #f3f7fe;
	--var-light-red: #ff3f5d;
	--var-light-blue: #22a6fe;
    --var-orange: #f77e53;
    --var-brown: #a84f47;
    --var-green: #088a4b;
}
/*
|----------------------------------------------------------
|  Commong Styles
|----------------------------------------------------------
*/
.spacer2		{ font-size:2px; height:2px;}	.spacer3{ font-size:2px; height:3px;}	.spacer4{ font-size:2px; height:4px;}
.spacer5		{ font-size:2px; height:5px;}	.spacer6{ font-size:2px; height:6px;}	.spacer7{ font-size:2px; height:7px;}
.spacer8		{ font-size:2px; height:8px;}	.spacer9{ font-size:2px; height:9px;}	.spacer10{ font-size:2px; height:10px;}
.spacer12		{ font-size:2px; height:12px;}	.spacer15{ font-size:2px; height:15px;}	.spacer { font-size:2px; height: 25px; clear: both; }
.spacerBig1		{ height:35px; } 	.spacerBig2	{ height:40px; } 	.spacerBig3	{ height:45px; }
.spacerBig4		{ height:50px; } 	.spacerBig5	{ height:60px; } 	.spacerBig6	{ height:70px; }
/*  -------Aligns-------  */
.text_align1	{ text-align:left;	} .text_align2	{ text-align:right; } .text_align3	{ text-align:center;} .text_align4	{ text-align:justify;}
/*  -------Floats-------  */
.float1			{ float:left; } .float2 { float:right; }
/*  -------Colors-------  */
.white			{ color:#FFF; } .black  { color:#000; } .msgColor { color:#F00; }
.bgcolor1		{ background-color:#484848; } .bgcolor2 { background-color:#585858; }
/*  -----Thumnail Borders-----  */
.thumb			{ border: 1px solid #E0E0E0; border-radius: 2px; }
.thumb1			{ border: 1px solid #E0E0E0; padding: 10px; border-radius:4px; background-color: #FFFFFF;  }
.thumb2			{ border: 1px solid #E0E0E0; padding: 4px; border-radius:3px; background-color: #FFFFFF;  }
.thumb3			{ border: 4px solid #EEEEEE; }
/* -------Forms-------  */
.label 			{ color: #60451a; font-weight: bold; font-family:"Poppins Light", Arial, Helvetica, sans-serif;  }
.small			{ font-size:11px; }
/*
|----------------------------------------------------------
| Headings
|----------------------------------------------------------
*/
.heading		{ font-family:"Poppins Light", Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; }
.heading1		{ font-size:30px; line-height: 50px; }
.heading2		{ font-size:28px; line-height: 28px; }
.heading3		{ font-size:22px; line-height: 32px; }
.heading4		{ font-size:18px; line-height: 27px; }

a:link	        { text-decoration:none; transition: all 0.3s ease; }
a:visited       { text-decoration:none; transition: all 0.3s ease; }
a:hover	        { text-decoration:none; transition: all 0.5s ease; }

a.link_language:link	{ font-family:"Droid_Arabic_Kufi", Arial; color:var(--var-light-white); text-decoration:none; transition: all 0.3s ease; }
a.link_language:visited { font-family:"Droid_Arabic_Kufi", Arial; color:var(--var-light-white); text-decoration:none; transition: all 0.3s ease; }
a.link_language:hover	{ font-family:"Droid_Arabic_Kufi", Arial; color:var(--var-light-white); text-decoration:none; transition: all 0.5s ease; }

.header_logo_english    { font-family:"Poppins", sans-serif; }
.header_logo_arabic     { font-family:"Droid_Arabic_Kufi", Arial; text-align: right; }
.header_logo_color      { color: var(--var-green); }

#particles              { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.2; overflow: hidden; }

.proj_thumb_more        { background-color: #ac8c47 !important; border-color:#ac8c47; padding:10px 15px; border-radius:2px; color: #FFFFFF; text-decoration: none; transition: all 0.3s ease; }
.proj_thumb_more:hover  { text-decoration: none; color:#000000; }

.image_box				{ border:1px solid #F5F5F5; text-align: center; position: relative; border-radius:2px; }
.rec_image				{ overflow: hidden; }
.rec_image img 			{ transition: transform .8s ease;  width: 100%; min-height: auto; height: auto; padding: 6px 6px;  }
.rec_image:hover img 	{ transform: scale(1.2) rotate(0deg); /*filter: brightness(110%);*/ opacity: 0.9;   }
.rec_image i			{ position: absolute; width: 100%; height: 100%; vertical-align: middle; padding-top: 20%; text-align: center; display: none;
                          font-size:50px; color: #FFFFFF; opacity: 1; }
.rec_image:hover i 		{ display: block; background-color: #000000; z-index: 100; opacity: 0.2; cursor: pointer; }
.contents               { padding-bottom: 30px; }
.contents blockquote    { padding: 30px;
	background: #e7e5df;
	border: 1px dashed #000000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;  }
.contents li            { list-style: none; }
.contents li:before            { content:"- "; margin-left: 0px; display: inline-block;  }

.image_container        { padding: 20px; background-color:#FFFFFF; border-radius: 12px;  }
.feature_bg        { background-color: #F9F9F9; border: 1px solid #EEEEEE; }

a.card_link:link	{ color:#212529 !important; text-decoration:none; transition: all 0.3s ease; }
a.card_link:visited { color:#212529 !important; text-decoration:none; transition: all 0.3s ease; }
a.card_link:hover	{ color:var(--var-gold); text-decoration:none; transition: all 0.5s ease; }
.btn1 				{ background-color: #ac8c47; border-color:#ac8c47; color: #FFFFFF; border:1px solid #ac8c47; text-decoration: none;box-shadow: 0px 3px 10px #e3d8c1; }
.btn1:hover 		{ background-color: #FFFFFF; border-color:#FFFFFF; color: #ac8c47; border:1px solid #ac8c47;  text-decoration: none; }
.btn1:visited 		{ background-color: #ac8c47; border-color:#ac8c47; color: #FFFFFF;  text-decoration: none; }

a.social_icon:link				{ text-decoration:none; color:#ac8c47; font-size: 20px; line-height: 18px; transition: all 0.3s ease; }
a.social_icon:visited			{ text-decoration:none; color:#ac8c47; font-size: 20px; line-height: 18px; transition: all 0.3s ease; }
a.social_icon:hover			    { text-decoration:none; color:#876a2c; font-size: 20px; line-height: 18px; transition: all 0.5s ease;	}

.home_graph_text1   { position:absolute; z-index:1000; top:80px; left:60px; color: #FFFFFF; }
.home_graph_text2   { position:absolute; z-index:1000; top:225px; left:150px; color: #FFFFFF; }
.home_graph_text3   { position:absolute; z-index:1000; top:380px; left:60px; color: #FFFFFF; }


ul.profile_links    { margin: 0px; padding: 0px; display: inline-block;}
ul.profile_links li { list-style: none; float: left; margin-right: 30px;  }
ul.profile_links li a { color: var(--var-gold); }
ul.profile_links li a:hover { color: var(--var-green);}
.profile_link_divider   { color: #CCCCCC; margin-left: 30px; }
ul.profile_links li a.active { color: var(--var-green);}
ul.profile_links li.dropdown a.active { color: var(--var-green);}
ul.profiledd li { float: none !important;margin-right:0; }
ul.profiledd li a:hover { color: #FFFFFF; }


.header-logo-wrapper {  position: relative; }
.header-logo-wrapper::after{
    content: '';
    height: 7px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed8034+0,ed8034+33,feb123+33,feb123+66,2184cd+66,2184cd+100 */
    background: rgb(70, 133, 124); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(4,166,90,1) 0%,rgba(4,166,90,1) 20%,rgba(255,62,93,1) 20%,rgba(255,62,93,1) 40%,rgba(54,176,226,1) 40%,rgba(54,176,226,1) 60%,rgb(168, 79, 71,1) 60%, rgba(168, 79, 71,1) 80%,rgb(247, 126, 83,1) 80%, rgba(247, 126, 83,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(4,166,90,1) 0%,rgba(4,166,90,1) 20%,rgba(255,62,93,1) 20%,rgba(255,62,93,1) 40%,rgba(54,176,226,1) 40%,rgba(54,176,226,1) 60%,rgb(168, 79, 71,1) 60%, rgba(168, 79, 71,1) 80%,rgb(247, 126, 83,1) 80%, rgba(247, 126, 83,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(4,166,90,1) 0%,rgba(4,166,90,1) 20%,rgba(255,62,93,1) 20%,rgba(255,62,93,1) 40%,rgba(54,176,226,1) 40%,rgba(54,176,226,1) 60%,rgb(168, 79, 71,1) 60%, rgba(168, 79, 71,1) 80%,rgb(247, 126, 83,1) 80%, rgba(247, 126, 83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46857C', endColorstr='#46857C',GradientType=1 ); /* IE6-9 */
  }



.btn_green          { background-color:var(--var-green); border: 1px solid transparent; color: white; box-shadow: 0px 4px 10px #91af9c; }
.btn_green:hover    { background-color: white; color: var(--var-green); border-color: var(--var-green); }

.btn_gold          { background-color:var(--var-gold); border: 1px solid transparent; color: white; box-shadow: 0px 4px 10px #b4a994; }
.btn_gold:hover    { background-color: white; color: var(--var-gold); border-color: var(--var-gold); }

.theme_text_green { color: var(--var-green); }
.theme_text_gold  { color: var(--var-gold); }

a.link_green:link       { color: var(--var-green); transition: all 0.3s ease; }
a.link_green:visited    { color: var(--var-green); transition: all 0.3s ease; }
a.link_green:hover      { color: var(--var-gold); transition: all 0.3s ease; }

a.link_gold:link       { color: var(--var-gold); transition: all 0.3s ease; }
a.link_gold:visited    { color: var(--var-gold); transition: all 0.3s ease; }
a.link_gold:hover      { color: var(--var-green); transition: all 0.3s ease; }

.border-color-green { border-color: var(--var-green) !important; }
.border-color-gold { border-color: var(--var-gold) !important; }
.border-color-red { border-color: var(--var-light-red) !important; }
.border-color-blue { border-color: var(--var-light-blue) !important; }

.bg_gold        { background-color: var(--var-gold) !important; }
.bg_green        { background-color: var(--var-green); }

.pagination .active > .page-link, .page-link.active { background-color: var(--var-gold); border-color: var(--var-gold); color: #FFFFFF !important; font-size:14px; }
.pagination li.paginate_button > a.page-link { color: var(--var-green);font-size:14px;  }
.pagination li.disabled > a.page-link { color: #888888;font-size:14px;  }


::placeholder { opacity: 1; font-size: 14px; color: #AAAAAA !important; }
::-ms-input-placeholder  { opacity: 1; font-size: 14px; color: #AAAAAA !important; }

input.checkbox  { border: none }
input.error     { border: 1px solid red;  box-shadow:0px 0px 3px #F00 !important;  }
.error			{  }
label.error 	{ border:none !important; display: none !important; margin-bottom:0px !important; padding-bottom:0px !important;  color:#DA0F19; }

.input_gold     { background-color: #f8f5ee; border-color: #d4d0c8; }
.textarea_small     { font-size: 13px; }
.text_small     { font-size: 13px; }
.tbl_h          { height: 40px; display: table-cell; vertical-align: middle; }
.lesson_plan_list_header    { background-color:#E7E4DE; font-size: 14px; }
.content_box        { border: 1px solid #eeeded; }

.info-text {
	font-size: 14px;
	color: #7a7a7a;
	letter-spacing: -0.01em;
	text-transform: capitalize;
}
.sect-title {
	font-size: 20px;
	color: var(--var-gold);
	margin: 0;
}
.gold-heading {
	font-size: 15px;
	color: var(--var-gold);
	font-weight: 600;
}
.rectangle-element {
	width: 92px;
	height: 92px;
	background: linear-gradient(180deg, #ac8c47 21.15%, #765b20 281.73%);
	border-radius: 10px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.rectangle-wrapper {
	position: absolute;
	animation: up-down 10.5s infinite;
	-webkit-animation: up-down 10.5s infinite;
	top: 50%;
	left: -60px;
}

@keyframes up-down {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
	25% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
	}
	50% {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
	}
	75% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
    }
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
    }
}

.light-red-bg {
	background-color: var(--var-light-red);
}

.gold-bg {
	background-color: var(--var-gold);
}
.light-blue-bg {
	background-color: var(--var-light-blue);
}
.custom-light-red-color {
	color: var(--var-light-red);
}
.custom-gold-color {
	color: var(--var-gold);
}
.custom-light-blue-color {
	color: var(--var-light-blue);
}
.custom-light-red-bg {
	background-color: #FDD7DD;
}
.custom-gold-bg {
	background-color: #F3EDE2;
}
.custom-light-blue-bg {
	background-color: #D5EEF8;
}
.light-white-bg {
	background-color: var(--var-light-white);
}
.light-grey-bg {
	background-color: #e7e5df;
}
.light-green-bg {
	background: #d7f3eb;
}
.light-orange-bg {
	background: #fceae4;
}
.light-yellow-bg {
	background: #fdf2e0;
}
.blue-light-bg {
	background: #dfe1f6;
}
.light-skyblue-bg {
	background: #d7f8fd;
}
.light-pink-bg {
	background: #f9dae7;
}
.light-brown-bg {
	background: #f5e0e8;
}
.light-green-color {
	color: #00bd85;
}
.orange-color {
	color: #f77e53;
}
.border-color-light-green {
	border-left: 7px solid #46cea6;
}
.border-color-yellow {
	border-left: 7px solid #ffb63b;
}
.border-color-brown {
	border-left: 7px solid #a84f47;
}
.border-color-skyblue {
	border-left: 7px solid #41e6ff;
}

.border-color-orange {
	border-left: 7px solid #f77e53;
}
.bg-green-color {
	background-color: #00bd85;
}
.bg-orange-color {
	background-color: #f77e53;
}
.bg-light-blue-color {
	background-color: #22a6fe;
}
.bg-brown-color {
	background-color: #a84f47;
}
.bg-yellow-color {
	background-color: #ffb63b;
}

.gold-btn {
	background-color: #ac8c47;
	width: 140px;
	text-align: center;
	border: 1px solid transparent;
	color: white;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 6px 17px rgba(172, 140, 71, 0.76);
	padding: 8px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.gold-btn:hover {
	background-color: white;
	color: var(--var-gold);
	border-color: var(--var-gold);
}
.white-btn {
	background-color: white;
	width: 140px;
	text-align: center;
	border: 1px solid var(--var-gold);
	color: var(--var-gold);
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 6px 17px rgba(172, 140, 71, 0.76);
	padding: 8px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.white-btn:hover {
	background-color: var(--var-gold);
	color: white;
	border-color: transparent;
}
.form-control:focus {
	/* border-color: transparent;
	outline: none;
	box-shadow: none; */
}

.py-80 {
	padding: 80px 0;
}
/* header */
.top-info-links {
	background-color: var(--var-gold);
	padding: 5px 0;
}
.top-info-links-innner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.info-links-left p {
	color: white;
	font-weight: 300;
	margin: 0;
	font-size: 14px;
}
.info-links-left p span {
	font-weight: 600;
}
.info-links-right {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}
.info-links-right li {
	color: white;
    font-size: 14px;
}
.info-links-right li a {
	color: white;
	text-decoration: none;
	font-weight: 300;
	font-size: 14px;
}
.info-links-right li i {
	margin: 0px 10px 0 30px;
}
.info-links-right li a {
	margin-left: 40px;
	background-color: transparent;
	color: white;
	border: none;
	font-weight: 300;
}
.info-links-right li a img {
	margin-right: 10px;
}
@media (min-width: 315px) and (max-width: 790px) {
	.top-info-links-innner {
		flex-direction: column;
	}
	.info-links-right {
		flex-direction: column;
	}
	.info-links-right li i {
		margin-left: 0;
	}
	.info-links-left p,
	.info-links-right li {
		margin: 3px 0;
	}
}
.header-logo-wrapper {
	background-color: var(--var-light-white);
}
.header-logo-inner {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-logo-inner a {
	color: var(--var-gold);
	text-decoration: none;
}
.header-logo-inner a img {
	width: 80%;
	mix-blend-mode: darken;
}
.header-logo-inner a h3 {
	font-weight: 600;
	margin-bottom: 0;
}
.header-logo-inner a p {
	font-weight: 600;
	margin-bottom: 0;
}
@media (min-width: 315px) and (max-width: 800px) {
	.header-logo-inner {
		flex-direction: column;
	}
	.header-logo-inner a {
		margin: 20px 0;
	}
}

/* nav link */

.header-nav-wrapper         { background-color: var(--var-gold); padding: 20px 0; margin-bottom: 1px; }
.nav-links-wrapper .bi-x-lg { position: absolute; top: 20px; right: 25px; display: none; color: white; cursor: pointer; }
.nav-links-wrapper .collapse:not(.show) { display: block; }
.nav-links-wrapper .navbar-collapse .navbar-nav { flex-direction: row; }
.nav-links-wrapper .navbar-nav li .nav-link { margin-right: 5px; padding: 5px 8px; color: white; border-radius: 5px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;font-weight: 300; }
.nav-links-wrapper .navbar-nav li .nav-link:hover { background-color: white; color: var(--var-gold); }
.nav-links-wrapper .navbar-nav li .nav-link.active { background-color: white; color: var(--var-gold); }
.nav-button-wrapper button          { background-color: var(--var-green); color: white; border-color: white; margin-left: 15px; }
.nav-button-wrapper button:focus    { background-color: white !important; color:#46857C !important; border-color: #FFFFFF; }
.nav-button-wrapper button:hover    { background-color: white; color:#46857C; }
.header-nav-wrapper .bi-list        { display: none; font-size: 30px; color: white; cursor: pointer; }
.nav-button-wrapper button:active    { background-color: white; color: var(--var-gold); }
.dropdown-item { text-align: left;}
.dropdown-item:hover { background-color: var(--var-gold); color: #ffffff;  }
.dropdown-item.active { background-color: var(--var-gold) !important; color: #ffffff !important; }

@media (min-width: 300px) and (max-width: 1200px) {
	.nav-links-wrapper .navbar-collapse .navbar-nav {
		flex-direction: column;
	}
	.nav-links-wrapper {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: var(--var-gold);
		z-index: 99;
		height: 100%;
		width: 320px;
		padding: 50px 20px 0px 20px;
		box-shadow: 2px 2px 2px #ac8c47;
		overflow-y: scroll;
	}

	.nav-links-wrapper .dropdown-menu {
		background-color: transparent;
		width: 100%;
		border: none;
	}

	.nav-links-wrapper .dropdown-menu a {
		color: white;
		padding: 15px 15px 15px 35px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.nav-links-wrapper .dropdown-menu a:hover {
		background-color: white;
		color: var(--var-gold);
	}
	.nav-links-wrapper .navbar-nav li .nav-link {
		padding: 15px;
	}

	.header-nav-wrapper .bi-list {
		display: block;
	}

	.nav-links-wrapper .bi-x-lg {
		display: block;
	}
	.nav-links-wrapper::-webkit-scrollbar {
		width: 15px;
	}
	.nav-links-wrapper::-webkit-scrollbar-track {
		background-color: var(--var-gold);
	}
	.nav-links-wrapper::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		background-color: white;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: relative;
}

}
/* header */

/* home page css */
/* hero section home */

.hero-section .carousel-control-prev {
	position: absolute;
	margin-bottom: 40px;
	top: 70%;
	left: 80%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid white;
    background-color: var(--var-green);
}
.hero-section .carousel-control-next {
	margin-top: 40px;
	position: absolute;
	top: 75%;
	left: 80%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid white;
    background-color: var(--var-green);
}


.hero-section .carousel-control-prev span,
.hero-section .carousel-control-next span {
	color: white;
}
.hero-section .carousel-caption {
	background: rgba(0, 0, 0, 0.15);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
}
.hero-content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
    
}
.hero-content-wrapper h2 {
	font-size: 40px;
    z-index: 1000;position: absolute;
}
.hero-content-wrapper a {
	margin-right: 5px;
	padding: 10px 35px;
	color: var(--var-gold);
	background-color: white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-weight: 300;
	text-decoration: none;
}
@media (min-width: 300px) and (max-width: 820px) {
	.hero-section .carousel-control-prev {
		top: 50%;
		left: 90%;
		margin-bottom: 0px;
		width: 25px;
		height: 25px;
	}
	.hero-section .carousel-control-next {
		top: 70%;
		margin-top: 0px;
		left: 90%;
		width: 25px;
		height: 25px;
	}
	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 15px;
	}
	.hero-content-wrapper h2 {
		font-size: 20px;
	}
	.hero-content-wrapper a {
		padding: 7px 25px;
	}
}

/* info-section */
.info-section {
	background-color: var(--var-light-white);
	padding: 80px 0 0 0;
}
.info-section .row {
	align-items: center;
}
.info-section .info-image {
	margin-left: auto;
	box-sizing: content-box;
}
.info-section .info-image img {
	width: 100%;
}
.info-header {
	display: flex;
	align-items: center;
}
.info-header .info-header-icon {
	width: 30px;
    text-align: left;
    margin-right:15px;
}
.info-header-icon img {
	width: 100%;
}
.info-header h2 {
	font-weight: 700;
	margin-bottom: 0;
	margin-left: 10px;
}
.info-content-wrapper h5 {
	font-size: 18px;
	color: var(--var-gold);
	margin-top: 5px;
}
@media (min-width: 300px) and (max-width: 550px) {
	.info-section .info-image {
		padding-top: 50px;
	}
	.info-content-wrapper h5 {
		font-size: 15px;
	}
	.info-header h2 {
		font-size: 20px;
	}
}
/* info-section */

/* .facilities-section */
.facilities-section {
	background-color: var(--var-light-white);
	padding: 40px 0;
}
.facilities-content {
	background-image: url("../images/facility bg.png");
	background-repeat: no-repeat;
	background-size: contain;
	animation: move 5s linear alternate infinite;
	-webkit-animation: move 5s linear alternate infinite;
}

@keyframes move {
	50% {
		background-position: 50%;
	}
}

.facilities-card {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #fdfdfd;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 30px;
	text-align: center;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
}

.facilities-card .facilities-card-image {
	width: 90px;
}
.facilities-card-image img {
	width: 100%;
}
.facilities-card h5 {
	text-align: center;
	margin: 10px 0;
	font-size: 16px;
}
.facilities-card small {
	font-size: 12px;
	color: #837baf;
}
@media (min-width: 300px) and (max-width: 800px) {
	.facilities-content {
		background-image: unset;
	}
}
/* .facilities-section */

/* .review-section */
.review-section {
	background-color: #e7e4de;
	padding: 80px 0;
}
.review-section-innner .info-header {
	justify-content: center;
	margin-bottom: 60px;
}

.owl-carousel .owl-item img {
	width: unset;
}
.qoute-icon-start {
	display: flex;
	justify-content: start;
}
.qoute-icon-end {
	display: flex;
	justify-content: end;
}
.review-card-wrapper {
	background-color: white;
	padding: 50px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}
.review-card-wrapper h5 {
	margin-bottom: 0;
}
.review-card-wrapper small {
	color: #a6a6a6;
}
.review-card-wrapper p {
	font-size: 14px;
	margin: 4px 0;
}
.rating {
	margin-top: 20px;
}

.rating .bi-star-fill {
	color: #fcd753;
}
.rating .unfill {
	color: #e9e9e9;
}
.review-section .owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
}

/* .review-section */

/* .register-section */
.register-section {
	background-color: var(--var-light-white);
	padding: 40px 0;
}
.register-section .row {
	align-items: center;
}
.register-section .info-header {
	justify-content: center;
	margin-bottom: 80px;
}
.register-description-wrapper h5 {
	font-size: 16px;
	color: var(--var-gold);
}
.register-description-wrapper p {
	width: 65%;
	font-size: 15px;
	margin-bottom: 110px;
}
.register-description-wrapper h4 {
	font-size: 18px;
	color: var(--var-gold);
	font-weight: 600;
}
.counter-wrapper {
	display: flex;
	margin-top: 20px;
}
.counter-wrapper .counter-item {
	width: 80px;
	height: 80px;
	background-color: white;
	display: flex;
	font-size: 13px;
	font-weight: 400;
	color: var(--var-gold);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 10px;
}
.counter-wrapper .counter-item span {
	font-size: 16px;
	color: black;
	font-weight: 500;
}
.register-image-wrapper {
	position: relative;
	width: 270px;
}
.register-image-wrapper img {
	width: 100%;
}

.register-image-wrapper .register-card {
	width: 300px;
	padding: 30px;
	background-color: white;
	border-radius: 20px;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.register-image-wrapper .register-card:nth-child(2) {
	top: -3%;
	right: -88%;
	position: absolute;
	animation: shake 10.5s infinite;
	-webkit-animation: shake 10.5s infinite;
}

@keyframes shake {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
	25% {
		transform: translateX(-10px);
	}
	50% {
		transform: translateX(10px);
	}
	75% {
		transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-o-transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}

.register-image-wrapper .register-card:nth-child(3) {
	top: 50%;
	right: -115%;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.register-image-wrapper .register-card:nth-child(4) {
	bottom: 0;
	right: -88%;
	position: absolute;
	animation: shake 9.5s infinite;
	-webkit-animation: shake 9.5s infinite;
}
.register-image-wrapper .register-card:nth-child(3) .card-border-effect {
	background-color: var(--var-gold);
}
.register-image-wrapper .register-card:nth-child(4) .card-border-effect {
	background-color: #36b0e2;
}
.register-image-wrapper .card-border-effect {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 2; /* increase the after element's z-index */
	width: 15px;
	height: 108px;
	background-color: #ff3e5d;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.register-image-wrapper .register-card p {
	font-size: 14px;
	margin-bottom: 3px;
	color: #66677b;
}
.register-image-wrapper .register-card p span {
	width: 70px;
	font-weight: 800;
	color: #8087de;
	display: inline-block;
}
@media (min-width: 310px) and (max-width: 1200px) {
	.register-image-wrapper {
		position: relative;
		width: 170px;
		margin-top: 80px;
	}
	.register-image-wrapper .register-card:nth-child(2) {
		top: -10%;
		right: -168%;
	}
	.register-image-wrapper .register-card:nth-child(3) {
		top: 50%;
		right: -180%;
	}

	.register-image-wrapper .register-card:nth-child(4) {
		bottom: -10%;
		right: -168%;
	}
}
@media (min-width: 310px) and (max-width: 500px) {
	.register-image-wrapper {
		position: relative;
		width: 110px;
		margin-top: 80px;
	}
	.register-image-wrapper .register-card:nth-child(2) {
		top: -10%;
		right: -140%;
	}
	.register-image-wrapper .register-card:nth-child(3) {
		top: 50%;
		right: -168%;
	}

	.register-image-wrapper .register-card:nth-child(4) {
		bottom: -10%;
		right: -140%;
	}
	.register-image-wrapper .register-card p {
		font-size: 9px;
	}
	.register-image-wrapper .register-card p span {
		width: 45px;
	}
	.register-image-wrapper .register-card {
		width: 175px;
		padding: 15px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.register-image-wrapper .card-border-effect {
		height: 63px;
		right: -5px;
	}
	.counter-wrapper .counter-item {
		width: 60px;
		height: 60px;
	}
	.register-description-wrapper p {
		width: unset;
		font-size: 12px;
	}
	.register-description-wrapper h5 {
		font-size: 13px;
	}
}

/* .register-section */

/* update-section */
.update-section {
	background-image: url("../images/updatebg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--var-light-white);
	padding: 100px 0;
}
.update-section .info-header {
	justify-content: center;
	margin-bottom: 50px;
}
.update-card-wrapper .card {
	padding: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-color: white;
}
.gallery-card-wrapper .card {
	padding: 15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-color:var(--var-ligh-gold);
    background-color:var(--var-ligh-gold);
}
.update-card-wrapper .card .card-body {
	padding: 0;
}
.update-caption-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.update-card-wrapper .date-item {
	width: 100px;
	height: 80px;
	display: flex;
	font-size: 13px;
	font-weight: 400;
	color: white;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-right: 10px;
}
.date-item { min-width: 100px !important;}
.update-caption h5 {
	font-size: 16px;
	font-weight: 600;
}
.update-caption p {
	font-size: 13px;
	margin-bottom: 0;
}
@media (min-width: 310px) and (max-width: 500px) {
	.update-card-wrapper .date-item {
		height: 60px;
		font-size: 10px;
	}
	.update-caption h5 {
		font-size: 13px;
	}
	.update-caption p {
		font-size: 10px;
	}
}
@media (min-width: 310px) and (max-width: 1100px) {
	.update-section {
		background-position: center;
	}
}
/* update-section */

/* .gallery-section */
.gallery-section {
	background-color: var(--var-light-white);
	padding: 80px 0;
}
.gallery-section .info-header {
	justify-content: center;
	margin-bottom: 40px;
}

/* filter */
/* .grid {
				background: #ddd;
			} */
.filters {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.filters .btn {
	color: var(--var-gold);
	outline: none;
	border: none;
}
.filters .btn:focus {
	outline: none;
	border: none;
}
/* clear fix */
.grid:after {
	content: "";
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
	width: 33.333%;
}

.grid-item {
	float: left;
	padding: 5px;
}

.grid-item img {
	display: block;
	max-width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
/* filter */
/* .gallery-section */
/* .cta-end-section */

.cta-end-section {
	background-image: url("../images/cta.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.cta-end-inner {
	background: rgba(207, 213, 232, 0.8);
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.cta-end-inner h2 {
	font-weight: 600;
}
@media (min-width: 310px) and (max-width: 500px) {
	.cta-end-section {
		height: 300px;
	}
}

/* .cta-end-section */

/* home page css */

/* fotter */
.footer {
	background-image: url("../images/footerbg.png");
	background-repeat: no-repeat;
	background-position: bottom;
}
.footer-inner {
	padding: 100px 0 0 0;
	background-color: var(--var-gold);
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.9;
}
.footer-logo-section .footer-logo {
	display: inline-block;
	width: 120px;
	padding: 10px;
	background-color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.footer-logo img {
	width: 100%;
}
.footer-logo-section p {
	font-size: 14px;
	color: white;
	margin: 40px 0 0 0;
}
.footer-logo-section .footer-form-wrapper {
	display: flex;
	margin-top: 20px;
}
.footer_text_box {
    text-align: left;
}
.footer-logo-section .white-btn {
	position: relative;
	border-color: transparent;
	left: -20px;
}
.footer-logo-section .white-btn:hover {
	background-color: white;
	color: var(--var-gold);
}
.footer-logo-section .form-control {
	background-color: var(--var-gold);
	color: white;
	border-color: white;
}
.footer-logo-section .form-control:focus {
	border-color: white;
}
.footer-logo-section .form-control::placeholder {
	color: white;
}
.footer-nav .navbar-expand-lg .navbar-nav {
	flex-direction: column;
}
.footer-nav .collapse:not(.show) {
	display: block;
}
.footer-nav .nav-link,
.footer-nav .dropdown-item,
.footer-nav .dropdown-item:hover {
	color: white;
	background-color: var(--var-gold);
}
.footer-nav .navbar-nav .dropdown-menu {
	background-color: var(--var-gold);
	border: unset;
	margin: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.footer-nav .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: wheat;
}
.footer-nav .container-fluid,
.footer-nav .nav-link {
	padding-left: 0;
	padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 0;
	padding-right: 0;
}
.footer-nav h5 {
	position: relative;
	color: white;
	margin-bottom: 30px;
}
.footer-nav h5::after {
	position: absolute;
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: white;
	bottom: -5px;
	left: 0;
}
.footer-link-wrapper .footer-map {
	width: 300px;
}
.footer-link-wrapper .footer-map iframe {
	width: 100%;
}
.contact-info .contact-info-item {
	display: flex;
	align-items: baseline;
	margin: 10px 0;
}
.contact-info .contact-info-item i {
	width: 40px;
	color: white;
}
.contact-info .contact-info-item a {
	font-size: 14px;
	text-decoration: none;
	color: white;
}
.footer-copyright {
	padding: 40px 0 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-copyright span {
	font-size: 13px;
	color: white;
}
.footer-copyright .social-links-wrapper {
	display: flex;
}
.footer-copyright .social-links-wrapper a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
@media (min-width: 992px) {
	.footer .navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.footer-link-wrapper .footer-map {
		width: 200px;
	}
}
@media (min-width: 310px) and (max-width: 768px) {
	.footer-copyright {
		flex-direction: column-reverse;
	}
	.footer-copyright span {
		display: inline-block;
		margin: 20px 0;
		text-align: center;
	}
	.footer-nav h5 {
		margin-top: 50px;
	}
}
/* fotter */

/* page title background */

.page-info-section {
	/* background-image: url("../images/page_title_bg1.png"); */
	/* background-repeat: no-repeat;
	background-size: cover; */
	height: 300px;
}
.page-info-inner {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.page-info-content-wrapper {
	display: flex;
	justify-content: space-between;
	color: white;
	align-items: center;
}
.page-info-content-wrapper .breadcrumb-item + .breadcrumb-item::before {
	color: white;
}
.page-info-content-wrapper .breadcrumb li a,
.page-info-content-wrapper .breadcrumb li {
	color: white;
	text-decoration: none;
}

.user_pages .breadcrumb-item + .breadcrumb-item::before {
	color: var(--var-light-red);
}
.user_pages .breadcrumb li a {
    color: #999999;
	text-decoration: none;
}
.user_pages .breadcrumb li {
    color: var(--var-green);
	text-decoration: none;
}



@media (min-width: 310px) and (max-width: 768px) {
	.page-info-content-wrapper {
		flex-direction: column;
	}
	.page-info-section {
		height: 175px;
	}
}
/* page  background */

/* .management-section */
.management-section {
	position: relative;
}
.management-section .info-text {
	width: 70%;
	margin: 0 auto;
}
.management-content h5 {
	font-size: 14px;
	font-weight: 600;
}

@media (min-width: 310px) and (max-width: 768px) {
	.management-section .info-text {
		width: 100%;
		margin: 0 auto;
	}

	.sect-title {
		font-size: 17px;
	}
}
/* .management-section */

/* .partners-section */
.partners-section {
	background-image: url("../images/partner.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
	animation: move 5s linear alternate infinite;
	-webkit-animation: move 5s linear alternate infinite;
}
.partner-profile {
	padding: 30px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 300px;
}
.partner-img img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.partner-profile h5 {
	margin-bottom: 0;
	font-size: 18px;
	text-align: center;
}
.partner-profile small {
	color: #a6a6a6;
}
.partner-content {
	position: relative;
}
.partner-content #partner-left,
.partner-content #partner-right {
	width: 40px;
	height: 40px;
	font-size: 20px;
	display: flex;
	background-color: transparent;
	color: var(--var-gold);
	border: 1px solid var(--var-gold);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	z-index: 9;
}
.partner-content #partner-left {
	top: 50%;
	left: -50px;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
}
.partner-content #partner-right {
	top: 50%;
	right: -50px;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
}
@media (min-width: 310px) and (max-width: 1350px) {
	.partner-content #partner-left {
		left: 10px;
		transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		-moz-transform: translateY(-120%);
		-ms-transform: translateY(-120%);
		-o-transform: translateY(-120%);
	}
	.partner-content #partner-right {
		right: 10px;
		transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		-moz-transform: translateY(-120%);
		-ms-transform: translateY(-120%);
		-o-transform: translateY(-120%);
	}
}
.partner-content .owl-dots,
.partner-content .owl-nav {
	display: none;
}
/* .partners-section */

/* about-school page */

.about-school-content .about-school-card {
	padding: 30px 30px 30px 85px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	height: 100%;
	position: relative;
	margin-left: 65px;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}

.about-school-content .about-school-img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	position: absolute;
	top: 10px;
	left: -65px;
}
.about-school-img img {
	width: 80px;
	object-fit: contain;
}
.about-school-card h5 {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
}
.about-school-card small {
	color: #7a7a7a;
	font-size: 13px;
}

/* about-school page*/
@media (min-width: 310px) and (max-width: 450px) {
	.about-school-content .about-school-card {
		padding: 30px;
		margin-left: unset;
	}
	.about-school-content .about-school-img {
		margin-bottom: 10px;
		position: unset;
	}
	.about-school-card small {
		text-align: justify;
	}
}

/* .ies-club-section */

.ies-club-content .ies-club-card {
	padding: 30px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	height: 100%;
	position: relative;
}
.ies-club-content .ies-club-img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
}
.ies-club-img img {
	width: 50px;
	object-fit: contain;
}
.ies-club-card h5 {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
}
.ies-club-card small {
	color: #7a7a7a;
	font-size: 13px;
}
/* .ies-club-section */

/* magazines */
.magazines-section {
	position: relative;
}

.magazines-content .magazine-card {
	padding: 30px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	height: 100%;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.magazine-card .magazine-image {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 115px;
	margin-right: 15px;
	background: rgba(165, 165, 165, 0.15);
}
.magazine-image img {
	width: 70px;
	object-fit: contain;
}
.magazine-card a {
	display: block;
	width: 135px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
}
.magazine-card a i {
	margin-right: 10px;
	font-size: 20px;
}
.magazine-card h5 {
	font-size: 18px;
	font-weight: 600;
}
.magazines-section .magazine-pagination,
.policies-pagination {
	display: flex;
	justify-content: end;
}
.magazines-section .magazine-pagination a,
.policies-pagination a {
	display: grid;
	place-items: center;
	font-weight: 600;
	width: 40px;
	padding: 10px 0;
	margin-left: 5px;
	text-decoration: none;
	color: var(--var-gold);
	border: 1px solid var(--var-gold);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.magazines-section .magazine-pagination a.active,
.policies-pagination a.active {
	background-color: var(--var-gold);
	color: white;
}
@media (min-width: 310px) and (max-width: 450px) {
	.magazine-card h5 {
		font-size: 15px;
	}
}
/* magazines */

/* .policies */
.policies-content,
.feestructure-table {
	width: 100%;
}

.policies-content table,
.feestructure-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 15px;
}

.policies-content table tbody tr,
.feestructure-table table tbody tr {
	background-color: white;
	color: #6d6d6d;
}
.policies-content table thead tr,
.feestructure-table table thead tr {
	background-color: var(--var-gold);

	color: white;
}

.policies-content table thead tr td,
.feestructure-table table thead tr td,
.policies-content table tbody tr td,
.feestructure-table table tbody tr td {
	padding: 15px 20px;
	margin-top: 20px;
	font-size: 15px;
	font-weight: 500;
}
/* .policies-content table tbody tr td , .feestructure-table table tbody tr td{
	padding: 15px 30px;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
} */
.policies-content table td:first-child,
.feestructure-table table td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.policies-content table td:last-child,
.feestructure-table table td:last-child {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.policies-content table tbody tr td a {
	display: grid;
	place-items: center;
	background-color: #4cd3aa;
	width: 40px;
	height: 40px;
	color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.policies-content table tbody tr td a i {
	font-size: 20px;
}
@media (min-width: 310px) and (max-width: 992px) {
	.policies-content,
	.feestructure-table {
		overflow-x: scroll;
	}
	.policies-content table,
	.feestructure-table table {
		width: 990px;
	}
	.policies-content::-webkit-scrollbar,
	.feestructure-table::-webkit-scrollbar {
		height: 5px;
	}

	.policies-content::-webkit-scrollbar-track,
	.feestructure-table::-webkit-scrollbar-track {
		box-shadow: inset 0 0 2px rgba(175, 175, 175, 0.3);
	}

	.policies-content::-webkit-scrollbar-thumb,
	.feestructure-table::-webkit-scrollbar-thumb {
		background-color: rgb(165, 165, 165);
		outline: 1px solid rgb(172, 172, 172);
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
		-o-border-radius: 15px;
	}
}
/* policies */

/* rules page */
.rules-header .info-text {
	width: 80%;
	margin: 0 auto;
	color: #161616;
	font-weight: 500;
}

.rules-content-image {
	float: right;
	margin-right: 20px;
}
.rules-content-image img {
	width: 440px;
	object-fit: contain;
}
.rules-content .info-text {
	letter-spacing: unset;
}
.rules-content .info-text span {
	font-weight: 600;
	line-height: 26px;
}

.rules-section .card {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.rules-section ul {
	padding-left: 40px;
	list-style: none;
}
.rules-section ul li {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 8px;
	letter-spacing: -0.01em;
	text-transform: capitalize;

	color: #7a7a7a;
}
.highlighted-heading {
	padding: 30px;
	background: #e7e5df;
	border: 1px dashed #000000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.rules-section ul li img {
	position: absolute;
	top: 2px;
	left: -40px;
}

@media (min-width: 310px) and (max-width: 992px) {
	.rules-header .info-text {
		width: 100%;
	}
	.rules-content-image {
		margin: 0 auto;
	}
	.rules-content {
		display: flex;
		justify-content: center;
		align-items: start;
		flex-direction: column-reverse;
	}
}
@media (min-width: 310px) and (max-width: 500px) {
	.rules-content-image img {
		width: 300px;
	}
}
/* rules-files */
.downloadfile {
	position: relative;
}
.downloadfile-slider {
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.downloadfile-slider .downloadfile-card {
	padding: 20px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.downloadfile-card .downloadfile-image {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 115px;
	background: rgba(165, 165, 165, 0.15);
}
.downloadfile-card-info {
	padding-left: 10px;
}
.downloadfile-card img {
	width: 70px;
	object-fit: contain;
}
.downloadfile-card a {
	display: block;
	width: 135px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
}
.downloadfile-card a i {
	margin-right: 10px;
	font-size: 20px;
}
.downloadfile-card h5 {
	font-size: 18px;
	font-weight: 600;
}
.downloadfile #downloadfile-left,
.downloadfile #downloadfile-right {
	width: 40px;
	height: 40px;
	font-size: 20px;
	display: flex;
	background-color: transparent;
	color: var(--var-gold);
	border: 1px solid var(--var-gold);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	z-index: 9;
}
.downloadfile #downloadfile-left {
	top: 50%;
	left: -50px;
}
.downloadfile #downloadfile-right {
	top: 50%;
	right: -50px;
}
.downloadfile .owl-dots,
.downloadfile .owl-nav {
	display: none;
}
@media (min-width: 310px) and (max-width: 1250px) {
	.downloadfile #downloadfile-left {
		left: -5px;
	}
	.downloadfile #downloadfile-right {
		right: -5px;
	}
}

/* rules-files */
/* rules page */

/* .feestructure-section */
.feestructure-header .info-text {
	width: 80%;
	margin: 0 auto;
	color: #161616;
	font-weight: 500;
}
.feestructure-section .highlighted-heading {
	text-align: center;
}
/* .feestructure-section */
/* .career-section */

.career-header .info-text {
	width: 80%;
	margin: 0 auto;
	color: #161616;
	font-weight: 500;
}
.career-card-wrapper,
.career-full-width-card {
	padding: 25px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.career-card-wrapper h5,
.career-full-width-card h5 {
	font-size: 18px;
	font-weight: 600;
}
.career-card-wrapper small,
.career-full-width-card small {
	font-size: 13px;
	color: #7a7a7a;
	font-weight: 600;
}

.career-full-width-card {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.career-full-width-card .gold-btn {
	height: 40px;
}
.career-full-width-card .progress-stacked,
.career-full-width-card h5 {
	width: 300px;
}
.career-full-width-card h2 {
	font-size: 45px;
	position: absolute;
	top: 50%;
	left: 70%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

@media (min-width: 310px) and (max-width: 900px) {
	.career-header .info-text {
		width: 100%;
	}
	.career-full-width-card h2 {
		left: 50%;
	}
}
@media (min-width: 310px) and (max-width: 700px) {
	.career-full-width-card h2 {
		left: unset;
		top: unset;
		transform: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		-o-transform: unset;
		bottom: 25px;
		right: 10px;
		font-size: 18px;
	}
	.career-full-width-card .progress-stacked,
	.career-full-width-card h5 {
		width: 100%;
	}
	.career-full-width-card {
		flex-direction: column;
	}
}
/* .career-section */
/* contact-inner */
.contact-inner{
	padding-top: 80px;
}
.contact-inner .card {
	border-radius: unset;
	-webkit-border-radius: unset;
	-moz-border-radius: unset;
	-ms-border-radius: unset;
	-o-border-radius: unset;
	background-color: transparent;
	border: unset;
}
.contact-inner .card .card-img-overlay {
	background-color: transparent;
	border: unset;
}
.contact-inner .address-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.address-inner {
	position: absolute;
	top: -17%;
	right: 8%;

}
.address-wrapper .address-card {
	width: 310px;
	padding: 25px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}
.address-card p {
	font-size: 15px;
	text-align: center;
	font-weight: 500;
}

.address-wrapper .address-card::after {
	content: url("../images/circlestyle.png");
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
@media (min-width: 801px) and (max-width: 1050px){
.address-inner {
	position: absolute;
	top: -35%;
    right: 5%;
}
.contact-inner{
	padding-top: 120px;
}
}
@media (min-width: 701px) and (max-width: 800px){
.address-inner {
	position: absolute;
	top: -55%;
    right: 2%;
}
.contact-inner{
	padding-top: 120px;
}
}
@media (min-width: 501px) and (max-width: 700px){
.address-inner {
	position: absolute;
	top: -80%;
    right: -3%;
}
.contact-inner{
	padding-top: 160px;
}
}
@media (min-width: 401px) and (max-width: 500px){
.address-inner {
	position: absolute;
	top: -130%;
    right: -4%;
}
.contact-inner{
	padding-top: 160px;
}
}
@media (min-width: 301px) and (max-width: 400px){
	.address-wrapper .address-card{
		padding: 10px;
		width: 235px;
	}
.address-inner {
	position: absolute;
	top: -164%;
    right: -10%;
}
.contact-inner{
	padding-top: 160px;
}
.address-card .gold-heading{
	font-size: 12px;
	
}
.address-card p {
	font-size: 12px;
	
}
.address-wrapper .address-card::after {
	transform: unset;
	-webkit-transform: unset;
	-moz-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
	left: 60%;
}
}

.contact-infomation-wrapper{
	position: relative;
	top: -110px;
}
.contact-infomation-wrapper .contact-info-card{
	width: 100%;
	padding: 25px;
	background-color: white;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	
	align-items: start;
	flex-direction: column;
	position: relative;
	box-shadow: 0px 65px 117px rgba(0, 0, 0, 0.08);
}
.contact-info-card .contact-info-icon{
	width: 100%;
	height: 130px;
	display: grid;
	place-content: center;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
}
.contact-info-card .contact-info-icon i{
font-size: 40px;
}
.contact-info-card a{
	text-decoration: none;
	color:#161616;

}


@media (min-width: 310px) and (max-width: 500px){
.contact-infomation-wrapper{
	top: unset;
	padding-bottom: 80px;
}
}
/* contact-inner */
/* @media (min-width: 310px) and (max-width: 768px) */



@font-face {
    font-family: 'Droid_Arabic_Kufi';
    src: url('fonts/droidkufi/DroidKufi-Regular.eot');
    src: url('fonts/droidkufi/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/droidkufi/DroidKufi-Regular.woff2') format('woff2'),
        url('fonts/droidkufi/DroidKufi-Regular.woff') format('woff'),
        url('fonts/droidkufi/DroidKufi-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('roboto_lightcondensed/RobotoCondensed-Light-webfont.eot');
    src: url('roboto_lightcondensed/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto_lightcondensed/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('roboto_lightcondensed/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('roboto_lightcondensed/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Poppins Regular';
font-style: normal;
font-weight: normal;
src: local('Poppins Regular'), url('fonts/poppins/Poppins-Regular.woff') format('woff');
}


@font-face {
font-family: 'Poppins Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Italic'), url('fonts/poppins/Poppins-Italic.woff') format('woff');
}


@font-face {
font-family: 'Poppins Thin';
font-style: normal;
font-weight: normal;
src: local('Poppins Thin'), url('fonts/poppins/Poppins-Thin.woff') format('woff');
}


@font-face {
font-family: 'Poppins Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Thin Italic'), url('fonts/poppins/Poppins-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Poppins ExtraLight'), url('fonts/poppins/Poppins-ExtraLight.woff') format('woff');
}


@font-face {
font-family: 'Poppins ExtraLight Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins ExtraLight Italic'), url('fonts/poppins/Poppins-ExtraLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins Light';
font-style: normal;
font-weight: normal;
src: local('Poppins Light'), url('fonts/poppins/Poppins-Light.woff') format('woff');
}


@font-face {
font-family: 'Poppins Light Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Light Italic'), url('fonts/poppins/Poppins-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins Medium';
font-style: normal;
font-weight: normal;
src: local('Poppins Medium'), url('fonts/poppins/Poppins-Medium.woff') format('woff');
}


@font-face {
font-family: 'Poppins Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Medium Italic'), url('fonts/poppins/Poppins-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins SemiBold';
font-style: normal;
font-weight: normal;
src: local('Poppins SemiBold'), url('fonts/poppins/Poppins-SemiBold.woff') format('woff');
}


@font-face {
font-family: 'Poppins SemiBold Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins SemiBold Italic'), url('fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins Bold';
font-style: normal;
font-weight: normal;
src: local('Poppins Bold'), url('fonts/poppins/Poppins-Bold.woff') format('woff');
}


@font-face {
font-family: 'Poppins Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Bold Italic'), url('fonts/poppins/Poppins-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins ExtraBold';
font-style: normal;
font-weight: normal;
src: local('Poppins ExtraBold'), url('fonts/poppins/Poppins-ExtraBold.woff') format('woff');
}


@font-face {
font-family: 'Poppins ExtraBold Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins ExtraBold Italic'), url('fonts/poppins/Poppins-ExtraBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Poppins Black';
font-style: normal;
font-weight: normal;
src: local('Poppins Black'), url('fonts/poppins/Poppins-Black.woff') format('woff');
}


@font-face {
font-family: 'Poppins Black Italic';
font-style: normal;
font-weight: normal;
src: local('Poppins Black Italic'), url('fonts/poppins/Poppins-BlackItalic.woff') format('woff');
}