/*** Fonts **
@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,600');
@import url('https://fonts.googleapis.com/css?family=Cairo');*/

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

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(../fonts/Oswald-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

@font-face {
    font-family: 'Right_Arrow';
    src: url('../fonts/right-arrow.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    
    font-family: 'Left_Arrow';
    src: url('../fonts/left-arrow.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.right-arrow-icon, .left-arrow-icon {display: inline-block; width: 1rem; min-height: 1px; color: #000000; font-size: 1rem;}
.right-arrow-icon {font-family: 'Right_Arrow';}
.left-arrow-icon {font-family: 'Left_Arrow';}

/*** Standerd Global CSS ***/
html {padding: 0; margin: 0; direction: rtl}
body {padding: 0; margin: 0 auto; font: 200 .85rem 'Cairo'; color: #555555; /*line-height: 1.6rem;*/}

/* Backgroun Colors */
.white-Bg {background: #ffffff}
.offWhite-Bg {background: #fafafa}
.whiteGray-Bg {background: #e5e5e5}
.gray-Bg {background: #cccccc}
.babyBlue-Bg {background: #00bcf5}
.blue-Bg {background: #003284}
.orange-Bg {background: #ffbd00}

/* images style */
/*img {max-width: 100%; height: auto}*/

.clear {clear: both;}

.zindex-1 {z-index: -1;}
.zindex0 {z-index: 0;}
.zindex1 {z-index: 1;}

div, ::after, ::before { transition: ease 0.2s; -moz-transition: ease 0.2s; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; -ms-transition: ease 0.3s}
a, .btn, i {text-decoration: none !important; cursor: pointer; transition: ease 0.2s; -moz-transition: ease 0.2s; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; -ms-transition: ease 0.3s;}
a:focus , button:focus{ outline:none;}

/*** Button Styles ***/
.btn {font-family: 'GE Flow'; border-radius: 0;  transition: ease 0.3s; -moz-transition: ease 0.3s; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s}
/* Primary Button */
.btn-primary {background-color: #003791; font-size: 1rem; color: #ffffff !important; font-weight: 200; padding: 10px 25px; border: none;}
.btn-primary:hover {background-color: #f6b100; color: #002f8a; box-shadow: 0 0 8px rgba(0,0,0,.5);}
.btn-center {display: table; margin: auto;}
.btn-left {float: left;}
.btn-rounded {border-radius: 25px;}
/* Secondary Button */
.btn-secondary {background-color: #003791; font-size: .9rem; color: #ffffff; font-weight: 200; padding: 5px 20px; border: none; border-radius: 16px;}
.btn-secondary:hover {background-color: #f6b100; color: #002f8a; box-shadow: 0 0 3px rgba(0,0,0,.3);}

/* Titles Styles */
h1, h2, h3 ,h4 ,h5 ,h6{position: relative; padding: 0; margin:0 0 10px; font-family: 'GE Flow'}
h1.center, h2.center, h3.center {display: table; margin-right: auto; margin-left: auto; text-align: center;}
h1 {font-size: 1.7rem; color: #0143b0; padding: 0; margin: 0 0 20px 0;}
h1.blue {color: #0143b0;}
h1.darkBlue {color: #002663;}
h1.white {color: #ffffff;}
h1.whiteBG {display: table; background: #ffffff; padding: 0 40px;}
h1.blueBG {display: table; background: #003da2; padding: 12px 40px; color: white;}
h1.blueBG::after {content: ''; position: absolute; display: block; bottom: 8px; right: 40px; width: 25px; height: 2px; background: #f6b100;}
h1.orangeUnderline::after {content: ''; position: relative; display: block; width: 50px; height: 3px; bottom: -10px; margin: 0 auto 30px; background: #f8b800;}
h1.orangeRUnderline::after {content: ''; position: absolute; width: 40px; height: 3px; bottom: -10px; right: 0; background: #f8b800;}
h1.orangeLRline {display: table; padding: 0 20px; margin: 0 auto 20px auto;}
h1.orangeLRline::before, h1.orangeLRline::after {content: ''; position: absolute; display: block; width: 40px; height: 0.1rem; bottom: .8rem; z-index: 2;}
h1.orangeLRline::before {background: #f6b100; left: -40px;}
h1.orangeLRline::after {background: #f6b100; right: -40px;}
h1.blueUnderline::after {content: ''; position: relative; display: block; width: 40px; height: 3px; bottom: -10px; margin: 0 auto 30px; background: #00184a;}
@media (max-width: 991px){
    h1 {font-size: 1.4rem;}
    h1.orangeLRline::before {display: none;}
    h1.orangeLRline::after {position: relative; right: auto; height: .15rem; margin: 20px auto 0 auto;}
}
.MainTitleContainer {position: relative; width: 100%; margin-bottom: 8px;}
.MainTitleContainer::before {content: ''; position: absolute; display: block; background: #f6b100; width: 100%; height: 2px; bottom: 0;}
.MainTitleContainer h1.underline {display: table; padding: 0 0 5px 10px; font-size: 1.3rem; border-bottom: 4px #003791 solid; margin: 0; z-index: 2;}
@media (max-width: 991px){
    .MainTitleContainer {
        margin-top: 20px;
    }
}

h2 {font-size: 1.1rem; margin-bottom: 10px; color: #f8b800;}
h2.blue {color: #0143b0 !important;}
h2.white {color: #ffffff;}
h2.darkGray {color: #444444;}
h2.whiteBG {display: table; background: #ffffff; padding: 0 20px;}
h2.orangeLeftline::before, h2.orangeUnderline::after, h2.whiteUnderline::after, h2.underline::after, h2.blueUnderline::after {content: ''; position: relative; display: table; width: 40px; height: 0.15rem; z-index: 1;}
h2.orangeLeftline::before {background: #f6b100; position: absolute; left: -50px; bottom: .56rem; z-index: 0;}
h2.orangeUnderline::after {background: #f6b100; margin: 10px auto 0 auto;}
h2.blueUnderline::after {background: #001841; margin: 10px auto 0 auto;}
h2.underline::after {display: block; background: #f6b100; margin: 7px 0 10px 0; border-right: #003791 20px solid;}
h2.whiteUnderline::after {background: #ffffff; margin: 10px auto 0 auto;}

h3 {font-size: .8rem; color: #00184a; margin-bottom: 10px;}

p {text-align: justify; line-height: 1.65rem;}
p span {font-weight: bold; color: #f8b800;}
p.text-center-justify {text-align: justify; text-align-last: center;}

ul {padding: 0; margin: 0; list-style: none}

section {position: relative; width: 100%; height: auto; padding: 80px 0;}
section.innerPages {position: relative; width: 100%; height: auto; padding: 180px 0 40px;}

@media (max-width: 767px){
    section {padding: 40px 0;}
    section.innerPages {padding-top: 60px;}
}
@media (min-width: 768px) and (max-width: 1023px){
    section.innerPages {padding-top: 100px;}
}
/*** End Standerd Global CSS ***/

/*** Header Top Bar Styles ***/
.topLimks-container {width: 100%; background: #f0f0f0; min-height: 50px; padding: 5px 0;}

/* Top Social Media Styles */
.topSocialMediaContainer a.language {display: none;}
a.topSocialMedia {display: inline-block; width: 28px; height: 28px; border-radius: 50%; padding: 6px 0 0 0; margin: 7px 3px; opacity: 0.7; color: #e8eff8; font-size: 14px; text-align: center;}
a.topSocialMedia:hover {opacity: 1;}
a.facebook {background-color: #00257c}
a.twitter {background-color: #0099ff}
a.youtube {background-color: #bd0100}
/* Top Short Links Styles */
a.toplinks {color: #002055; font-size: .58rem; display: inline-table; padding: 12px 5px; margin: 0 auto;}
a.toplinks:hover {color: #f4b000}
/* Language Styles */
.topLanguageContainer {text-align: left;}
a.language {display: inline-block; background-color: #002f7c; width: 28px; height: 28px; border-radius: 50%; padding: 5px 0 0 0; margin: 7px 3px; font-family: 'Oswald'; font-size: .8rem; font-weight: 600; color: #e8eff8; text-align: center;}
a.language:hover {background-color: #f8b800; color:#002055;}

/*- Mobile View Style -*/
@media (max-width: 991px){
    .topSocialMediaContainer {text-align: center;}
    .topSocialMediaContainer a.language {display: inline-block;}
    .topSocialMediaContainer a.toplinks {display: none;}
    .topLanguageContainer {display: none;}
    .topLinksMobileView a.toplinks {display: inline-block; font-size: .65rem; font-weight: 400;}
}
@media (min-width: 992px){
    .topLinksMobileView a.toplinks {display: none;}
}
/*** End Header Top Bar Styles ***/

/* Search Styles */
.search-container, .search-collapse-container {position: relative; max-width: 242px; margin: 4px auto; text-align: center;}
.search-collapse-container {display: none;}
.search-container form, .search-collapse-container form {margin: 0;}
.search-container .form-control, .search-collapse-container .search-colapced-palceholder {width: 100% !important; height: 36px; border: 1px #bbbbbb solid; border-radius: 18px; padding: 5px 10px 5px 44px; margin: 0 auto; font-size: 12px; color: #444444;}
.search-container .form-control:focus{border: 1px #003284 solid;}
.search-container .btn, .search-collapse-container .btn {position: absolute; left: 4px !important; top: 4px; border: none; border-radius: 16px 0 0 16px;}
.search-container .btn {background-color: #002f7c; color: #ffffff; padding: 6px; }
.search-container .btn:hover{background-color: #f8b800; color: #002f7c;}
/*- Mobile View Styles -*/
@media (max-width: 991px){
    .search-container {display: ;}
    .search-collapse-container {display: block; margin: 10px auto;}
    .search-collapse-container .search-colapced-palceholder {height: 44px; border-radius: 18px; padding: 10px 18px 10px 55px;}
    .search-collapse-container input[type=text]:focus {outline: none !important;}
    .search-collapse-container .search-colapced-btn {left: 4px; padding: 10px; background-color: #f8b800; color: #002f7c;}
    .search-collapse-container .search-colapced-btn:hover {background-color: #002f7c; color:#ffffff;}
	/*.toplinks {font-size: 10px; padding: 8px 4px;}*/
}

/*** Logo Styles ***/
.logoContainer {position: relative; display: table; max-width: 100%; margin: 0 auto -183px auto; z-index: 1;}
.logo {position: relative; margin: 0 auto; padding: 0; width: 100%; top: -52px;}
.logo img, .logoMobileView img {display: table; border:none; padding: 0; margin: 0 auto; width: 100%; max-width: 366px; height: auto;}
.logoMobileView {display: none; position: relative; width: 100%; margin: 5px 0;}
.logoMobileView img {max-width: 190px;}
/*- mobile View Style -*/
@media (min-width: 768px) and (max-width: 1023px){
    .logoContainer {margin-bottom: -135px;}
    .logo img {max-width: 270px;}
}
@media screen and (max-width: 991px){
    .logoContainer {display: none}
    .logoMobileView {display: block;}
    .main-header-bg {display: none;}
}
/*** End Logo Styles ***/

/*** End Header Slider Styles ***/
.sliderContainer {position: relative; width: 100%; z-index: 0;}
.sliderContainer .carousel-indicators {bottom: 70px;}
.sliderContainer .carousel-indicators li {width: 50px; height: 10px; margin-right: 6px; margin-left: 6px; background: rgba(255,255,255,.85); box-shadow: 2px 3px 5px rgba(0,0,0,0.4); }
.sliderContainer .carousel-indicators li.active, .sliderContainer .carousel-indicators li:hover {background: #ffb800;}

/* Mobile View Styles */
@media (max-width: 575px){
    .sliderContainer {display: none;}
}
@media (max-width: 991px){
    .sliderContainer .carousel-indicators {bottom: 25px;}
    .sliderContainer .carousel-indicators li {width: 30px; height: 6px;}
}
/*** End Header Slider Styles ***/

/*** About Section Styles ***/
.aboutImg {position: relative; display: block; width: 100%; max-width: 500px; height: 530px; background: center top; background-size: cover; margin: -130px auto 30px auto;}
.aboutImg::before {content: ''; position: absolute; width: 50%; height: 95%; bottom: -15px; right: -15px; background: #ffb800; z-index: -2;}
.aboutImg::after {content: ''; position: absolute; width: 90%; height: 94%; top:2.8%; right: 5%; background: transparent; border: 2px #ffffff solid; z-index: 2;}

/* About Internal Pages */
.aboutInnerPagesImg {position: relative; display: block; width: 100%; max-width: 500px; height: 300px; background: center top; background-size: cover; margin: 0 auto 40px;}
.aboutInnerPagesImg::before {content: ''; position: absolute; width: 50%; height: 95%; bottom: -15px; right: -15px; background: #ffb800; z-index: -2;}
.aboutInnerPagesImg::after {content: ''; position: absolute; width: 90%; height: 86%; top:7%; right: 5%; background: transparent; border: 2px #ffffff solid; z-index: 2;}

/* Modal Container Styles */
.modal-open .modal {background: rgba(0,20,50,.7);}
.modal-backdrop {display: none;}
.modalContainer .modal-dialog {max-width: 95%; margin: 3rem auto;}
.modalContainer .modal-content {border: 1px solid rgba(0,0,0,.3); border-radius: 1rem; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.modalContainer .modal-header {border: 0; padding: .7rem 1.5rem .1rem;}
.modalContainer .modal-body {padding: 1rem 1.5rem;}
.modalContainer .modal-body h2 {font-size: 1.2rem;}
.modalContainer .modal-footer {padding: .2rem 1.5rem 1.5rem; border: 0;}
.modalContainer .btn-primary {border-radius: 1rem; color: #ffffff; background: #0143b0;}
.modalContainer .btn-primary:hover, .modalContainer .btn-primary:focus {background: #f6b100;}

/* Mobile View Styles */
@media screen and (max-width: 767px) {
    .aboutImg {height: 300px; max-width: 250px; margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .aboutSection {padding: 40px 0;}
    .aboutImg {height: 325px; margin-top: -71px;}
    .aboutImg::after {height: 90%; top:5%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .aboutImg {height: 440px;}
}
/* End Mobile View Styles */
/*** End About Section Styles ***/

/*** Vision & Mission Section Styles ***/
.visionMissionContainer {width: 100%;/* z-index: 0;*/}
.visionMissionContainerBg {background: url('../img/vision-mission-bg.jpg') center top repeat-y; background-size: cover; /*z-index: 0;*/}
.visionMissionContainer h1.blueBG {margin-top: 80px;}
.visionMissionContainer .textContainer {position: relative; background: #fdfdfd; box-shadow: 0 0 12px rgba(0,0,0,.15); padding: 40px; margin: 0 40px 20px 40px;}
.visionMissionContainer .textContainer p {max-height: 238px; overflow: hidden;}
.visionMissionContainer .textContainer .btn-left {padding: 7px 30px; margin: 0 auto 0 -70px;}
.visionMissionContainer .textContainer .btn-right {padding: 7px 30px; margin: 5px -70px 0 auto;}
.visionLeftPic, .missionRightPic, .missionPicMobileViewOnly {position: relative; display: block; width: 100%; max-width: 700px; height: 420px; background: center center; background-size: cover; margin-bottom: 40px;}
.visionLeftPic {margin-right: -40px; margin-bottom: 100px;}
.missionRightPic {margin-right: 30px;}
.missionPicMobileViewOnly {display: none;}
.visionLeftPic::before, .missionRightPic::before, .missionPicMobileViewOnly::before {content: ''; position: absolute; display: block; top: 40px; width: 100%; height: 100%; background: transparent; border: 3px #003285 solid; z-index: -1;}
.visionLeftPic::before {left: -40px;}
.missionRightPic::before, .missionPicMobileViewOnly::before {right: -40px;}

/* Mobile View Styles */
@media (max-width: 767px) {
    .visionMissionContainer h1.blueBG {margin-top: 40px;}
    .visionMissionContainer .textContainer {margin: 0 20px 0 20px; padding: 20px;}
    .visionMissionContainer .textContainer .btn-left {margin-left: -40px;}
    .visionMissionContainer .textContainer .btn-right {margin-right: -40px;}
    .visionLeftPic, .missionRightPic, .missionPicMobileViewOnly {width: auto; height: 300px; margin: 0 20px 40px;}
    .visionLeftPic::before, .missionRightPic::before, .missionPicMobileViewOnly::before {top: 20px;}
    .visionLeftPic::before {left: -20px;}
    .missionRightPic::before, .missionPicMobileViewOnly::before {right: -20px;}
    .missionRightPic {display: none;}
    .missionPicMobileViewOnly {display: block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .visionMissionContainer h1.blueBG {margin-top: 55px;}
}
/* End Mobile View Styles */
/*** End Vision & Mission Section Styles ***/

/*** Departments Section Styles ***/
.departments {background: #003794; padding: 60px 0 40px 0;}
.departmentsContainer {width: 90%; margin: 0 auto; padding: 0; text-align: center;}
/*** End Departments Section Styles ***/
    
/*** Photo Album Section Style ***/
.photoAlbumContainer {width: 100%; padding: 0 60px; margin: 0 auto;}
/*** End Photo Album Section Style ***/

/*** Contact Us Section Styles ***/
.contactUsSection {position: relative; width: 100%; min-height: 400px;}
.contactUs {width: 100%; min-height: 400px; background: #f7b400; padding: 40px; margin-right: 10px; z-index: 1;}
.contactUs h1 {font-size: 2rem;}
.contactUs::before {content: ''; position: absolute; top: -20px; right: 0; width: 50%; height: 100%; background: #001135; z-index: -1;}
.contactUs li {position: relative; margin-bottom: 25px; clear: both;}
.iconContainer::before {content: ''; position: absolute; top: -8px; right: -8; width: 76px; height: 60px; border: 1px #001135 solid; z-index: 0;}
.contactUs i {position: relative; display: block; float: right; width: 60px; height: 60px; background-color: white; text-align: center; font-size: 2rem; color: #001135; padding-top: 14px; margin: 0 0px 20px 30px; cursor: auto; z-index: 1;}
.contactUs .contactNumberContainer p {font: normal 600 1.45rem 'Oswald'; direction: ltr; line-height: 120%;}
.contactUs .contactNumberContainer p span{ display:block; font-family: 'Cairo'; font-size:18px; color:#001135;}
.contactUs p {font: normal 600 1.2rem 'Cairo'; margin: 0; color: #001135; text-align: right; line-height: 1.8rem; letter-spacing: -.07rem;}
/* Google Map Styles */
.gMap {position: absolute; top: 0; width: 100%; height: 100%; min-height: 400px; z-index: 1;}
.gMapMobileView {display: none; width: 100%; height: 100%; min-height: 300px;}

/* Mobile View Styles */
@media (max-width: 575px) {
    .contactUsSection {background: #00173c;}
    .contactUs li {display: block; margin: 0 auto 30px auto;}
    .contactUs i {display: block; float: none; width: 80px; margin: 0 auto 8px auto; border: 1px #001135 solid; border-radius: 5px;}
    .contactUs .contactNumberContainer {padding: 0 10px;}
    .contactUs p {font-size: 1rem; line-height: 1.2rem; letter-spacing: -.03rem; text-align: center !important;}
    .contactUs .contactNumberContainer p {padding: 0;}
    .iconContainer::before {display: none;}
    .gMap {display: none;}
    .gMapMobileView {display: block;}
}
@media (min-width: 576px) and (max-width: 767px){
    .contactUs {padding-left: 15px;}
}
@media (max-width: 767px){
    .contactUs {margin-right: 0;}
    .contactUs p {
        font-size: 1rem;
        letter-spacing: normal;
    }
    .contactUs .contactNumberContainer p {
        font-size: 1.2rem;
    }
}
/*** End Contact Us Section Styles ***/

/*** Inner Pages Content Styles ***/
.innerPagesContainer {width: 100%; z-index: 0; padding: 180px 0 80px;}
.innerPagesContainerBg {background: url('../img/vision-mission-bg.jpg') center top repeat-y; background-size: cover; z-index: 0;}
.innerPagesContent h1.blueBG {margin-top: 80px;}
.innerPagesContent .textContainer {position: relative; background: #fdfdfd; box-shadow: 0 0 12px rgba(0,0,0,.15); padding: 30px; margin: 0 40px 60px 40px;}
.innerPagesContent .textContainer p {max-height: 238px; overflow: hidden;}
.innerPagesContent .textContainer .btn-left {padding: 7px 30px; margin: 0 auto 0 -70px;}
.innerPagesContent .textContainer .btn-right {padding: 7px 30px; margin: 5px -70px 0 auto;}
.contentLeftPic, .contentRightPic, .LeftPicMobileViewOnly {position: relative; display: block; width: 100%; max-width: 700px; height: 400px; background: center top; background-size: cover; margin-bottom: 100px;}
.contentLeftPic {margin-right: -40px;}
.contentRightPic {margin-right: 30px;}
.LeftPicMobileViewOnly {display: none;}
.contentLeftPic::before, .contentRightPic::before, .LeftPicMobileViewOnly::before {content: ''; position: absolute; display: block; top: 40px; width: 100%; height: 100%; background: transparent; border: 3px #003285 solid; z-index: -1;}
.contentLeftPic::before {left: -40px;}
.contentRightPic::before, .LeftPicMobileViewOnly::before {right: -40px;}

/* Mobile View Styles */
@media (max-width: 767px) {
    .innerPagesContainer {padding-top: 40px; padding-bottom: 20px;}
    .innerPagesContent h1.blueBG {margin-top: 40px;}
    .innerPagesContent .textContainer {margin: 0 20px; padding: 20px;}
    .contentLeftPic, .contentRightPic, .LeftPicMobileViewOnly {width: auto; height: 280px; margin: 0 20px 20px 20px}
    .contentLeftPic::before, .contentRightPic::before, .LeftPicMobileViewOnly::before {display: none;}
    .contentRightPic {display: none;}
    .LeftPicMobileViewOnly {display: block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .innerPagesContent h1.blueBG {margin-top: 55px;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .innerPagesContainer {padding-top: 120px;}
}
/* End Mobile View Styles */
/*** End Inner Pages Content Styles ***/

/*** Footer Styles ***/
footer {font-size: .8rem; color: #b0b0b0; line-height: 1.3rem;}
.copyr-ight {background: #00173c; padding: 30px 0; text-align: center; color: #5f687b;}
.copyr-ight p {margin: 0;}
.copyr-ight a, .copyr-ight span {color: #ffffff; font-weight: bold;}
.copyr-ight a:hover, .copyr-ight a:focus {color: #f7b400;}
/*** End Footer Styles ***/

.ulStyle{ list-style:disc; margin:0 15px 15px 0;}

/*****************Ay****************/
section.innerPages h5{ font-size: 1.2rem;}
.banner{ background: center top no-repeat; width:100%; height:400px; position:relative; z-index:-1;}

/*****************ahmed mostafa****************/
.text-card {
    background: #fff; padding: 30px; border: 1px solid #CCC; border-right: 5px solid #0143b0; font-size: 15px; margin-bottom: 15px;
}
.text-card h1, .text-card h2, .text-card h3, .text-card h4, .text-card h5, .text-card h6 {
        color: #0143b0;
}
    .text-card ul {
        list-style: square; margin: 0 15px 15px 0;
    }