/*___________________________ STYLING ___________________________*/

:root
{
	--font-color: #6c6a6b;
	--primary-color: #ee7422;
	--secondary-color: #87e4ff;
}

body
{
	font-size: 15px;
	background-color: var(--secondary-color);
	color: var(--font-color);
	scroll-behavior: smooth;
}
section
{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
a
{
	text-decoration: none;
}
p
{
	font-size: 20px;
	line-height: 1.75;
}
h1
{
	font-size: 80px;
	margin-bottom: 45px;
}
h2
{
	color: #FC6C83;
	font-size: 60px;
	margin-bottom: 25px;
}
h3
{
	font-size: 45px;
	color: var(--primary-color);
	margin-bottom: 25px;
}
.container 
{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/*________________________ MULTILANGUAGE ________________________*/

html[dir='rtl']
{
	direction: rtl;
}
html[dir='ltr']
{
	direction: ltr;
}
html[dir='rtl'] body
{
	font-family: "LHLamarPro-Regular";
}
html[dir='ltr'] body
{
	font-family: "Open Sans";
}
html[dir='ltr'] h1,
html[dir='ltr'] h2,
html[dir='ltr'] h3,
html[dir='ltr'] a
{
	font-family: "ChunkyFelt";
}
html[dir='ltr'] h1
{
	margin-bottom: 10px;
}


/*____________________________ NAVBAR ___________________________*/

.navbar
{
	padding: 35px 0;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	z-index: 99;
}
.navbar.scroll
{
	padding: 20px 0;
	background-color: #87e4ff;
	-webkit-box-shadow: 0px 6px 20px 12px #00000014;
	box-shadow: 0px 6px 20px 12px #00000014;
}
.navbar-nav
{
	padding: 0;
}
.navbar-collapse
{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.nav-item
{
	padding-right: 5px;
}
.nav-link
{
	font-family: "LHLamarPro-Regular";
	font-size: 16px;
	color: #fff;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
.nav-link.active, .nav-item:hover .nav-link
{
	color: var(--primary-color);
}
.navbar-brand img
{
	width: 125px;
}
.social-media-list
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0 25px;
	padding: 0;
}
.social-media-list li
{
	margin-right: 15px;
}
.social-media-list li a img
{
	width: 28px;
	height: auto;
}
.language-btn ,.readmore-btn
{
	background-color: var(--primary-color);
	background-color: #EE7422;
	color: #fff;
	padding: 5px 25px;
	border-radius: 10px;
	text-transform: capitalize;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	letter-spacing: 1px;
	border: none;
	font-family: 'ChunkyFelt';
	font-size: 1rem;
}
html[dir='ltr'] .language-btn,
html[dir='ltr'] .readmore-btn
{
	font-family: 'LHLamarPro-Regular';
}
.language-btn:hover ,.readmore-btn:hover
{
	-webkit-box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	color: #fff;
}


/*_________________________ TOP SECTION _________________________*/

.top-section
{
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.cloud
{
	position: absolute;
	top: 0;
	right: -50px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
one-cloud svg
{
	position: absolute;
	left: -10vh;
	top: 85vh;
	-webkit-animation: cloud_to_left 35s linear infinite;
	animation: cloud_to_left 35s linear infinite;
}
butterfly-path 
{
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 120vw;
	height: 100vh;
	z-index: 98;
	pointer-events: none;
}
butterfly-path svg 
{
	overflow: visible !important;
	position: relative;
	top: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	z-index: 98;
	pointer-events: none;
}
butterfly-path svg path 
{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-236%);
	-ms-transform: translateX(-236%);
	transform: translateX(-236%);
}


/*________________________ INTRO SECTION ________________________*/

.intro-section
{
	background: rgb(135,228,255);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,228,255,1)), to(rgba(255,255,255,1)));
	background: -o-linear-gradient(top, rgba(135,228,255,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(135,228,255,1) 0%, rgba(255,255,255,1) 100%);
	padding: 100px 0 0;
}
.download-app
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 100px 0;
}
.download-app svg
{
	width: 225px;
	color: #FC6C83;
	fill: #FC6C83;
}
.apple-store svg
{
	padding: 10px 5px;
}
.intro-images
{
	margin-top: 50px;
}
.intro-images .intro-image:nth-child(odd)
{
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
	margin-top: 50px;
}
.intro-images .intro-image:nth-child(even)
{
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	margin-top: -50px;
}
.intro-image
{
	height: 275px;
	width: 50%;
	overflow: hidden;
	padding: 25px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
.intro-image img
{
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border: 5px solid #fff;
}

.intro-image:hover
{
	-webkit-transform: rotate(0deg)!important;
	-ms-transform: rotate(0deg)!important;
	transform: rotate(0deg)!important;
}


/*________________________ VIDEO SECTION ________________________*/

.video-section
{
	background-color: #fff;
	padding: 50px 0;
}
.video-container
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.video-placeholder
{
	position: absolute;
	bottom: 0;
	left: 46%;
	-webkit-transform: translate(-50%, -40px);
	-ms-transform: translate(-50%, -40px);
	transform: translate(-50%, -40px);
	border-radius: 25px;
}


/*_______________________ HEROES SECTION ________________________*/

.heroes-section
{
	background-color: #fff;
	position: relative;
	padding: 150px 0;
}
.hero-rana img
{
	height: 500px;
	-webkit-margin-start: auto;
	margin-inline-start: auto;
	margin-top: 75px;
	display: block;
}
.hero-rana h1
{
	color: #00B3B0;
}
.hero-fady img
{
	height: 450px;
	-webkit-margin-start: auto;
	margin-inline-start: auto;
	display: block;
}
.hero-fady h1
{
	color: #F15A29;
}
.hero-boby img
{
	height: 300px;
	-webkit-margin-start: auto;
	margin-inline-start: auto;
	display: block;
}
.hero-boby
{
	margin: 100px 0;
}
.hero-boby h1
{
	color: #39AA49;
}
.hero-bardy img
{
	height: 300px;
	-webkit-margin-start: auto;
	margin-inline-start: auto;
	display: block;
}
.hero-bardy h1
{
	color: #5C6CB0;
}


/*________________________ INTRO SECTION ________________________*/

.content-section
{
	background-image: url("../img/background3.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
} 
.content-section h3
{
	color: #EB5E69;
	margin-bottom: 15px;
}
.content-section p
{
	color: #212529;
}
.letters
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.letters img
{
	display: block;
	height: 125px;
}
.letters img:nth-child(2)
{
	height: 200px;
}
.letters img:nth-child(3)
{
	height: 115px;
}
.letters img:nth-child(4)
{
	height: 175px;
}


/*_______________________ SERVICES SECTION ______________________*/

.services-section
{
	background-color: #fff;
	text-align: center;
	padding: 150px 0 250px;
	position: relative;
}
.services-pyramids
{
	position: absolute;
	top: 50px;
	left: 15px;
}
.services-island
{
	position: absolute;
	bottom: 0px;
	right: 15px;
}
.services-island img
{
	width: 400px;
}
.services-section h2
{
	color: #017262;
	margin-bottom: 100px;
}
.services-item
{
	padding: 0 15px;
}
.services-item img
{
	height: 200px;
}
.services-item h3
{
	margin: 25px 0;
	color: #1B75BB;
}
.services-items .services-item:nth-child(2) h3
{
	color: #ED7285;
}
.services-items .services-item:nth-child(3) h3
{
	color: #66BFB5;
}


/*_______________________ GAME SECTION ________________________*/

.game-section
{
	background-color: #E8EAEA;
	padding: 250px 0 175px;
	position: relative;
}
.game-title
{
	position: relative;
}
.game-title h3
{
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	z-index: 1;
	position: relative;
}
.game-title svg
{
	position: absolute;
	top: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.game-slider
{
	width: 530px;
	margin: 0 auto 150px;
	z-index: 1;
	height: 350px;
}
.game-slide
{
	height: 350px;
}
.game-slide img
{
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}
.game-tablet svg
{
	position: absolute;
	z-index: 2;
	top: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);	
	pointer-events: none;
}
.slick-next:before, .slick-prev:before
{
	content: unset !important;
}
.slick-next svg
{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slick-next
{
	right: -45% !important;
	left: unset !important;
}
.slick-prev 
{
	left: -35% !important;
	right: unset !important;
}


/*_______________________ ABOUT SECTION ________________________*/

.teachers-section
{
	background-color: #fff;
	padding: 100px 0 50px;
}
.teachers-section h3
{
	color: #11B5C9;
}
.about-section
{
	background-color: #fff;
	padding-bottom: 400px;
	position: relative;
}
.about-section img
{
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	height: auto;
	margin-bottom: 25px;
}
.about-treasure
{
	position: absolute;
	left: 25vw;
	bottom: -25px;
	width: 200px;
}
.about-treasure img
{
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}
.about-links
{
	position: absolute;
	bottom: -25px;
	left: 75px;
}
.about-links img
{
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.app-link
{
	position: absolute;
	height: 65px;
	-webkit-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
	width: 75%;
	top: 15px;
	right: 0;
}
.terms-link
{
	position: absolute;
	height: 80px;
	width: 100%;
	top: 90px;
	right: 0;
}


/*___________________________ FOOTER ___________________________*/

footer
{
	position: relative;
	background-color: #11B5C9;
	color: #fff;
	height: 65px;
}
footer span
{
	line-height: 65px;
	direction: ltr;
	font-family: "Open Sans";
	white-space: nowrap;
}
footer .download-app
{
	padding: 0 25px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
footer .download-app svg
{
	width: 125px;
	fill: #fff;
	color: #fff;
}


/*___________________________ LINES ___________________________*/

.line1, .line2, .line3, .line4, .line5, .line6, .line7
{
	position: absolute;
}
.line1
{
	top: 48%;
	left: 40%;
}
.line2
{
	top: 72%;
	right: 35%;
}
.line3
{
	left: 36%;
	bottom: -1%;
}
.line4
{
	top: 50px;
	left: 30%;
}
.line5
{
	bottom: 0;
	left: 30%;
}
.line6
{
	top: 25px;
	right: 15%;
}
.line7
{
	bottom: 150px;
	left: 18%;
}

html[dir='ltr'] .line1,
html[dir='ltr'] .line2,
html[dir='ltr'] .line3,
html[dir='ltr'] .line4,
html[dir='ltr'] .line5,
html[dir='ltr'] .line6,
html[dir='ltr'] .line7
{
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
html[dir='ltr'] .line1
{
	top: 50%;
	left: 30%;
}
html[dir='ltr'] .line2
{
	top: 75%;
	right: 35%;
}
html[dir='ltr'] .line3
{
	left: 62%;
	bottom: -1%;
}
html[dir='ltr'] .line4
{
	top: 50px;
	left: 75%;
}
html[dir='ltr'] .line5
{
	bottom: 0;
	left: 50%;
}
html[dir='ltr'] .line6
{
	top: 25px;
	right: 82%;
}
html[dir='ltr'] .line7
{
	bottom: 150px;
	left: 18%;
}


/*_______________________ CUSTOM LOADER _______________________*/

html[dir='ltr'] .custom-loader span
{
	font-family: "ChunkyFelt";
}
.custom-loader 
{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: -webkit-gradient(linear, left top, left bottom, from(#11B5C9), color-stop(white), to(#11B5C9));
	background: -o-linear-gradient(#11B5C9, white, #11B5C9);
	background: linear-gradient(#11B5C9, white, #11B5C9);
	z-index: 100;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
.custom-loader.loaded
{
	display: none;
}
.custom-loader .background 
{
	position: absolute;
	z-index: -1;
	bottom: 0;
	min-height: 100vh;
	min-width: 100%;
}
.custom-loader .background img 
{
	min-width: 100%;
	height: 100%;
}
.custom-loader svg 
{
	max-height: 50vh;
}
.custom-loader .butterfly svg 
{
	position: absolute;
	right: 0;
	top: 90px;
}
.custom-loader .loader-content
{
	height: 100vh;
	padding: 50px 0px 100px;
}
.custom-loader apps 
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.custom-loader apps div 
{
	margin: 0 20px;
	height: 60px;
	background-color: rgba(0,0,0,0.3);
	border: 1px solid white;
	border-radius: 5px;
	width: 250px;
}
.custom-loader apps div img 
{
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 10px;
}
.custom-loader span
{
	font-size: 75px;
	text-align: center;
	color: #D91F5D;
	display: block;
	width: 100%;
	margin: 50px 0;
}


/* ----------------- TERMS AND CONDITIONS PAGE -----------------*/

.terms-top-section
{
	background-image: url("../img/background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	position: fixed;
	height: 100vh;
	width: 100vw;
}
.terms-content
{
	margin: 50px 0 75px;
	padding: 100px 150px;
	background-color: #f4e7cf;
	direction: ltr;
	position: relative;
}
.terms-content h3
{
	font-family: "ChunkyFelt";
	text-align: center;
	color: #d17228;
}
.terms-content p
{
	font-family: "Open Sans";
	direction: ltr;
	line-height: unset;
}
.terms-boby
{
	height: 200px;
	text-align: left;
	margin-bottom: 75px;
}
.terms-boby img
{
	height: 100%;
	width: auto;
	margin-left: 100px;
}
terms-butterfly
{
	z-index: 99;
	position: absolute;
	bottom: 50px;
	right: -150px;
}
.back-btn
{
	position: absolute;
	top: 35px;
	left: 50px;
	display: block;
	height: 35px;
	width: 35px;
}
.back-btn img
{
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}
.terms-section svg
{
	margin: 150px 0 50px;
}
.terms-section cloud-right svg
{
	position: absolute;
	right: -10vh;
	top: 30vh;
	-webkit-animation: cloud_to_right 35s linear infinite;
	animation: cloud_to_right 35s linear infinite;
}
.terms-section cloud-left svg
{
	position: absolute;
	left: -10vh;
	top: 30vh;
	-webkit-animation: cloud_to_left 35s linear infinite;
	animation: cloud_to_left 35s linear infinite;
}

.blog-content{
	position: relative;
}
.blog-content .back-btn{

	z-index: 9999;
}
.blog-box{
	background-color: var(--secondary-color);
	border-radius: 25px;
	padding: 25px;
	height: 100%;
	position: relative;
	display: block;
	z-index: 999;
}
.blog-box h5{
	color: var(--font-color);
	font-weight: bold;

}
.blog-box span i{
	color: #EE7422;
	margin-inline-end: 5px;

}
.blog-box img{
	width: 100%!important;
	object-fit: cover;
	object-position: center;

}
.blog-box img{
	aspect-ratio: 1;
}

.blog-box .description{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	font-size: 16px;
	height: 3em;
}
.blog-box .blog-image{
    aspect-ratio: 1;
    height: 40vw;
}