@charset "utf-8";
/*fonts*/

@font-face {
    font-family: 'HelveticaNeueW23forSKY';
    src:url('../fonts/HelveticaNeueW23forSKY-Reg.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'HelveticaNeueLTW20';
    src:url('../fonts/HelveticaNeueLT\ Arabic\ 75\ Bold.ttf') format('truetype');
    font-display: swap;
} 
@font-face {
    font-family: 'HelveticaNeueLTW20-R';
    src:url('../fonts/HelveticaNeueW23forSKY-Reg.ttf') format('truetype');
    font-display: swap;
} 
@font-face {
    font-family: 'GretaArabic';
    src:url('../fonts/Greta-Arabic-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'GretaArabic-L';
    src:url('../fonts/Greta-Arabic-light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTArabic';
    src:url('../fonts/HelveticaNeueLT.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'urwdinarabic';
    src:url('../fonts/ArbFONTS-Droid-Naskh-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'urwdinarabic-b';
    src:url('../fonts/ArbFONTS-Droid Arabic Naskh Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'droidarabic';
    src:url('../fonts/ArbFONTS-Droid Arabic Naskh Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
font-family: 'Frutiger LT Arabic 65 Bold';
font-style: normal;
font-weight: normal;
src: local('Frutiger LT Arabic 65 Bold'), url('../fonts/FrutigerLTArabic65Bold.woff') format('woff');
font-display: swap;
}

@font-face {
    font-family: 'DINNextLT';
    src:url('../fonts/ArbFONTS-Droid-Naskh-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'DINNextLT-b';
    src:url('../fonts/ArbFONTS-Droid Arabic Naskh Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DINNextLT-b';
    src:url('../fonts/ArbFONTS-Droid Arabic Naskh Bold.ttf') format('truetype');
    font-display: swap;
}
*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clear, .clearfix::after {
  clear: both;
}
:focus 
{
outline: 0 none;
}

a{
  color: #333;
  text-decoration: none  !important;
}
a.nounderline:link{
  text-decoration:none;
}
a:hover{
color:#ce0000;
}
.container {
  padding-right: 0px;
  padding-left: 0px;
  max-width: 100%;
  width: 1910px;
}
.row {
margin-right: 0px;
margin-left: 0px;
overflow: hidden;
}
.img-container{
  overflow: hidden;
  background :  url(../images/defult.png) #cdcdcd no-repeat center;
}
.img-container img{
  width: 100%;
  min-height:100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2,
.col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto ,
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,
.col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10,
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
  padding-right: 0px;
  padding-left: 0px;
  overflow: hidden;
}
.container-fluid {
  padding: 0px;
  margin-right : auto;
  margin-left  : auto;
  max-width:  1048px;
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}
h2{
  margin: 0;
}
/***************************************/
header{
  background: url(../images/header-bg.png) #fff no-repeat left;
  height: 170px ;
  overflow: hidden;
  padding: 0px;
  width: 100%;
  background-size: cover;
}
body{
  direction: rtl;
  text-align: right;
  font-family: 'GretaArabic-L';
    overflow-x: hidden;
  font-size: 17px;
}
header .logo{
  width: 340px;
  background: none;
  float: right;
  background: url(../images/logo.png) no-repeat center;
  height: 95px;
  
  margin-top: 10px;
  background-size: contain;
}
.header-bac{
  
  background: url('../images/bac-header1.png') no-repeat center;
  padding-bottom: 15px;
}
header .header-menu{
  float: right;
  padding-top: 20px;
  margin-top: 20px;
}
header .header-menu ul{
  list-style: none;
}
header .header-menu ul li {
  display: inline;
  font-size: 18px;
  font-family: GretaArabic;
  color: rgb(0, 0, 0);
  margin-top: 4px;
  float: right;
  margin-left: 10px;
  padding: 6px 12px;
  text-align: center;
  border-radius: 4px;
}
header .header-menu ul li:hover{
  background-color: #00887b;
  text-align: center;
  color: #fff;
} 
header  .search{
  float: left;
  padding-top: 20px;
}
header  .search form{
  position: relative;
  width: 236px;
}
header  .search input{
  width: 233px;
  height: 28px;
  background: #fff ;
  border: 1px solid #bfbfbf;
  border-radius: 5px 5px 5px 5px;
  padding: 2px 5px;
}
header  .search  button{
  position: absolute;
  top: 3px ;
  left: 8px;
  background: none;
  border: none;
}
.btn-menu{
  display: none;
}
.top-head{
  background: url('../images/top-head.png') no-repeat center;
  height: 50px;
  width:100%;
  background-size: cover;
}
.top-head.activ{

background: #2c998f;
color: #2c998f;
}
.date{
  color:#000;
  font-size: 22px;
  font-family: 'GretaArabic-L';
  float:right;        
  padding: 10px ;
}
.top-head .ul-top{
float: left;
padding-top: 0px;
margin-top: -10px;
}
.top-head .ul-top .archive{
  margin-left:20px;
}
.top-head .ul-top a{
  margin-top:-20px;
}
.top-head .ul-top .f-que{
 padding: 0px 5px 5px 5px;
 margin-top: -90px;
}
.top-head .ul-top li{
  display: inline-block;
}
.form-div{
    position: absolute;
    left: 166px;
    top: -5px;
    display: block;
    height: 20px;
}
.form-div form{
    position: relative;
    transition: all 1s;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 5px;
    float: left;
}
.form-div input{
    position: absolute;
    top: 4px;
    left: 48px;
    width: 100%;;
    height: 40px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    padding: 0 20px;
    border: 1px solid #ccc;
}

.form-div form:hover{
    width: 200px;
    cursor: pointer;
}
.form-div form:hover input{
    display: block;
}
.soical{
  position: relative;
  top: 15px;
  left: 7px;
  text-align: center;
}
.soical li{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/all-icon.png) no-repeat;
  float: left;
  margin-right: 3px;
}
.soical .facebook{
  background-position-x: -206px;
  background-position-y: -271px;
}
.soical .twiter{
  background-position-x: -249px;
  background-position-y: -271px;
}
.soical .youtube{
  background-position-x: -335px;
  background-position-y: -271px;
}
.soical .whatsapp{
  background-position-x: -292px;
  background-position-y: -271px;
}
.soical .telgram{
  background-position-x: -129px;
}
.soical .search{
  background-position-x: -378px;
  background-position-y: -271px;
}
.banner{
  background-color: #000;
  width: 100%;
  background-size: cover;
}
.banner .container-fluid{
  position: relative;
  overflow: hidden;
}
.banner img{
  height: 430px;
  margin-left: 20px;
}
.banner .lec{
  background-color: #696969;
  width: 290px;
  border-radius: 50px;
  color: #fff;
  display: table;
  font-size: 14.7px;
  font-family: 'GretaArabic-L';
  text-align: center;
  margin-top: 80px;
}
.banner .swiper-button-next{
  left: 0;
  background: url('../images/all-icon.png');
  background-position-x: -512px;
  background-position-y: -970px;
  top: 50%;  
}
.banner .swiper-button-prev {
  background: url('../images/all-icon.png');
  background-position-x: -535px;
  background-position-y: -970px;
  top: 50%;
}
.banner .swiper-button-next.swiper-button-disabled{

}


.swiper-button-disabled{
  pointer-events: fill !important;
}
.banner .swiper-pagination .swiper-pagination-bullet{
  background: url('../images/all-icon.png') no-repeat center;
  background-position-x: -530px;
  background-position-y: -340px;
  width: 34px;
  height: 34px;
  opacity: 1;
}
.banner  .swiper-pagination{
  text-align: right;
  padding-right: 40px;
}
.banner .lec .lec-right{
  background-color: #faa620;
  color: #000;
  width: 70px;
  border-radius: 50px;
  text-align: center;
  display: table-cell;
  
  font-size: 14.2px;
  font-family: 'urwdinarabic-b';
}
.banner .lec .lec-left{
  padding: 5px;
  font-size: 14.7px;
}
.banner .img-container::after{
  position: absolute;
  height: 100%;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 0;
  background-image: linear-gradient(to left,black 5%, transparent 50%,black );
  content: "";
}
/* .img-black{
  position: absolute;
  height: 430px;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 0;
  background-image: linear-gradient(to left,black 5%, transparent 50%,black );
} */
.banner .main-head{
  color: #b32500;
  text-align: right;
  font-size: 28px;
  font-family: 'urwdinarabic-b';
/*   font-weight: bold; */
  margin-top: 50px;
  margin-bottom: 10px;
}
.banner .main-body{
  font-size: 16px;
  color: #fff;
  font-family: 'droidarabic';
  line-height: 2;
}
.banner .more{
  background-color:#b61313;
  width: 90px;
  height: 40px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  margin-top: 15px;
  margin-bottom: 40px;
}
.banner .more span{
  color: #fff;
  font-size: 16.42px;
  font-family: 'urwdinarabic';
}
.sections-main{
  background: url('../images/bac-sections1.png') no-repeat center;
  height: 210px;
  padding-top: 10px;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  background-size: cover;
}
.sections-main a:hover{
  color: #000;
}
.sections-main .right{
  background-position-y: -809px;
  background-position-x: -530px; 
  right: 39px;
  height: 80px;
  width: 50px;
  top: 70px;
}
.sections-main .left{
  background-position-x: -462px;
  background-position-y: -809px;
  height: 80px;
  width: 50px;
  top: 70px;
  left: 0px;
}
.sections-main .info{
  display: table;
  margin: 0 auto;
  height: 110px;
  padding-top: 50px; 
}
.sections-main .item{
  height: 207px;
}
/* .sections-main .item:hover ,  */
.sections-main .item.activ {
  background:url('../images/Rectangle1.png') no-repeat center;
  background-size: contain;
}
.sections-main .icon{
   display: table-cell;
   background: url('../images/all-icon.png');
   height: 92px;
   width: 98px;
   float: right;
}
.sections-main .info .section-name{
  display: table-cell;
  font-family: 'urwdinarabic-b';
  font-size: 15px;
  padding-right: 5px;
  vertical-align: middle;
}
.sections-main .icon-fatwa{ 
  background-position-y: -455px;
  background-position-x: -254px;
  background-size: revert;
}
.sections-main .info .icon-lecture{
  background-position-y: -456px;
  background-position-x: -25px;
}
.sections-main .info .down-btn{
  background: url('../images/all-icon.png');
  background-position-y: -101px;
  background-position-x: -495px;
  height: 0px;
  width: 83px;
  display: block ;
  margin: 0 auto;
  position: absolute;
  bottom: 15px;
  right: 34%;
}
/* .sections-main .item:hover .down-btn , */
.sections-main .item.activ .down-btn  {
  /* display: block; */
  height: 36px;
} 
.sections-main .info .icon-library{
  background-position-y: -455px;
  background-position-x: -379px;
}
.sections-main  .icon-subject{
  background-position-y: -455px;
  background-position-x: -140px;
}
.right-btn {
  width: 44px;
  height: 82px;
  background: url(../images/all-icon.png);
  background-position: -534px -246px;
  cursor: pointer;
  position: absolute;
  right: -44px;
  top: 22%;
}
.left-btn {
  width: 44px;
  height: 82px;
  background: url(../images/all-icon.png);
  background-position: -463px -246px;
  cursor: pointer;
  position: absolute;
  left: -44px;
  top: 22%;
}


 .banner-page .icon-subject{
  background: url('../images/all-icon.png') no-repeat center;
  background-position-y: -455px;
  background-position-x: -140px;
  height: 60px;
  width: 60px;
  /*! display: table-cell; */
  vertical-align: middle;
  /*! position: absolute; */
  float: right;
  background-size: cover;
}

.second-section{
    background-color: #f4f4f4;
    padding: 0 5px;
    padding-bottom: 50px; 
    width: 100%;
    background-size: cover;
}
.second-section .container-fluid{
  padding-right:0px;
  padding-left:0px;
}
.second-section .second-section-fluid{
background-color: #fff;
  padding-right: 35px;
border: 2px solid #dddddd;
border-top: none;
margin-top: 0px;
}
.second-section-fluid .title{
    color: #b61313;
    font-size: 21px;
    font-family: 'urwdinarabic-b';
    margin-top: 30px;
}

.second-section-fluid .info{
    font-family: 'droidarabic';
    line-height: 1.8;
    margin-top: 18px;
    margin-left: 40px;
    font-size: 16px;
    color: rgb(47, 47, 47);
}
.second-section-fluid .questions {
  margin-top:30px;
}
.second-section-fluid .questions li{
font-family: 'GretaArabic-L';
    font-size: 19px;
    /* border-bottom: 1px solid #e8e8e8; */
  margin-top: 15px;
    position: relative;
padding-right: 20px;
list-style-type: none;
padding-bottom: 15px;
}
.second-section-fluid .questions  li:before {
  content: " ";
  background: url('../images/all-icon.png');
  background-position-y: -385px;
  background-position-x: -360px;
  height: 77px;
  width: 27px;
  position: absolute;
  right: -12px;
  margin-top: -30px;
  margin-left: 20px;   
}
.second-section-fluid .questions  li::after {
  content: " ";
background: #e8e8e8;
height: .61px;
width: 500px;
position: absolute;
right: -12px;
bottom: 0;  
}
.second-section-fluid .questions li:last-child::after{
  content: none;
}
.second-section-fluid .questions li a:hover{
  color: #22697d;
}
.second-section-fluid ul:last-child{
border-bottom: none;
}
.second-section .tab{
  display: none;
}
.second-section .tab.activ{
  display: block;
}
.cont{  
  background-color: #e4e4e4;
  padding: 10px 5px 10px 0px;
  margin: 45px 10px 0px;
}
.cont .item{
  width: auto;
  height: 53px;
  background: #38a298;
  margin: 5px 6px 5px 0px;
  display: inline-block;
  text-align: center;
  padding: 11px 16px;
}
.cont .item:hover{
  background-color: #0f337d;
}
.cont .item span{
  color: #fff;
  font-size: 17px;
  font-family: "URWDINArabic";
}
.cont .speech{
  
  background-color: #38a298;
 margin: 10px 5px 10px 10px;
    height: 62px;
    color: #fff;
    padding: 1px;
    font-size: 21px;
    font-family: 'urwdinarabic';
    /* padding-right: 38px; */
    text-align: center;
    padding-top: 10px
}
.cont .speech span{
margin: 0 auto;
}
.cont .speech:hover{
  background-color: #0f337d;
}
.news {
  background-color: #fff;
  margin-top: 87px;
  margin-left: 20px;
  border-bottom: 3px solid #ddd;
}
.news .title{
  float: right;
  background: url('../images/news-bac2.png') no-repeat center;
  height: 329px;
  width: 130px;
  background-size: cover;
  text-align: center;

  font-family: 'urwdinarabic-b';
  padding-top: 30px;
  padding-right: 60px;
  font-size: 28px;
}
.news .title span{
  color: #b61313;
}
.news .news-body{
  background-color: #fff;
  display: table;
  padding-right: 30px;
  margin-right: 20px;
  padding-top: 6px;
}
.news .news-body .item{
  margin-top: 15px;
  display: flex;
}
.news .news-body .item:hover .info{
  color: #22697d;
}
.news .news-body .item:hover .square{
/*   color: #22697d; */
  background-color: #f9f9f9;
}
.news .news-body .square{
   height: 60px;
  width: 60px;
  display: table-cell;
    vertical-align: middle;
  background: border-box;
  border: 1px solid #d7d4d4;
}
.news .news-body img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.news .news-body .info{
  display: table-cell;
  vertical-align: middle;
  font-family: 'GretaArabic';
  font-size: 18px;
  padding-right: 10px
}
.news .news-body .info:hover{
  color: #22697d;
}
 .timer{
  background: url('../images/all-icon.png');
  background-position-x: -1012px;
    height: 30px;
  width: 30px;
  background-position-y: -40px;
  float: right;
    margin-right: 20px;
  
}
 .watched{
  background: url('../images/all-icon.png');
  background-position-x: -982px;
    height: 30px;
  width: 30px;
  background-position-y: -40px;
  float: right;

}
.timer-number{
  float: left;
  margin-top: 7px;
  margin-right: 1px;
}
 .cont-timer{
  display: table-cell;
  color: #6d6d6d;
  font-size: 14px;
  font-family: 'GretaArabic-L';
  padding-left: 20px;
}
 .cont-watched{
  display: table-cell;
    color: #6d6d6d;
  font-size: 14px;
  font-family: 'GretaArabic-L';
/*   margin-right: 20px; */
}
.sounds .cont-watched{
  padding-right: 40px;
}
.lectures .cont-watched{ 
  padding-top: 20px;
}
.lectures .cont-watched .timer{
  margin-right: -7px;
}
 .watched-number{
    float: left;
    margin-top: 7px;
  }
.news-left {
  background-color: #fff;
  margin-top: 20px;
  height: 330px;
}
a:hover .news-left  .title h1{
  color: #b61313;
}
.news-left .title{
  float: right;
  margin-right: 20px;
}
.news-left .title h1{
font-size: 49.9px;
  font-family: 'urwdinarabic';
  color: #5f61ac;
  font-weight: bold;
  margin-top: 70px;

}

.news-left .title .info{
  color: #faa620;
  font-size: 27.09px;
  font-family: 'urwdinarabic-b';
  width: 140px;
  margin-top: 30px;
}
.news-left .img-container{
  height: 320px;
}
.title-lecture{
  display: table;
  margin-top: 50px;
}
.title-lecture h1{
  display: table-cell;
  font-size: 22.07px;
  font-family: 'urwdinarabic';
  padding-right: 10px;
  font-weight: bold;
}
.our-new-row{
  padding-left: 20px;
}
.title-lecture .our-new{
  border: 2px solid #ffc000;
  border-radius: 8px;
  padding: 0px 18px 4px;
  font-size: 17px;
  font-family: 'urwdinarabic';
}
.our-new-row .mains{
  padding-left: 30px;
}
.lectures .item{
  background-color: #fff;
  border-radius: 8px;
  margin-top: 20px;
  padding: 7px;
}
.lectures .item a{
  display: table;
}
.lectures .item-middle{
  margin-right: 0;
  margin-left: 10px;
  padding: 6px;

}
.lectures .item .info{
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  padding-top: 2px;
  width: 100%;
}
.lectures .item-middle .info{
  display: table-cell;
  vertical-align: middle;
  padding-right: 25px;
  padding-top: 0;
  width: 100%;
}
.lectures .item .info .info-title{
  font-size: 18px;
  font-family: 'GretaArabic-L';
}
.lectures .item-middle .cont-watched {
  margin-top: 0px; 
  padding-top: 0px;
}
.lectures .item-middle .display-more {
  margin-top: 0px;
  
}


@media screen and (-webkit-min-device-pixel-ratio:0){
  .lectures .item .info .info-title:before
{
  content: '';
  background: url('../images/all-icon.png');
  height: 40px;
  width: 25px;
  background-position-x: -120px;
  position: absolute;
  background-position-y: -40px;
  margin-left: 70px;
  margin-right: -50px;
  margin-top: 2px;
  z-index: 99999;
}
}
@-moz-document url-prefix() {
.lectures .item .info .info-title:before
{
  content: '';
  background: url('../images/all-icon.png');
  height: 40px;
  width: 25px;
  background-position-x: -120px;
  position: absolute;
  background-position-y: -40px;
  margin-left: 70px;
  margin-right: -20px;
  margin-top: 2px;
  z-index: 99999;
}
}
.lectures .item-middle .info .info-title:before
{
  content: '';
  background: url('../images/all-icon.png');
  height: 40px;
  width: 25px;
  background-position-x: -120px;
  position: absolute;
  background-position-y: -40px;
  margin-left: 70px;
  margin-right: -30px;
  margin-top: 2px;
  z-index: 99999;
}
.lectures .item .info .section-type{
  font-size: 16px;
  color: #ababab;
  margin-top: 6px;
}
.lectures .item .img-container{
  width: 155px;
  height: 135px;
  display: table-cell;
  background: border-box;
  float: right;
}
.lectures .item .img-container img{
  height: 160px;
}
.lectures .item .info .publish-date{
  color:#6d6d6d;
  margin-top: 34px;
  float: right;  
}
.lectures .item-middle  .publish-date{
  color:#6d6d6d;
  margin-top: 4px;
  float: right;  
}
.lectures .display-more{
  float:left;
  margin-top:-20px;
  margin-right:40px;
  font-size:13.37px;
  color:#9d9d9d;
  text-align: center;
  border: 1px solid #ffc000;
  border-radius: 50px;
  padding: 0px 12px;
  margin-left: 1px;
}
.lectures.mains>:first-child{
  margin-bottom: 34px;
}
.lectures .item-middle .display-more{
  margin-top: -25px;
}
.lectures .item .info .publish-date .timer{
  margin-right:0px;
}
.big-date {
  display: table-cell;
}
.big-date h2{
  color: #ff9822;
  font-size: 45px;
  font-family: 'HelveticaNeueLTArabic';
  text-align: center;
}
.big-date p{
  font-size: 21px;
  text-align: center;
  color: #6d6d6d;
  margin: 0 auto;
}
.lectures .item-middle .info .section-type{
  margin-top: 0px;
}
.new-books{
  background: #fff;
  margin-top: 50px;
  margin-left: 20px;
  padding: 16px 14px;
}
.new-books .section-title h1{
  font-size: 24px;
  font-family: "urwdinarabic-b";
  color: rgb(0, 0, 0);
  padding-right: 63px;
  padding-top: 14px;
}
.new-books .section-title h1::before{
  content: " ";
  background: url('../images/all-icon.png');
  background-position-y: -144px;
  background-position-x: -55px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.new-books .section-title h1::after{
  content: " ";
  background: #ddd;
  height: 5px;
  position: absolute;
  top: 30px;
  right: 195px;
  left: 78px;
}
.new-books .btn-continers{
  width: 100px;
  height: 50px;
  position: absolute;
  top: 7px;
  left: 0px; 
}
.new-books .swiper-button-next{
  width: 50px;
  height: 40px;
  background: url(../images/book-btn.png);
  background-position-x: 109px;
background-position-y: -4px;
left: 0px;
right: auto;
}
.new-books .swiper-button-prev{
  width: 50px;
  height: 40px;
  background: url(../images/book-btn.png);
  background-position-x: 48px;
background-position-y: -4px;
right:  0px;
left:  auto;
}
.new-books .swiper-slide .contint{
  display: table;
}
.new-books .swiper-slide .img-container{
  width: 220px;
  height: 180px;
  background: none;
  border: 1px solid #ddd;
  float: right;
  display: table-cell;
}
.new-books .swiper-slide .info{
  display: table-cell;  
  vertical-align: middle;
  padding-right: 14px;
}
.new-books .swiper-slide{
  margin-top: 18px;
  padding: 2px;
  height: 200px;
}
.new-books .swiper-slide .title{
  font-size: 18px;
  font-family: "urwdinarabic";
  color: rgb(0, 0, 0);
  line-height: 1.5;
}
.new-books .swiper-slide p{
  font-size: 15px;
  font-family: "GretaArabic-L";
  color: rgb(0, 0, 0);
  line-height: 2;
  margin-bottom: 0;
  margin-top: 10px;
}
.new-books .swiper-slide .timer{
  margin-right: -2px;
}
.sound .swiper-button-next{
  width: 50px;
  height: 40px;
  background: url(../images/sound-btn.png);
  background-position-x: 109px;
  background-position-y: -4px;
  left: 0px;
  right: auto;
}
.sound .swiper-button-prev{
  width: 50px;
  height: 40px;
  background: url(../images/sound-btn.png);
  background-position-x: 48px;
  background-position-y: -4px;
  right:  0px;
  left:  auto;
}
.sound .section-title h1::after{
  content: " ";
  background: #ddd;
  height: 5px;
  position: absolute;
  top: 30px;
  right: 228px;
  left: 78px;
}
.sound .section-title h1::before{
  background: url('../images/all-icon.png');
  background-position-y: -24px;
  background-position-x: -513px;
}

.sound .swiper-slide{
  height: 102px;
  height: 123px;

  
}
.sound .swiper-slide .title{
  font-size: 18px;
  font-family: "urwdinarabic";
  color: rgb(0, 0, 0);
  line-height: 1.5;
}
.sound .swiper-slide .item{
  padding-right: 68px;
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ddd;
}
.sound .swiper-slide .item::before{
  background: url(../images/all-icon.png);
  content: "";
  width: 40px;
  height: 30px;
  background-position-y: -41px;
  background-position-x: -456px;
  position: absolute;
  top: 10px;
  right: 16px;
}

.cont-choose{
   background-color: #fff;
   padding:0px 20px;
   padding-right: 0px;
   padding-bottom: 30px;
height: 400px;
}

.choose{
    background: url('../images/all-icon.png');
  background-position-x: -709px;
    height: 65px;
  width: 60px;
  background-position-y: -144px;
  float: right;
    margin-top: 10px;
 
}
.choose-title{  
  font-size: 18px;
  font-family: 'urwdinarabic';
  font-weight: bold;
  padding: 20px 0px;
  color: rgb(0, 47, 105);
}
.choose-title h2{
  font-size: 21px;
}
.choose-body{
  padding-bottom: 30px;
  padding-right: 20px;
  height: 300px;
  overflow: auto;
  width: 100%;
  margin: 0 16px;
}
.choose-body .row{
  overflow: visible;
}
.scroller{
  float: left;
     background: url('../images/all-icon.png');
  background-position-x: -629px;
    height: 68px;
  width: 25px;
  background-position-y: -134px; 
  left: 7px;
  position: absolute;
  top: 550px;
  z-index: 2;
}
.scroller-line{
  float: left;
  height: 400px;
  width: 3px;
  background-color: #f4f4f4;
  position: absolute;
  left: 30px;
  z-index: 0;
}
.choose-body .title {
  padding: 3px 6px;
  font-size: 17px;
  font-family: 'GretaArabic-L';
  overflow: visible;
}
.choose-body .bac-grey{
  background-color: #f4f4f4;
  
  overflow: visible;
}
.choose-body .title a:before{
    content: '';
  background: url('../images/all-icon.png');
  height: 40px;
  width: 30px;
  background-position-x: -120px;
  position: absolute;
  background-position-y: -40px;
  /*! right: 50px; */
  margin-left: 70px;
  margin-right: -30px;
  margin-top: 2px;
  z-index: 99999;
   right: 0px;
  
}
.left .articals .artical-title-cont{
  margin-top: 30px;
}
.articals .artical-title-cont{
  background-color: #2f9b91;
  margin-top: 65px;
  
}
.fatwa .artical-title-cont{
  margin-top: 30px;
  background-color: #2097f5;
}
.fatwa .artical-title {
  background-color: #2097f5;

}
.translate .ask .ask-title{
  bottom: 530px;
}
 .left .ask{
 margin-top:30px; 
}
 .ask{
  background: url('../images/ask.png');
  height: 182px;
  margin-top: 70px;
}
.ask .ask-title:before{
  
  background: url('../images/question.png') no-repeat center;
  height: 50px;
  margin-top:40px;
  postion:absulate;
  content: ' ';
  width: 100px;
  position: absolute;
  bottom: 40px;
  /*! right: 10px; */
}
.ask .ask-title{
  
  color:#fff;
  background-color:#b66d4b;
  width:168px;
  border-radius:50px;
  height:50px;
  padding: 10px 14px;
  font-family:'urwdinarabic-b';
  font-size: 21px;
/*   margin-top: 100px */
  position: absolute;
  bottom:49px;
  right: 20px;
-webkit-box-shadow: 0px 0px 5px 6px rgba(255,255,255,0.92);
-moz-box-shadow: 0px 0px 5px 6px rgba(255,255,255,0.92);
box-shadow: 0px 0px 5px 6px rgba(255,255,255,0.92);}
.tran .ask .ask-title{
  bottom: 530px;
}
.articals .artical-title-cont .artical-title{
  color: #fff;
  font-size: 15.47px;
  font-family: 'urwdinarabic';
  height: 40px;
  margin-right: 45px;
  padding-top: 5px;
}
.articals .artical-title-cont .display-more{
  background-color: #fff;
  color: #9d9d9d;
  width: 100px;
  border-radius: 40px;
  /*! padding: 0 10px; */
  float: left;
  margin-top: -32px;
  margin-left: 12px;
  text-align:center ;
  font-size: 13px;
}
.articals .artical-body{
  background-color: #fff;
}
.articals .title{
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  padding-right: 20px;
  height: auto;
  padding-top: 15px;
  padding-bottom: 8px;
}
.articals .title:before{
 content: '';
  background: url('../images/all-icon.png');
  height: 40px;
  width: 30px;
  background-position-x: -120px;
  position: absolute;
  background-position-y: -40px;
  /*! right: 50px; */
  margin-left: 70px;
margin-right: -27px;
  /*! margin-top: 2px; */
  z-index: 99999;  
  
}
.articals .title:last-child{
  border-bottom: 0px;
}
.articals .artical-title-cont .artical{
    background: url('../images/all-icon.png');
  height: 43px;
  width: 32px;
  background-position-x: -175px;
  position: absolute;
  background-position-y: -140px;
  /*! right: 50px; */
  /*! margin-left: 70px; */
  margin-right: 5px;
  margin-top: -9px;
 
}
.fatwa .artical-title-cont .artical{
   background: url('../images/all-icon.png');
  height: 43px;
  width: 32px;
  background-position-x: -445px;
  position: absolute;
  background-position-y: -90px;
  margin-right: 5px;
  margin-top: -4px;
}
.benefit{
  padding-bottom: 100px;
  padding-top: 40px;
  background: url('../images/bac-benefit.png') center no-repeat;
  width: 100%;
  background-size: cover;
}
.benefit .section-title{
  background: rgba(255, 255, 255 ,0.3);
}
.benefit .item{
  padding: 0px 45px;
  border-radius: 10px;
}
.benefit .item .item-contnit{
  display: table;
width: 100%;
height: 100%;
text-align: center;
  
}
.benefit .item .title{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 27px;
  color: #025951;
}
.benefit .section-title h2{
  font-size: 20px;
  font-family: "urwdinarabic-b";
  color: rgb(255, 255, 255);
  padding: 8px 0px;
  text-align: center;
}
.benefit .swiper-container4 ,.benefit .swiper-container5{
  border-radius: 5px ;
  overflow: hidden;
}
.benefit .swiper-slide{
  background: #fff; 
  height: 270px;
}
.benefit .swiper-button-next{
  width: 72px;
  height: 72px;
  background: url(../images/all-icon.png);
  background-position-y: -243px;
  background-position-x: -29px;
  left: 10px;
right:  auto;
}
.benefit .swiper-button-prev{
  width: 69px;
  height: 72px;
  background: url(../images/all-icon.png);
  background-position-y: -243px;
  background-position-x: -106px;
  right: 10px;
left: auto;
}
.swiper-container7 , .swiper-container6{
   overflow: hidden;
}
/* .bnefit .row{
  padding-left: 20px;
} */
/* .benefit .container-fluid{
  padding-right: 10px;
  padding-left:10px;
} */
/* .benefit .col-lg-6{
  max-width: 600px;
  width: 600px;
  overflow: hidden;
}
.benefit .right{
  background: url('../images/all-icon.png');
  
  background-position-x: -107px;
  background-position-y: -801px;
  height: 80px;
  width: 69px;
  top: 230px;
  right: 0;
  margin-right: 30px;
}
.benefit .left{
   background: url('../images/all-icon.png');
  
  background-position-x: -31px;
  background-position-y: -801px;
  height: 80px;
  width: 69px;
  top: 230px;
  left: 0px;
}
.benefit .swiper-container{
  width: 50%;
}
.benefit .title{
  background-color: #56ada5;
  width: 75%;
  color: #fff;
  font-family: 'urwdinarabic-b';
  font-size: 21px;
  text-align: center;
  border-radius: 20px 20px 0px 0px;
  margin-top:60px;
  height:80px;
  padding-top: 20px;
  opacity: .50;
}
.benefit .body{
   height:280px;
  background-color: #fff;
   min-width: 75%;
   width: 75%;
} */
.footer{
    background-color: #000;
    font-family: 'urwdinarabic-b';
    padding-top: 70px;
    padding-bottom: 65px;
    width: 100%;
    background-size: cover;
}
.footer .contact{
  color: #008e82;
  text-align: center;
}
.footer .policy{
  margin-right: -10px;
  color: #00887b;
  font-size: 14px;
  text-align: center;
}
.footer .policy a{
   color: #fff;
  display: 
inline-block; 
  list-style-type: none;
   margin-top: 30px;
   /*! margin-right: -10px; */
}
.footer .policy a li{
  /*! margin-right: 10px; */
}
.footer .logo-footer{
  background: url('../images/logo-footer.png') no-repeat center;
  height: 85px;
  width:225px; 
  background-size: contain;
  
}
.footer .title{
  
color:#008e82;
}
.footer .copy-right{
color:#fff;
font-size: 14px;
}
.footer .subscribe{
  font-size: 18px;
  font-family: 'urwdinarabic-b';
  color: #fff;
}
.footer .subscribe-line{
  background: url('../images/all-icon.png') no-repeat center;
  height: 10px;
  width: 230px;
  background-position-x: -180px;
  background-position-y: -320px;
  margin-top: 20px;
}
.footer .info{
  font-size: 14px;
  font-family: 'urwdinarabic';
  color: #fff;
  padding-left: 40px;
  padding-top: 10px;
}
.footer .search-footer{
  background-color: #000;
  color: #fff;
  border: 1px solid #008e82;
  padding: 10px;
  width: 230px;
   height:55px;
}
.footer .sub-btn{
  background-color: #008e82;
  color: #fff;
  width: 230px;
  margin-top:25px;
  height:55px;
  border: none;
}
.footer .soical li{
  display: inline-block;
  width: 40px;
  height: 38px;
  background: url(../images/all-icon.png) no-repeat;
  float: none;
  margin-right: 3px;
}
.footer .soical .facebook{
    background-position-x: -206px;
   /*! margin-right: -20px; */
    background-position-y: -271px;
}
.footer .soical .twiter{
      background-position-x: -249px;
   /*! margin-right: -20px; */
    background-position-y: -271px;
}
.footer .soical .youtube{
      background-position-x: -335px;
   /*! margin-right: -20px; */
    background-position-y: -271px;
}
.footer .soical .whatsapp{
  background-position-x: -292px;
   /*! margin-right: -20px; */
    background-position-y: -271px;
}
.footer.soical .telgram{
  background-position-x: -129px;
}
.footer .soical .search{
   background-position-x: -378px;
   /*! margin-right: -20px; */
    background-position-y: -271px;
}
.cont-choose1{
    padding-left: 20px;
    background-color: #fff;
    margin-top: 106px;
}
.page .cont-choose1{
  margin-top: 40px;
}
.banner .swiper-pagination-bullet-active{
    background-position-x:-481px;
}
::-webkit-scrollbar {
  width: 22px;
    z-index: 1px;
    position: absolute;
    overflow: visible;
}

/* Track */
::-webkit-scrollbar-track {
/*  box-shadow: inset 0 0 5px grey; */
/*  border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
/*  float: left;*/

/*background: url('../images/all-icon.png');*/
    background: url('../images/scroll2.png') no-repeat ;
/*background-position-x: -629px;*/
height: 28px;
width: 25px;
/*background-position-y: -134px;*/

left: -7px;
position: absolute;
top: 550px;
z-index: 3;
/*    background-color: red;*/
/*    background: url('../images/');*/
    height: 28px;
/*    background-size: contain;*/

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/*  background: #b30000; */
  background: url('../images/scroll2.png') no-repeat ;
/*background-position-x: -629px;*/
height: 68px;
width: 25px;
/*background-position-y: -134px;*/
/*left: 7px;*/
position: absolute;
/*top: 550px;*/
z-index: 999999;    
}
/*news-page*/
.page{
  padding-top: 25px;
}
.page .page-content{

background-color: #fff;
 height: 2000px;
margin-top: 30px;
margin-left: 25px;
padding: 80px 40px 20px 40px;
}
.page .sounds{
  height: auto;
  
}
.page .contact-us{
  padding: 80px;
}
.page .page-content h2{
  color:#00887b;
  font-size: 29.2px;
  
}
.page .page-content .page-date{
  color:#000;
  font-size: 16.6px;
/*  padding-bottom: 50px; */
  margin-bottom: 50px;
  font-family: 'GretaArabic-L';
}
.page .page-content .page-tran{
  color:#000;
  font-size: 23px;
/*  padding-bottom: 50px; */
/*   margin-bottom: 50px; */
  color: #ff9f00;
}
.page .page-content .page-p-blue{
  /* color:#; */
  font-size: 23px;
 padding-top: 25px;
/*   margin-bottom: 50px; */
  color: #2a5696;
}
.page .page-content .page-p-blue{
  
  font-size: 23px;
 padding-top: 25px;
/*   margin-bottom: 50px; */
  color: #2a5696;
}
.page-paragraph{
  
}
.download-print-word{
  display: flex;
  margin: 0px auto;
  text-align: center;
  justify-content: center; 
  align-items: center;
}
.tran .download-print-word{
  margin-top: 75px;
}
.download-print-word .print-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -160px;
  background-position-y: -10px;
  height: 65px;
  width: 67px;
  cursor: pointer;
}
.download-print-word .download-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -10px;
  background-position-y: -10px;
  height: 65px;
  width: 67px;
  cursor: pointer;
}
.download-print-word .word-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -85px;
  background-position-y: -10px;
  height: 65px;
  width: 67px;
  cursor: pointer;
}
.page .page-content .page-paragraph{

  font-size: 22px;
 padding-top: 25px;
/*   margin-bottom: 50px; */
  color: #000;
}
/* sound page */
.page-content .sounds-title{
  text-align: center;
  font-size: 30px;
}
.stop-audio{
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x:-112px ;
  background-position-y: -130px;
  height: 50px;
  width: 45px;
  margin: 0 auto;
}
.stop-audio.activ{
  background-position-x:-243px ;
  background-position-y: -130px;
}
.sounds-download{
  background-color: #ededed;
  margin-bottom: -30px;
  padding-top: 30px;
  z-index: 4;
  position: relative;
  list-style-type: none;
  display: flex;
  text-align: center;
  justify-content: center; 
  align-items: center;
}
.sounds-download .doc-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 65px;
  width: 185px;
  background-position-x: -400px;
  background-position-y: -200px;
  cursor: pointer;
}
.sounds-download .play{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 65px;
  width: 65px;
  background-position-x: -310px;
  background-position-y: -200px;
  padding-right: 10px;
  margin-right: 10px;
   cursor: pointer;
}
.sounds-download .download{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 65px;
  width: 65px;
  background-position-x: -240px;
  background-position-y: -200px;
  padding-right: 10px;
  margin-right: 10px;
   cursor: pointer;
}
.sounds-download .alert1{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 65px;
  width: 65px;
  background-position-x: -170px;
  background-position-y: -200px;
  padding-right: 10px;
  margin-right: 10px;
   cursor: pointer;
}
.page-content .title{
  font-size: 23px;
  color: #2a5696;
  text-align:center;
}
.bread-crumb{
font-family: 'GretaArabic-L';
    font-size: 14px;
}
.banner-page{
 background: url('../images/banner.png') no-repeat center;
    height: 170px;
 padding-top: 50px;
}
.banner-page .translate-icon{
  height: 67px;
  width: 70px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -100px;
  background-position-y: -65px;
/*   border-radius: 50px; */
  /*! padding-bottom: 10px; */
  vertical-align: middle;
  display: table-cell;
  /*! float: none; */
  margin-top: -5px;
  
}
.banner-page .books-icon{
  height: 67px;
  width: 70px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -100px;
  background-position-y: -65px;
/*   border-radius: 50px; */
  /*! padding-bottom: 10px; */
  vertical-align: middle;
  display: table-cell;
  /*! float: none; */
  margin-top: -5px;
}
.banner-page .icon-lesson{
    height: 67px;
  width: 70px;
  /* background-size: ; */
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -240px;
  background-position-y: -65px;
/*   border-radius: 50px; */
  /*! padding-bottom: 10px; */
  vertical-align: middle;
  display: table-cell;
  /*! float: none; */
  margin-top: -5px;
}
.top-pages .title{
    font-size: 26px; 
    font-family: 'urwdinarabic-b';
    color:#fff;
    padding-right: 10px;
    float: right;
    margin-top: 58px;
}
.page-icon{
  height: 67px;
  width: 80px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -342px;
  background-position-y: -0px;
  float: right;
  margin-top: 42px;
}
.art-icon{
  background-position-x: -342px;
  background-position-y: -0px;
}
/* lessons */
.page .lessons{
  padding: 0px 30px;
  height: auto;
  padding-bottom: 70px;
}

.lesson-cont{
font-size: 21.51px;
  padding: 15px 5px 15px 5px;
  
}
.lessons .img-container{
  background: border-box;
  
}
.lessons .img-container img{
  position: relative;
  
}
.lessons .info{
  position: absolute;
  bottom: auto;
  top: 50px;
  left: auto;
  right: 30px;
  text-align: center;
  font-family: 'DINNextLT';
}
.lessons .lesson-number{
  background-color: #cc7e34;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 19.41px;
  border-radius: 0px 0px 15px 15px;
  font-family: 'GretaArabic';
}
.lesson-cont .info span{
   font-family: 'DINNextLT';
   font-weight: bold;
}
.page .lessons .lesson-table {
  margin-top: 110px;
      border-collapse:separate; 
      border-spacing: 0 15px; 
}
.page .lessons .lesson-table tbody tr:hover{
  background-color: #ededed;
}
.page .lessons .lesson-table .left-icon{
  background: url('../images/inside-icon.png');
  height: 30px;
  width: 30px;
  background-position-x: -309px;
  background-position-y: -90px
}
.page .lessons .lesson-table .lesson-name{
/*   margin-top: 110px; */
  width: 660px;
border-left: 1px solid #d7d4d4;
}
.page .lessons .lesson-table .lesson-name1{
  border-left:  none;
}
.page .lessons .lesson-table thead{
color: #00887b;
  font-family: 'GretaArabic-L';
  font-size: 20px;
}
.page .lessons .lesson-table td{
    border: 1px solid #d7d4d4; 
  padding: 5px;
}
.page .lessons .lesson-table .num{
/*     border: 1px solid #d7d4d4;  */
  padding: 25px;
}

.page .lessons .lesson-table tbody .num-page{
  color: #6e6e6e;
  border-left: 1px solid #d7d4d4;
  padding: 25px;
}

.page .lessons .lesson-table tbody .left-icon-td{
  color: #6e6e6e;
  border-left: 1px solid #d7d4d4;
  padding: 25px;
}
.page  .table-num-cont{
  display: inline-flex;
  direction: rtl;
  float: left;
/*   margin-left: 15px; */
}
.page  .fatwa .table-num-cont{
  display: inline-flex;
  direction: rtl;
  float: left;
  margin-left: 15px;
}
.page  .books .table-num-cont{
  margin-left: 19px;
}
.page  .table-num{
  display: ;
  border: 1px solid #d7d4d4;
  width: -moz-max-content;
    text-align: center;
  margin:  15px 0px 15px 15px;
  padding: 3px 13px 3px 13px;
  cursor: pointer;
}
.page  .table-num:hover{
  border: 1px solid #c89c37;
}
.page  .more-icon{
  background: url('../images/more-red-icon.png') no-repeat center;
  height: 20px;
  width: 8px;
  margin-top: 3px;
}

/********************************************************/
.sounds-download-main{
    float: left;
    background-color: unset;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    left: 10px;
    bottom: -7px;
}
.play-audio-main{
    height: 34px;
    width: 55px;
    background-position-x: -321px;
    background-position-y: -205px;
}
.download-main{
    height: 34px;
    width: 55px;
    background-position-x: -249px;
    background-position-y: -207px;
}


/* ---------------------lectures---------------------------- */
.lectures .display-num{
  color: #00887b;
  font-size: 20px;
}
.display-num{
  color: #00887b;
  font-size: 20px;
  margin-right: 29px;
}
.page-content.lectures .item{
  display: inline-flex;
  font-family: 'GretaArabic-L';
  font-size: 20px;
  height: 52px;
  border: 1px solid #d7d4d4;
  border-radius: 0px;
  /*! margin-right: 30px; */
  width: 98%;
/*   margin: 0px auto; */
}


.page-content.lectures .item:hover{
 background-color: #ededed;
}
.page-content.lectures .item:hover .lecture-topic{
/*  background-color: #ededed; */
  color: #000;
}
.page-content.lectures .item .lecture-topic{
/*  border-top: 1px solid #d7d4d4; */
/*   border-bottom: 1px solid #d7d4d4; */
  height: 52px;
 width: 550px;
 padding-top: 10px;
 padding-right: 10px;
border-left: 1px solid #d7d4d4;
}
.page-content.books .item {
  height: 60px;
}
.page-content.books .item .lecture-topic{
  border-left: 1px solid #d7d4d4;
  height: 60px;
}
.page-content.books .item .num{
  border-left: 1px solid #d7d4d4;
  height: 60px;
}
.page-content.lectures .num{
  padding: 10px 20px 0px 20px;
  /*! border: 1px solid #d7d4d4; */
  height: 52px;
  border-left: 1px solid #d7d4d4;
}
.page-content.fatwa .item .lecture-topic{
  width: 500px;
}
.page-content.fatwa .item .newspaper{}
.page-content.articals .item .lecture-topic{
  width: 550px;
}

.page-content.lectures .item .play{
  padding: 0px 20px 0px 20px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-y: -135px;
  background-position-x: -110px;
  height: 52px;
  width: 65px;
  cursor: pointer;
  border-left: 1px solid #d7d4d4;
  padding: 25px;
}
.page-content.lectures .item .newspaper{
  padding: 0px 20px 0px 20px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-y: -135px;
  background-position-x: -375px;
  height: 52px;
  width: 65px;
  cursor: pointer;
  border-left: 1px solid #d7d4d4;
}
.banner-page .icon-fatwa{
  height: 80px;
  width: 80px;
  background-size: ;
/*   position: absolute; */
  background-position-y: -100px;
  background-position-x: -350px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-x: -360px;
  background-position-y: -64px;
  border-radius: 50px;
  /*! padding-bottom: 10px; */
  vertical-align: middle;
  display: table-cell;
  /*! float: none; */
  margin-top: -5px;
}
.page-content.articals .item .newspaper{
  background-position-x: -375px;
}
.page-content.articals .item .download{
  background-position-x: -50px;
}
.page-content.lectures .item .download{
  padding: 0px 20px 0px 20px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-y: -138px;
  background-position-x: -50px;
  height: 52px;
  width: 66px;
  cursor: pointer;
  /*! padding-right: 20px; */
  /*! padding: 25px; */
}


.page .left .articals{
  height: auto;
  padding-bottom: 60px
}
.page .books{
  padding: 0px;
  height: auto;
  padding-bottom: 70px;
}
.thead-books{
  margin-top: 60px;
}
.list-books{
  float: right;
  margin-right: 30px;
}
.download-books{
  float: left;
  margin-left: 60px;
}
.books-cover {
  height: 390px;
  background-color: #787878;
 padding: 45px 20px;
}
.books-cover .item-book{
   padding: 0px 10px 0px 10px;
}
.books-cover .img-container {
  border-radius: 14px;
}
.books-cover .info-download{
  
  background-color: #fff;
  border-radius:50px;
    height:50px;
  text-align: center;
  padding-top: 10px;
  margin-top: 15px;
  display: table;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.books .item .pdf-tran-icon{
   background: url('../images/inside-icon.png') no-repeat center;
  height: 45px;
  width: 40px;
  background-position-x: -319px;
  background-position-y:-129px; 
  display: table-cell;
/*   background-size: cover; */
  padding-left: 10px;
   padding-right: 30px;
   margin: 0px auto;
   padding-top: 10px;
}
.books-cover .info-download span{
/*   margin-top: 20px; */
padding-top: 5px;
  display: table-cell;
  vertical-align: top;
}
.books-cover .download-small-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 30px;
  width: 30px;
  background-position-x: -505px;
  background-position-y:-140px; 
  display: table-cell;
  vertical-align: middle;
  padding-top: 30px;
}
.books-cover .pdf-icon{
  background: url('../images/inside-icon.png') no-repeat center;
  height: 45px;
  width: 40px;
  background-position-x: -434px;
  background-position-y:-135px; 
  display: table-cell;
/*   background-size: cover; */
  padding-left: 10px;
}
.page .page-content.art{
  padding-top: 25px;
  height: auto;
}
.ask-q input{
  width: 100%;
  height: 50px;
  border: 1px solid #d7d4d4;
  padding-right: 20px;
  margin-top: 25px;
  /*! float: left; */
  display: table-cell;
}
.contact-us input{
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    padding-right: 20px;
    margin-top: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
    max-width: 540px;
}
.ask-q label{
  font-size: 15.25px;
  text-align: center;
  margin-top: 25px;
  display: table-cell;
  /*! padding-left: 30px; */
}
.ask-q .name{
  display: table;
  width: 100%;
  
}
.contact{
  text-align: center;
  margin-bottom: 20px;
}
.contact-us  textarea{
  margin: 0px auto;
  width: 100%;
  text-align: center;
  display: block;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding-top:3px;
  max-width: 540px;
}
.contact-us .submit-btn{
  width: 100px;
  height: 50px;
  background-color: #faa620;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-right: 0px;
}
.ask-q{
  margin: 30px auto;
}
.lec-icon{
 background: url('../images/inside-icon.png') no-repeat center;
  height: 79px;
  width: 80px;
  background-position-x: -14px;
  background-position-y:-65px; 
  display: table-cell;
  padding-left: 10px;
}
.mobile-menu-footer{
  display: none;
}
/* -------------    all pages  ------------- */
.top-pages{
  height: 160px;
  background: url(../images/banner.png) round;
}
.page-contint{
  background: #f4f4f4;
  padding-bottom: 50px;
}
.page-contint .paht{
  padding: 25px 0px 0px;
}
.page-contint .paht a{
  display: inline;
  margin:0px 6px ;
  font-size: 14px;
  font-family: "GretaArabic-L";
  color: rgb(0, 0, 0);
}
.right-page-contint{
  padding-left: 20px;
}
.main-contint{
  background: #fff;
  min-height: 100px;
  margin-top: 20px;
  padding: 35px;
}

/* -------------    art pages  ------------- */
.art-item{
  border: 1px solid #ddd;
  margin-top: 14px;
}
.art-item .item-contint{
  height: 100%;
}
.art-item .num{
  float: right;
  width: 50px;
  height: 100%;
  border-left: 1px solid #ddd;
  padding: 7px 15px;
  text-align: center;
}
.art-item .titel{
  font-size: 20px;
  color: #333;
  float: right;
  padding: 7px 15px;
}
.art-item:hover {
  background: #ededed;
}
.art-item:hover .titel{
  color: #5f61ac;
}
.art-item .control{
  height: 100%;
  float: left;
}
.art-item .open-icon{
  height: 100%;
  width: 50px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-y: -133px;
  background-position-x: -375px;
  cursor: pointer;
  border-right: 1px solid #d7d4d4;
  float: right;
}
.art-item .download-icon{
   float: left;
   border-right: 1px solid #d7d4d4;
   height: 100%;
   width: 50px;
   background: url('../images/inside-icon.png') no-repeat center;
   background-position-y: -138px;
   background-position-x: -50px;
   cursor: pointer;
}

.art-item .reading-icon{
   float: left;
   border-right: 1px solid #d7d4d4;
   height: 100%;
   width: 50px;
   background: url('../images/inside-icon.png') no-repeat center;
   background-position-y: -14px;
   background-position-x: -96px;
   cursor: pointer;
}



.art-title{
  margin-top: 24px;
  color: #00887b;
  font-size: 29.2px;
}

/* pagenation */
.paging {
  background-color: #fff;
  height: 42px;
  margin: 20px 0;
  width: 100%;
}
.pages {
  display: inline-block;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  /* padding: 0 20px; */
  text-align: left;
  vertical-align: top;
}
.pages-col{
  text-align: left;
}
.page_number_body {
  display: inline-block;
  height: 40px;
  text-align: center;
  width: 40px;
  border: 1.4px solid #ddd;
}
.selected_page_number_body {

  display: inline-block;
  height: 41px;
  text-align: center;
  width: 40px;
  border: 2px solid #c89c37;

}
.page_number_body a, .page_number_body a:link, .page_number_body a:visited {
  color: #333;
  display: block;
}
.page_number_body a:hover {
  color: #fff;
  background-color:#035951;
}

.arr_next{
  float: left;
}
.prev_link {
  background-image: url("../images/arrow.png");
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  margin: 5px auto 0;
  width: 14px;
}
.arr_prev .prev {
  background-image: url("../images/arrow.png");
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  margin: 10px auto 0;
  width: 14px;
}
.next_link {
  display: block;
  height: 40px;
  margin: 10px auto 0;
      margin-top: 10px;
  width: 40px;
  background: url('../images/more-red-icon.png') no-repeat center;
  margin-top: 0;
  border: 1.4px solid #ddd;
  margin-right: 3px;
  float: right;
}
.next_link_page{
  margin-top: 0;
  border: 1.4px solid #ddd;
  margin-right: 3px;
  float: left;
  width: 80px;  
  text-align: center;
  height: 40px;
  padding: 6px 0px;
}
.next_link_page:hover{
  background-color:#035951;
  color: #fff;
}

/*  **************************   show_sound   ***********************   */
.sound-info{
  padding: 10px;
}
.sound-info span{
  padding-left: 10px;
  font-size: 16px;
}
.sound-info span.spret{
  color: #dd0000;
}
.sound-info .download{
  width: 40px;
  height: 40px;
  /* background: ; */
}
.sound-icon{
  background-position-x: -7px;
  background-position-y: -77px;
}
.art-item .open-s-icon{
  background-position-y: -137px;
  background-position-x: -109px;
}
.sound-title{
  margin-top: 24px;
  font-size: 25px;
  text-align: center;

}
#waveform{
  margin: 0 auto;
  max-width: 460px;
}

#waveform wave{
  display:inline-block;
}

.play-audio{
  cursor: pointer;
}
.sounds-download .play-audio.activ{
 
}

/* news page */

.transli-icon{
  background-position-x: -423px;
  background-position-y: -13px;
  width: 65px;
  height: 70px;
}
.news-icon{
  background-position-x: -355px;
  background-position-y: -66px;
}
/*  fatawa */
.fatawa-icon{
  background-position-x: -355px;
  background-position-y: -66px;
}
/* book */
.book-icon{
  background-position-x: -89px;
  background-position-y: -69px;
}
.book-item{
  height:150px ;
  padding-left: 15px;
  margin-top: 10px;
}
.book-item .item-contint{
   width: 100%;
   height: 100%;
   background: url(../images/books-lessons.png) round;
   border-radius: 10px;
}
.book-item .item-contint .titel{
  width: 70%;
  padding: 40px 6px;
  line-height: 1.7;
  font-size: 17px;
  text-align: center;
  font-family: 'GretaArabic';
}
.main-book-item{
  padding: 40px 20px 30px 20px;
  background: #787878;
}
.main-book-item .titel{
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
  height: 50px;
}
.main-book-item .item-contint{

}
.main-book-item .book-img img{
  width: 100%;
}
.download-book-icon{
  width: 20px;
  height: 20px;
  float: left;
  background: url(../images/pdf-do.png) round;
}
.download-icon{
  width: 20px;
  height: 20px;
  float: left;
  background: url(../images/pdf-download.png) round;
}
.main-book-item .control{
  background: #fff;
  padding: 5px 10px;
  border-radius: 19px;
  font-size: 14px;
}
.art-item .download-books-icon {

  height: 55px;
  width: 50px;
  background: url('../images/inside-icon.png') no-repeat center;
  background-position-y: -127px;
  background-position-x: -312px;
}
.art-item .control:hover .download-books-icon {
  background: url('../images/d-pdf.png') no-repeat center;
  background-position-x: 11px;
  background-position-y: 2px;
}


.header-item{
  margin-top: 50px;
}
.book-name{
   float: right;
}
.book-down{
   float: left; 
}
/* _CONTUCT_US */
.contuct-icon{
  background-position-x: -252px;
}
.succe_send{
  font-size: 22px;
  text-align: center;
  margin: 46px 0;
  color: #057a6f;
}
.trun-back{
  text-align: center;
}
.trun-back span{
  color: #fff;
  padding: 17px;
  background: #5f61ac;
  line-height: 2.5;
}
/* ---------------------------------- */
.send-q-icon {
  background-position-x: -161px;
  background-position-y: -67px;
}
/*****************ARCHIVE*******************/
.archive .topic{
  font-size: 22px;
  text-align: center;
  margin: 40px 0 40px;
  color: #9b001f;
  }
  .archive_body{
  text-align: center;margin: 10px 0 40px;
  }
  .archive select{
  height:30px;line-height: 100%;
  font-size: 14px;
  }
  .archive input[type=submit]{
  background-color: #9b001f;
  border: 0px none;
  color: rgb(255, 255, 255);
  cursor: pointer;
  height: 30px;
  text-align: center;
  width: 67px;
  font-size: 10pt;
  vertical-align: top;
  padding-bottom: 5px;
  border-radius: 3px;
  position: unset ;
  display: inline;
  line-height: unset;
}
  .archive_result{
  margin:0 20px 20px;
  }
  .archive table {
  border-collapse: collapse;
  width: 100%;
  }
  .archive table, .archive th, .archive td {
  border: 1px solid #e7e7e7;
  }
  .archive th {
  text-align: center; 
  height: 37px;
  font-size: 12pt;
  font-weight: normal;
  color: #333;
  }
  .archive thead {
  background-color: rgb(248, 248, 248); 
  font-size: 13pt; 
  height: 30px; 
  line-height: 30px; 
  border: 1px solid rgb(232, 232, 232); 
  font-weight: normal;
  }
  .archive tbody tr {
  border:1px #e8e8e8 solid;
  }
  .archive tbody tr td{
  font-size: 14px;
  text-align: center;
  }
  .archive .link{
  color:#333;
  font-size:16px;
  }
.archive .link:hover{
  color:#333;
}
.archive tr:hover{
  background-color: #fcfcfc;
}
.arch_body{
  padding: 30px 20px;
}
.sounds-down{
    bottom: -12px;
}

/* //////////////////////////////// */


@media (max-width: 1000px) {
 .hid-m{
    display: none !important ;
  }
}
@media (max-width: 1000px) {
.benefit .title{
    width:100%;
    margin-right: 0px;
  }
   .benefit .body{
    width:100%;
    margin-right: 0px;
    /*! margin-left: 70px; */
    min-width: 100%;
  }
  .benefit .swiper-container{
  width: 100%;
}
  .benefit{
    padding-bottom:40px;
  }
  .banner .img-container{
    /*height: 332px;*/
    height: 183px;
  }

  .banner .img-container::after {
    background-image: linear-gradient(to bottom, transparent 50%,black );
  }


}

.play-in{
    background :url(../images/play-32.png) no-repeat round center !important;
   
    height: 34px !important;;
    width: 34px !important;;
    background-size: cover !important;
}
.play-in.activ{
    background : url(../images/pause-32.png) no-repeat round center !important;
    background-size: cover !important;
}
.download-in{
    background :url(../images/download-box.png) no-repeat round center !important;
   
    height: 34px !important;
    width: 34px !important;
    background-size: cover !important;
    display: block !important;
}

/* .books-body .item  */
@media (min-width: 780px) {
 .hid-lg{
    display: none !important ;
  }  
}
@media (max-width: 780px) {
  .hid-md{
    display: none !important ;
  }

  .img-black{
    background-image:none;
  }
  .btn-menu.activ{
   background-position-x: -477px;
    background-position-y: -150px; 
  }
  .btn-menu.activ{
    background-position-x: -449px;
    background-position-y: -150px; 
}
  .btn-menu{
    display: block;
    background: url(../images/all-icon.png) no-repeat center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    left: 7px;
    background-position-x: -495px;
    background-position-y: -150px;
    z-index: 5;
  }
  .search-btn{
    display: block;
    background: url(../images/all-icon.png) no-repeat center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    left: 52px;
    background-position-x: -540px;
    background-position-y: -150px;
    z-index: 5;
  }
  .menu-mobile .btn-menu{
    top:80px;
    background: url(../images/menu-white.png) no-repeat round;
  }
 .menu-mobile .logo-img {
	  background: url(images/logo-white.png) no-repeat right;
	} 
  header{
    background: #fff;
    height: auto;
    border-bottom: none;
  }
  header .logo{
    width: 300px;
    background: url(../images/logo.png) no-repeat center;
    height: 70px;  
    margin: 0 auto; 
    float: unset; 
    margin-top: 20px;
    margin-bottom: 21px;
    background-size: contain;
  }
  .date{
    font-size: 15px;
    line-height: 2;
  } 
  .banner .col-lg-6{
    direction: rtl;
    position: relative;
    overflow: visible;
  }
  .container-fluid{
    padding: 0px;
  }
  .banner .container-fluid{
    padding-left: 0px;
  }
  .header-bac{
    background: url(../images/header-bac.png) no-repeat bottom #fff;
    z-index: 5;
    position: relative;
  }
  .menu-mobile .btn-menu{
    top:80px;
    background: url(../images/menu-white.png) no-repeat round;
  }
 .menu-mobile .logo-img {
	 background: url(images/logo-white.png) no-repeat right;
	
} 
     .menu-mobile{
      background: #005850;
      text-align: center;
      transition: all 0.5s;
      position: absolute;
      z-index: 2;
      right: 0;
      left: 0;
      overflow: hidden;
      color: #fff;
      max-height: 0px;
      top: 0px;
    }
     .main-news .items .item:hover {
     border: 4px solid #f2f2f2;
     }
    .menu-mobile.activ{
        max-height: 1180px;
        padding-bottom: 50px;
    }
  .menu-btn.activ{
    background: url(../images/close.png) no-repeat center; 
}
  .menu-mobile .header-menu hr{
    border: none;
  }
  .menu-mobile .header-menu ul>:first-child{
    border: none;
  }
.menu-mobile ul{
    margin-top: 187px;
    padding: 14px 0px; 
}
.menu-mobile li{
  display: block;
  font-size: 17px;
  font-family: "HelveticaNeueLTW20";
  color: #fff;
  padding: 8px 12px;
  text-align: center;
  max-width: 200px;
  margin: 0 auto 10px auto;
}
  .menu-mobile li:hover{
    background: #faa620;
    border-radius: 6px;
  }
  .menu-mobile ul li::before{
    content: ' '; 
    color: #fff; 
    margin-left: 5px;
    width: 100%;
    height: 1px;
  }
  .menu-mobile li:hover{
    color:#fff;
  }
  .menu-mobile .logo-img{
    height: 80px;
    margin-right: 90px;
    margin: 0 auto;
    width: 129px;
  }
  .search-mobil{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 84px;
    display: none;
    z-index: 99999;
  }
.search-mobil.activ{
    display: block;
    top: 0px;
}
.search-mobil form{
  width: 254px;
  float: left;
  margin-left: 3px;
}
.search-mobil input{
  margin: 0 auto;
  margin-top: 7px;
  width: 245px;
  display: block;
  border: none;
  height: 38px;
  border-radius: 0;
  background: #FFF;
  color: #fff;
}
.search-mobil .fa {
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 35.5px;
    position: absolute;
    top: 18px;
    left: 55px;
    border-radius: 50%;
    background: url(../images/search1.png) no-repeat center;
    transition: all 1s;
}
.swiper-wrapper {
    margin-right: 0 !important;
}
  .banner .lec{
    text-align: center;
    width: 156px;
    margin: -40px auto 0px auto;
    border-radius: 25px;
    height: 26px !important;
    z-index: 99;
    position: inherit;
  }
  .banner .lec .lec-right{
    width: 60px;
    height: 26px !important;
    font-size: 10px;
    line-height: 2.20;
  }
  .banner .lec .lec-left{
    height: 26px !important;
    font-size: 12px;
  }
  .banner .main-head {
    text-align: center;
    font-size: 18px;
    padding: 0px 10px;
    margin-top: 20px;
  }
  .banner .main-body{
    text-align: center;
margin: 20px auto;
font-size: 12px;
padding: 0px 10px;
  }
  .banner .more{
    text-align: center;
    margin: 0px auto;
    margin-bottom: 20px;
  }
  .banner .swiper-button-next{
    bottom: 20px;
    top: unset;
    left:  4px;
  }
   .banner .swiper-button-prev{
    left: 5px;
    bottom: 20px;
    top: unset;
    right: 4px;
  }
  .sections-main .swiper-button-prev{
    left:  5px;
    
  }
 
  .second-section-fluid .info{
    text-align:center;
    margin-left: 0px;
    font-size: 14px;
  }
  .title-lecture{
  display: table;
  margin-top: 50px;
  margin-bottom: 20px;
    margin-right: 20px;
}
  .lectures{
    margin: 0px 20px
  }
  .lectures .item-middle{
    margin-right:0px;
    margin-left: 0px;
    padding: 15px 6px;
  }
  .books-body .img-container{
    width:100%;
    float:none;
    display: block;
    padding-left: 20px;
  }
  .books-body .item{
     display: block;
  }
  .sounds .books-body:before{
    width:50%;
    
    margin-right: 0px;
  }
  .books-body:before{
     width:50%;
  }
  .ask .ask-title{
    bottom:50px;
  }
  .footer .subscribe-line{
    margin:12px auto 0px auto;
  }
  .footer{
    text-align: center;
    padding-bottom: 14px;
  }
  .footer .soical{
    margin-bottom: 30px;
    left: unset;
  }
  .footer .search-footer{
    margin-top:20px;
  }
  .footer .logo-footer{
    margin: 0px auto;
  }
  .footer .title{
    margin-top:20px;
  }
  .second-section .second-section-fluid{
    height: auto;
    width: auto;
    padding: 0px 12px;
    border: 1px solid #dddddd;
  }
  .second-section-fluid .questions li {
    font-family: 'GretaArabic';
    font-size: 14px;
    margin-top: 13px;
    position: relative;
    padding-right: 13px;
    list-style-type: none;
    padding-bottom: 11px;
  }
  .sections-main .right{
    margin-right:0px;
    right:0px;
  }
  .banner{
    height:auto;
  }
  .benefit .swiper-container{
    width:100%;
    overflow: hidden;
    /* padding: 0px 30px; */
  }
  .benefit .swiper-wrapper{
    /* overflow: hidden; */
  }  
  .sounds .books-body:before{
    
    width:50%;
  }
  .books-body .img-container img{
    width:100%;
  }
  .sounds .books-body .item{
    padding-bottom:30px;
    padding-top:30px;
  }
  .sounds .books-body .title-book:before{
    top:60px;
  }
  .benefit .title{
    width:50%;
    margin-right: 0px;
    margin-top: 13px ;
    font-size : 18px;
  }
   .benefit .body{
    width:50%;
    margin-right: 0px;
    min-width: 50%;
  }
  .benefit .left{
    bottom: 0;
    top: unset;
    right: 20px;
  }
  .benefit .right{
    top: unset;
    bottom: 0px;
    left:  20px;

  }
  .benefit .swiper-slide {
    min-height: 200px;
}
  .benefit .item {
    padding: 0px 10px;
    border-radius: 10px;
    margin-bottom: 35px;
    padding-bottom: 34px;
}
  .news .news-body{
    margin-right:0px;
  }
  .banner img{
    margin-left:0px;
  }

  /* ***************************** */
  .left-btn{
    left: 0;
    z-index: 10;
  }
  .right-btn{
    right: 0;
    z-index: 10;
  }
  .sections-main .item{
    display: none;
  }
  .sections-main .item.activ{
    display: block;
    background: none;
    height: auto;
  }
  .sections-main .item.activ .down-btn{
    display: none;
  }
  .sections-main .info {
    height: auto;
    padding-top: 30px;
  }
  .sections-main{
    height: 160px;
  }
  .second-section-fluid .title{
    text-align:center;
    font-size: 18px;
    padding-top: 60px;
    position: relative;
  }
  .second-section-fluid .title::before{
     content: "";
     width: 55px;
     height: 40px;
     position: absolute;
     top:0px ;
     right: 38%;
     background: url(../images/all-icon.png);
     background-position-y: -101px;
     background-position-x: -508px;
  }
  .news{
    margin-left: 0px;
  }
  .second-section-fluid .questions li::before {
    top: -3px;
  }
  .news .title{
    background: url('../images/mobil-bg.png') no-repeat top;
    height: 151px;
    width: 100%;
    color: #b61313;
    font-family: 'urwdinarabic-b';
    padding-top: 75px;
    font-size: 28px;
    padding-right: 43px;
    text-align: right;
  }
  .news .news-body .item {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
  }
  .news .news-body>:last-child{
    border-bottom: 0px;
  }
  .our-new-row .mains {
    padding-left: 0;
    margin: 0px;
  }
  .our-new-row {
    padding-left: 0;
  }
  .lectures .cont-watched {
    padding-top: 0;
    display: block;
    margin-top: 18px;
  }
  .lectures .display-more {
    float: left;
    margin-top: 0;
    margin-right: 0;
    font-size: 10.37px;
  }
  .lectures .item .info .section-type {
    font-size: 12px;
    margin-top: 2px;
  }
  .lectures .item .info .info-title {
    font-size: 16px;}
  .lectures.mains > :first-child {
      margin-bottom: 0;
      margin-top: 0px;
  }
  .lectures {
      margin: 0px;
  }
  .lectures .item-middle .cont-watched{
    float: right;
  }
  .lectures .item-middle .display-more {
    margin-top: 13px;
  }
  .mains  .display-more {
    margin-top: 13px;
  }
  .watched-number{
    float: right;
    margin-right: 6px;
  }
  .title-lecture{
    margin: 30px auto;
  }
  .new-books{
    margin-left: 0px;
    border-radius: 6px;
    margin-top: 20px;
  }
  .sound{
      
      margin-top:20px;
  }
  .new-books .section-title h1 {
    font-size: 20px;
    padding-right: 56px;
  }
  .new-books .section-title h1::after {
    top: 25px;
    right: 169px;
    left: 78px;
  }
  .new-books .btn-continers{
    top: 0px;
    left: -5px;
    width: 92px;
  }
  .new-books .swiper-slide a{
    display: block;
  }
  .new-books .swiper-slide .img-container{
    width: 100%;
  }
  .new-books .swiper-slide .info{
    display: grid;
    padding-right: 1px;
  }
  .new-books .swiper-slide .title{
    order: 1;
    font-size: 16px;
    margin-top: 10px;
  }
  .new-books .time-views{
    order: 2;
    margin-top: 10px;
  }
  .new-books .swiper-slide p{
    order: 3;
  }
  .sound .swiper-slide .title{
    font-size: 14px;
    margin-top: 0px;
  }
  .sound .section-title h1::before {
    background-position-y: -28px;
  }
  .sound .section-title h1::after {
    right: 189px;
  }
  .cont-choose1{
    margin-top: 40px;
  }
  .footer .info {
    padding: 10px 44px;
  }
  .copy-col{
    order: 4;
  }
  .email-list{
    order: 2;
  }
  .email-list-form{
    order: 3;
  }
  .contact-col{
    order: 1;
  }
  .contact-col .policy{
    display: none;
  }
  .mobile-menu-footer{
    order: 5;
    display: block;
  }
  .new-books .swiper-slide {
    height: 350px;
  }
  .new-books .swiper-slide .contint {
    width: 100%;
  }
  .sound .swiper-slide{
        height: 154px;
  }
  /* pages css  */
  .right-page-contint {
    padding-left: 0;
  }
  .main-contint {
    padding: 15px;
  }
  .art-item .titel {
    font-size: 16px;
    padding: 4px 10px;
    width: 100%;
  }
  .page-contint .paht{
    padding: 25px 6px;
  }
  .sounds-download .play{
    margin-right: 5px;
  }
  .sounds-download .doc-icon{
    width: 168px;
    display: inline-block;
  }
  .sounds-download .download ,.sounds-download .alert1 ,  .sounds-download .play{
    margin-right: 0px;
    display: inline-block;
  }
  .top-pages .title {
    font-size: 21px;
    padding-right: 0;
    margin-top: 55px;
  }
  .art-item .item-contint{
    height: 100%;
    display: flex;
  }
  .art-item .download-icon ,.art-item .open-icon{
    float: right;
    height: 40px;
  }
  .art-item .num {
    padding: 7px 10px;
  }
  .pages ,.arr_next{
    float: right;
  }
  .next_link_page{
    width: 65px;
  }
  .paging{
    height: auto;
  }
  .art-title {
    margin-top: 18px;
    color: #00887b;
    font-size: 20.2px;
  }
  .top-pages {
    padding: 10px;
  }
  .timer{
    margin-right: 0;
  }
  .download-print-word .word-icon  , .download-print-word .print-icon ,.download-print-word .download-icon{  
  display: inline-block;}
  .sound .swiper-slide .item{
  /*position: unset;*/
  position: relative;
      
  }
  
  .sounds-down {
    position: unset;
    }
}