@font-face {font-family: bien-black;src: url(fonts/black.ttf);}
@font-face {font-family: bien-normal;src: url(fonts/normal.ttf);}
@font-face {font-family: DastNevis;src: url(fonts/DastNevis.ttf);}

@font-face {
  font-family: graphik-black;
  src: url(fonts/GraphikArabic-Black.ttf);
}

@font-face {
  font-family: graphik-normal;
  src: url(fonts/GraphikArabic-Regular.ttf);
}

body{font-family: bien-normal;}
/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #c70815;
}

/* Slides */
.mySlides {
  display: none;
  padding: 20px;
  text-align: center;

}

.navbar-brand img{
  height: 64px;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #c70815;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: black;
}

/* Add an italic font style to all quotes */
.mySlides div {font-family: graphik-normal;font-weight: 400;color: #FFF;font-size: 26px; height: 150px;}

/* Add a blue color to the author */
.author {color: #F2FF58;font-style: italic;font-size: 35px;padding-top: 20px;font-family: DastNevis;}


.navbar-default{border-color: transparent;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #c70815; font-size: 18px;}
.navbar-default .navbar-nav > li {margin-right: 15px;}
#header-container{margin-bottom: 100px;}
#header{padding: 50px;}
#header-container #header{transform: translateY(60px);}
#header img{padding-top: 20px; padding-bottom: 30px;padding-right: 20px;}
#header h1 {color: #c70815;font-weight: 400;font-family: bien-black; font-size: 5rem;text-align: center;}
#header h2 {color: black;font-family: bien-black;font-size: 26px; line-height: 1.5em;text-align: justify}
#header2 img{padding: 20px;}  

#register {padding-top: 20px;}
#register input {width: 300px;height: 48px;background: rgba(217, 217, 217, 0.26);text-align: right;
border-radius:0px 25px 25px 0px;font-size: 22px; padding-right: 10px; margin-top: 10px;}
#register button {width: 121px;margin-right: -20px;height:50px;background: black;border-radius: 25px;
margin-top: 10px;font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 20px;
line-height: 33px;color: #FFFFFF;position: relative;z-index: 99;}

#counter{margin-right: 50px;margin-left: 50px;border-radius: 50px; 
margin-top: -50px;background: #FFFFFF;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.19);border-radius: 30px;}
#counter .col-md-4 {padding-top:20px;padding-bottom: 20px;}
#counter h2 {color:#c70815;line-height: 1em;text-align: center;font-size:40px;font-family: graphik-black;}
#counter span {color:#c70815;font-size: 28px;}

#courses button {width:100%;height:65px;background: rgba(217, 217, 217, 0.42);border-radius:40px;
font-family: 'bien-normal';font-weight:400;font-size:26px;line-height:33px;color:#414141; margin-top: 15px;}

#courses .active {width:100%;height:65px;background:#c70815;border-radius:40px;
font-family: 'bien-normal';font-weight:400;font-size:26px;line-height:33px;color:#fff; margin-top: 15px;}

#courses img{width: 350px!important; height: 250px!important;}
#courses .icon-img {width: 40px!important; height: 40px!important;}

#courses .thumbnail{width: 350px;height: 500px;}


#courses h2{color: #414141;font-size: 24px;font-family: graphik-black;}
#courses p{color: #A7A7A7;font-size:16px;font-family: graphik-normal;}

#break{display: inline-flex;color: #000;}
#break p {color: #000; padding-right: 10px;}

#footer {background-color:#c70815;padding-top: 25px; padding-bottom: 25px;}
#footer h2{color:#fff;font-family: graphik-black;font-size: 26px; line-height: 40px}

#footer-button input {width: 300px;height: 48px;background: rgba(217, 217, 217, 0.9);
border-radius: 0px 25px 25px 0px;font-size: 22px; padding-right: 10px; margin-top: 10px;text-align: right;z-index: 88;}
#footer-button ::placeholder {color: #fff;}
#footer-button button {width: 121px;height:50px;background: black;border-radius: 25px;margin-top: 10px;
font-family: 'bien-black';margin-right: -20px;font-style: normal;font-weight: 400;font-size: 20px;line-height: 33px;color: #FFFFFF;position: relative;z-index: 99999;}
 
#sty-pro button{ background: transparent;color: black;font-weight: bold; font-size: 16px;}
.icon-pro {width: 30px!important; height: 30px!important;}
.eeic-footer{width: 100%;background-color: black;padding-top: 64px;padding-bottom: 64px;position: relative;}
.eeic-footer .container{width: 100%;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.eeic-footer .grid-2 {grid-column-gap: 4rem;direction: ltr;grid-template-columns: 1fr .6fr;}
.eeic-footer .w-layout-grid {grid-row-gap: 16px;grid-column-gap: 16px;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;display: grid;}
.eeic-footer #w-node-_08e88671-4366-8a89-5816-568f99efb44f-99efb44c {grid-area: 1/2/3/3;justify-self: end;}
.eeic-footer .col-1 {width: 359.188px;grid-column-gap: 2rem;grid-row-gap: 2rem;direction: rtl;flex-direction: column;align-items: flex-start;display: flex;}
.eeic-footer img{border:0;max-width: 100%;vertical-align: middle;display: inline-block;}
.eeic-footer .image-4 {height: 104px;}
.eeic-footer .footer-paragraph {color: white;text-align: right;margin-top: 10px;margin-bottom: 0;font-weight: 500;line-height: 1.6;}
.eeic-footer .flex-h._2 {grid-column-gap: 1rem;grid-row-gap: 1rem;}
.eeic-footer .flex-h {justify-content: space-between;align-items: center;display: flex;}
.eeic-footer .image-5 {height: 56px;}
.eeic-footer .image-5._2 {height: 104px;}
.eeic-footer .social-links-footer {grid-column-gap: 1rem;grid-row-gap: 1rem;justify-content: flex-start;align-items: center;display: flex;}
.eeic-footer .social-link {width: 40px;height: 40px;justify-content: center;align-items: center;display: flex;}
.eeic-footer #w-node-_08e88671-4366-8a89-5816-568f99efb469-99efb44c {grid-area: span 2/span 1/span 2/span 1;}
.eeic-footer .important-links {padding-left: 8rem;}
.eeic-footer .footer-h4 {color: white;text-align: right;margin-top: 92px;margin-bottom: 0;font-size: 22px;}
.eeic-footer .grid-3 {grid-column-gap: 40px;grid-row-gap: 0px;direction: ltr;grid-template-rows: auto;margin-top: 1rem;}
.eeic-footer #w-node-_08e88671-4366-8a89-5816-568f99efb46e-99efb44c, #w-node-_08e88671-4366-8a89-5816-568f99efb479-99efb44c, #w-node-_3a90617a-36c2-e1c7-04c9-d21cfe4ab58d-fc6af322 {grid-area: span 1/span 1/span 1/span 1;}
.eeic-footer .col {grid-row-gap: 4px;flex-direction: column;display: flex;}
.eeic-footer .link {color: #a3a3a3;text-align: right;font-weight: 500;text-decoration: none;}
.eeic-footer .w-form {margin: 0 0 15px;}
.eeic-footer .footer-h4._2 {margin-top: 2rem;margin-bottom: 2rem;}
.eeic-footer .footer-h4 {color: white;text-align: right;margin-top: 92px;margin-bottom: 0;font-size: 22px;}
.eeic-footer .flex-h-form {grid-column-gap: 1rem;grid-row-gap: 1rem;justify-content: flex-start;display: flex;}
.eeic-footer .text-field-wrapper {flex-direction: column;align-items: flex-start;}
.eeic-footer .text-field {min-height: 48px;color: #a3a3a3;background-color: transparent;border: 1px solid #e4e6f1;border-radius: 24px;margin-bottom: 0;padding: 12px 16px;font-size: 14px;transition: all .2s;}
.eeic-footer .w-input, .w-select {width: 100%;height: 38px;color: #333;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;margin-bottom: 10px;padding: 8px 12px;font-size: 14px;line-height: 1.42857;display: block;}
.eeic-footer .w-form-done {text-align: center;background-color: #ddd;padding: 20px;display: none;}
.eeic-footer .w-form-fail {background-color: #ffdede;margin-top: 10px;padding: 10px;display: none;}
.eeic-footer .backdrop-footer {width: 8.31rem;height: 100%;transform-style: preserve-3d;background-image: url(img/backdrop.png);background-position: 100%;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0%;bottom: auto;left: 0%;right: auto;}


.englishDiv .caption {
  text-align: left !important;
  direction: ltr !important;
}

.englishDiv .caption #break img {
  margin-right: 10px;
}

@media only screen and (max-width: 600px) {
.navbar-brand img {height: 48px;}
#header-container{margin-bottom: 1rem;}
#header-container #header {transform: translateY(0);}
#header{padding: 0px 25px 10px 25px}
#header h1 {font-size: 4rem;}
#register{text-align: center;}
#register input {width: 220px;font-size: 18px;}
#register button {width: 90px;height:50px;background: black;margin-top: 10px;
font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 16px;line-height: 33px;color: #FFFFFF;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle{background-color: black;border-color: black;margin-top:30px;margin-left: 30px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 40px;}
#header2 img{padding: 20px;width: 70%;}
#footer input {width: 220px;font-size: 18px;}
#footer button {width: 90px;height:50px;margin-top: 10px;
font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 16px;line-height: 33px;color: #FFFFFF;}

.mySlides div {height: 300px;}
.eeic-footer .footer{overflow: hidden;}
.eeic-footer .container{width: 90%;}
.eeic-footer .grid-2{grid-template-columns: 1fr;grid-template-columns: lfr;}
.eeic-footer #w-node-_08e88671-4366-8a89-5816-568f99efb44f-99efb44c{grid-area: span 2/span 1/span 2/span 1;grid-row:span 1/span 1;}
.eeic-footer .image-4{height: 64px;}
.eeic-footer .social-links-footer{height: auto;}
.eeic-footer .important-links {padding-left: 0;}
.eeic-footer .footer-h4 {margin-top: 0;}
.eeic-footer .backdrop-footer {z-index: 0;display: none;}
}