html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
    font-family: 'Tajawal', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0!important;
    color: #26306B!important;
    font-family: 'Tajawal', sans-serif!important;
    font-weight: normal!important;
}
h2 {
    font-size: 40px;
    font-family: 'Tajawal', sans-serif;
    letter-spacing: normal;
    line-height: 1.3;
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
section.interests .right li {
    position: relative;
    font-size: 20px;
    line-height: 1.85;
    color: #000;
    font-family: 'Tajawal';
    padding-left: 25px;
}
section.interests .right ul {
    list-style-type: none;
}
.custom-header{
    position: absolute;
    width: 100%;
}
nav.navbar{
    position: relative;
    z-index: 1;
}
.header_contact {
    font-size: 15px;
    margin: 31px 0 0;
    text-align: right;
    direction: ltr;
    color: #fff;
}
.header_contact a {
    color: #fff;
    text-decoration: none;
}
.primary-navigation li a {
    font-family: 'Tajawal', sans-serif;
    text-transform: uppercase;
    font-size: 99%;
}
.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
	color: #777;
}
.site-header{ 
    top: 30px;
    width: 100%;
    background: unset;
    transition-property: background;
    transition-duration: 500ms;
    z-index: 2;
    clear: both;
    display: block;
} 
/* footer */
footer {
    background: rgb(39,155,209);
background: linear-gradient(90deg, rgba(39,155,209,1) 0%, rgba(50,105,154,1) 35%, rgba(38,48,107,1) 100%);
    padding-top: 33px;
    padding-bottom: 21px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    overflow: hidden;
}
/* end footer */
.banner figure img {
    height: 900px;
}
section.banner .banner-content {
   max-width: 1040px;
    margin: 0 auto;
    display: block;
    bottom: 215px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: -1px 1px black;
}
section.banner .banner-content article {
    padding-left: 25px;
    padding-right: 25px;
}
section.banner .banner-content article h1 {
    font-size: 80px;
    color: #FFF;
    font-family: 'Tajawal';
    padding-top: 20px;
    padding-bottom: 20px;
}
 .navbar .nav-item .nav-link {
    font-weight: normal;
    font-size: 13px;
    color: #FFF;
    font-family: 'Tajawal';
    cursor: pointer;
    line-height: normal;
}
nav.org_nav{
background: rgb(45,98,150);
    background: linear-gradient(180deg, rgba(45,98,150,1) 0%, rgba(40,155,209,1) 20%, rgba(255,255,255,0) 100%);
    }
    .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: transparent!important;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none!important;
}
.banner {
    position: relative;
    overflow: hidden;
}
.banner figure {
    background-attachment: fixed;
}
section.banner .banner-content article span {
    font-size: 25px;
    font-weight: normal;
    color: #FFF;
    font-family: 'helveticaneuelight';
    text-transform: uppercase;
    letter-spacing: 3.3px;
    display: block;
}
figure, label, span {
    margin: 0px;
    padding: 0px;
}
p, h1, h2, h3, h4, h5, h6, figure, ul {
    margin: 0px;
    padding: 0px;
}
section.banner .banner-content aside {
    display: inline-flex;
    margin: 0 auto;
}

/* home */

:root {
    --blue: #289BD4;
    --dark-blue: #292D69;
    --white: #ffffff;
}

.f-30 {
    font-size: 30px;
}

.f-17 {
    font-size: 17px;
}

.desc {
    text-align: justify;
}

.post-section {
background: rgb(39,155,209);
background: linear-gradient(90deg, rgba(39,155,209,1) 0%, rgba(50,105,154,1) 35%, rgba(38,48,107,1) 100%);
}

.post-btn {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.parallax {
    background-image: url("/images/parallax-books.jpg");
    height: 650px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.partners h2 {
    color: var(--dark-blue);
}

.swiper2 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 175px;
}

.main-tite h2 {
    color: var(--dark-blue);
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--dark-blue);
}

.card-padd {
    margin: 65px auto;
}
.card{
    width:100%;
    height: 100%;
}
.swiper {
  width: 100%;
  height: auto;
}
.swiper-wrapper{
    height: auto;
    align-items: stretch;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  background-color: transparent;
}

.post-section .swiper-slide > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.post-section .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 380px;
}

.post-section .swiper-slide img,
.post-section .swiper-slide .card-img-top {
  display: block;
  width: auto;
  max-width: 100%;
  height: 380px;
  max-height: 380px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

section.interests .right {
background-color: #f5f5f5;
height: 450px;
position: relative;
display: table;
}
section.interests .right article {
padding: 0px 47px 0px 58px;
display: table-cell;
vertical-align: middle;
}
section.interests .right article p {
font-size: 20px;
line-height: 1.85;
color: #000;
font-family: 'Tajawal';
}
section.interests .right li:before {
content: "";
background-color: #26306B;
height: 8px;
width: 8px;
border-radius: 50%;
position: absolute;
right: -20px;
top: 15px;
}
section.parallax .libraries-content {
background-color: rgba(255, 255, 255, 0.9);
padding: 101px 42px 100px 38px;
margin-right: 69px;
margin-left: 35px;
}
section.parallax .libraries-content h2 {
line-height: 1.22;
color: #003c4e;
max-width: 500px;
}
.libraries-content p {
color: #000;
font-size: 20px;
line-height: 1.85;
max-width: 506px;
padding-top: 29px;
font-family: 'Tajawal';
}
section.parallax .row {
position: relative;
top: 50%;
transform: translateY(-50%);
}
section.parallax .libraries-content a.read-more {
font-size: 15px;
color: hsla(194, 100%, 15%, 0.50);
padding-top: 20px;
font-family: 'Tajawal';
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
position: relative;
display: inline-block;
border: solid 2px #26306B;
padding: 10px 20px;
margin-top: 20px;
}
section.parallax .libraries-content a.read-more:hover {
color: #003c4e;
}
a{
text-decoration:none!important;
}
.navbar-toggler{
background-color: transparent!important;
border: none;
}

.about-sec .aboutdesc,.more-about {
    font-size: 18px;
    color: #303030;
    font-weight: 500;
    margin-top: 10px;
    font-family: Tajawal, sans-serif;
    line-height: 35px;
    margin: 15px 0 0px 12px;
    word-spacing: 0px;
    padding: 20px 30px 32px 0;
    text-align: justify;
}
#about {
    background: #f4f4f4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 55px 0 0px;
}
.about-sec {
    margin-top: 0px;
}
/* end home */
/* books*/
.book-banner {
    background-image: url("/images/contact-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 0;
    text-align: center !important;
}
.book-banner .h6 {
    background-color: #26306b;
    display: inline;
    margin-bottom: 5px !important;
    padding: 5px 10px;
}
.book-banner .h1 {
    color: #fff!important;
    display: block !important;
    margin-bottom: 0 !important;
}
.book-cover {
    padding-top: 5%;
}
.book-cover img {
    margin-bottom: 20px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    max-height: 336px;
}
.book-cover .h6, .book-cover .name-author {
    display: block !important;
}
.book-cover .h6 {
    font-size: 18px !important;
    margin-bottom: 15px !important;
    color: #000 !important;
}
.book-cover a {
    color: #000;
    text-decoration: none;
}
.book-cover a:hover .h6 {
    color: #26306B !important;
}
.book-cover .name-author {
    color: #6e6e6e;
    font-size: 15px;
    line-height: 1;
}
section.book-cover{
    margin: 0 auto;
    max-width: 1920px;
    padding: 70px 0;
    position: relative;
}

/* end books */
   /* contact us */
   .max-1490 {
    max-width: 1490px;
    margin: auto;
}
.contact-form-wraper {
  border: 1px solid rgba(0, 0, 0, 0.03);
  padding: 60px;
  margin-bottom: 60px;
  border-radius: 30px;
  overflow: hidden;
  background: #f4f4f4;
}
.contact-form-content .section-head {
  margin-bottom: 30px;
}
.contact-form-content p {
  font-size: 15px;
  line-height: 1.9;
}
.contact-item-wraper {
  margin-top: 20px;
}
.contact-item-wraper .row [class*="col-"] a {
  color: #212529;
}
.contact-item {
  padding: 15px 10px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}
.contact-item-icon {
  font-size: 30px;
  margin-bottom: 10px;
  color: #26306B;
  line-height: 1;
  transition: 0.2s ease-in-out all;
  transform: scale(1);
}
.contact-item p {
  font-size: 14px;
  color: #212529;
  font-weight: 500;
  display: block;
}
.contact-from-container {
  max-width: 600px;
  margin: 0 0 0 auto;
}
.contact-from-container {
  border-radius: 30px;
  padding: 60px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);
}
.form-grid {
  margin-bottom: 24px;
}
.form-grid .form-label {
  font-size: 14px;
  margin-bottom: 8px;
  position: relative;
  font-weight: 400;
	width:100%
}
.form-grid input, .form-grid textarea, .form-grid select {
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.12)!important;
  border-radius: 0!important;
  padding: 12px 20px!important;
  color: #000!important;
  font-weight: 400!important;
  font-size: 15px!important;
  outline: none!important;
  margin-bottom: 5px!important;
  transition: 0.3s all linear!important;
 
}
.form-grid select {
 
  text-align: right;
}
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}
.form-grid input[type=submit] {
  background-color: #26306B!important;
  color: #fff!important;
  margin-bottom: 0!important;
}
.contact-page-wraper {
  padding-top: 116px;
  padding-bottom: 78px;
}
.contact-item-wraper a {
  display: block;
}
.contact-item:hover .contact-item-icon {
  transform: scale(1.12);
}

  /*End contact us */
@media (max-width:1680px) {

    .banner figure, .banner {height: auto;}
        .contact-from-container {
  margin: 30px auto 0 auto;
  max-width: 100%;
}
    .form-grid {
        margin-bottom: calc(15px - 4px* 2) !important;
    }
    }
    
    @media (max-width:1500px) {
        
    section.banner .banner-content article span { font-size: 18px;}
    section.banner .banner-content article h6{font-size: 24px;}
    /* Keep banner image-driven — do not stretch to 100vh */
    .banner figure, .banner {height: auto;}
    
    }
    
    @media (max-width:1440px) { 
    
    section.banner .banner-content article span { font-size: 15px;}
    section.banner .banner-content article h6{font-size: 23px;}
    
    .banner figure, .banner {height: auto;}
        
    }
    
    
    @media (max-width:1380px) {
    
    header .navbar-nav .nav-item svg {float: left;margin-right: 6px}
    header .navbar-nav li {padding-right: 12px;padding-left: 12px;}
        .form-grid {
        margin-bottom: calc(24px - 4px* 2);
    }
    }
    
    
    
    
    
    
    @media (max-width:1280px) {
    header .navbar-nav li {padding-right: 0px;} 
    header .navbar-nav .nav-item span {float: inherit;}
    header .navbar {padding: 17px 20px;}
    .contact-from-container {
  max-width: calc(600px - 100px*2);
  padding: calc(60px - 10px*3);
}
    
    }
    @media (max-width: 1350px) {
     .navbar-toggle {display: block; position: absolute; right: 50px;}   
        .navbar-toggle{display:none;}
    }
    
    
    @media (max-width: 1024px) {
    section.banner .banner-content article span { font-size: 15px;}
    section.banner .banner-content article h6{font-size: 23px;}
    section.banner .banner-content article h1{font-size: 70px;}
    header .navbar-nav .nav-item span {float: inherit;position: relative;top: 2px;max-width: inherit;}
    header .navbar {padding: 17px 20px;}
     .contact-from-container {
  margin: 30px auto 0 auto;
  max-width: 100%;
}
    }
    
    @media (max-width:991px) {
    header .navbar {box-shadow: none;padding: 17px 20px;}
    }
    
    
    
    @media only screen and (max-width:767px)  {
       
    .hidden-xs {
        display: none!important;
    }
    section.banner .banner-content { bottom: 40px;}
    section.banner .banner-content aside{display: block;} 
    section.inner-banner h1 {font-size: 30px;}
    section.banner .banner-content article h1{font-size: 40px;}
    section.banner .banner-content article p { font-size: 13px;}
    section.banner .banner-content article h6 {font-size: 14px; }
    section.banner .banner-content article span{letter-spacing: 1.3px;}
    section.banner ul.slick-dots {right: 25px;}
    section.banner .slick-prev:before,section.banner .slick-next:before { right: 22px;}
    .banner,.banner figure{height: auto;}
    .banner figure img{height: 600px;}
    section.banner .banner-content article span {font-size: 13px;}
    section.inner-banner span { font-size: 13px;}
    section.inner-banner article{padding-left: 15px; padding-right: 15px;}
    section.inner-banner{max-height: 300px; height: 300px; min-height: inherit;}
    }
@media (max-width: 575px){
.contact-item-wraper .row [class*="col-"]:not(:last-child) {
  margin-bottom: 10px;
}
.contact-form-wraper, .contact-from-container {
  padding: calc(60px - 10px*3.5);
}
.max-1490 {
  max-width: 95%;
}
}