@font-face {
	font-family: 'Cairo-SemiBold';
	src: url('../fonts/Cairo-SemiBold.eot');
	src: local('☺'), url('../fonts/Cairo-SemiBold.woff') format('woff'), url('../fonts/Cairo-SemiBold.ttf') format('truetype'), url('../fonts/Cairo-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cairo-Bold';
	src: url('../fonts/Cairo-Bold.eot');
	src: local('☺'), url('../fonts/Cairo-Bold.woff') format('woff'), url('../fonts/Cairo-Bold.ttf') format('truetype'), url('../fonts/Cairo-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'DroidKufi-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       /*url(../fonts/DroidKufi-Regular.woff2) format('woff2'),*/
     url(../fonts/DroidKufi-Regular.woff) format('woff'),
url(../fonts/DroidKufi-Regular.ttf) format('truetype');}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,800&display=swap');
@font-face {
    font-family: 'Tajawal-Black';
    src: url('../fonts/Tajawal-Black.woff2') format('woff2'),
        url('../fonts/Tajawal-Black.woff') format('woff'),
        url('../fonts/Tajawal-Black.svg#Tajawal-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/Tajawal-Bold.woff2') format('woff2'),
        url('../fonts/Tajawal-Bold.woff') format('woff'),
        url('../fonts/Tajawal-Bold.svg#Tajawal-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-ExtraLight';
    src: url('../fonts/Tajawal-ExtraLight.woff2') format('woff2'),
        url('../fonts/Tajawal-ExtraLight.woff') format('woff'),
        url('../fonts/Tajawal-ExtraLight.svg#Tajawal-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-ExtraBold';
    src: url('../fonts/Tajawal-ExtraBold.woff2') format('woff2'),
        url('../fonts/Tajawal-ExtraBold.woff') format('woff'),
        url('../fonts/Tajawal-ExtraBold.svg#Tajawal-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-Light';
    src: url('../fonts/Tajawal-Light.woff2') format('woff2'),
        url('../fonts/Tajawal-Light.woff') format('woff'),
        url('../fonts/Tajawal-Light.svg#Tajawal-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-Medium';
    src: url('../fonts/Tajawal-Medium.woff2') format('woff2'),
        url('../fonts/Tajawal-Medium.woff') format('woff'),
        url('../fonts/Tajawal-Medium.svg#Tajawal-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal-Regular.woff2') format('woff2'),
        url('../fonts/Tajawal-Regular.woff') format('woff'),
        url('../fonts/Tajawal-Regular.svg#Tajawal-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{padding:0;margin:0;direction:rtl;font-family: 'Tajawal-Medium';color: #080822;font-weight: 500 !important;}
a {color: #494d51;transition:0.3s;}
a:hover ,a:focus{text-decoration:none;color: #212529;}
.clear{clear:both;}
p ,.footer p a{font-family: 'Tajawal-Regular'; !important;font-size: 15px;font-weight: 500;margin-right: 5px; margin-left: 5px;}
.top-bar{min-height: 51px;background-color: #2260FF;color: #fff;font-family: 'Tajawal-Medium';font-size: 16px;line-height: 16px;padding-top: 11px;}
.top-bar a{color: #fff;text-decoration: none;transition: linear 0.25s;}
.top-bar a:hover,.top-bar a:active,.top-bar a:focus{text-decoration: none;color: #FFE603;}
.socail-header{display: inline-block;}
.socail-header img{max-height: 16px;transition: linear 0.25s;}
.socail-header img:hover{filter: invert(20%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(1);}
.header {
    z-index: 1050;
    font-family:Tajawal-Medium,sans-serif;
	font-size:18px;
	font-weight:500;
	color:#000;
    transition: background-color .1s ease-in-out;
	background:#fff;
	/*border-bottom: 1px solid #ddd;*/
	
}
.contact .fa{margin-right:3px;font-size:51px;color:#a3cb47;-ms-transform: rotate(20deg); /* IE 9 */transform: rotate(20deg);}
.contact {max-width:max-content;margin: 0 auto;}
.contactus-cont h3{color: #012448;font-size: 32px;font-family: 'Tajawal-Bold';}
.contactus {padding-bottom: 35px;background-color: #eee;padding-top: 20px;}
.mail-us {max-width:max-content;}
.contactus .contact .fa{margin-right:15px;font-size:53px;color:#a3cb47;-ms-transform: unset; /* IE 9 */transform:unset;margin-top:5px;}
.contact p ,.mail-us  p{margin-bottom:0;}
.header-bg{#fff;}
.header .contact .fa{margin-right:3px;font-size:69px;}
@media (max-width: 991px){.header{background:#fff}}
/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
.header .nav-item a{position:relative;}
.header .nav-item a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #FFE603;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}
.nav-tabs .nav-item a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #212529;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}
.header .nav-item > a:hover:after,
.header .nav-item > a:focus:after {
  visibility: visible;
  transform: scaleX(1);
}
.header .nav-item a.btn-primary:after{display:none;}
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #000f;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	.dropdown-menu {
    border-radius: 15px;
    padding: 0;
    overflow: hidden;
}
.navbar-brand img{max-height:85px;}
.dropdown-item{height:50px;border-radius:0px;padding-top:13px;}
}	
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;

}
.container-w{max-width:1235px !important;}

.nav-item{margin:0 10px;}

@media (min-width:992px) and (max-width:1160px){.nav-item {margin: 0 6px;}}
/* ============ desktop view .end// ============ */
.navbar-dark .navbar-nav .nav-link {
    color: #000;
	font-size: 21px;
    font-family: 'Tajawal-Bold';
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:active ,.navbar-dark .navbar-nav .nav-link:focus{
    color: #2e2e2f;
	
}
.nav-link .fa{margin-left:3px;}
.dropdown-toggle::after{display:none;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #23c6f6;border-radius: 0px !important;
}
.nav-item .btn-primary{border-radius:7px;}
.dropdown-item .ar{font-family: 'Cairo-SemiBold';margin-top:-5px;display:block;}
/*** slider   ***/
.slider-holder{width: 100%;max-height:740px;overflow:hidden;position:relative;}
@media(max-width:991px){.slider-holder{margin-top: 192px;}}
.carousel-item {font-family: 'Poppins', sans-serif;}
.carousel-caption {
   position: absolute;
  left: -37% !important;
  top: 100px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  font-family: 'Poppins', sans-serif;
}
.carousel-caption h3{font-size:50px;font-family: 'Poppins', sans-serif;}
@media(max-width:1199px){.carousel-caption h3{font-size:25px;}
.carousel-caption{width:60%;top:3px;}}
@media(max-width:662px){.carousel-caption h3{font-size:16px;}
.carousel-caption p{display:none;}}
.text-black{color:#000;}
.step {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative;
    border-bottom: 2px solid #a3cb47;
    margin-bottom: 0px;
    margin-bottom: 15px;
	width:75%;
	margin-top:25px;
	padding-left:50px;
	margin-left:33px;
}
.stp-no{    background-color: #a3cb47;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    margin-top: -74px;
    color: #fff;
    text-align: center;
    padding: 10px;
        padding-top: 10px;
    padding-top: 23px;
    font-weight: bold;
    position: absolute;
    top: 67%;
    left: -40px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
/** #myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
	left:0;
	height:100%;
    width: 100%;
    background-attachment: fixed;
}
#myCarousel h4{
	font-size:33px;
	margin-bottom:15px;
	color:#000;
	text-shadow: 2px 2px 2px #fff;
	line-height:100%;
	letter-spacing:0.5px;
	font-weight:600;
}
#myCarousel p{
	font-size:18px;
	margin-bottom:15px;
	color:#000;
	text-shadow: 1px 1px #fff;
}
/*#myCarousel .carousel-item a{font-size:14px; color:#FFF; padding:13px 32px; display:inline-block; }
#myCarousel .carousel-item a:hover{text-decoration:none;  }*/
/**#myCarousel .carousel-item .table{font-size:14px;}
#myCarousel .carousel-item .table td,#myCarousel .carousel-item  .table th {
padding: 7px;}
#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; min-height:650px; }
#myCarousel{position:relative; z-index:1; }
.slider-holder .carousel-control-next,.slider-holder  .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: #f47735;display:none; }
.slide-1-bg{background-image:url('../img/slide-1.png');background-repeat:no-repeat;background-size:100% 100%;min-height:654px; padding-bottom:100px;}
.slide-2-bg{background-image:url('../img/slide-2.png');background-repeat:no-repeat;background-size:100% 100%;min-height:654px; padding-bottom:100px;}
.slide-3-bg{background-image:url('../img/slide-3.png');background-repeat:no-repeat;background-size:100% 100%;min-height:654px; padding-bottom:100px;}
**/
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.main-banner {
    display: block;
}
.main-banner {
    background-color: rgba(0,0,0,.2);
    padding: 20px 35px;
    color: #fff;
    max-width: 386px;
    max-height: 500px;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
	color:#fff;
	border-radius:10px;
}
.main-banner__list {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
 .main-banner__list-item {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.7;
}
#myCarousel .carousel-item .main-banner a{background-color:transparent ;}
#myCarousel .carousel-item a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
#myCarousel .carousel-item .main-banner__btn{background-color:none;background-color:transparent;border:2px solid #ccc;max-height:30px;border-radius:10px;padding-top:3px;margin:10px auto;}
/*@media (max-width:767px){#myCarousel .carousel-item {height:100%; min-height:963px; }.slide-3-bg{min-height:963px;padding-bottom:202px;}.slider-holder{min-height:1114px;}}*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.affiliate-rating {
    background-color: rgba(0,0,0,.4);
    border-radius: 5px;
    box-shadow: 4px 7px 7px rgba(0,0,0,.21);
    color: #fff;
    display: none;
    margin: 20px 0;
    padding: 20px;
    width: 100%;
}
h3{font-weight:bold;}
/*** btn ***/
.theme-btn {
    background-color: #102f7e;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 14px 30px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
	transition:0.3s;
}
.theme-btn:hover ,.theme-btn:active ,.theme-btn:focus{background-color: #012e55;color: #fff;border-radius:25px;}
.theme-btn-s2 {
    background-color: rgba(255, 255, 255, 0.9);
    color: #0e5a96;
}
.theme-btn-s2:hover ,.theme-btn-s2:active ,.theme-btn-s2:focus{background-color: #222f71;color: #fff;border-radius:25px;}
.theme-btn-s3 {
    background-color: #FFE603;
    color: #011B34;
}
.theme-btn-s3:hover ,.theme-btn-s3:active ,.theme-btn-s3:focus{background-color: #F5DD03;color: #011B34;border-radius:25px;}
.header .nav-item a.btn-primary{ height: 33px;padding-top: 2px !important;width: 133px;text-align: center;margin-top: 8px;border-radius: 3px !important;}

/*******/



@media (min-width:992px) and (max-width:1200px){
.header {
    font-family: Exo Medium,sans-serif;
    font-size: 18px;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1px;
    padding-left: 1px;
}}
/************************/


@media (max-width:991px){.footer-body:after ,.footer-body:before{display:none;}
.header .nav-item a.btn-primary{width: max-content;padding-left: 15px;padding-right: 15px;}}
@media (max-width:1200px){.footer-body .flex-column{margin-left:20px;}}
/*********/
.s-media{display: block;
position: absolute;
top: 130px;
right: 3px;
background: rgba(8,8,36,0.8);
color: #fff;
z-index: 1000;
width: 50px;
min-height: 300px;
font-size: 28px;
padding: 12px;
border-radius: 15px;
padding-top: 16px;}
.follow{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    font-weight: 600;
	font-size: 18px;
    margin-bottom: 15px;
	position: relative;
}
.s-icon{width:100%;text-align:center;}
.s-icon a{text-decoration:none;color:#fff;transition:0.3s;}
.s-icon a:hover,.s-icon a:focus{text-decoration:none;color:#23c6f6;}
/*** En & Ar  ***/
.en{position:relative;}
.en:before{position:absolute;content:"";width:26px;height:15px;background-image:url('../img/en.png');background-size: cover;top: 6px;left: -30px;background-repeat: no-repeat;}
.ar{position:relative;}
.ar:before{position:absolute;content:"";width:26px;height:15px;background-image:url('../img/ar.png');background-size: cover;top: 6px;left: -30px;background-repeat: no-repeat;}
.dropdown-menu.lang .dropdown-item{padding-left:35px;}
.dropdown-menu.lang{width:max-content !important;min-width:unset;}
.dropdown-menu.lang .dropdown-item .en:before{top:4px;}
/***         ***/
.slider-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.63);
	max-height:100px;
	z-index:100;
	
padding-top:15px;padding-bottom:15px;}
.carousel-indicators li{background-color: #868282;}

/*.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height:12px;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-radius:50%;
    opacity: 1;
    transition: opacity .6s ease;
}*/
.carousel-indicators li.active {background-color:#274bff ;}
.carousel-indicators {
    position: absolute;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: left;
    padding-left: 0;
    list-style: none;
    margin-left: 0;
    z-index: 3;
    right: 0;
    margin: 0 auto;
    width: max-content;
}

.carousel-control-next, .carousel-control-prev {width:2%;}
/***  carousel  ***/
.caro{padding:10px 0;background-color:#f9f9f9;}
.blog .carousel-inner {overflow: unset;}
.blog .carousel-item  .icon-block-h{min-height:361px;}
.blog .carousel-item{padding:52px 10px;padding-bottom: 100px;}
.blog .carousel-item  .icon-block-h .num img{width:50px;height:50px;border-radius:50%;}
.blog .carousel-item  .icon-block-h .num{padding:0;font-size:unset;font-family:unset;border-style:none;}
.blog .carousel-item  .icon-block-h h6{margin-top:0;margin-bottom:0;}
.blog .carousel-item  .icon-block-h p{text-align:left;}
.blog .carousel-item .icon-block-h .more-link { bottom: 65px;}
.blog .carousel-control-next-icon ,.blog .carousel-control-prev-icon{background-image:none;}
.blog .carousel-control-next{width:max-content;position:absolute;right: -50px;color: #5ac9f6;opacity: 1;height: 50px;width:50px;border-radius: 50%;border: 1px solid #5ac9f6;top:0;bottom:0;margin:auto;}
.blog .carousel-control-next .fa{font-size:19px;}
.blog .carousel-control-prev{width:max-content;position:absolute;left: -50px;color: #5ac9f6;opacity: 1;height: 50px;width:50px;border-radius: 50%;border: 1px solid #5ac9f6;top:0;bottom:0;margin:auto;}
.blog .carousel-control-prev .fa{font-size:19px;}
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
.more-link-free {
    border-radius: 30px;
    background: #080822;
    -webkit-transition: all .1s ease-in,background .1s ease-in;
    -moz-transition: all .1s ease-in,background .1s ease-in;
    -ms-transition: all .1s ease-in,background .1s ease-in;
    -o-transition: all .1s ease-in,background .1s ease-in;
    transition: all .1s ease-in,background .1s ease-in;
    color: #fff !important;
    font-size: 17px !important;
    text-align: center;
    width: max-content !important;
    display: block;
    line-height: 42px !important;
    text-decoration: none;
    text-transform: lowercase;
    margin-top: 31px;
    box-shadow: none;
	padding: 0px 25px;
	margin-bottom:30px;
}
.more-link-free:hover,.more-link-free:focus {background-color: #23c6f6;}

@media(max-width:458px){.slider-bar {
    max-height: 85px;
    font-size: 10px;
}
#myCarousel .carousel-item {
    height: 100%;
    min-height: 998px;
}
/*.slider-holder {
    min-height: 1196px;
}*/
}
select.form-control {padding-left:12px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* remove default arrow */
  background: url(../img/select-arrow.png) no-repeat 10px 20px; /* add custom arrow */
  padding:0;background-color: #fff;
  background-position:right;
}

select.form-control:focus {
  background: url(../img/select-arrow1.png) no-repeat 10px 20px; /* add custom arrow */
  background-color: #fff;
  background-position:right;
}

select::-ms-expand {
  display: none; /* hide the default arrow in ie10 and ie11 */
}
.about{background-color: #fff;color: #012448;}
.about h4{color: #012448;font-size: 31px;font-family: 'Tajawal-Bold';}
.about p{color:#000;font-family: 'Tajawal-Regular';font-size: 18px;}
.latest-upcomming{background-color: #ECECEC;}
.latest-upcomming h4{color:#012448 ;font-family: 'Tajawal-Bold';font-size: 25px;}
.Latest-holder{background-color: #fff;min-height: 437px;}
.news-item h5{color: #043669;font-family: 'Tajawal-Bold';}
.news-item h6{color: #FFE603;font-family: 'Tajawal-Bold';}
.news-item p{color: #000;margin-bottom: 5px;line-height: 1.5;}
.news-item h6.cours-date{color: #043669;}
.Latest-holder hr{margin-top: 9px !important;margin-bottom: 9px !important;}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/** .contact-form{padding:20px;padding-top:52px;}
.contact-form .form-control{border-radius:0;border-style:none;border-bottom:dashed  1px #5b5a5a;transition:0.3s!important;;background-color:transparent;}
.contact-form .form-control:focus,.contact-form .form-control:active{border-bottom:solid 1px #0f7bcc;outline:none !important;box-shadow:none !important;transition:0.3s !important;}
.contactus{width:100%;background: #ededed;padding: 70px 0 60px;min-height:627px;margin-top:150px;}
.contactus-cont{background-image:url('../img/contact-bg.png');background-repeat:no-repeat;background-position:top center;background-size:cover;height:599px;max-height:599px;margin-top:-170px;}
@media(max-width:991px){.contactus-cont {
    background-image: url('../img/contact-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    max-height: unset;
    margin-top: -170px;
    padding-bottom: 50px;
}}
.contact-item{min-height:138px;background-color:#fff;border-radius:10px;padding:41px;}
.contact-item h6{color:#8c8b8b;}
.contact-item h4{font-family: 'Cairo-Bold';color:#333339;font-size:22px;margin-bottom: 2px;}
.contact-item .fa {margin-right: 10px;
font-size: 26px !important;
color: #fff !important;
border-radius: 50%;
background-color: #274bff;
padding: 15px;height:56px !important; width:56px !important;text-align:center;}
.contact-item2{min-height:410px;background-color:#fff;border-radius:10px;padding:5px;max-height:410px;}
@media(max-width:767px){.contact-item2{min-height:500px;margin-top:20px;padding-bottom:33px;}.contact-item{padding-right:16px;padding-left:16px;}}
.contact-item2 iframe ,.contact-item2 iframe img{height:100% !important;width:100% !important;min-height:405px;border-radius:10px;}
.contact-ul{list-style:none;}
.contact-ul .fa{color: #fff;
font-size: 21px;
margin-right: 8px;
background: #a3cb47;
width: 43px;
height: 43px;
border-radius: 50%;
text-align: center;
padding-top: 10px;margin-bottom:15px;}
.contact-p .contact-item2 {background-color: #f7f7f7;}
@media(min-width:992px) and (max-width:1200px){.contact-item { padding: 32px 11px;}} **/
/***   footer    ***/
.wrapper{overflow:hidden;background-image: url("../img/w-bg.jpg");background-repeat:no-repeat;background-size: 100%;background-position:top center;}
.footer{min-height:370px;background-color: #011B34;color: #fff;
font-size: 15px;
overflow: hidden;}
.f-c-details{margin-left: 27px;}
.f-c-title{margin-right: 8px;font-size: 21px;}
 .footer .socail_icon {
  padding: 0;
  margin: 0;
}
.footer .socail_icon li {
  display: inline-block;
  list-style: none;
  padding-left: 8px;
}
.footer .socail_icon li:first-child {
  padding: 0;
}
.footer .socail_icon li a {
  border: 2px solid #033c86;
  display: block;
  line-height: 26px;
  width: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #033c86;
  transition:0.3s;
  }
.footer .socail_icon li a:hover ,.footer .socail_icon li a:active ,.footer .socail_icon li a:focus {color: #fff;}
.footer .socail_icon li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #033c86;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.footer .socail_icon li a i {
  font-size: 14px;
  display: inline-block;
  padding-top: 7px;
}
.footer .socail_icon li a:hover:after, .footer .socail_icon li a:focus:after {
  transform: scaleY(1);
}
.footer ul{padding:0;list-style:none;}
.footer a ,.footer span{color: #fff;font-size: 21px;}
.sep{
    background: #eee;
    width: 100% ;
    height: 1px;
    position: absolute;
    left: 15px;
    top: 0;
    opacity: 0.5;
	}
.footer  a:hover{color: #FFE603;}
.social-footer ul{list-style: none;margin: 0 auto;}
.social-footer ul li a{display: block;height: 32px;width: 32px;background-color: #fff;border-radius: 50%;text-align: center;transition: linear 0.25s;}
.social-footer ul li a:hover ,.social-footer ul li a:focus ,.social-footer ul li a:active{background-color: #FFE603;}
.social-footer ul li a img{max-height: 16px;margin-top: -4px;}
.social-footer{width: max-content;
    margin: 0 auto;
      margin-top: 0px;
    margin-top: -32px}
/***   int-pages   ***/
.int-header-bg{
    background: url("../img/int-header.jpg") center center/cover no-repeat local;
    width: 100%;
    height:200px;
    position: relative;
    text-align: center;
}
.int-header-bg h3{position: absolute;
bottom: 31px;
left: 0;
right: 0;}
.int-page-cont{background-color:#ededed !important;}
.text-cont{background-color:#fff; padding:25px;margin-top:100px;z-index:1000;position:relative;}
.post-img{z-index:1049;position:relative;}
@media (max-width:767px){.post-img{display:none;}.tab-content{width:100%;}}
.int-page-title{padding: 25px;background-color: #dbdbdb;width: max-content;margin-top: -66px;margin-bottom: 27px;}
/*.int-cont{min-height:350px;}*/
.block {
    min-height: max-content;
    padding: 20px;
	border:solid 1px #e8e8e8;
}
.block ul{list-style:none;padding-left:10px;}
.block ul li{margin-bottom:5px;}
.block ul li a{color: #407ec1;}
.block ul li a:hover{color: #a3cb47;}
.office-info {
    background-color: #0e5a96;
    position: relative;
    padding: 20px;
	color:#fff;
}
.office-info ul{list-style:none;}
.office-info .fa{font-size: 28px;color: #a3cb47;margin-right: 5px;}
.office-info .fa-envelope{font-size: 21px;}
.map iframe{width: 100%;
border-style: none;
min-height: 200px;
margin: 0;
padding: 0;margin-bottom: -5px;}

/*** gallery  ***/
.gallery_box  img{ max-width:100%;height:100%;}
.gallery_box li{margin-bottom:0 !important; width:33.333333%; max-width: 100% ; display:inline-block; float: left; text-align: center; overflow: hidden;    position: relative;}
.gallery_box{ padding:0;display: flow-root;}

.gallery_box li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery_box li img{-webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;}
.gallery_box li:nth-child(even) {
    height: 304px;
}
.gallery_box li:nth-child(odd) {
    height: 304px; 
}
.gallery_box li:nth-child(odd) .box_data{ background:rgba(0,0,0,0.17) }
.gallery_box li:nth-child(even) .box_data{ background:rgba(0,44,255,0.27) }
.gallery_box .box_data{ position:absolute; top: 0; left: 0; right:0; bottom:0; color:#fff;}
.gallery_box .box_data span{ position:absolute; top: 50%; transform: translateY(-50%); left:0 ; right:0; font-size:24px;}
.gallery_box li:hover .box_data{ background:rgba(255,0,39,0.55)}
/***/
.table-striped tr{height:45px;}
.table-striped tr td{padding-left:7px;}
.block .card ul{text-align:left;}
.block .card {margin-bottom:15px;min-height:385px;}
/***/
@media (min-width: 768px) {

    /* show 3 items */
    .text-cont .carousel-inner .active,
    .text-cont .carousel-inner .active + .carousel-item,
    .text-cont .carousel-inner .active + .carousel-item + .carousel-item,
    .text-cont .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .text-cont .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .text-cont .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .text-cont .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .text-cont .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .text-cont .carousel-inner .carousel-item-next,
    .text-cont .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .text-cont .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .text-cont .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .text-cont .carousel-item-next.carousel-item-left + .carousel-item,
    .text-cont .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .text-cont .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .text-cont .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .text-cont .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .text-cont .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .text-cont .carousel-item-prev.carousel-item-right + .carousel-item,
    .text-cont .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .text-cont .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .text-cont .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}
.m-app .slick-track{max-height:300px;overflow:hidden;}
.m-app .slick-slide{min-width:300px;max-height:320px;}
/*** featured-Courses   ***/
.featured-Courses{width: 100%; min-height: 601px;background: url('../img/f-courses-bg.svg');background-repeat: no-repeat;background-position: center;background-size: cover;padding: 50px 20px;}
.featured-Courses .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 15px;
	max-width: 286px;
	min-height: 397px;
  }
  .featured-Courses .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color:#fff;
    border-bottom: none;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
  }
  .featured-Courses .card-title {
    margin-bottom: .75rem;
    text-align: center;
    text-transform: uppercase;
    color: #043669;
    font-family: 'Tajawal-Bold';
    font-size: 20px;
  }
  .featured-Courses .card p {
    font-family: 'Tajawal-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
  }
.time-icon{margin-left: 10px;}
.featured-Courses .card .more a{color:#012448;text-decoration: none;transition: linear 0.3s;}
.featured-Courses .card .more a:hover ,.featured-Courses .card .more a:active ,.featured-Courses .card .more a:focus{color:#022397;text-decoration: none;}
.featured-Courses .card-body{padding: 10px;}
.featured-Courses .card-footer{background-color: #fff;}
/** testimonials  **/

.section-padding {
    padding: 50px 0;
	direction:ltr;
}

.section-title {
    text-align: center;
    margin-bottom: 39px;
}

.section-borders span {
    height: 5px;
    background: #6aaf08;
    width: 40px;
    display: inline-block;
    border-radius: 2px;
}

.section-borders span.black-border {
    background: #333;
    width: 30px;
    margin: 0 6px;

}

.client-testimonial-carousel .owl-dots button {
    height: 15px;
    background: #D9D9D9 !important;
    width: 15px;
    display: inline-block;
    margin: 5px;
    transition: .2s;
    border-radius: 50%;
}

.client-testimonial-carousel button.owl-dot.active {
    background: #043669 !important;
}

.client-testimonial-carousel .owl-dots {
    text-align: center;
}

.single-testimonial-item {
    position: relative;
    margin: 2px;
   height:200px;
   display:flex;
   align-items:center;
   width:max-content;
}
.owl-carousel .owl-item img {
  display: block;
  max-height: 200px;
  width: auto;
}
.owl-item.active{width:max-content !important;}
.single-testimonial-item h3 {
    font-size: 20px;
    font-style: normal;
    margin-bottom: 0;
}

.single-testimonial-item h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
.section-title h2{color: #012448;font-size: 32px;font-family: 'Tajawal-Bold';}
/*.owl-carousel .owl-item img{height: 75px;
    width: 75px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: -30px;}*/
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
	height:250px;
  }
  .single-testimonial-item p{padding-left: 18px;}
  .single-testimonial-item p::before{content: url(../img/cot-1.svg);
    display: block;
    position: absolute;
    height: 30px;
    left: 8px;
    top: 29px;}
    .single-testimonial-item p::after{content: url(../img/cot-2.svg);
        display: block;
        position: absolute;
        height: 30px;
        right: 8px;}
.cta{margin-left: 55px;}
.text-bold{font-weight: bold;}
.data-block {
    margin-top: 10px;
    min-height: 145px;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    padding: 20px;
    margin-bottom: 20px;
    border-right: solid 5px #2260FF;
    transition: all .25s ease-in;
  }
  .mlr{margin-left: -30px; margin-right: -30px}
  .data-block-t {
    margin-top: 10px;
    min-height: 145px;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    padding: 20px;
    margin-bottom: 20px;
    border-top: solid 7px #2260FF;
    transition: all .25s ease-in;
  }
  .data-block-t img{max-height: 50px;margin: 18px auto;}
  .data-block-t p{text-align: right !important;}
  .navbar-dark .navbar-nav .nav-link.active {color: #2260ff;}
  .solid-block{margin-top: 10px;
  min-height: 145px;
  margin-bottom: 20px;
  transition: all .25s ease-in;
  max-width: 450px;
  width: 100%;
  border: 16px solid #afc5ff;
  box-shadow: 0px 0px 0px 1px #fff inset;
  text-align: center;
  padding: 45px 37px 37px 37px;
  position: relative;
  background-color: #afc5ff;
  margin-left: auto;margin-right: auto;
}
.solid-block img{max-height: 75px;margin-bottom: 15px;}
@media (min-width:576px){
.mtmin{margin-top: -70px;}
.mtmin2{margin-top: -70px;}
}
.int{background-color: #fff;color: #012448;}
.int h4{color: #012448;font-size: 31px;font-family: 'Tajawal-Bold';}
.int p{color:#000e1b;font-family: 'Tajawal-Regular';font-size: 18px;}
.footer p {color: #fff;}
@media (min-width:576px){
.courses-cont  .solid-block{margin-top:auto;
    min-height: 145px;
    margin-bottom: auto
    transition: all .25s ease-in;
    max-width: 450px;
    width: 100%;
    border: 16px solid #afc5ff;
    box-shadow: 0px 0px 0px 1px #fff inset;
    text-align: center;
    padding: 45px 37px 37px 37px;
    position: relative;
    background-color: #afc5ff;
    margin-left: 0;
  }
}
@media (max-width:767px){
    .courses-cont  .solid-block{margin-right: unset !important;  margin: 0 auto !important;}}
.courses-cont .data-block ,.courses-cont .data-block p{background-color: #2260FF;
    color: #fff;}
.accordion .btn-link {background-color: #2260ff;
        color: #fff;
        border-radius: 0;
        text-decoration: none;
        outline: none;transition: linear 0.25s;font-family: 'Tajawal-Medium';font-size: 21px;}
.accordion .btn-link:hover,.accordion .btn-link:focus,.accordion .btn-link:active{box-shadow: none;background-color: #032d97;}
.accordion .card-body ul{padding-left: 15px !important; font-size: 18px;}
.accordion .card-body {/*box-shadow: 0 1px 6px rgba(32,33,36,.28);*/border: solid 1px #cacaca;}
.data-block ul{padding-left: 15px;font-size: 18px;}
.courses-cont .data-block{min-height:600px;}
.map-holder iframe{
    border: 0;
    width: 100%;
    min-height: 352px;
  }
.f-container{display:flex;flex-direction:row;gap: 30px;align-items: center; justify-content: center;}
@media (max-width:678px){.f-container{flex-direction:column;}}
 .calendar {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      padding: 20px;
    }
    .month {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      padding: 20px;
	  margin-bottom:30px;
	  width:100%;
    }
    .month h3 {
      text-align: center;
      background-color: #007bff;
      color: white;
      padding: 10px;
      margin: -20px -20px 10px -20px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }
    .course {
      margin: 10px 0;
      padding: 10px;
      border-left: 4px solid #ffe603;
      background-color: #f9f9f9;
      border-radius: 4px;
	  text-align: left;
    }
    .course h4 {
      margin: 0;
      font-size: 1rem;
      color: #012448;
    }
    .course p {
      margin: 5px 0 0;
      font-size: 0.9rem;
      color: #666;
	  font-weight:Bold;
    }
.notes{display:flex;flex-direction:row;gap:5px;align-items:center;}
.d-ltr{direction:ltr !important;}
.d-list{list-style:decimal;}