* {
    padding: 0px;
    margin: 0 auto;
}

body {
    font-family: 'Jameel Noori Nastaleeq' !important;
}

#cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #141526;
    z-index: 9999;
    font-size: 65px;
    text-align: center;
    padding-top: 350px;
    color: #fff;
    font-family: tahoma;
}

h3{
    font-family: 'Jameel Noori Nastaleeq' !important;
}

.login-icon{
  margin-top: -6px;
  margin-right: 4px;
}
.closebtn {
    position: absolute;
    top: 0;
    right: 40px;
    font-size: 36px;
    color: #fff;
    display: none;
}
.themeColor{
    color: #034ea2;
}
.mt-40{
    margin-top:40px!important;
}
.fs-18
{
    font-size: 18px;
}
.carousel
{
 position: static;
}
.topic-border{
    position:relative;
    top: 40px;
}
.topic-border:after{
    position:absolute;
    display:block;
    content:"";
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    width:100%;
    height:2px;
}
.topic-box-lg{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 30px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg:before{
    z-index:1;
    content:"";
    top:0;
    right:191px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
.topic-box-lg-6{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 9px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-6:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}
.deathHeading:before{
    right:194px;
}
.birthHeading:before{
    right:202px;
}
.topic-box-lg-6:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
.topic-box-lg-6-visaal{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 17px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-6-visaal:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-6-visaal:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR MAZAMIN */

.zoom-effect-1{
    overflow: hidden;
}

.zoom-effect-1 img{
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.zoom-effect-1:hover img{
    -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.topic-box-lg-6-mazamin{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-6-mazamin:before{
    z-index:1;
    content:"";
    top:0;
    right:185px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-6-mazamin:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR BAKHSHISH */
.topic-box-lg-6-bakhshish{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 55px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-6-bakhshish:before{
    z-index:1;
    content:"";
    top:0;
    right:189px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-6-bakhshish:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

/* MAZAMIN BAKHSHISH IMAGES */

/*.image-mb img {
    width: 100%;
    transition: 0.3s;
}

.image-mb:hover img {
    transform: scale(1.1);
    cursor: pointer
    opacity :0.5;
}*/

.zoom-effect-1{
        overflow: hidden;
    }

    .zoom-effect-1 img{
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 1.5s ease-in-out;
	  margin-bottom:20px;
    }

    .zoom-effect-1:hover img{
        -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }


/* MAZAMIN BAKHSHISH IMAGES */
/* FOR AARAS */
.topic-box-lg-aaras{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 29px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-aaras:before{
    z-index:1;
    content:"";
    top:0;
    right:237px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-aaras:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR GALLERY */
.topic-box-lg-tz{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 60px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-tz:before{
    z-index:1;
    content:"";
    top:0;
    right:185px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-tz:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR IFTA */
.topic-box-lg-ifta{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-ifta:before{
    z-index:1;
    content:"";
    top:0;
    right:195px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-ifta:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR MEDIA */
.topic-box-lg-media{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 63px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-media:before{
    z-index:1;
    content:"";
    top:0;
    right:182px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-media:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR NEWS */
.topic-box-lg-news{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 71px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-news:before{
    z-index:1;
    content:"";
    top:0;
    right:187px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-news:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR BLOG */
.topic-box-lg-blog{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 63px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-blog:before{
    z-index:1;
    content:"";
    top:0;
    right:177px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-blog:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/*.color-cinnabar:before{
    border-top:8px solid #034fa2;
    border-left:8px solid transparent;
}*/
.color-cinnabar:after{
    background-color:#034fa2;
}
.mb-40{ 
    /*margin-bottom:40px;*/
}
.container .content {
    position: absolute;
    bottom: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 89.3%;
    height: 0px;
    left: 15px;
    padding-bottom: 33px;
}
.container .content-2 {
    position: absolute;
    bottom: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 89%;
    height: 0px;
    left: 15px;
    padding-bottom: 33px;
}

.img-shadow {
  filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}


#imgLoader {
    animation: coin-rotate 1s both infinite;
}

@keyframes coin-rotate {
  from {
    transform: rotateY(0);
  }

  to {
    transform: rotateY(180deg);
  }
}

.container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.container-fluid {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}


/* HOVER EFFECT */

.pic {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url() no-repeat;
}

.pic:hover {
    opacity: 0.8;
    filter: alpha(opacity=30);
    transition: 0.5s;
}

.box {
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
}

.box:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(4, 36, 66, 0.8);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}

.box:hover:before {
    opacity: 1;
}

.box img {
    width: 100%;
    height: auto;
}

.box .icon {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
}

.box .icon li {
    display: inline-block;
}

.box .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    margin-right: 5px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.box .icon li:first-child a {
    transform: translateY(35px);
}

.box .icon li:last-child a {
    transform: translateY(-35px);
}

.box .icon li a:hover {
    border-color: #fff;
    color: #fff;
}

.box:hover .icon li:first-child a,
.box:hover .icon li:last-child a {
    opacity: 1;
    transform: translateY(0);
}

.box .box-content {
    width: 100%;
    position: absolute;
    bottom: -50%;
    left: 0;
    transition: all 0.3s ease 0s;
}

.box:hover .box-content {
    bottom: 25%;
}

.box .title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.box .post {
    display: block;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    color: #fff;
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:479px) {
    .box:hover .box-content {
        bottom: 10%;
    }
}


/* END HOVER EFFECT */


/* START TOP BAR! */

.social-icon {
    width: 25px;
    margin: 5px;
}

#adv-search {
    border: 1.5px solid #034fA2;
    width: 265px;
    margin-right: 0;
    border-radius: 10px;
}
.br-15
{
    border-radius: 15px;
}
.bg-menu{
    background: #034DA2 !important;
}
.date {
    border: none;
    /*margin-top: 7px;*/
    width: 100%;
    height: 50px;
    float: right;
}
.enDate{
    font-size: 20px;
}
.carousel-item {
    /*height: 100px;*/
    /*min-height: 350px;*/
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: -1;
}
.carousel-indicators {
    margin-bottom: 290px !important;
}

/* END TOP BAR! */


/* START MAIN MENU */

.menubar {
    background: #034DA2 !important;
    position: absolute;
    width: 83%;
    left: 0%;
    right: 0%;
    top: -8%;
    border-radius: 15px;
}
.menubar-scholar {
    background: #034DA2 !important;
    position: absolute;
    width: 83%;
    left: 0%;
    right: 0%;
    border-radius: 15px;
}


.nav-link {
    font-size: 20px;
    margin: 0px 15px 0px 15px;
    color: white !important;
}

.nav-link:hover {
    color: #F5CF7E !important;
}
.nav-link.active{
    color: #000 !important;
    background-color: transparent !important;
}
.menubar .navbar-toggler {
    outline: none !important;
    border: none !important;
    margin-right: 20px;
}

.navbar .fa {
    color: white !important;
    margin-right: 0 auto;
}


/* END MAIN MENU */


/* START SEARCH */

.heading-text {
    margin-top: -45px;
}
.custom-select{
    width: 120px !important;
}
.search {
    background: #e6e7e8;
    border-radius: 10px;
    font-size: 31px;
    margin-top: 110px !important;
}
.scholar-search{
    margin-top: 150px !important;
}

.form-check-input {
    position: inherit !important;
    margin-left: 20px !important;
    margin-right: 5px !important;
}

.form-control.text {
    display: initial;
    margin-left: 20px;
    text-align: right;
    margin-bottom: 30px;
    border: none;
}

.text {
    width: 12.1%;
    margin-top: -45px;
}

.input-group-text {
    background: #929397;
    color: #fff;
    font-size: 25px;
    padding: 0px 25px 0px 25px;
}

.input-group-text-2 {
    background: #929397;
    color: #fff;
     display: inline;
     font-size: 17px;
    padding: 3px 25px 7px 25px;
}
#inlineFormInputGroup-mozu::-webkit-input-placeholder {
    font-size: 20px;
}
.input-group-text:hover,.input-group-text-2:hover {
    background: #034fa2;
    cursor: pointer;
}

.search-btn {
    background: #034fa2;
    border: none;
    font-size: 20px;
    padding: 0px 13px 7px 12px;
    color: #fff;
    border-radius: 5px;
    outline: none !important;
}


/* END SEARCH */


/* START DEATH AND BIRTH */

.visaal {
    background: #014FA4;
    color: #fff;
    text-align: right;
    padding: 8px;
    border-radius: 15px;
}

.visaal-detail {
    margin-top: 60px;
    margin-bottom: 20px;
}

.detail {
    margin: 0 auto;
    text-align: center;
    margin-top: 22px;
}

.detail span {
    font-size: 22px;
    margin-right: 20px;
}

.visaal-detail ul li {
    list-style-type: none;
    display: list-item;
    margin-bottom: 15px;
}


/* END DEATH AND BIRTH */


/* START COUNTER AND COUNTDOWN */

.zoom {
    transition: transform 0.5s;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.1);
}

.counter {
    background-color: #E6E7E9;
    margin-bottom: 30px;
    text-align: center;
}

.employees,
.customer,
.design,
.order {
    margin-top: 70px;
    margin-bottom: 70px;
}

.counter-count {
    font-size: 35px;
    position: relative;
    text-align: center;
    line-height: 30px;
    width: 140px;
    height: 100%;
    background: #f5cf7e;
    display: inline-block;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.employee-p,
.customer-p,
.order-p,
.design-p {
    font-size: 26px;
    color: #000;
    line-height: 50px;
}

hr {
    margin-top: 3px !important;
    border: 1px solid #c4a64e !important;
}

.countdown-custom {
    background-position: center center;
    background-size: cover;
    /*text-align: center;*/
    background-image: url("../../assets/img/Counter.jpg");
    background-repeat: no-repeat;
    margin-top: 70px;
}

.countdown-3 {
    --colour-days: calc(var(--countdown-percent-days) * 255);
    --colour-hours: calc(var(--countdown-percent-hours) * 255);
    --colour-minutes: calc(var(--countdown-percent-minutes) * 255);
    --colour-seconds: calc(var(--countdown-percent-seconds) * 255);
    --colour: calc(var(--countdown-percent) * 255);
    --length: calc(var(--countdown-percent) * 100%);
    display: flex;
    padding: 0;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    font-family: "Brandon Grotesque", Arial;
    color: #FFF;
}

.countdown-3 .days,
.countdown-3 .hours,
.countdown-3 .minutes,
.countdown-3 .seconds {
    margin: 6px;
}

.countdown-3 .amount {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    width: 64px;
    height: 52px;
    font-size: 35px;
    font-family: Belwe, "Times New Roman";
    line-height: 0.8em;
}

.countdown-3 .amount::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top: solid 1px rgba(200, 200, 200, 0.5);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.countdown-3 .digit {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 30px;
    height: 40px;
    margin: 1px;
    background: #000;
    color: #eee;
    text-align: center;
}

.countdown-3 .label {
    display: block;
    padding-top: 2px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}


/* END COUNTER AND COUNTDOWN */

.aaras{
    margin-top: 85px;
}


/* START BOOK SECTION */

.book {
    /*background-image: url('/assets/img/book-bg.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
}

.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 390px;
    display: flex;
}

.sidebar-nav {
    list-style: none;
    border-radius: 10px;
    margin-top: 100px;
}

.sidebar-nav li {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    line-height: 40px;
    width: 160px;
    margin: 10px 20px;
    border-right: 2px solid #F5CF7E;
    background-color: rgba(255, 255, 255, 0.2);
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.sidebar-nav li a {
    display: block;
    font-size: 20px;
    text-decoration: none;
    color: white;
    margin-right: 20px;
}

.sidebar-nav li:hover {
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 28px;
    transition: 0.6s;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.book-botton {
    background: #F5CF7E;
    border: none;
    font-size: 22px;
    padding: 0px 30px 10px 30px;
    color: #000;
    border-radius: 5px;
    outline: none !important;
}


/* END BOOK SECTION */


/* START GALLERY SECTION */

img {
    max-width: 100%;
}

.gallery_box li {
    width: 20%;
    max-width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.gallery_box {
    padding: 0;
    display: flow-root;
}

.gallery_box li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery_box li img {
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.gallery_box li:nth-child(even) {
    /*height: 304px;*/
}

.gallery_box li:nth-child(odd) {
    /*height: 438px; */
}

.gallery_box li:nth-child(odd) .box_data {
    background: rgba(0, 0, 0, 0.17)
}

.gallery_box li:nth-child(even) .box_data {
    background: rgba(0, 44, 255, 0.27)
}

.gallery_box .box_data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
}

.gallery_box .box_data span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 24px;
}

.gallery_box li:hover .box_data {
    background: #000;
    opacity: 0.7
}

.gallery-button {
    background: #034fa2;
    border: none;
    font-size: 25px;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 15px;
    outline: none !important;
}

/* END GALLERY SECTION */

/* IFTA SECTION START */
.ifta{
    margin-top: 95px;
}
.bs-example{
        margin: 20px;
    }
    .accordion .fa{
        margin-right: 0.5rem;
    }

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    width: 100%;
}

.tab-heading {
    text-align: right;
    float: right;
}

.br-25{
    border-radius: 25px !important;
}

.accordion > .card > .card-header {
    
    margin-bottom: 20px;
}

#card-body{
    background-color: rgba(0, 0, 0, 0.03);
}

.fa-plus{
    color: #007bff;
}

.fa-minus{
    color: #007bff;
}

/* IFTA SECTION END */


/* MUQAMAAT SECTION START */

.muqamaat{
    width: 80%;
    height: 350px;
    background: #fff;
    border-radius: 25px;
}

.radius{
    border-radius: 10px;
}

.muqamaat-heading{
    color: #000000;
    margin-top: 15px;
}

.tablink {
    background-color: #fff;
    color: #034fa2;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 25px 25px;
    font-size: 35px;
    margin-top: -24px;
    width: 50%;
    border-radius: 25px 25px 0px 0px;
}

.tablink:hover {
    background-color: #fff;
}

.tabcontent {
    color: white;
    display: none;
    padding: 80px 20px;
    height: 100%;
}

button:focus{
    outline:none;
}


/* MUQAMAAT SECTION START */

/* BLOG SECTION */

/*p.blog-tareekh{
    font-size: 20px;
    font-weight: bold;
}*/
/* BLOG SECTION END */

/*MEDIA SECTION*/

/*.video-btn {
    background: #034fa2;
    border: none;
    font-size: 25px;
    padding: 10px 30px 7px 34px;
    color: #fff;
    border-radius: 15px;
    outline: none !important;
}*/

.blog{
    margin-top: 93px;
}

.main-section{
    height: 500px;
    margin-top: 130px;
}

.button {
    background: #034fa2;
    border: none;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 5px;
    outline: none !important;
}

/*MEDIA SECTION END*/

/* NEWS SECTION */
.news {
    background-color: #D3D3D3;
    min-height: 580px;
    margin-top: 120px;
}

.news_image_1 {
    width: 37%;
    height: 183px;
    margin-top: 40px;
    margin-left: 178px;
    border-radius: 15px;
}

.news_image_2 {
    height: 183px;
    margin-top: 40px;
    border-radius: 15px;
}

.news_image_3 {
    width: 37%;
    height: 183px;
    margin-top: 40px;
    margin-right: 170px;
    border-radius: 15px;
}

.news_image_4 {
    width: 30%;
    height: 183px;
    margin-top: 40px;
    margin-left: 332px;
    margin-block: auto;
    border-radius: 15px;
}

.news_image_5 {
    width: 30%;
    height: 183px;
    margin-right: 326px;
    border-radius: 15px;
}

.img-shadow {
  filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

/* NEWS SECTION END*/


/* START FOOTER AREA */
footer{
    background: #034fa2;
    padding: 20px 0px 0px 0px;
}

.contact{
    border-right: 2px solid #fff;
    padding-right: 30px;
}

footer p{
    font-size: 18px;
    text-align: right;
    color: #fff;
}

footer h1{
    color: #fff;
    text-align: right;
}

.services{
    text-align: right;
}

.services span{
    margin: 8px;
}

.coptright{
    background-color: #034fa2;
    border-top: 2px solid #fff;
}


.footer-p{
  color: white;
  font-size: 14px;
  text-align: center;
  font-family: sans-serif;
  margin-top: 1px;
}
.footer-p a{
  color: #fff;
}

.footer-img{
    margin-top: -26px;
}

/*footer h6 {
    font-size: 30px;
    text-align: right;
}

footer hr {
    text-align: right;
}

footer p {
    font-size: 20px;
    text-align: right;
}

.social-icons {
    text-align: right;
}

.social-icons a {
    margin-right: 10px;
}

.right {
    text-align: right;
    margin-top: 50px;
}

.left {
    text-align: left;
    margin-top: 50px;
}

.left span {
    margin-left: 10px;
    font-size: 22px;
}*/


/* END FOOTER AREA */

.carousel-inner {
    position: initial !important;
}

.carousel-indicators li {
    background-color: #878a8e !important;
    width: 10px;
    height: 10px;
    bottom: -10px !important;
    border-radius: 100%;
}

.fab {
    display: inline-block;
    margin: 0px 5px 0px 1px;
    padding: 5px;
    overflow: visible;
    height: 30px;
    line-height: 28px;
    width: 30px;
    text-align: center;
    border-radius: 100%;
}

.fab:hover {
    background: #000;
    color: #fff !important;
}

.f:hover {
    background: #3b5998;
}

.t:hover {
    background: #00acee;
}

.l:hover {
    background: #0e76a8;
}

.slick-dotted.slick-slider {
    margin-bottom: 60px !important;
}

.carousel-inner {
    position: initial;
}


/* slick slider */

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

.slick-dots li {
    margin: 0 0.25rem;
    width: 25px !important;
    height: 3px !important;
    padding: 0;
    background: #014FA4 !important;
    opacity: .5;
}

.slick-dots button {
    display: block;
    width: 25px !important;
    height: 0.6px !important;
    text-indent: -9999px;
}

.slick-dots li button {
    padding: 1.8px 2px !important
}

li.slick-active {
    background-color: #014FA4 !important;
    opacity: 1;
}


/* End slick slider */


/*Swiper Start */

.b-tab {
    display: none;
}

.b-tab.active {
    display: block;
}
/*.swiper-slide-prev{
    transition: 1s !important;
}

.swiper-slide-next{
    transition: 1s !important;
}*/
.swiper-pagination-bullet
{
    width: 12px !important;
    height: 12px !important;
}
.swiper-slide-next{
    opacity: 0.4;
    transition: 0.2s !important;
    transform: translate3d(0px, 0px, -106.818px) rotateX(0deg) rotateY(43deg) scale(1) !important; 
    height: 311px !important;
    margin-top: 47px !important;
}

.swiper-slide-prev{
    opacity: 0.4;
    transition: 0.2s !important;
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(28deg) scale(1) !important;
    height: 300px !important;
    margin-top: 47px !important;
}

/*Swiper End*/

/* for media start*/
        .video-bg {
            padding: 230px 0 170px;
            background-color: #0a1119;
            /*background-image: url();*/
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 10px;
            text-align: center;
        }

        .video-icon {
            background: #034fa2;
            width: 82px;
            height: 82px;
            border-radius: 50%;
            position: absolute;
            top: 39%;
            left: 50%;
            animation: 2s linear infinite ripple;
            transform: translate(-50%, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 0 1px 1px currentColor;
            z-index: 20;
        }

        .video-icon a,
        .video-icon a:active,
        .video-icon a:focus,
        .video-icon a:visited {
            color: #fff;
        }
        .text-primary{
            color: #0a1119 !important`;
        }


        @media all {

            .close {
                float: right;
                font-size: 1.5rem;
                font-weight: 700;
                line-height: 1;
                color: #000;
                text-shadow: 0 1px 0 #fff;
                opacity: .5;
            }

            .close:hover {
                color: #000;
                text-decoration: none;
            }

            button.close {
                padding: 0;
                background-color: transparent;
                border: 0;
            }

            .modal-open .modal {
                overflow-x: hidden;
                overflow-y: auto;
            }

            .modal {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 1050;
                display: none;
                width: 100%;
                height: 100%;
                overflow: hidden;
                outline: 0;
            }

            .modal-dialog {
                position: relative;
                width: auto;
                margin: .5rem;
                pointer-events: none;
            }

            .modal.fade .modal-dialog {
                transition: transform .3s ease-out;
                transition: transform .3s ease-out, -webkit-transform .3s ease-out;
                -webkit-transform: translate(0, -50px);
                transform: translate(0, -50px);
            }

            .modal.show .modal-dialog {
                -webkit-transform: none;
                transform: none;
            }

            .modal-dialog-centered {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                min-height: calc(100% - 1rem);
            }

            .modal-dialog-centered::before {
                display: block;
                height: calc(100vh - 1rem);
                height: -webkit-min-content;
                height: -moz-min-content;
                height: min-content;
                content: "";
            }

            .modal-content {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                pointer-events: auto;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid rgba(0, 0, 0, .2);
                border-radius: .3rem;
                outline: 0;
            }

            .modal-body {
                position: relative;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding: 1rem;
            }
            .embed-responsive {
                position: relative;
                display: block;
                width: 100%;
                padding: 0;
                overflow: hidden;
            }

            .embed-responsive::before {
                display: block;
                content: "";
            }

            .embed-responsive .embed-responsive-item,
            .embed-responsive iframe {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
            }

            .embed-responsive-16by9::before {
                padding-top: 56.25%;
            }

            .modal-dialog {
                max-width: 800px;
                margin: 30px auto;
            }

            .modal-body {
                position: relative;
                padding: 0;
            }

            .close {
                position: absolute;
                right: -30px;
                top: 0;
                z-index: 999;
                font-size: 2rem;
                font-weight: 400;
                color: #fff;
                opacity: 1;
            }  
            /** {
                margin: 0;
                padding: 0;
            }*/

            body.sfm-blur>* {
                -webkit-backface-visibility: hidden;
                transition: .3s cubic-bezier(.215, .061, .355, 1);
                -webkit-transition: .3s cubic-bezier(.215, .061, .355, 1);
                -webkit-transition-delay: .05s;
                transition-delay: .05s;
            }
        }

        /*Home page css*/
        .form-control:focus {
            border: none !important;
            outline: 0 !important;
            box-shadow: none !important;
        }
        .border-1{
            border-right: 1px solid #343a40 !important;
        }
        .modal-body {
          position:relative;
          padding:0px;
        }
        .close {
          position:absolute;
          right:-30px;
          top:0;
          z-index:999;
          font-size:2rem;
          font-weight: normal;
          color:#fff;
          opacity:1;
        }
        /*Home page css*/

/*** Scholar page start ***/

.menubar-inner-page {
    background: #034DA2 !important;
    left: 0%;
    right: 0%;
    top: -8%;
}

/* START SEARCH */

.search-inner-page {
    background: #e6e7e8;
    border-radius: 10px;
    font-size: 28px;
    height: 160px;
}

.input-group-detail-search{
    width: 94% !important;
}

#adv-search-inner-page {
    border: 1.5px solid #034fA2;
    width: 280px;
    margin-top: 30px;
    border-radius: 10px;
}

/* END SEARCH */
/*** SECTION 1 START ***/

.mozu-box{
    border: 2px solid #dadce0;
    border-radius: 8px;
}
.searchByName{
    padding: 1rem !important;
    padding-left: 3rem !important;
}

/*.mozu-box .input-group {
    padding-right: 40px;
}*/

.mozu-box .btn-primary {
    color: #fff;
    background-color: d6d6d6;
    border: 1px solid;
}

.mozu-box .btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    width: 100%;
    background: #EEEEEE;
    color: #000;
    border: none;
}

.mozu-box .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-right: 5px;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgb(3, 79, 162);
    border-color: #4e555b;
}

.search-mozu {
    border-radius: 10px;
    margin-top: 110px !important;
    font-size: 28px;
}

#inlineFormInputGroup-mozu{
    background: rgb(238, 238, 238);
}

.btn-secondary {
    /* color: #fff; */
    background-color: #6c757d;
    /* border-color: #6c757d; */
}

.dropdown-item {
    font-size: 20px;
    text-align: right;
}

/*** SECTION 1 END ***/

/*** SECTION 2 START ***/

.font {
    font-size: 40px;
    color: #FFF;
}
.color{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s ease;
}

.color:hover{
filter: grayscale(0%);
filter: gray;
background-clip: 
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}

.sec-2.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: rgb(33, 37, 41);
    white-space: nowrap;
    background-color: transparent;
    border: 0px;
    text-align: right;
    border-bottom: 1px solid #000;
    font-size: 20px;
}

.section-2{
     /*background-image: url("/assets/img/section-2-Bg.jpg");*/
     background-repeat: no-repeat;
     background-size: cover;
     height: auto;
}

.dot {
    margin-left: 10px;
    height: 5px;
    width: 5px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}

.dropdown-menu{
    opacity: 0.6;
    border-radius: 10px;
}

.heading section-2{
    margin-bottom: 10px;
}

.cat{
    width: 250px;
    height: 200px;
    background-color: #ACC8E4;
    margin-top: 50px;
}
.custom-button{
    background: #f9d759;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-left: 176px;
}

/*** SECTION 2 END ***/

/*** SECTION P.SHAKSIYAT START ***/

.figcaption {
    padding: 12px;
    color: white;
    width: 250px;
    min-height: 90px;
}
  
}
.figcaption h4 {
  margin-top: 4px;
  margin-bottom: 0;
}
.figcaption h3 {
    font-size: 18px;
    color: #000;
}
.shakhsiyat{
    margin-top: 95px;
}
.post-meta{
    float: right;
    font-size: 16px;
    color: black;
}
.text-span{
    margin-left: 10px;
}
.icon-span{
    margin-left: 5px;
}


.mt-40{
    margin-top:40px!important;
}

.topic-border-scholar{
    position:relative;
    top: 40px;
}
.topic-box-lg-scholar{
    display: inline-block;
    float: right;
    /*top: -47px;*/
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 45px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-scholar:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-scholar:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

/*! MOZU SEARCH */
.mt-40{
    margin-top:40px!important;
}

.topic-border-mozu{
    position:relative;
    top: 40px;
}
.topic-box-lg-mozu{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 8px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-mozu:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-mozu:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/*! SHAKHSIAT SEARCH */
.mt-40{
    margin-top:40px!important;
}

.topic-border-shakh{
    position:relative;
    top: 40px;
}
.topic-box-lg-shakh{
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 33px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box-lg-shakh:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box-lg-shakh:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}



.navbar-toggler>.close {
    display:inline;
    margin-top: -135px;
    margin-right: 15px;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display:none;
}

/*** SECTION P.SHAKSIYAT END ***/

.dropdown-menu.index{
    opacity: 1;
    width: 282px;
    left: 25px !important;
}

/*** SAHABA PAGE START ***/

.sahaba-pg{
    /*margin-top: 100px;*/
    }

.sahaba-heading{
    /*margin-top: 113px;*/
}
.detail-pra{
        font-size: 18px;

}
.sahaba-post-meta {
    /*float: right;*/
    color: black;
    margin-right: 15px;
    font-size: 20px;
    margin-top: 6px;
}

.sahaba-text-span {
    margin-left: 30px;
}

.sahaba-button {
    background: #8A8A8A;
    border: none;
    font-size: 20px;
    padding: 1px 24px 7px 21px;
    color: #fff;
    border-radius: 7px;
    outline: none !important;
    float: left;
    margin-top: 24px;
}

.sahaba-button-2 {
    background: #8A8A8A;
    border: none;
    font-size: 20px;
    padding: 1px 24px 7px 21px;
    color: #fff;
    border-radius: 7px;
    outline: none !important;
    float: right;
    margin-top: 24px;
}

.hr-line {
    margin-top: 40px;
    width: 100%;
}

/*** SAHABA PAGE TAB START ***/
.cat-btn{
    margin-top: 115px;
}

.btn-primary {
    color: #fff;
    background-color: #838383;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
}
/*** SAHABA PAGE TAB END ***/
/*** SAHABA PAGE PAGINATION START ***/
.page-link {
    position: relative;
    display: block;
    padding: 0.7rem 1.00rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #000;
}

.page-item{
    font-size: 20px;
}

/*** SAHABA PAGE PAGINATION END ***/



/*** SAHABA PAGE END ***/

/*** SAHABA PAGE PAGINATION START ***/
.page-link {
    position: relative;
    display: block;
    padding: 0.7rem 1.00rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #000;
}

.page-item{
    font-size: 20px;
}

/*** SAHABA PAGE PAGINATION END ***/




.slick-initialized .slick-slide{
    padding: 10px;
}




/*** SAHABA PAGE END ***/

/*** SEARCH PAGE START ***/
.search-pg{
    margin-top: 28px;
}

.search-heading{
    margin-top: 33px;
}

.smenubtn {
    background: #034fa2;
    width: 100%;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
}

#smenu1 :hover{
     color:#fff;
}

.btn-primary:hover {
    background-color: #034fa2;
}
.btn-primary.active {
    background-color: #034fa2;
}
.topic-box2-lg-search{
        display: inline-block;
    float: right;
    top: 0px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 27px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box2-lg-search:before{
    z-index:1;
    content:"";
    top:0;
    right:233px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box2-lg-search:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/*** SEARCH PAGE END ***/

.topic-box2-lg-most-view{
        display: inline-block;
    float: right;
    top: 0px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 33px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
/*.topic-box2-lg-most-view:before{
    z-index:1;
    content:"";
    top:0;
    right:233px;
    position:absolute;
    width:0;
    height:0;
}*/
.topic-box2-lg-most-view:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

.s-heading h2{
    font-weight: 300;
    line-height: 42px;
}

.text-span-search{
    margin-left: 40px;
}

.post-meta-search {
    float: right;
    color: black;
    margin-top: 13px;
}

.post-medium{
    border-bottom: 2px solid #DDD;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.button-search {
    background: #034fa2;
    border: none;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 5px;
    outline: none !important;
    float: left;
    margin-top: 31px;
}

/*** SEARCH PAGE END ***/
.noRecordImg{
    height: 247px;
    width: 94%; 
}
.noRecordText{
    position: absolute;
    padding-top: 22px;
    padding-right: 16px;
    font-size: 27px;
    padding-left: 16px;
    color: #673820;
}
/*Audio Player Start */
.audiocard {
    width: 55vw;
    height: 34vw;
    position: absolute;
    inset: 0;
    /* margin: auto; */
    margin-left: 24px;
    transition: 0.2s ease-out;
}
.row.mt-2.media-detail {
    padding-top: 51%;
}
@media (min-width: 1300px) {

    .row.mt-2.media-detail {
        padding-top: 55% ;
    }
}
@media (max-width: 767px) {
  .audiocard {
    width: 87vw;
    height: 45vw;
  }
  .audiocard img {
  height: 270px;
}
.media-detail{
    padding-top: 305px !!important;
}
.audio-overlay.open{
    margin-top: 305px !important;
}
}
.audiocard img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 5px 30px 70px -15px #111;
}
.audiocard p {
  position: absolute;
  margin: 0;
  font-family: verdana;
  color: #fff;
  padding: 10px 30px;
  bottom: 25px;
  background: rgba(0, 68, 255, 0.5);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.audiocard .audio-play-button {
  position: absolute;
  z-index: 10;
  inset: 0;
  margin: auto;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.audiocard .audio-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  margin: auto;
  display: block;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #034fa2 15%, #034fa2 70%);
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}
.audiocard .audio-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  margin: auto;
  display: block;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #034fa2 15%, #034fa2 70%);
  border-radius: 50%;
  transition: all 200ms;
  box-shadow: 0 2px 7px #131b49;
}
.audiocard .audio-play-button:hover:after {
  background-color: #da0528;
}

.audio-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}
.audio-overlay {
  z-index: -1;
  inset: 0;
  opacity: 0;
  transition: all ease 500ms;
}
.audio-overlay.open {
    z-index: 1000;
    opacity: 1;
    margin-top: 384px;
    margin-left: -7px;
    width: 100%;
}

.audio-overlay img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 5px 30px 70px -15px #111;
}
/*Audio Player End*/
/*Counter Start*/

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.special{position:relative;float:left;width:113%;height:171px;background-image:url(https://scholars.pk/public/ziaetaiba/assets/countdown/images/counter.png);background-position:0px 0px;background-repeat:no-repeat;margin-bottom:0px;}
#counter{position:absolute;top:60px;left:130px;}
.digit-separator{position:relative;float:left;width:17px;height:44px;overflow:hidden;background-image:url(https://scholars.pk/public/ziaetaiba/assets/countdown/images/digit_separator.png);background-repeat:no-repeat;background-position:0px 0px;}
.digit{background-image:url(https://scholars.pk/public/ziaetaiba/assets/countdown/images/digits.png);}
#shading{background-image:url(https://scholars.pk/public/ziaetaiba/assets/countdown/images/sprites.png);background-position:0px -396px;background-repeat:repeat-x;float:left;height:44px;position:absolute;width:291px;top:0;left:0;}
@media only screen and (max-width: 600px){
.special{display:none!important;}
}
/*.row.mt-2.media-detail {
    padding-top: 20px !important;
}*/
.tablink.d-block{
    background-color: #f2f2f2;
}
/*Counter end*/

/*** DETAIL PAGE NEW START ***/
.topic-box-lg-6-detail-pg {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

/*.color-cinnabar:before {
    border-top: 8px solid #034fa2;
    border-left: 8px solid transparent;
}*/

/*.topic-box-lg-6-detail-pg:before {
    z-index: 1;
    content: "";
    top: 0;
    right: 194px;
    position: absolute;
    width: 0;
    height: 0;
}*/

.color-cinnabar:after {
    background-color: #034fa2;
}

.topic-box-lg-6-detail-pg:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}

.topic-box-lg-6-sh-nashab {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 56px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

/*.topic-box-lg-6-sh-nashab:before {
    z-index: 1;
    content: "";
    top: 0;
    right: 194px;
    position: absolute;
    width: 0;
    height: 0;
}*/

.topic-box-lg-6-sh-nashab:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.dp-icon {
    margin-right: 256px;
    margin-top: 20px;
}

.dp-icon-visaal{
    margin-right: 65px;
}

.dp-visaal{
    margin-left: 254px;
}

.paidaish {
    margin-left: 48px;
}

.v-border{
   border-left: 3px solid #000; 
}

.main-para h4 {
    text-align: right;
    color: black;
}
.main-para h3 {
    text-align: right;
    margin-top: 60px;
    color: red;
}
.main-para p {
    text-align: right;
    margin-top: 20px;
}

.text-section {
    background-color: #ffffff;
    background-image: linear-gradient( 180deg, #ffffff 0%, #dadada 74%);
}
.tasnefaat-sec {
    background-image: linear-gradient( 180deg, #ffffff 0%, #dadada 74%);
}
.tasnefaat-heading
{
    margin-top: 80px;
}
.n-image{
    
}

/*.asataza{
    background-color: #ffffff;
    background-image: linear-gradient( 180deg, #ffffff 0%, #dadada 74%);

}*/
/*** DP SECTION-2 START ***/
.inset{
  box-shadow:0 0 0 100px rgba(0,0,0,0) inset;
  position:relative;
}
.inset:hover {
  box-shadow:0 0 0 100px #034fa2 inset;
}

.inset:hover .box-heading a{
  color: #fff !important;
}
.card-1{
    background-color: #dadada;
}
.box-heading {
    margin-right: 27px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.box-heading a{
    color: #034fa2;
}

.box-heading a:hover{
    text-decoration: none;
}

.box-dot {
    height: 10px;
    width: 10px;
    background-color: #034fa2;
    border-radius: 50%;
    display: inline-block;
}
.hover13 figure:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
/*** DP SECTION-2 END ***/
/*** DP SECTION-3 START ***/
.shajrah-nasab{
    background-color: #dadada;
}


/*** DP SECTION-3 END ***/
/*** DP SECTION-4 START ***/
.bg-covered {
    background-color: #dadada;
    height: 333px;
    margin-top: 13px;
}

.button-dp {
    background: #a9a9a9;
    border: none;
    font-size: 19px;
    padding: 3px 25px 3px 25px;
    color: #fff;
    border-radius: 5px;
    outline: none !important;
}
.margin{
    margin-top: 50px;
}

/*** DP SECTION-4 END ***/
/*** DP SECTION-5 START ***/
.aulad-amjaad{
    background-color: #dadada;
    height: 435px;
}

.topic-border-aulad {
    position: relative;
    top: 40px;
    margin-top: 40px;
}

.topic-box-lg-6-aulad {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 56px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.topic-box-lg-6-aulad:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border-aulad:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}

.btn-single {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 6px 27px;
  font-size: 25px;
  cursor: pointer;
  border-radius: 10px;
}

.success {
  border-color: #034fa2;
  color: #034fa2;
}

.success:hover {
  background-color: #034fa2;
  color: white;
}

.btn-line-1 {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 2px 31px;
  font-size: 25px;
  cursor: pointer;
  border-radius: 10px;
}

.success {
  border-color: #034fa2;
  color: #034fa2;
}

.success:hover {
  background-color: #034fa2;
  color: white;
}

.btn-line-2 {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 2px 31px;
  font-size: 25px;
  cursor: pointer;
  border-radius: 10px;
}

.success {
  border-color: #034fa2;
  color: #034fa2;
}

.success:hover {
  background-color: #034fa2;
  color: white;
}

#line-img {
    background: url(../../assets/img/Line.png);
    background-position: center;
    background-repeat: no-repeat;
}

/*** DP SECTION-5 END ***/



.swiper-slide.swiper-slide-active
{
    bottom: 30px;
}
/*** DP SECTION-7 START ***/
.tasnefaat-sec{
    background-image: linear-gradient( 180deg, #ffffff 0%, #dadada 74%);
}

.tasnefaat-heading {
    margin-top: 80px;
}
/*** DP SECTION-7 END ***/
/*** DP SECTION-8 START ***/
.ap-per-tehqeeq-sec{
    background-image: linear-gradient( 180deg, #ffffff 0%, #dadada 74%);
}
.tehqeeq-heading{
    margin-top: 80px;
}
/*** DP SECTION-8 END ***/

/*** DP SECTION-9 START ***/
.manzomaat-heading{
    margin-top: 100px;
}
/*** DP SECTION-9 END ***/

/*** DP SECTION-10 START ***/
.manaqib-mazamin-sec {
    background-color: #dadada;
}

.visaal-detail-dp-manaqib-mazamin{
    margin-top: 110px;
}

.topic-border-mm-sec {
    position: relative;
    top: 93px;
}

.topic-box-lg-6-detail-pg-mm-sec {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.topic-box-lg-6-detail-pg-mm-sec:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border-mm-sec:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}
/*** DP SECTION-10 END ***/
/*** DP SECTION-11 START (DUA)***/
.dua-heading{
    margin-top: 45px;
}
/*** DP SECTION-11 END (DUA)***/
/*** DP SECTION-12 START (BLOG)***/
.topic-border-blog-sec {
    position: relative;
    top: 93px;
}

.topic-box-lg-6-detail-pg-blog-sec {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.topic-box-lg-6-detail-pg-blog-sec:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border-blog-sec:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}

.blog-dp{
    background-color: #dadada;
    height: 560px;
}

.blog-heading{
    margin-top: 45px;
}
/*** DP SECTION-12 END (BLOG)***/
/*** DP SECTION-13 START (DUROOD-SHAREEF)***/
.durood{
    background-color: rgb(218, 218, 218);
    height: 450px;
}

.durood-heading {
    margin-top: 45px;
}

.topic-border-durood {
    position: relative;
    top: 93px;
}

.detail-durood{
    margin-top: 111px;
    background-color: #fff;
    margin-bottom: 15px;
}


.topic-box-lg-6-durood {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.topic-box-lg-6-durood:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border-durood:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}
/*** DP SECTION-13 END (DUROOD-SHAREEF)***/

/*** DP SECTION-14 START (TASVEER)***/
.tasveer-heading{
    margin-top: 45px;
}
/*** DP SECTION-14 END (TASVEER)***/

/*** DP SECTION-15 START (KARAMAAT)***/

.visaal-detail-dp {
    margin-top: 60px;
}
.karamaat{
    background-color: #dadada;
    margin-top: 50px;
}

.topic-border-karamaat {
    position: relative;
    top: 93px;
}

.karamaat-detail{
    margin-top: 111px;
}


.topic-box-lg-6-detail-pg-karamaat {
    display: inline-block;
    float: right;
    top: -47px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 48px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.topic-box-lg-6-detail-pg-karamaat:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.topic-border-karamaat:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
}
/*** DP SECTION-15 END (KARAMAAT)***/

/*** DP SECTION-16 START (NEWS)***/
/*** DP SECTION-16 END (NEWS)***/

/*** DP SECTION-17 START (MEDIA/AQWAL)***/
.media-aqwal-sec {
    /*background-color: #dadada;*/
}
/*** DP SECTION-17 END (MEDIA/AQWAL)***/

/*** DP SECTION-19 START (TAREEKHI-MAQAMAAT)***/
.muqamaat{
    margin-top: 70px;
}
/*** DP SECTION-19 END (TAREEKHI-MAQAMAAT)***/

/*** DP FOOTER SECTION START ***/
.footer-dp {
    margin-top: 105px;
}

.khidmat{
    margin-right: 18px;
}
/*** DP FOOTER SECTION END ***/


/*** DETAIL PAGE NEW END ***/

/*** SECTION LOGIN START ***/

.section {
    padding: 165px 0px 108px 0px;
}
.my-form {
    border: 1px solid #cccc;
    background: #e6e7e8;
    padding: 30px 50px;
    border-radius: 10px;
    width: 400px;
}
.form-title{
  text-align: center;
  margin-bottom: 30px;
}
.form-title h1{
  margin: 0px;
  color: #0cd6a8;
}
.single-input {
     border: 1px solid #c1c1c1; 
    display: flex;
    border-radius: 9px;
    background-color: #e6e7e8;
}
.single-input i {
    padding: 8px 16px;
    color: #939598;
}
input::-webkit-input-placeholder {
        color: #c5bec0;
}
.single-input input{
  border:0px solid #c1c1c1;
  width: 100%;
  outline: none;
  height: 30px;
  font-size: 18px;
  background-color: #e6e7e8;
}
.checkbox-inline {
    float: left;
    color: #c5bec0;
}
.forgot-link{
    float: right;
    color: #c5bec0;
}

.submit-btn{
   border:0px solid #c1c1c1;
   margin-top: 30px;
  
}
.submit-btn input{
   background: #0cd6a8;
   color: #fff;
   cursor: pointer; 
}
/*** SECTION LOGIN END ***/

.login-1 {
    color: #000;
    font-size: 20px;
    margin-right: 8px;
}
.login-2 {
    padding: 0px 77px 0px 0px;
}

/* login and sign up form */
i.fa-eye-slash{
    position: absolute;
    right: 18.5px;
    min-width: 40px;
    min-height: 40px;
    padding: 5px 9px;
    top: 51%;
    transform: translateY(-33%);
}
section.form-sec {
    margin-top: 150px;
}
.form-box{
    width: 450px;
    background: #000;
}
.form-sec form input.form-control{
    background-color:#e6e7e8;
    border:none;
    padding:15px 20px;
    /*border-radius:15px;*/
    color:#333;
    font-weight:500;
    margin: 0px;
}
 .form-sec form input.form-control::placeholder{
    border:none;
    padding:15px 20px;
    border-radius:15px;
    color:#bcbec0;
    font-weight:500;
    box-shadow:inset 0px 0px 0px 3px #e6e7e8;
    color:#bcbec0;
    font-size: 18px;
}
 .form-sec form input.form-control:focus{
    outline:1px solid!important;
    outline-color:#034da2!important;
    box-shadow:none;
}
 .form-sec button.btn{
    background-color:#034fa2;
    color:#FFF;
    text-transform:uppercase;
    font-weight:500;
    padding:10px 20px;
    outline:none;
}
 .form-sec button.btn:focus{
    outline:none;
    box-shadow:none;
}
 .form-sec button.btn:hover{
    background-color:#ffdd00;
    color:#000;
}
 .modal-form input[type="email"],.modal-form input[type="password"],.modal-form input[type="text"]{
    font-size:14px;
    color:#333;
    background-color:#e6e7e8;
    border-radius:10px;
    border:none;
    box-shadow:none!important;
    padding:15px 15px 15px 50px;
    background-repeat:no-repeat;
    background-position:15px center;
}
 .modal-form input[type="email"]{
    background-image:url('../icons/email-bg.png');
}
 .modal-form input[type="password"]{
    background-image:url('../icons/pass-bg.png');
}
 .modal-form input.form-school{
    background-image:url('../icons/school-bg.png');
}
 .modal-form input.form-mobile{
    background-image:url('../icons/mobile-bg.png');
}
 .modal-form input[type="email"]::placeholder,.modal-form input[type="password"]::placeholder,.modal-form input[type="text"]::placeholder{
    color:#bcbec0;
}
 .modal-form .remember-password{
    padding:0px 20px;
    font-size:16px;
    color:#000000;
}
 .modal-form .remember-password a{
    color:#000000;
    text-decoration:none;
}
 .modal-form .remember-password a:hover{
    color:#000;
}
 .modal-form .remember-password .mf-check input{
    display:none;
}
 .modal-form .remember-password .mf-check label a{
    color:#b0b1b3;
    font-weight:600;
}
 .modal-form .remember-password .mf-check label{
    padding-left:28px;
    position:relative;
    cursor:pointer;
}
 .modal-form .remember-password .mf-check label::after{
    display:flex;
    justify-content:center;
    align-items:center;
    width:19px;
    height:19px;
    position:absolute;
    content:'';
    left:0;
    border:2px #d4d3d3 solid;
    border-radius:4px;
    top:3px;
}
.modal-form .remember-password .mf-check input[type="checkbox"]:checked + label::after {
    /*background-color: #007eff;*/
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #007eff;
}
 .modal-form .btn:hover:before{
    transform:scaleX(1);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
 .modal-form p{
    font-size:14px;
    color:#000000;
    text-align:center;
    margin-bottom:0px;
}
 .modal-form p a{
    color:#054784;
    text-decoration:none;
    font-weight:600;
}
 .form-sec .modal-form form input.form-control{
    text-align: left;
    padding: 22px 15px 22px 50px;
    border: 1px solid #b0b1b3;
}
 .form-sec .modal-form {
    max-width: 400px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 100px;
    background: #e6e7e8;
    padding: 25px 20px 15px 20px;
}
 .cs-login {
    border: 1px solid #cccc;
    border-radius: 15px;
    margin-top: 137px;
}
 .sign i.fa-eye {
    position: absolute;
    bottom: -6px;
    right: 18px;
    min-width: 40px;
    min-height: 40px;
    padding: 5px 9px;
}
 .csign i.fa-eye {
    position: absolute;
    right: 10px;
    bottom: -10px;
    min-width: 40px;
    min-height: 40px;
}
.pl60{
    padding-left: 60px;
}
/* login and sign up form */


/*** SECTION VERIFY START ***/
#form-box {
    width: 50%;
    /* height: 1200px; */
    /* margin-top: 50px; */
    /* background: #cdafaf; */
}
.login-1 {
    font-size: 22px;
    margin-top: 11px;
}
.login-2 {
    padding: 11px 77px 0px 0px;
}
.verifiy{
    /*margin-top: 400px;*/
}
.button-ferify{
    background: #034fa2;
    border: none;
    font-size: 19px;
    padding: 3px 25px 3px 25px;
    color: #fff;
    border-radius: 5px;
    outline: none !important;
} 
.avatar-upload {
    position: relative;
    max-width: 205px;
    /* margin: 50px auto; */
    margin-top: -55px;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
input[type="text-1"]::placeholder {  
                text-align: right; 
            }

/*** SECTION VERIFY END ***/

/*** BOOK SERVICE SECTION-1 START ***/
.footer-book{
    /*margin-top: 900px;*/
    }
.search-bar{
    margin-top: 303px;
    border-radius: 15px;
    }
.bg-image-book{
    height: 600px;
    /*margin-top: -319px;*/
    background-size: cover;
    margin-top: 30px;
    }
    
/*** BOOK SERVICE SECTION-1 END ***/
/*** BOOK SERVICE SECTION-2 START ***/
.box-r{
    background: #759ac6;
    margin-top: 150px;
    border-radius: 0px 20px 20px 0px;

}
.box-l{
    background: #f5cf7e;
    margin-top: 150px;
    border-radius: 20px 0px 0px 20px;
}
.box-1{
    background: #000;
    height: 400px;
    margin-top: 100px;
}
.iner-box-l {
    background: #c4c9ca;
    width: 150px;
    margin-top: -31px;
    border-radius: 15px;
}
.iner-box-l p {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
}
.detail h2 {
    font-size: 50px;
}
.detail h4{
    font-size: 19px;
}
/*** BOOK SERVICE SECTION-2 END ***/
/*** BOOK SERVICE SECTION-3 START ***/
.bg-image-three {
    height: 200px;
    /* margin-top: -319px; */
    background-size: cover;
    margin-top: 230px;
}
.category-three {
    width: 250px;
    height: 150px;
    background-color: #f1f1f1;
    margin-top: -70px;
    border-radius: 15px;
}
/*** BOOK SERVICE SECTION-3 END ***/
/*** BOOK SERVICE SECTION-4 START ***/
.s4img{
    margin-top: 150px;
    border-radius: 15px;
}
.s4-box-1 {
    /* height: 50px; */
    background: #034DA2;
    margin-top: 158px;
    padding: 13px 0px 13px 0px;
    border-radius: 15px;
}
.fa-calendar-alt:before {
    content: "\f100";
    size:25px;
    }
/*** BOOK SERVICE SECTION-4 END ***/
/*** BOOK SERVICE SECTION-5 START ***/
#tabs-bg{
    background: #949599;
    margin-top: 80px;
}
.nav-tabs .nav-item .nav-link.active{
    /*color: #495057;*/
    background-color: #034DA2;
    /*border-color: #dee2e6 #dee2e6 #fff;*/
}
.nav-tabs .nav-item .nav-link{
    background: #C0C0C0;
    font-size: 28px;
}
.nav-tabs .nav-item a.active {
    color: #000 !important;
}
.nav-tabs .nav-item a.nav-link {
    color: #000 !important;
}
.nav-tabs .nav-item .nav-link:focus {
    color: #fff !important;
}
/*** BOOK SERVICE SECTION-5 END ***/
/*** CORRECTION START ***/
.tab {
    background: #e6e7e9;
    margin-top: 100px;
}
.page-link-ps {
    position: relative;
    display: block;
    padding: 0.7rem 1rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #000;
}
.page-item.active .page-link-ps {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-item a:hover {
    text-decoration: none;
}
/*** CORRECTION END ***/
/*** ARTICLES PAGE START ***/
.articles{
    margin-top: 500px;
}
.color-bg{
    background: #d4e3f6;
    width: 300px;
    height: 150px;
    float: right;
    margin-top: -360px;
}
.article-img{
    margin-top: 200px;
}
/*** ARTICLES PAGE END ***/
/*** FORM START ***/
.label-right {
    font-size: 20PX;
    margin-right: 10px;
}
.form-check-input-right{
    width: 16px;
    height: 16px;
}
.label-left{
    font-size: 20PX;
    margin-right: 10px;
}
.form-check-input-left{
    width: 16px;
    height: 16px;
}
.form-group-email{
    text-align: right;
}
::-webkit-input-placeholder { text-align:right; }
/*** FORM END ***/
/*** ARTICLE POETRY START ***/
.articlepoet-button {
    background: #8A8A8A;
    border: none;
    font-size: 16px;
    padding: 0px 25px 7px 25px;
    color: #fff;
    border-radius: 7px;
    outline: none !important;
    float: left;
    margin-top: 16px;
}
.article-para{
    font-size: 18px;
}
.box-blue {
    background: #d4e3f6;
    width: 494px;
    height: 246px;
    float: right;
    margin-top: -350px;
}
.box-yellow {
    background: #ffe2a6;
    width: 494px;
    height: 246px;
    float: left;
    margin-top: -350px;
}
/*** ARTICLE POETRY END ***/
/*** SCHOLAR POETRY START ***/
.Scholar-Poetry-pg {
    margin-top: 50px;
    border: 13px solid #fff;
    width: 400px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.scholar-poetry-para-div {
    width: 390px;
}
.poetry-para{
    font-size: 18px;
}
.scholar-poetry-button {
    background: #8A8A8A;
    border: none;
    font-size: 16px;
    padding: 0px 25px 7px 25px;
    color: #fff;
    border-radius: 7px;
    outline: none !important;
    float: left;
    margin-top: 16px;
    margin-right: 76px;
}
.box-blue-scholar-poetry-right {
    background: #d4e3f6;
    width: 366px;
    height: 246px;
    float: right;
    margin-top: -496px;
    margin-right: 300px;
}
.box-blue-scholar-poetry-left {
    background: #d4e3f6;
    width: 366px;
    height: 246px;
    float: left;
    margin-top: -500px;
    margin-left: 300px;
}
.box-yellow-scholar-poetry-right {
    background: #ffe2a6;
    width: 366px;
    height: 246px;
    float: right;
    margin-top: -500px;
    margin-right: 300px;
}
.box-yellow-scholar-poetry-left{
    background: #ffe2a6;
    width: 366px;
    height: 246px;
    float: left;
    margin-top: -500px;
    margin-left: 300px;
}
/*** SCHOLAR POETRY END ***/
/***SCHOLAR DETAIL NEWS & MEDIA START***/
.content-sdnm {
    position: absolute;   
    bottom: 67px;
    background: rgb(83 70 70 / 50%);
    color: #f1f1f1;
    width: 94.6%;
    height: 0px;
    padding-bottom: 47px;
}
.content-text{
    text-align: center;
    color: #000;
    font-size: 38px;
    font-weight: 700;
}
.sahaba-text-span-sdnm {
    margin-left: 111px;
}
.sahaba-post-meta-sdnm {
    /* float: right; */
    color: black;
    margin-right: 100px;
    font-size: 20px;
    margin-top: 6px;
    margin-bottom: 30px;
}
#sdnm{
    background-color: #d4e3f6;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 50px;
}
.sahaba-post-meta-sec-2 {
    /* float: right; */
    color: black;
    margin-right: 15px;
    /* font-size: 20px; */
    /*margin-top: 6px;*/
}
/***SCHOLAR DETAIL NEWS & MEDIA END***/
/***SCHOLAR DETAIL HISTORICAL PLACES START***/
.figure-caption {
    font-size: 28px;
    color: #000;
    /*margin-top: 8px;*/
    padding-bottom: 13px;
}
#box-sdhp {
    width: 1200px;
    margin-top: 40px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 15px;
}
.sdhp {
    padding-top: 80px;
    padding-bottom: 30px;
}
/***SCHOLAR DETAIL HISTORICAL PLACES END***/
/***SCHOLAR BLOG START***/
/*.card{
    width: 255px;
    height: 330px;
}*/
.sb-long{
    height: 195px;
}
.blog-pagination{
    margin-top: 200px;
}
/***SCHOLAR BLOG END***/
/***SCHOLAR TASNIFAT START***/
.box-one{
    background-color: #e6e7e9;
    margin-top: 60px;
    width: 300px;
}
.tasnifat-heading{
    padding-top: 25px;
    color: #024ea2;
    font-weight: 800;
}
.tasnifat-post-meta {
    /*float: right;*/
    color: black;
    margin-right: 15px;
    font-size: 20px;
    margin-top: 6px;
    padding-bottom: 10px;
}
.tasnifat-text-span {
    margin-left: 30px;
}
.tasnifat-pagination {
    margin-top: 100px;
    margin-bottom: 40px;
}
/***SCHOLAR TASNIFAT END***/
/***KHILAFAT-O-IJAZAT START***/
.khilafat-heading {
    margin-top: 30px;
    color: #024ea2;
    font-weight: 800;
}
/***KHILAFAT-O-IJAZAT END***/
/***TAZKIRA-NIGARI START***/
/*.tazkira-visaal{
    float: left;
}
.tazkira-visaal-2{
    float: left;
}*/
.box-left {
    background: #e6e7e9;
    border-radius: 10px;
    margin-left: 80px;
    width: 100px;
}
.box-right {
    background: #d4e3f6;
    border-radius: 10px;
    margin-right: 42px;
    width: 100px;
}
p.b {
    font-size: 25px;
    padding: 8px 0px 8px 0px;
}
h4.tazkira-nigari-date-left.mt-3 {
    font-weight: bold;
    /*font-size: 30px;*/
    margin-left: 80px;
}
p.tazkira-nigari-english-date-left {
    /*font-size: 17px;*/
    margin-left: 80px;
}
h4.tazkira-nigari-left-visaal {
    color: #626365;
    margin-left: 80px;
}
.tazkira-nigari-icon {
    margin-top: 30px;
    margin-right: 36px;
    border-radius: 8px;
}
/*********************RIGHT SIDE*************************/
h4.tazkira-nigari-date-right.mt-3 {
    /*margin-right: 40px;*/
    font-weight: bold;
    /*font-size: 30px;*/
    margin-left: 37px;
}
h4.tazkira-nigari-right-paidaish {
    color: #626365;
    margin-left: 37px;
}
p.tazkira-nigari-english-date-right {
    margin-left: 36px;
}
img.tazkira-nigari-icon-birth {
    margin-top: 30px;
    margin-right: 63px;
    border-radius: 8px;
}
.box-left-right-sec {
    background: #e6e7e9;
    border-radius: 10px;
    margin-left: 37px;
    width: 100px;
}
.box-right-right-sec {
    background: #d4e3f6;
    border-radius: 10px;
    margin-right: 82px;
    width: 100px;
}
.figcaption-tazkira-nigari {
    background: #fff;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.tazkira-nigari-text-span{
    margin-left: 140px;
}
.tazkira-para {
    font-size: 20px;
    margin-top: 50px;
}
.tazkira-para-two{
    font-size: 20px;
    margin-top: 30px;
}
.arabic-style {
    font-family: "Al Qalam Quran Majeed Web"!important;
    color: #006400;
}
/***TAZKIRA-NIGARI END***/

/*** LIVE CSS ***/

/*** poetry-category-list-page-diwan start ***/
.tab-pclpd {
    background: #EEEEEE;
    margin-top: 100px;
}
.pclpd-searchbtn {
    background: #034fa2;
    width: 100%;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
    margin-left: 178px;
}
.pclpd-search2btn-primary {
    color: #fff;
    background-color: #949599;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
}
.pclpd-search3btn-primary {
    color: #fff;
    background-color: #949599;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
    margin-left: -360px;
}
.pclpd-searchbtn:hover{
    color: #fff;   
}
.pclpd-search2btn-primary:hover {
    background: #034fa2;
    color: #fff;
}
.pclpd-search3btn-primary:hover {
    background: #034fa2;
    color: #fff;
}
.b-r {
    border-bottom: 2px solid #949599 !important;
    border-right: 2px solid #949599 !important;
}
.b-r-last{
    border-right: 2px solid #949599 !important;   
}
.r-right-line{
    border-bottom: 2px solid #949599 !important;
}
.spacing-pclpd-icon{
    padding-top: 22px;
}
.pclpd-zoom {
    transition: transform 0.5s;
    margin: 0 auto;
}
.pclpd-zoom:hover {
    transform: scale(1.1);
}
.pclpd-title {
    font-size: 20px;
    color: #636466;
}
.pclpd-number {
    color: #636466;
    font-size: 18px;
    font-weight: 600;
}
.pclpd-button {
    background: #8A8A8A;
    border: none;
    font-size: 14px;
    padding: 0px 16px 4px 16px;
    color: #fff;
    border-radius: 7px;
    outline: none !important;
    float: left;
    /* margin-top: 16px; */
    margin-top: -139px;
    color: #000;
}
/*** poetry-category-list-page-diwan end ***/
/******** poetry-home-page start ********/
.adv-dropdown {
    background: none;
    width: 100%;
    color: #034da2;
    border: 2px solid #034da2;
    text-align: right;
    border-radius: 10px;
    margin-right: 90px;
}
.adv-dropdown-3{
    background: none;
    width: 100%;
    color: #034da2;
    border: 2px solid #034da2;
    text-align: right;
    border-radius: 10px;
    margin-right: -180px;
}
.menubar-poetry {
    background: #034DA2 !important;
    position: absolute;
    width: 1110px;
    left: 0%;
    right: 0%;
    border-radius: 15px;
}
.topic-box-lg{
    display: inline-block;
    float: right;
    /*top: -47px;*/
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 30px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg:before{
    z-index:1;
    content:"";
    top:0;
    right:172px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:45;
    left:0;
    right:0;
}
.poetry::after {
    top: 45px;
}
.poetry2
{
    top: 0px !important;
}
.mozu-box-poetry{
    background: #c6dff5;
    border-radius: 8px;
}
#inlineFormInputGroup-mozu-poetry{
    background: #fff;
    height: 50px;
    border-radius: 30px;
    border: 2px solid #034da2;
}
.input-group-text-poetry {
    margin-left: -20px;
    background: #034da2;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #fff;
    font-size: 25px;
    padding: 0px 25px 0px 25px;
}
.poetry-page {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    margin-top: 100px;
}
.category {
    width: 291px;
    height: 195px;
    background-color: #759ac6;
    margin-top: 100px;
}
.container .content-pasandida {
    position: absolute;
    bottom: 13px;
    background: rgb(0, 0, 0);
    background: rgb(240, 240, 240,0.8);
    color: #000;
    width: 255px;
    height: 0px;
    padding-bottom: 33px;
}
.heading-pasandida{
    margin-right: 30px;
}
.heading-taza{
    margin-right: 65px;
}
.container .content-taza {
    position: absolute;   
    bottom: 13px;
    background: rgb(0, 0, 0);
    background: rgb(240, 240, 240,0.8);
    color: #000;
    width: 255px;
    height: 0px;
    padding-bottom: 33px;
}
.feature-sec-heading {
    margin-top: 50px;
    margin-bottom: 40px;
    color: #034ea2;
    /*border-bottom: 2px solid rgb(117, 154, 198);*/
    width: 83px;
    text-decoration: underline;
    text-underline-offset: 13px;
}
.feature-bg{
    background: #d4e3f5;
    
    border-radius: 25px;
}
.vert_border{
    border-color: #034ea2 !important;
}
.khususiyaat-text{
    margin-top: 20px;
    font-size: 23px;
    font-weight: bold;
}
.feature-post-meta {
    float: right;
    color: black;
    margin-right: 15px;
    font-size: 20px;
    margin-top: 6px;
}
.feature-button {
    background: rgb(3, 77, 162);
    border: none;
    font-size: 20px;
    padding: 1px 24px 7px 21px;
    color: rgb(255, 255, 255);
    border-radius: 7px;
    margin-top: 24px;
    outline: none !important;
}
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0px);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 1px;
    position: relative;
    transition-property: color;
    transition-duration: 0.5s;
    border-radius: 5px;
}
.feature-main{
    margin-top: -15px;
}
.mozu-sec-heading{
    margin-top: 50px;
    color: #759ac6;
    border-bottom: 2px solid #759ac6;
    width: 83px;
}
.overlay-grey {
  background: rgba(0, 0, 0, 0.6);
}
.image__title{
    font-size: 30px;
    margin-top: 70px;
}
.image__number{
    font-size: 30px;
    margin-top: 10px;
}
.mozu-button {
    background: rgb(117, 154, 198);
    border: none;
    font-size: 20px;
    padding: 1px 24px 7px 21px;
    color: rgb(255, 255, 255);
    border-radius: 7px;
    margin-top: 24px;
    outline: none !important;
}
.shayar-sec{
    background: #d4e3f5;
    height: 447px;
    margin-top: 65px;
}
.shayar-sec-heading{
    color: #034ea2;
    border-bottom: 2px solid;
    width: 45px;
}
.figcaption-shayar {
    padding: 12px;
    width: 250px;
    min-height: 61px;
    background: #fff;
}
.shayar-button {
    background: rgb(117, 154, 198);
    border: none;
    font-size: 20px;
    padding: 1px 24px 7px 21px;
    color: rgb(255, 255, 255);
    border-radius: 7px;
    margin-top: 24px;
    outline: none !important;
}
.dewan-sec-heading{
    margin-top: 50px;
    color: #034ea2;
    border-bottom: 2px solid;
    width: 45px
}
.content-dewan {
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    color: rgb(0, 0, 0);
    width: 540px;
    height: 52px;
    padding-bottom: 33px;
    padding-top: 11px;
}
.app-bg{
    background-color: #dadada;    
    /*height: 400px;*/
    margin-top: 45px;
    border-radius: 30px;
    margin-bottom: 30px;
}
.app-bg h2 {
    margin-top: 80px;
    color: red;
}
.app-bg p {
    margin-bottom: 80px;
    }

.app-bg img {
    position: absolute;
    top: -60px;
    right: 5px;
}
.app-content {
    margin-left: 100px;
}
.category {
    width: 291px;
    height: 195px;
    background-color: #759ac6;
    margin-top: 100px;
}
.poetry-page {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    margin-top: 100px;
}
/******** poetry-home-page end ********/
/******** poetry-search-page start ********/
.poetry-searchbtn {
    background: #034fa2;
    width: 100%;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
}
.poetry-searchbtn:hover{
    color: #fff;   
}
.poetry-searchbtn-primary {
    color: #fff;
    background-color: #838383;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
}
.poetry-searchbtn-primary:hover {
    background: #034fa2;
    color: #fff;
}
.text-dark-ps{
    margin: 20px;
}
/******** poetry-search-page end ********/
/******** category-list-page(mozoat)-final start ********/
.clpmf-searchbtn {
    background: #949599;
    width: 100%;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
    margin-left: 178px;
}
.clpmf-search2btn-primary {
    color: #fff;
    background-color: #949599;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
}
.clpmf-search3btn-primary {
    color: #fff;
    background-color: #034fa2;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
    margin-left: -360px;
}
.clpmf-searchbtn:hover{
    background: #034fa2;
    color: #fff;   
}
.clpmf-search2btn-primary:hover {
    background: #034fa2;
    color: #fff;
}
.clpmf-search3btn-primary:hover {
    background: #034fa2;
    color: #fff;
}
/******** category-list-page(mozoat)-final end ********/
/******** scholar-article-page start ********/
.scholar-article-searchbtn {
    background: #034fa2;
    width: 100%;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
}
.scholar-article-search2btn-primary {
    color: #fff;
    background-color: #838383;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
}
.scholar-article-searchbtn:hover{
    background: #034fa2;
    color: #fff;
}
.scholar-article-search2btn-primary{
    color: #fff;
    background-color: #949599;
    border: none;
    font-size: 25px;
    border-radius: 10px;
    width: 100%;
    width: 160px;
}
.scholar-article-search2btn-primary:hover{
    background: #034fa2;
    color: #fff;
}
.item{
    display: inline-block;
    margin-left: 15px;
}
button.owl-prev {
    position: absolute;
    left: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white!important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
}
  
  button.owl-next {
    position: absolute;
    right: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white!important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
}
/******** scholar-article-page end ********/
/******** gallery-home-page start ********/
 .gallery-search-box{
     background: rgb(0,212,255);
     background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(21,135,189,1) 35%, rgba(109,50,254,1) 100%);
    /*height: 500px;
    */
     margin-top: 100px;
}
 .gallery-search-box p {
     font-size: 25px;
     color: #fff;
     padding: 36px 0px 10px 0px;
}
 input#search-gallery{
     direction: rtl;
}
 .search-bar-gallery {
     border-radius: 15px;
     width: 50%;
}
 .outer {
     padding-bottom: 49px;
}
 .gallery {
     color: #bbbbbb;
}
 .input-gallery {
     border-left: 2px solid #bbbbbb;
}
/*::-webkit-input-placeholder {
     color: #000;
}
*/
.nav-link{
    color: #C0C0C0;
}
#khususi {
    background: #d5e6f6;
}
 .box-pasandidah{
     background: #fff;
}
 .box-khususi{
     background: #034fa2;
}
 .box-pasandidah p {
     font-size: 25px;
     padding: 11px 0px 0px 0px;
     color: #7d7d7d;
}
 .box-khususi p {
     font-size: 25px;
     padding: 11px 0px 0px 0px;
     color: #fff;
}
.text-gallery {
    font-size: 24px;
}
/******** tab css start ********/
.img_content {
    display: flex;
    justify-content: center;
    text-align: right;
    font-size: 24px;
}
#tsum-tabs main {
    min-width: 320px;
    max-width: 1280px;
    padding: 50px;
    margin: 0 auto;
    background: #fff;
  
}
#tsum-tabs input {
    display: none;
}

#tsum-tabs input:checked+label {
   
    /* border: 1px solid #ddd; */
    /* border-bottom: 3px solid #007bff; */
    position: relative;
    transition: 0.5s ease;
    color: #034fa2;
}
#tsum-tabs input:checked+label::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    left: 9px !important;
    right: 0 !important;
    margin: auto;
    bottom: -12px;
    background-color: #034fa2;
    transition: 0.5s ease !important;
}


#tsum-tabs label {
    transition: all 0.3s ease;
    padding-left: 30px;
    color: #A9A9A9;
}
#tsum-tabs section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}
#tsum-tabs #tab1:checked~#content1,
#tsum-tabs #tab2:checked~#content2,
#tsum-tabs #tab3:checked~#content3,
#tsum-tabs #tab4:checked~#content4,
#tsum-tabs #tab5:checked~#content5,
#tsum-tabs #tab6:checked~#content6,
#tsum-tabs #tab7:checked~#content7,
#tsum-tabs #tab8:checked~#content8
{
  display: block !important;
}
/******** tab css end ********/
/******** gallery-home-page end ********/
/******** gallery-category-page start ********/
.brd-btm {
    border-bottom: 3px solid #ddd;
}
.f-g-d h3 {
    color: #034fa2;
}
.before-hover{
    overflow: hidden !important;
    cursor: pointer;
    
}
.image-hover{
    padding: 6px 12px !important;
}
.image-hover img{
    transition: all 0.5s ease;
}
.image-hover img:hover{
    transform: scale(1.3);
}

/******** gallery-category-page end ********/
/* gallery search page */
.search-result{
    font-size: 16px;
    margin-top: 0;
}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
    /* top: 0; */
    bottom: 18px;
    width: 100%;
    left: 0;
    right: 0;
}
.absolute a{
    color: #000;
}
.absolute h4{
    text-shadow: 1px 1px 6px #fff;
    background-color: rgba(0, 0, 0, 0.521);
    font-weight: 700;

}
.text-dark {
    color: #737373;
}
/* gallery search page end*/


/* gallery details page */
.f-g-d h3{
    color: #034fa2;
}
.brd-btm{
    border-bottom: 3px solid #ddd;
}
/* gallery details page end */


/* Top Search Border */
.bnone {
	border:none !important;
	border-radius:0 !important;
	margin-left:6px !important;
	padding:0 12px !important;
	margin-right:0 !important;
	border-right: 1px solid #ddd !important;
	
	
}


/* Gallery Home Page Tabs Slider Start */
.ghp-tab-bar{
    height: 50px;
    position: relative;
}
.ghp-tab-nav {
    overflow-x: scroll;
    scroll-behavior: smooth !important;
    /*margin-right: 2.2rem !important;*/
    height: 42px;

}
.ghp-tab-toggle{
    font-size: 24px;
    position: relative;
    cursor: pointer;
    width: 135px;
    margin: 0 .3rem;
    border-bottom: 3px solid #fff;
    color: #A9A9A9 !important;
    transition: all 0.3s ease-in;
    margin-left: 0 !important;

}

.ghp-tab-bar::after{
    position: absolute;
    content: '';
    left: 80px;
    /*width: 17px;*/
    height: 91%;
    background-color: #ffffff;
    z-index: 10 !important;
}
.ghp-tab-bar::before{
    position: absolute;
    content: '';
    right: 0;
    /*width: 21px;*/
    height: 91%;
    background-color: #ffffff;
    z-index: 10 !important;
}

.ghp-tab-nav::-webkit-scrollbar{
    display: none;
    height: 0 !important;
    padding: 0;
    margin: 0;
    z-index: -100 !important;
    overflow-y: auto;
}
.ghp-for-scrolling{
    border: none;
    box-shadow: none;
    border-radius: 100% !important;
    background-color: rgb(151, 151, 160);
    padding: 10px !important;
    width: 34px;
    color: #fff;
    cursor: pointer;

}

.ghp-for-scrolling:focus{
    background-color: rgb(197, 197, 197) !important;
    box-shadow: none !important;
}

.ghp-tab-toggle.is-active{
    font-size: 1.5rem;
    color: #034fa2 !important;
    position: relative;
    border-bottom: 3px solid;
    transition: all 0.3s ease-in;
    margin-left: 0 !important;
}
.ghp-tab-content{
    display: none !important;
}
.ghp-tab-content.is-active{
    display: block !important; 
}
/* Gallery Home Page Tabs Slider End */


.pdhding p {
    padding: 10px 0 10px 0;
}
.pdhding{
    width: 100% !important;
    margin-right: 0;
}


/*** Scholar News Start ***/

.tab-scholar-news {
    margin-top: 100px;
    background: #e6e7e9;
}
.figcaption-scholar-news {
    padding: 7px 16px 43px 0px;
    border-radius: 0px 0px 13px 13px;
    background: #fff;
}
.sn-img {
    border-radius: 13px 13px 0px 0px;
}
.scholar-news-button {
    background: rgb(138, 138, 138);
    border: none;
    font-size: 16px;
    padding: 0px 25px 7px;
    color: rgb(255, 255, 255);
    border-radius: 7px;
    outline: none !important;
    float: right !important;
}
.margl-0{
    margin-left: 10px !important;
}
.margr-0{
    margin-right: 5px !important;
}
.drpdwn_toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    display: none !important;
}
.drpdwn_toggle{
    color: #000;
}
.drp_mnu{
    opacity: 1 !important;
}
.scholar-news-sec-2 {
    background: #d4e3f6;
}
.scholar-news-radius {
    border-radius: 13px 13px 0px 0px;
}

/*** Scholar News Start End ***/


/*** app-service-home-start ***/
.app-service-home-page {
    /* margin-top: 500px; */
}
.first-sec-red-bg {
    margin-top: 135px;
    position: relative;
    height: 350px;
}
.mob-img {
    top: -45px;
    position: absolute;
    left: 10px;
    width: 200px;
}
.first-sec-red-bg .top-text {
    text-align: end;
    color: #fff;
    font-size: 20px;
}
.first-sec-red-bg .bottom-text {
    text-align: end;
    color: #fff;
    font-size: 35px;
}
/*** SECTION-SEARCH-START ***/
.search-bar-app-service-home-page {
    border-radius: 15px;
    margin-top: 40px;
    background: #e6e7e9;
    width: 50%;
}
#search-app-service-home-page {
    direction: rtl;
    background: #e6e7e9 !important;
    border-radius: 15px;
}
.search-ashp {
    color: #cccdcf;
}
/*** SECTION-SEARCH-END ***/
/*** SECTION-TAJWEEZ-START ***/
.verticalLine {
    border-right: 5px solid #034da2;
  }
.main-heading {
    color: #034da2;
}
/*** SECTION-TAJWEEZ-END ***/
/*** SECTION-MUTALQA-START ***/
.mutalqa {
    margin-top: 100px;;
}
/*** SECTION-MUTALQA-END ***/
/*** app-service-home-end ***/



/* Mobile Apps Services Start */
.web-color{
    color: #034fa2;
}
.web-light-color{
    color: #979696;
}
.web-bg-color{
    background-color: #034fa2;
}
.app-images-slider{
    overflow-x: scroll;
}
.ovrflow-scrl{
    overflow-x: scroll;
}
.mobile-app-img-slider{
    width: 680px;
}
.mobile-App-div{
    width: 180px;
}
.mbap-sl-btn{
    width: auto !important;
    padding: 18px !important;
    background-color: #fff;
    color: #000;
}

.myBtnhvr{
    transition: 0.3s ease;
}
.myBtnhvr:hover{
    background-color: #eeeeee !important;
}
.myBtnact:active{
    background-color: #e6e6e6 !important;
}
#left{
    position: relative;
    left: 27px;
    z-index: 1;
}
#right{
    position: relative;
    right: 27px;
    z-index: 1;
}
.app-image-slider{
    position: relative;
    left: 60px;
}
.app-logo{
    border-radius: 20px;
    border-width: 2px !important;
    width: 243px !important;
}
.app-icon img{
    width: 70px !important; 
    box-shadow: 1px 0px 5px #ddd;
    border-radius: 15px;
}
.icon-text h3{
    font-size: 20px !important;

}
.icon-text h5{
    font-size: 15px !important;
}
.app-arrow-icon{
    font-size: 13px !important;
}
.app-desc p{
    font-size: 18px;
    /* width: 550px; */
    font-weight: 600;
    letter-spacing: 2px;
}
.updt-date{
    color: rgb(110, 108, 108);
}
.app-sliding-btn:hover{
    background-color: #000 !important;
}
.related-apps{
    font-size: 13px;
}
.mbMtl{
    transition: 0.2s ease !important;
    border-radius: 10px;
    position: relative !important; 
}
.mbMtl::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ececec;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    transform: scale(0.9);
    opacity: 0;
}
.mbMtl:hover::before{
    transform: scale(1);
    opacity: 1;
}
.mb_apps_hover{
    transition: 0.3s ease;
}
.mb_apps_hover:hover {
    transform: scale(1.1);
}
.m_d_btn_close{
    font-size: 50px;
    right: 100px;
    text-shadow: 1px 1px 5px #000
}
.mb_app_detail_mdl_content{
    background-color: #ffffff00 !important; 
    border: 0 !important;
}
.mb_app_detail_mdl_content .close{
    font-size: 60px !important;
    right: 0 !important;
}
.mb_app_detail_mdl_img{
    max-width: 320px !important;
}
.mb_app_detail_mdl_carousel  button.owl-prev{
    width: 50px !important;
    height: 50px !important;
    top: 50%;
    box-shadow: 1px 1px 3px #707070 !important;
}
.mb_app_detail_mdl_carousel  button:hover{
    box-shadow: 2px 2px 3px #5a5959;
    background-color: rgb(233, 229, 229) !important;
}
.mb_app_detail_mdl_carousel  button.owl-next{
    width: 50px !important;
    height: 50px !important;
    top: 50%;
    box-shadow: 1px 1px 3px #707070 !important;
}
.mb_app_detail_mdl_carousel  button.owl-next.disabled{
    width: 50px !important;
    height: 50px !important;
    display: none;
}
.mb_app_detail_mdl_carousel  button.owl-prev.disabled{
    width: 50px !important;
    height: 50px !important;
    display: none;
}

/*  Mobile Apps Services End */
/* poetry service search start  */
.poetry_tab_carousel button.owl-prev {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #c7b1b1!important;
    width: 30px;
    height: 30px;
    border-radius: 100%!important;
    color: #000!important;
    opacity: 0.9;
}
.poetry_tab_carousel button.owl-next {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #c7b1b1!important;
    width: 30px;
    height: 30px;
    border-radius: 100%!important;
    color: #000!important;
    opacity: 0.9;
}
.poetry_tab_carousel button.owl-next.disabled {
    position: absolute;
    left: 0px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #c7b1b1!important;
    width: 30px;
    height: 30px;
    border-radius: 100%!important;
    color: #000!important;
    opacity: 0.5;
}
.poetry_tab_carousel button.owl-next.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.poetry_tab_carousel button.owl-prev.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* poetry service search end */
/* book service home start new */
.bookBgImg{
    background-image: linear-gradient(rgba(233, 51, 51, 0.623), rgba(245, 101, 101, 0.63)), url(../img/book-ser-bg.jpg);
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.book_carousel_bg_1{
    background-image: linear-gradient(rgba(90, 51, 233, 0.623), rgba(101, 103, 245, 0.63)), url(../img/book-ser-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 244px ;
}
.book_service_three_carousel button.owl-next{
    position: absolute;
    right: 38%;
    top: auto;
    bottom: -11% !important;
    transform: translateY(-50%);
    background-color: transparent !important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
    font-size: 23px !important;
}
.book_service_three_carousel button.owl-prev{
    position: absolute;
    left: 38%;
    top: auto;
    bottom: -11% !important;
    transform: translateY(-50%);
    background-color: transparent !important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
    font-size: 23px !important;
}
.book_service_fresh_books_carousel button.owl-prev{
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 40px;
    height: 40px;
    border-radius: 100%!important;
    color: #000!important;
    font-size: 23px !important;
    box-shadow: 0px 3px 15px #bbb
}
.book_service_fresh_books_carousel button.owl-next{
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 40px;
    height: 40px;
    border-radius: 100%!important;
    color: #000!important;
    font-size: 23px !important;
    box-shadow: 0px 3px 15px #bbb
}
.book_service_fresh_books_carousel_img{
    padding: 10px;
}
.book_service_fresh_books_carousel button span{
    color: gray !important;
}
.book_service_fresh_books_carousel .owl-item{
    margin-right: 0 !important;
    margin-left: 0 !important;   
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.book_service_fresh_books_carousel h5{
    margin-left: 33px;
    margin-bottom: 11px !important;
}

/* book service home end new */
/* book category start */
.book_ct_cols{
    border: 1px solid #ddd;
}
/* book category end */