@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;700&display=swap');
@import url('../../fonts/fonts.css');

@font-face {
    font-family: 'Hacen_Liner_Print-out_Light';
    src: url('../fonts/ar/Hacen_Liner_Print-out_Light.eot');
    src: url('../fonts/ar/Hacen_Liner_Print-out_Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ar/Hacen_Liner_Print-out_Light.woff') format('woff'),
         url('../fonts/ar/Hacen_Liner_Print-out_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GE-Light';
    src: url('../fonts/ar/GESSTwoLight-Light.eot');
    src: url('../fonts/ar/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ar/GESSTwoLight-Light.woff2') format('woff2'),
        url('../fonts/ar/GESSTwoLight-Light.woff') format('woff'),
        url('../fonts/ar/GESSTwoLight-Light.ttf') format('truetype'),
        url('../fonts/ar/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GE-Medium';
    src: url('../fonts/ar/GESSTwoMedium-Medium.eot');
    src: url('../fonts/ar/GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ar/GESSTwoMedium-Medium.woff2') format('woff2'),
        url('../fonts/ar/GESSTwoMedium-Medium.woff') format('woff'),
        url('../fonts/ar/GESSTwoMedium-Medium.ttf') format('truetype'),
        url('../fonts/ar/GESSTwoMedium-Medium.svg#GESSTwoMedium-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GE-Medium';
	src: local("Tahoma");
    unicode-range: U+30-39;
}

@font-face {
    font-family: 'GE-Light';
	src: local("Tahoma");
    unicode-range: U+30-39;
}


.center-align {text-align:center !important;}
.right-align {text-align:right !important;}


.navbar, .navbar-nav {direction:rtl !important;}
.navbar-nav {padding:0px  !important;}
.navbar-nav>li {float:right !important;}
.navbar-header {
    float: right !important;
}

.navbar-nav>li>a {padding:10px 0px !important;border-bottom:3px solid transparent;}
.navbar-nav>li>a:hover, .navbar-nav>li.active>a {border-bottom:3px solid #106b60;color:#106b60 !important;}

.header4 .navbar-nav>li>a:hover {border-bottom:3px solid transparent;}

.header-social a:link, .header-social a:visited  {color:#fff;}
.header-social a:hover  {color:#d0a860;}

.rtltxt, .rtltxt p,.rtltxt div  {direction:rtl !important;font-family: 'GE-Light','Roboto', sans-serif;}
.header2.navbar-transparent {
	    background-color: rgba(255,255,255,0.8)  !important;
    
	
}
.header2, .header3 {height: 100px  !important;}
.header3 {height: 100px  !important;}
.header3 img.logo {height:100px !important;width:245px !important; max-width: 245px !important;}
.header3 .navbar-brand {height: 100px  !important;padding:2px !important;}
.header2 .attr-nav {float:left;}
.header2 .attr-nav {
    border-right: solid 1px rgba(158, 158, 158, 0.2) !important;
    border-left: 0px !important;
	padding-right: 10px !important;
	padding-left: 0px !important;
	
    position: relative !important;
	
}
.header2 .attr-nav > ul > li > a {
    padding: 40px 10px !important;
	font-size:18px;
}

.header2 ul.nav {padding-right:170px  !important;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align:right !important;}

.header4 img.logo, .header4 .logo  {height:200px !important;max-height:200px !important;}

.header4 .dropdown-menu>li>a {direction:rtl !important;font-family: 'GE-Light','Roboto', sans-serif !important;text-align:right !important;}

.custom-box {border:2px solid #ccc;}
.cbp-caption {border-top:2px solid rgba(0,0,0,0.0);}
.cbp-caption:hover {border-top:2px solid #ccc;}


.englishtxt {font-family: 'Roboto', sans-serif !important;}
.footer .widget-links {padding-right:30px;}

.big-title {font-size:40px;color:#282828;line-height:150%;}
.med-title {font-size:22px;color:#282828;line-height:150%;}
.med-title *, .big-title * {color:#282828;}

.gbig-title {font-size:40px;color:#d0a860;line-height:150%;}
.gmed-title {font-size:22px;color:#d0a860;line-height:150%;}
.gbig-title *, .gmed-title * {color:#d0a860;}

.grbig-title {font-size:40px;color:#106b60;line-height:150%;}
.grmed-title {font-size:22px;color:#106b60;line-height:150%;}
.grmed-title *, .grbig-title * {color:#106b60;}

.big-title, .med-title, .gbig-title, .gmed-title, .grbig-title, .grmed-title	{font-family: 'GE-Light','Roboto';}

h2.big-title, h2.gbig-title, h2.grbig-title {font-weight:700;}
h4.med-title, h4.gmed-title, h4.grmed-title {font-weight:600;}



.hr-middle {width: 80px;height:3px;border:0px;margin: 20px auto;background-color: #282828;}

.top-fixed {position:fixed !important;width:100%;top:0px;left:0px;background:red;z-index:100000;}
.top-fixed .top-bar {display:none;}

.green-bg {background:#106b60;}
.gold-bg {background:#d0a860 !important;}

.slide .sidePhoto {position:absolute;left:0px;bottom:0px;}
.slider-caption {background:rgba(255,255,255,0.5);padding:30px;}
.box-icon-img {margin-bottom:10px;}
.slider-caption p.slidr-desc, .slider-caption h3, .slider-caption h4 {color:#000 !important;}
.rtl-row .col-xs-1, .rtl-row .col-xs-2, .rtl-row .col-xs-3, .rtl-row .col-xs-4, .rtl-row .col-xs-5, .rtl-row .col-xs-6, .rtl-row .col-xs-7, .rtl-row .col-xs-8, .rtl-row .col-xs-9, .rtl-row .col-xs-10, .rtl-row .col-xs-11, .rtl-row .col-xs-12 {
	float: right !important;
}

 @media (min-width: 768px) {
.rtl-row .col-sm-1, .rtl-row .col-sm-2, .rtl-row .col-sm-3, .rtl-row .col-sm-4, .rtl-row .col-sm-5, .rtl-row .col-sm-6, .rtl-row .col-sm-7, .rtl-row .col-sm-8, .rtl-row .col-sm-9, .rtl-row .col-sm-10, .rtl-row .col-sm-11, .rtl-row .col-sm-12 {
	float: right !important;
}
 }
 
 @media (min-width: 992px) {
.rtl-row .col-md-1, .rtl-row .col-md-2, .rtl-row .col-md-3, .rtl-row .col-md-4, .rtl-row .col-md-5, .rtl-row .col-md-6, .rtl-row .col-md-7, .rtl-row .col-md-8, .rtl-row .col-md-9, .rtl-row .col-md-10, .rtl-row .col-md-11, .rtl-row .col-md-12 {
	float: right !important;
}
 }
 
 @media (min-width: 1200px) {
.rtl-row .col-lg-1, .rtl-row .col-lg-2, .rtl-row .col-lg-3, .rtl-row .col-lg-4, .rtl-row .col-lg-5, .rtl-row .col-lg-6, .rtl-row .col-lg-7, .rtl-row .col-lg-8, .rtl-row .col-lg-9, .rtl-row .col-lg-10, .rtl-row .col-lg-11, .rtl-row .col-lg-12 {
	float: right !important;
}
 }
 
 .inner-bg {background:#f6f6f6;}
  .inner-bg .rtltxt, .breadcrumb ul > li:after {color:#106b60;}
  .inner-bg  a.btn-default:hover, .inner-bg  a.btn-color:hover   {color:#fff  !important;}
  
  
  .bold-font {font-family: 'GE-Medium','Roboto', sans-serif;;}
.homevideos-list {height:450px; overflow-y : auto;}  
.homevideos-list a:link, .homevideos-list a:visited , .homevideos-list a:hover {display:block;font-size:19px;text-align:right;padding:23px 15px;background:#d0a860;margin-bottom:2px;direction:rtl !important;font-family: 'GE-Light','Roboto', sans-serif !important;}
.homevideos-list a.active , .homevideos-list a:hover {background:#106b60;color:#fff;}
.homevideos-list img {width:32px;height:32px;float:right;margin:-3px 0px 0px 15px;}


.inline-txt-photo {max-width:50%;margin:0px 20px;}
.inline-txt-photo-alt {display:none;}
.mask-inline-photo * {opacity:0;}

.video-item {position:relative;margin-bottom:30px;}








.component blockquote.quote {
    position: relative; 
    text-align: center;
    padding: 5px;
    width: 80%;  /* create space for the quotes */
    color: #d0a860;
    margin: 1rem auto 2rem;
    background:
    linear-gradient(to right, #d0a860 4px, transparent 4px) 0% 0%,
    linear-gradient(to bottom, #d0a860 4px, transparent 4px) 0% 0%,
    linear-gradient(to left, #d0a860 4px, transparent 4px) 100% 100%,
    linear-gradient(to top, #d0a860 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

.component blockquote.quote:before,
.component blockquote.quote:after{
    font-family: FontAwesome;
    position: absolute;
    color: #d0a860;
    font-size: 34px;
}

.component blockquote:before{
    content: "\f10d";
    margin-right: -20px;
    bottom: -20px;
    right: 100%;
}
.component blockquote:after{
    content: "\f10e";
    margin-left: -20px;
    left: 100%;  
    top: -20px;
    bottom: auto;
}

.component blockquote.quote .rtltxt {background:#106b60;padding:40px 25px;}
.component blockquote.quote .rtltxt * {color:#fff !important;}
.contact-form label {font-family: 'GE-Light','Roboto';font-size:17px;}

 @media (max-width: 1024px) {
	 
.center-on-mobile {text-align:center !important;float:none !important;}
.center-on-mobile .pull-right, .center-on-mobile .pull-left {float:none !important;margin-top:20px;}
.mobile-pb-20 {padding-bottom:20px !important;}
.mobile-pt-20 {padding-top:20px !important;}
.line-height-15 {line-height:100% !important;}
.navbar-header {float:none !important;}
	nav.navbar.bootsnav .navbar-header {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.navbar-nav>li {
     float: none !important; 
	}
	nav.navbar.bootsnav ul.nav > li:last-child, nav.navbar.bootsnav ul.nav > li {
     padding: 0px; 
	}
	
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
    font-family: "Ionicons";
    content: "\f3d2";
    float: left;
    font-size: 16px;
    margin-left: 10px;
	}
	
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #fff;
    padding: 10px 30px;
    color: #fff;
	    font-family: 'GE-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    text-align: right;
	}
	
	nav.navbar.bootsnav .navbar-nav > li > a {
    border-top: solid 1px #fff !important;
    border-bottom: solid 0px #106b60 !important;
	background:#106b60 !important;
	padding:10px 15px !important;

	}
	nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 450px !important;
	
    overflow-y: auto !important;
	}
	.navbar-nav>li>a:hover, .navbar-nav>li.active>a {color:#fff !important;}
 }
 
 
  @media (max-width: 768px) {
	  nav.navbar.bootsnav.navbar-transparent .logo, .logo {
    height: 80px;
	  }
	  
	  .mobile-mt-30 {margin-top:30px;}
	  

	.force-full-width {display:block !important;width:100% !important; text-align:left !important;margin-top:5px;  }
	.hide-on768 {display:none !important;}
	 .header-social {text-align:right !important;}
	 
	 .slider-caption-row {position:absolute;left:10px;bottom:50px;right:10px;}
.slider-caption .hero-text h4 {    font-size: 18px !important;}
  }
@media (max-width: 767px) {
  nav.navbar.bootsnav .navbar-header {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.inline-txt-photo-alt {display:block;margin-top:10px;}
.inline-txt-photo {display:none;}
}

@media (max-width: 640px) {
		.hide-on640 {display:none !important;}
		.inner-bg  {padding-top:20px !important;padding-bottom:20px !important;}
		.section-heading h2 {
    font-size: 28px;
		}
	
	.home-slider, .home-slider .default-slider, .home-slider .slick-list, .home-slider .slide-img, .home-slider .hero-text-wrap {max-height:250px !important;}
	.slider-caption {max-width:65%;float:right;padding:10px;}
	.slider-caption h3 {font-size:14px;}
	.slider-caption h4 {font-size:16px;}
	.slider-caption p {font-size:11px;}
	.slider-caption  a.btn.btn-lg {
    padding: 5px 10px;
    font-size: 10px;
    }
	.home-slider .sidePhoto img {max-height:250px !important;float:left;}
.default-slider .slick-dots, .service-slider-2 .slick-dots {
    bottom: 10px;
}
.full-width-img {width:100%;}
	}
	
	
.inner-contents p * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
    
}

/* CSS Added for training par */
.login-top {direction : rtl; font-family: 'GE-Light', 'Arial';color:#fff;font-size:15px;display:inline-block;padding:0px 10px; }

.login-form {width:100%;max-width:400px;margin:10px auto;background:#F6F6F6;}
.login-form h2 {background:#106B60;margin:0px;padding:10px;font-family: 'GE-Light', 'Arial';color:#fff;font-size:22px;}
.login-form div {padding:0px 20px;}
.login-form label {font-family: 'GE-Medium', 'Arial';font-size:15px;margin-top:15px;}
.login-form input {background:#fff;color:#000;}
.login-form .forgetpwd {float:left;}
.login-form .forgetpwd a:link, .login-form .forgetpwd  a:visited {color:#D0A860;}
.login-form .forgetpwd  a:hover {color:#106B60;text-decoration:underline;}
.login-form .remeberme {float:right;line-height:30px;}
.login-form .remeberme input {width:20px;height:20px;float:right;margin-left:10px;border: 1px solid #eee !important;}
.login-form .login-btn {width:100%;padding-top:40px;text-align:center;padding-bottom:20px;}
.login-form .login-btn button {font-family: 'GE-Medium', 'Arial';font-size:20px;border:0px;padding:10px 20px;background:#D0A860;color:#fff;}
.login-form .login-btn button:hover {background:#106B60;}
.login-form div.select-country {padding:0px 0px;direction:rtl !important;}

.training-program {background:#F6F6F6;}
.training-program .col-md-4, .training-program .col-md-8 {padding:0px;}
.training-program h2 {background:#106B60;margin:0px;padding:10px;font-family: 'GE-Light', 'Arial';color:#fff;font-size:22px;}
.training-program div.description {padding:10px;padding-top:20px;color:#000;font-size:20px;}
.training-program .progressbar {background:#ddd;border-radius:10px;margin:0px 10px;overflow:hidden;}
.training-program .progressbar div {background:#106B60;text-align:center;color:#fff;font-family: 'Arial';font-size:18px;font-weight:bold;}
.training-video {position:relative;display:block;background:#F6F6F6;padding:20px;min-height:120px;margin-bottom:20px;font-size:18px;}
.training-video img {float:right;width:100px;height:80px;margin-left:20px;}
.training-video span {display:block;text-align:left;font-size:11px;color:#666;position:absolute;bottom:10px;left:20px;width:100%;}


.training-program div.description ol, .training-program div.description ul {padding-right:30px;}