@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap');

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

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

::after,::before{
	box-sizing:border-box;
	}

html{
  scroll-behavior: smooth;
  direction:rtl;
}

/* body */

body{margin:0; font:15px 'Almarai', Arial, Helvetica, sans-serif !important; line-height:23px;}

/* Animaiton */

:hover{transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; -o-transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s;}

.pointer{cursor:pointer;}

/* float */
.left{float:left}
.right{float:right}

/* Font Size */
.f-40{font-size:40px;}
.f-20{font-size:20px;}

/* alignment */
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}


/* HR */
hr{border-top:solid 1px #c7c7c7; border-bottom:0; margin:10px 0;}

/* Elements */
strong{font-family: 'Almarai', Arial, Helvetica, sans-serif; font-weight:bold;}

a:link, a:visited, a:active{color:#045184; text-decoration:none;}
a:hover{color:#002e5d; text-decoration:none;}


/* margin */
.m-0{margin:0 !important;}
.m-0-atuo{margin:0 auto !important;}
.mtb-40-auto{margin:40px auto !important;}
.mr-15{margin-right:15px;}
.m-auto{margin:0 auto !important;}
.ml-150{margin:0 0 0 150px;}
.mtb-40{margin:40px 0;}
.mb-40{margin:0 0 40px 0;}
.mtb-50{margin:50px 0;}
.ml-96{margin-left:96px;}
.mt-50{margin-top:50px;}


/* Line Hight */
.l-15{line-height:15px;}
.l-45{line-height:45px;}

/* Text Color */
.text-white{color:#fff !important;}
.text-red{color:#f9043f !important;}
.text-yellow{color:#f9a61a !important;}
.text-green{color:#00b8b3 !important;}
.text-black{color:#3b3b43 !important;}


/* Custome Width */

.w-150{width:150px;}


/* headers */
p, ul li{font-family: 'Almarai', Arial, Helvetica, sans-serif; font-size:15px; color:#3b3b43; line-height:28px;}
h1, h2, h3, h4{font-family: 'Almarai', Arial, Helvetica, sans-serif !important; color:#045184;}



/* clear */
.clear{clear:both; float:none !important;}
.clear5x{clear:both; height:5px; float:none !important;}
.clear10x{clear:both; height:10px; float:none !important;}
.clear15x{clear:both; height:15px; float:none !important;}
.clear20x{clear:both; height:20px; float:none !important;}
.clear30x{clear:both; height:30px; float:none !important;}
.clear40x{clear:both; height:40px; float:none !important;}


/* Main */
.topline{background:#045184; height:5px;}
.top_header{background: url(../images/bg_right.png) right top no-repeat, url(../images/bg_left.png) left top no-repeat, url(../images/top_bg.jpg) center top no-repeat;}
.logo{margin:20px auto;}

/* Search */
.search_input{background:#f5f5f5; border:solid 1px #e6e6e6; padding:10px 20px; font:15px 'Almarai', sans-serif; color:#707070;height: 100%;  }
.search_input:focus{outline:none; border:solid 1px #045184;}
.search_button{background:#045184; border:none;   padding:9.5px 18px;height: 100%; display: flex; justify-content: center; align-items: center;}
.search_button:hover{background:#002e5d;}
.search_button i{color:#fff;}


/* Menu */
.menu_bg{background:#045184;}

/* News */
.news_title{background:#045184; padding:12px 20px; float:right; color:#fff; font:15px 'bold', sans-serif; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.title_line{background:#d6d6d6; height:2px; margin:20px 0 0 0;}
.title_dot{background:#d6d6d6; height:9px; width:9px; float:left; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:-5px 0 0 0;}
.news_container{font:15px 'Almarai', Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:25px; width:46%; float:right; margin:0 0 20px 4%;}
.news_container img{border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:right; margin:0 0 0 20px;}
.readmore{font:14px 'bold', Arial, Helvetica, sans-serif; color:#fff; background:#045184; border:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:8px 15px; float:left;}
.readmore:hover{background:#333; border:none;}

.view_all{font:14px 'bold', Arial, Helvetica, sans-serif; color:#045184; background:#fff; border:solid 2px #045184; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:8px 15px; margin:0 auto;}
.view_all:hover{background:#045184; color:#fff;}


/* Latest Books */
.gray_bg{background:url(../images/gray_bg.jpg) repeat-x; height:680px; padding:20px;}
.table_bg{background:url(../images/table_bg.png) no-repeat center; height:485px;}


.gray_pattern_bg{background:url(../images/gray_bg.jpg) repeat-x !important;}

/* activities */
.title_contaner{width:500px; margin:40px auto; text-align:center;}
.act_title{background:#045184; padding:12px 20px; color:#fff; font:15px 'bold', sans-serif; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; width:170px; margin:0 auto;}
.title_line2{background:#d6d6d6; height:2px; margin:0 0 -22px 0;}
.title_dot2, .title_dot3{background:#d6d6d6; height:9px; width:9px; float:left; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:16px 0 0 0;}
.title_dot3{float:right; margin:-26px 0 0 0;}

.act_bg{background:url(../images/activity_bg.png) no-repeat; width:199px; height:199px; text-align:center; margin:0 auto;}
.act_bg:hover{opacity:0.85}
.act_bg img{margin:35px 0 0 0;}
.act_bg p{margin:10px 0 0 0; font:14px 'bold', Arial, Helvetica, sans-serif; color:#fff;}



/* Footer */
footer{background:url(../images/footer_bg.jpg) no-repeat center; background-size:cover; margin:50px 0 0 0;}
.footer_op{background-color:rgba(4,81,132,0.75); padding:30px 0;}
.footer_title{font:18px 'bold', Arial, Helvetica, sans-serif; color:#fff; margin:0 0 20px 0;}
.news_letter{background:#045184; border:solid 2px #ccc; padding:12px 20px; font:14px 'Almarai', Arial, Helvetica, sans-serif; color:#fff; width:70%; margin:0 0 25px 0;}
.news_letter_width{width:86% !important;}
.news_letter:focus{outline:none;}
.news_button{background:#ccc; border:none; color:#045184; padding:11.7px 20px; margin:0 -5px 0 0;}
.news_button:hover{background:#045184; color:#fff;}

.social_links{list-style:none; margin:0 -40px 0 0;}
.social_links li{float:right; width:50px; height:50px; background:#fff; margin:0 10px; text-align:center; line-height:50px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; color:#777;}
.social_links li a{display:block; line-height:50px; border-radius:50px; -moz-border-radius:50px;}
.social_links li:hover, .social_links li a:hover{background:#045184; color:#ffffff !important;}

.footer_links{list-style-image:url(../images/list.png); font:15px 'Almarai', Arial, Helvetica, sans-serif; color:#ccc; line-height:25px;}
.footer_links li a, .footer_links li a:link, .footer_links li a:visited, .footer_links li a:active{color:#ccc; text-decoration:none;}
.footer_links li a:hover{color:#fff; text-decoration:none;}

.address{list-style:none; font:15px 'Almarai', Arial, Helvetica, sans-serif; color:#ccc; line-height:32px; margin:0 -35px 0 0;}
.address li{color:#ccc;}
.address li i{color:#fff; margin:0 0 0 10px;}

.address li a, .address li a:link, .address li a:visited, .address li a:active{color:#ccc; text-decoration:none;}
.address li a:hover{color:#fff; text-decoration:none;}

/* copyright */
.copyright{background:#045184; text-align:center; font:16px 'Almarai', Arial, Helvetica, sans-serif; color:#fff; padding:20px 0;}

/* Inner Page Header */
/* .inner_page_title{background:linear-gradient(rgba(4,81,132,0.75), rgba(4,81,132,0.75)), rgba(4,81,132,0.75) url(../images/footer_bg.jpg) no-repeat 50% center; background-size:cover; height:200px; width:100%;} */
.inner_page_title{background:linear-gradient(rgba(4,81,132,0.75), rgba(4,81,132,0.75)), rgba(4,81,132,0.75); background-size:cover; height:200px; width:100%;}
.inner_title{font:30px 'bold', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; margin:50px 0 0 0; float:right;}
.inner_path_text{font:16px 'Almarai', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; margin:95px 0 0 0; float:left;}
.inner_path_text a:link, .inner_path_text a:active, .inner_path_text a:visited{color:#fff;} .inner_path_text a:hover{color:#045184;}

/*Contact*/
.contact{width:300px; float:left; font:14px 'Almarai', Arial, Helvetica, sans-serif; color:#333; margin-right:20px;}
.contact_form{width:659px; float:left; margin-left:20px;}

.contact_ico{ width:36px; height:34px; border-top: solid 1px #eee; border-left: solid 4px #045184; border-bottom: solid 1px #eee; border-right: solid 1px #eee; text-align:center; color:#333; float:right; margin:0 0 0 15px;
	display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center;
	display:-moz-box; -moz-box-pack:center; -moz-box-align:center;
	display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;
	display:box; box-pack:center; box-align:center;}



.address_text{font:14px 'Almarai', Arial, Helvetica, sans-serif; color:#3b3b43; line-height:25px; }
.address_text a:link, .address_text a:visited, .address_text a:active{color:#045184; text-decoration:none;}
.address_text a:hover{color:#3b3b43; text-decoration:none;}

.input_con{float:right; width:48%; margin-bottom:15px;}
.input_con small{color:red; magine-top:15px;}

.ml-20{margin-left:20px;}

.input{ font:15px 'Almarai', Arial, Helvetica, sans-serif; color:#757575; border-top: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; border-left: solid 4px #e7e7e7; background:#fff;
padding:10px 18px; width:100%; line-height:30px;}

.input:focus{border-top: solid 1px #045184; border-left: solid 4px #045184; border-bottom: solid 1px #045184; border-right: solid 1px #045184; outline:0; transition:ease-in border 0.2s ; -moz-transition:ease-in border 0.2s ; -o-transition:ease-in border 0.2s ; -webkit-transition:ease-in border 0.2s ;}

.blue_button, .blue_button:link, .blue_button:visited, .blue_button:active{display:block; background:#045184; padding:13px 20px; font:13px 'bold', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; float:left; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.blue_button:hover{background:#002e5d;}

.map{width:100%; height:400px;}


/* Sites */
.sites{border:solid 2px #f1f1f1; padding:10px; margin:0 0 10px 0;}
.sites:hover{border:solid 2px #045184;}

.desk_hide{display:none;}
.desk_show{display:block;}

.inner_nav button{margin:0 8px; font:14px 'bold', Arial, Helvetica, sans-serif; color:#045184; background:none; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; border:solid 2px #045184; padding:10px 18px;}
.inner_nav button:hover{background:#045184; color:#fff;}


.my_right>div{float:right;}
.my_books{text-align:center; margin:0 0 25px 0; background:#f9f9f9; padding:20px; border:solid 4px #fff;}
.my_books img{width:100%; height:300px;}
.my_books p{text-align:center !important; font:15px 'Almarai', Arial, Helvetica, sans-serif; font-weight:bold; margin:15px 0; height:90px;}
.my_books button{font:12px 'bold', Arial, Helvetica, sans-serif; color:#fff; background:#045184; border:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:8px 18px; border:solid 2px #045184;}
.my_books button:hover{background:none; border:solid 2px #045184; color:#045184;}
@media only screen and (max-width: 600px){
    .my_right>div{
        margin: 1rem;
    }
    .my_books img{
        width: 100%;
        height: auto;
    }
}
.my_books{width: -webkit-fill-available;}

.news_list img{height:300px; width:100%;}
.news_list p{margin:10px 0;}

.details_pic{border:solid 2px #f9f9f9;}
.details_list{list-style:none; margin:0 -35px 0 0;}
.details_list li{border-bottom:solid 1px #e5e5e5; padding:10px 0;}

::placeholder {line-height:40px;}

.partner-card img {
    max-height: 100%;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sites{
        height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/*iPod, Tablet Devices*/
@media all and (max-width: 999px) and (min-width: 480px){
.m_show{display:block;}
.m_hide{display:none;}
.logo{width:100%; height:auto;}
.copyright{line-height:25px;}
.title_contaner{width:94%; margin:40px auto; text-align:center;}
.news_title{margin:-20px 0 0 0;}
.act_bg{margin:10px auto;}
.input{width:99%; margin:0 0 10px 0;}
.mobile_pad{margin:70px 0 0 0;}
.inner_title{margin:75px 25px 0 0; font-size:25px}
.inner_path_text{display:none;}
.footer_title{margin:30px 0 20px 0;}
.inner_nav{text-align:center;}
.inner_nav button{margin:0 0 10px 0;}
}


/*Mobile Devices.*/
@media all and (max-width: 480px) and (min-width: 320px){
.formobile{margin-top:20px;}
.m_show{display:block;}
.m_hide{display:none;}
.logo{width:100%; height:auto;}
.copyright{line-height:25px; padding:20px;}
.title_contaner{width:94%; margin:40px auto; text-align:center;}
.news_title{margin:-20px 0 0 0;}
.ml-96{margin:0;}
.act_bg{margin:10px auto;}
.input{width:99%; margin:0 0 10px 0;}
.mobile_pad{margin:70px 0 0 0;}
.inner_title{margin:5px 25px 0 0; font-size:25px}
.inner_path_text{display:none;}
.footer_title{margin:30px 0 20px 0;}
.inner_nav{text-align:center;}
.inner_nav button{margin:0 0 10px 0;}
.news_container{width:100%;}

.input_con{float:right; width:100%;}

.my_slide img {
    display: block;
    width: 140px !important;
    height: 220px;
	}

}


/**Styling scrollable elements*/

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}
.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-4{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}