/* --------- Global Fonts --------- */
@import url("/static/fonts/fontawesome/css/all.min.css");
@import url("/files/style/colors.css");

@font-face {
	font-family: 'Tajawal-Regular';
	src: url('/static/fonts/tajawal/Tajawal-Regular.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Regular.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Regular.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Regular.svg#Tajawal-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArabicDeafAlphabetSmartPress';
	src: url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.woff') format('woff'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.ttf')  format('truetype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.svg#ArabicDeafalphabetSmartPress-ArabicDeafalphabetSmartPress') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'ArabicDeafNormalSmartPress';
	src: url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.woff') format('woff'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.ttf')  format('truetype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.svg#ArabicDeaf_Normal_SmartPress-ArabicDeaf_Normal_SmartPress') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, p, a, label{font-family: Tajawal-Regular !important;letter-spacing: unset;}
:root{
	--main-color:#ec5750;
	--section-bgb:#f6d9e8;
	--section-bgp:#ebeaf8;
}
.btn-bg{display: flex;justify-content: center;align-items: center;width: 150px;height: 45px;font-size: 18px;border-radius: 50px;box-shadow: 0 0 0 3em var(--main-color) inset;color: #ffffff;transition:all .3s ease;}
.btn-bg:hover {color: #ec5750;box-shadow: 0 0 0 1px #ec5750 inset;background-color: transparent !important;}
.bottommargin-15{margin-bottom: 15px;}
body[data-page-id="ba92ed0d-26d2-43fa-ad4e-503ef117546d"] .content-wrap {padding-bottom: 0;}
.feature-box h3 {letter-spacing:0;}

/********* Header **********/
#header{background-color: transparent;border-bottom:none;}
#header, #header-wrap, #logo,
#header.sticky-header:not(.static-sticky), 
#header.sticky-header:not(.static-sticky) #header-wrap {height: 70px;}
#logo{display: flex;justify-content:center;align-items: center;}
#logo img, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img{height: 50px;}
#header.sticky-header{position: fixed;top: 0;left: 0;width: 100%;background-color: #FFF;box-shadow: 0 0 10px rgb(0 0 0 / 10%);z-index: 3;animation: stickySlideDown .85s ease forwards;}
.ltr #primary-menu>ul {float: right;}
.rtl #primary-menu>ul {float: left;}
#primary-menu ul li > a{font-size: 15px;padding: 24px 15px;color: #444 !important;letter-spacing:0px;} 
#primary-menu ul li.sub-menu.active > a{margin-bottom: 5px !important;}
#primary-menu ul li > a:hover{color: #333 !important;}
#primary-menu ul ul:not(.mega-menu-column){border-top: 2px solid #bc715a;}
#primary-menu.style-3 > ul > li:hover > a {color: #444 !important;background-color: transparent;}
#primary-menu ul li > a span {display: inline-block;}
#primary-menu ul li > a div {position: relative;}
#primary-menu ul li .mega-menu-content, #primary-menu ul ul:not(.mega-menu-column) {width: 160px;right: 15px;top: 75%;border-radius: 3px;box-shadow: 0 0 5px #eee;border: 0;opacity: 0;visibility: hidden;display: unset !important;webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
#primary-menu ul li.sub-menu:hover ul {top: 75% !important;opacity: 1;visibility: visible;}
#primary-menu ul ul li > a {padding: 5px 15px;}
#primary-menu ul li> a i {margin: 0;top: 2px;}
#primary-menu ul ul li:not(:last-child) {border-bottom: 1px solid #f3f3f3;}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 24px;padding-bottom: 24px;}
#primary-menu ul li:not(.sub-menu) > a div:after {content: '';position: absolute;right: 50%;margin-right: -4px;bottom: -12px;width: 8px;height: 8px;border-radius: 50%;background-color: #7b6fb3;display: none;transition: all .5s ease;}
#primary-menu ul li.active > a div:after, #primary-menu ul li:hover > a div:after{display:block;}

.banner{height: 840px;position: relative;top: -70px;padding-top: 120px;margin-bottom: -100px;}
.banner .row{display: flex;align-items: center;}
.banner .txt-url .content-txt p {font-size: 60px;font-weight: bold;color: #222;}
.banner .txt-url .content-txt span {font-size: 18px;color: #7b6fb3;}

.how-work .feature-box.media-box {text-align: unset !important;}
.how-work .feature-box .fbox-media:before {content: '';position: absolute;top: 10px;right: -20px;width: 50px;height: 50px;background-color: #fdc8e3;border-radius: 50%;}
.how-work .feature-box.media-box .fbox-media, .how-work .feature-box.media-box .fbox-media a, .how-work .feature-box.media-box .fbox-media img {width: 65px;}
.how-work .feature-box.media-box.fbox-bg .fbox-desc{border:none;padding: 15px 0;}
.how-work .feature-box h3 {font-size: 18px;}
.how-work .feature-box p {color: #555;font-size: 15px;}

.about-us{position: relative;background-color: var(--section-bgp);}
.about-us:before, .about-us:after{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;}
.about-us:before{background: url(/files/style/images/nour/about-top.png) no-repeat;top: 0;}
.about-us:after{background: url(/files/style/images/nour/about-bottom.png) no-repeat;bottom: 0;z-index: 0;}
.about-us .container {z-index: 1; }
.about-us .testimonial{background:transparent;border: none;box-shadow: unset;}
.about-us .testimonial-full .testi-image {margin: unset;width: 100%;height: 100%;}
.about-us .testimonial-full .testi-image img {width: 100px;height: 100px;}
.about-us .testi-content {text-align: unset;}
.about-us .testimonial.testimonial-full .flex-control-nav {text-align: unset;}
.about-us .testimonial .flex-control-nav li{width: 10px;height: 10px;}
.about-us .testimonial .flex-control-nav li a {background-color: var(--main-color);width: 8px !important;height: 8px !important;}
.about-us .testimonial-full .testi-meta {font-size: 18px;margin-bottom: 15px;}
.about-us .testi-content p {font-size: 22px;}
.about-us .content-txt span {display: block;color: var(--main-color);font-weight: bold;font-size: 23px;margin-bottom: 5px;}
.about-us .content-txt p{font-size:18px;}
.about-us .content-txt p strong {font-size: 30px;}

/* .modules {margin-top: -120px;} */
.modules .feature-box{text-align:unset !important;overflow: hidden;transition: all 1s ease;}
.modules .feature-box:hover{box-shadow: 0 25px 20px -20px rgb(97 97 97 / 15%)}
.modules .feature-box .fbox-media {overflow: hidden;}
.modules .feature-box .fbox-media img{transition: all 1s ease;}
.modules .feature-box:hover .fbox-media img {transform: scale(1.2);}
.modules .feature-box.media-box.fbox-bg .fbox-desc{overflow: hidden;border:none;padding: 30px 20px;}
.modules .feature-box h3{position: relative;}
.modules .feature-box .fbox-desc:before{content:'';position: absolute;right: -15px;background-color: #7a70ce;width: 50px;height: 50px;border-radius: 45% 55% 77% 23% / 100% 36% 64% 0%;transform: rotate(-65deg);z-index: 0;}
.modules .feature-box span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 10px;font-size: 16px;}
.modules .feature-box a{position: relative;font-size: 15px;}
.modules .feature-box a:before {content: '\f060';position: absolute;top: 2px;left: -18px;font-size: 13px;font-family: 'Font Awesome 5 Pro';}

.music-module{position: relative;background-color: var(--section-bgb);padding: 180px 0 100px;}
.music-module:before, .phone-module:after{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;}
.music-module:before{background: url(/files/style/images/nour/basic-module-top.png) no-repeat;top: 0;}
.module .row{display: flex;align-items: center;}
.music-module .content-txt p, .phone-module .content-txt p {font-size: 18px;}
.phone-module{position: relative;background-color: var(--section-bgb);padding-bottom: 180px;}
.phone-module .container{z-index: 1;}
.phone-module:after{background: url(/files/style/images/nour/basic-module-bottom.png) no-repeat;bottom: 0;transform: rotate(180deg);}

.statistic-blk {position: relative;background-color: var(--section-bgp);padding: 180px 0 250px;}
.statistic-blk:before{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;background: url(/files/style/images/nour/statistic-top.png) no-repeat;top: 0;}
.statistic-blk:after{content:'';position: absolute;width: 100%;height: 200px;z-index: 0;background: url(/files/style/images/nour/statistic-bottom.png) no-repeat;bottom: 0;}
.statistic-blk .row {display:flex;flex-wrap:wrap;}
.statistic-blk .row > div .content-txt{padding: 30px;border-radius: 3px;}
.statistic-blk .row > div:nth-of-type(2) .content-txt{background-color: #fff;}
.statistic-blk span {color: var(--main-color);font-size: 18px;font-weight: 600;}
.statistic-blk p {margin-bottom: 10px;}
.statistic-blk p:nth-of-type(1){margin-bottom: 0;}
.statistic-blk p:nth-of-type(2) {position:relative;color: var(--main-color);font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.statistic-blk p:nth-of-type(2):after{content:'';position: absolute;bottom: -3px;right: 50%;margin-right: -15px;width: 30px;height: 2px;background-color: var(--main-color);}
.statistic-blk p strong {font-size: 60px;}

.slider-imgs {position: relative;background-color: var(--section-bgb);}
/* .slider-imgs:after{content:'';position: absolute;width: 100%;height: 200px;z-index: 0;background: url(/files/style/images/nour/statistic-bottom.png) no-repeat;bottom: 0;} */

.register-blk{position: relative;padding-bottom: 50px; }
.register-blk:before{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;background: url(/files/style/images/nour/footer-top.png) no-repeat;bottom: 0;}
.register-blk .container{position: relative;z-index:2;}
.register-blk .register-form , .login-form, .acc-form, .change-password form{background:#fff;padding: 30px;border-radius: 5px;box-shadow: 0 15px 30px -10px rgb(0 0 0 / 20%);}
.register-blk .register-form .content-txt h2, .login-form .content-txt h2, .acc-form .content-txt h2{text-align: center;}
.register-blk .register-form .contactRegisterBtn, .acc-form button {display: flex;justify-content: center;align-items: center;width: 120px;height: 40px;font-size: 16px;border-radius: 50px;margin-top: 15px;border-color: #ec5750 !important;box-shadow: 0 0 0 3em var(--main-color) inset;}
.acc-form .forgetPassword {height: 40px;font-size: 16px;border-radius: 50px;margin-top: 15px;}
.register-blk .register-form .form-control, .login-form .form-control, .acc-form .form-control {border-radius: 30px;}
.register-blk .register-form .input-append .form-control, .login-form .input-append .form-control, .acc-form .input-append .form-control {border-radius: 0 30px 30px 0 !important;}
.register-blk .register-form .input-group-addon, .login-form .input-group-addo, .acc-form .input-group-addon{border-radius: 30px 0 0 30px !important;}
.register-blk .register-form label, .login-form label, .acc-form label {padding-right: 8px;margin-bottom: 5px;}
form label {margin-bottom: 0;margin-top: 10px;font-size: 14px !important;letter-spacing: 0;}
.change-password form .btn {margin-top: 15px;}
#footer{background: url(/files/style/images/nour/footer-bg.jpg) no-repeat bottom;background-size:contain;background-color: #7d6fce;padding-bottom: 200px;border-top: none;}
#copyrights {display: none;}
#footer h3 {color: #fff;margin-bottom: 15px;}
#footer .about h3{font-size: 35px;}
#footer .about p {color: #eaeaea;font-size: 18px;}

#footer .links li {list-style: none;padding: 8px 0;}
#footer .links li:not(:last-child){border-bottom: 1px solid #988ed8;}
#footer .links li a{color: #fff;font-size: 15px;transition: all .3s ease;}

#footer .newsletter-form label {display: none;}
#footer .newsletter-form .form-control {border-radius: 30px;height: 45px;margin-bottom:15px;}
#footer .newsletter-form  .btn-newsletter {width: 100%;margin-top: 25px;}
#footer .newsletter-form ::placeholdr {font-size: 20px;}

#page-title {height: 520px;top: -70px;margin-bottom: -70px;background-position: top !important;background-attachment: unset !important;display: flex;align-items: center;padding: 0 !important;}
#page-title.page-title-parallax h1 {letter-spacing: 0;color: var(--main-color);}
#page-title.page-title-parallax span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.login-blk .login-form  .checkbox-style-2-label {margin-top: 15px;}
.login-blk .login-form .loginWithoutSecurityCode{display: flex;justify-content: center;align-items: center;width: 120px;height: 35px;font-size: 16px;border-radius: 50px;border-color: #ec5750 !important;box-shadow: 0 0 0 3em var(--main-color) inset;transition: all .3s ease;}
.login-blk .login-form .loginWithoutSecurityCode:hover, .acc-form .contactRegisterBtn:hover {color: #ec5750;box-shadow: 0 0 0 1px #ec5750 inset;background-color: transparent !important;}
.login-blk .login-form .loginWithoutSecurityCode, .login-blk .login-form .forgetPassword{margin-top: 15px;}
/* #footer:before{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;background: url(/files/style/images/nour/register-top.png) no-repeat;top: 0;} */
/**** Modules page ****/
.basic-info .content-txt p {margin-bottom: 0;font-size: 17px;}
.basic-info .content-txt ul {padding-right: 15px;margin-top: 10px;display: flex;flex-wrap: wrap;}
.basic-info .content-txt ul li {margin-bottom: 5px;font-size: 16px;color: #7b6fb3;width: 50%;flex-grow: 1;}

.units-blk, .units-blk2 {background-color: var(--section-bgp);}
.units-blk {position: relative;padding: 90px 0;}
.units-blk:before, .units-blk:after{content:'';position: absolute;width: 100%;height: 600px;z-index: 0;}
.units-blk:before{background: url(/files/style/images/nour/about-top.png) no-repeat;top: 0;}
.units-blk .row, .units-blk2 .row {display: flex;align-items: center;flex-wrap: wrap;}
.units-blk2 div[custom-id="d7907a71-0f31-4128-a187-5833cc2f4790-col1"] {order:2;}
.units-blk h2, body[data-page-id="1624b23d-b3b7-4984-8a2c-730899ec822b"] h2 {background-color: #ebeaf8;width: fit-content;margin: 0 auto;padding: 5px 30px;border-radius: 40px 0;}
.units-blk .content-txt h3, .units-blk2 .content-txt h3, body[data-page-id="1624b23d-b3b7-4984-8a2c-730899ec822b"] .content-txt h3 {position: relative;width: fit-content;margin-bottom: 10px;padding:0 40px;color: #6056b1;}
.units-blk .content-txt h3:before, .units-blk2 .content-txt h3:before, body[data-page-id="1624b23d-b3b7-4984-8a2c-730899ec822b"] .content-txt h3:before {content:'';position: absolute;right: 0;top: 50%;width: 30px;height: 2px;background-color: #6056b1;}
.units-blk .content-txt h3:after, .units-blk2 .content-txt h3:after, body[data-page-id="1624b23d-b3b7-4984-8a2c-730899ec822b"] .content-txt h3:after {content:'';position: absolute;left: 0;top: 50%;width: 30px;height: 2px;background-color: #6056b1;}
.units-blk .content-txt p, .units-blk2 .content-txt p {font-size: 16px;margin-bottom: 10px;}
.units-blk .content-txt ul, .units-blk2 .content-txt ul {padding-right: 15px;margin-top: 10px;margin-bottom: 0;}
.units-blk .content-txt ol, .units-blk2 .content-txt ol{padding-right: 30px;margin-top: 5px;margin-bottom: 0;}

.units-blk2 {padding-bottom: 80px;}
.units-blk2.last {position:relative;}
.units-blk2.last:after {content:'';position: absolute;width: 100%;height:700px;z-index: 0;background: url(/files/style/images/nour/about-bottom.png) no-repeat;bottom: -80px;z-index: 0;}
.units-blk2 .container {z-index:1;}
/**** About-us page ****/
.about-us-blk1 .content-txt p{font-size:18px;}


@media(min-width:992px){
	.about-us .testimonial-blk:before {content: '';background: url(/files/style/images/nour/Violet-symbol-outlines.png) no-repeat;position: absolute;top: -120px;right: -45px;width: 100%;height: 615px;z-index: 2;}
}
@media(max-width:991px){
	#header #header-wrap #primary-menu {position: absolute;right: 0;width: 100%;background-color: #fff;}
	#header #primary-menu-trigger {font-size: 24px;top: 12px;}
	.banner {height: 550px;top: 0;padding-top: 45px;}
	.banner .txt-url .content-txt p {font-size: 28px;}
	.register-blk img, .register-blk:before {display: none;}
	.about-us .content-txt span, .about-us .content-txt p:first-of-type {text-align:center;}
	.about-us .content-txt + a {margin:auto;}
	.about-us .row {display:flex;flex-direction: column;}
	.about-us .row > div:first-child {order:2}
	.about-us .row > div:last-child {order:1}
	.statistic-blk .row .content-txt{background-color: #fff;margin-bottom:30px;}
}

@media (min-width: 768px){
	.about-us{padding: 250px 0;}
	.login-blk .row {display: flex;align-items: center;}
}
@media (max-width: 767px){
	.banner {height: 420px;}
	.banner .txt-url .content-txt span {font-size: 14px;}
	.banner .txt-url .content-txt p {font-size: 18px;}
	/* .banner img {width: 220px;} */
	.btn-bg {width: 120px;height: 30px;font-size: 15px;}
	.about-us .testimonial{text-align: center;}
	.about-us .testimonial-blk:before{right: 0;}
	.about-us .testimonial-full .testi-image img{margin: 0 auto;}
	.about-us .txt-url {margin-top: 130px;text-align: center;}
	.about-us .txt-url p {margin-bottom: 5px;}
	.about-us .txt-url a {margin: 15px auto 0;}
	.module .row{display: block;}
	.module img{display: none;}
	.basic-module .content-txt {margin-top: 40px;}
	.statistic-blk{padding: 0 0 100px;margin-top: 50px;}
	.statistic-blk:before{height: 0;}
	#page-title {height: 300px;}
	.about-us{padding-bottom: 70px;}
	.units-blk .content-txt h3, .units-blk2 .content-txt h3, body[data-page-id="1624b23d-b3b7-4984-8a2c-730899ec822b"] .content-txt h3 {margin-top:20px;}
	.login-blk .row > div:last-child, .register-blk .row > div:last-child {display:none}
}
@media (max-widht: 479px){
	.about-us .testimonial-blk:before{display: none;}
	#page-title {height: 200px;}
}