* {
	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;
    text-align: right;
}
h4{
    text-align: right;
}
.mt-40{
    margin-top:40px!important;
}
.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:172px;
    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;
}
.topic-box-lg-6:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/* FOR MAZAMIN */
.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:172px;
    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:172px;
    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;
    }

    .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:172px;
    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:172px;
    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:172px;
    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:172px;
    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:172px;
    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:172px;
    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: 15px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 88%;
    height: 0px;
    padding-bottom: 33px;
}
.container .content-2 {
	position: absolute;   
    bottom: 15px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 88%;
    height: 0px;
    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: 280px;
    margin-right: 0;
    border-radius: 10px;
}

.date {
	border: none;
	margin-top: 7px;
	width: 150px;
	height: 32px;
	float: right;
}

.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;
}


/* 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;
}

.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;
}

.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 {
	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;
}

.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;
}

#headingOne{
	border-radius: 25px;
}

#headingTwo{
	border-radius: 25px;
}

#headingThree{
	border-radius: 25px;
}

.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: 100px 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: 30%;
    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: 30%;
    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;
	height: 200px;
	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-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(https://its.com.pk/wp-content/themes/its-theme/images/team.jpg);
            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`;
        }

        /*! CSS Used from: https://its.com.pk/wp-content/cache/wpfc-minified/7ualrgyl/i0d5p.css ; media=all */
        @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;
        }
        .custom-select {
          width: 120px;
        }
        /*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;
}

/*.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;
    font-weight: bold;
}

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

.dot {
    height: 10px;
    width: 10px;
    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: 195px;
	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 {
    color: #000;
}
.shakhsiyat{
	margin-top: 95px;
}
.post-meta{
	float: right;
	color: black;
}
.text-span{
	margin-left: 10px;
}
.icon-span{
	margin-left: 5px;
}

/*! CSS Used from: https://www.dawateislami.net/css/custom-bootstrap-margin-padding.css */
.mt-40{
    margin-top:40px!important;
}
/*! CSS Used from: https://www.dawateislami.net/css/style.css */
.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;
}
/*! CSS Used from: https://www.dawateislami.net/css/style.css */
.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;
}
/*! CSS Used from: https://www.dawateislami.net/css/style.css */
.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;
}

/*** SAHABA PAGE START ***/

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

.sahaba-heading{
    margin-top: 113px;
}

.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 ***/
/*** 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;
}
.topic-box2-lg-search{
        display: inline-block;
    float: right;
    top: 0px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 18px;
    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 ***/
/*** MOST VIEW PAGE START ***/
.topic-box-lg-most-view{
        display: inline-block;
    float: right;
    top: 0px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 39px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}
.topic-box-lg-most-view:before{
    z-index:1;
    content:"";
    top:0;
    right:233px;
    position:absolute;
    width:0;
    height:0;
}
.topic-box-lg-most-view:after{
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
/*** MOST VIEW PAGE END ***/
/*** DETAIL PAGE START ***/
.sah-footer {
    margin-top: 500PX;
}

.secimg {
    margin-top: 100px;
    width: 100%;
}

.secimg-heading {
    text-align: right;
    margin-top: 27px;
    color: #000;
    font-size: 38px;
}

/*** DETAIL PAGE 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%);
}

.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 ***/
/*** 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;
    height: 435px;
}

.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;
    height: 450px;
    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;*/
    height: 435px;
}
/*** 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 ***/





/*** POETRY PAGE START ***/

/*** POETRY SECTION-2 START ***/
.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;
}

/*** POETRY SECTION-2 END ***/

/*** POETRY SECTION-3 END ***/

.container .content-poetry {
    position: absolute;
    bottom: 15px;
    background: rgb(0, 0, 0);
    background: rgb(240, 240, 240,0.8);
    color: #000;
    width: 88%;
    height: 0px;
    padding-bottom: 33px;
}
.container .content-poetry {
    position: absolute;   
    bottom: 15px;
    background: rgb(0, 0, 0);
    background: rgb(240, 240, 240,0.8);
    color: #000;
    width: 88%;
    height: 0px;
    padding-bottom: 33px;
}

/*** POETRY SECTION-3 END ***/

/*** POETRY PAGE END ***/



/*** ZIAETAIBA.TV PAGE START ***/
/*.ziaetaiba-tv{
    margin-top: 73px;
}*/

/* START MAIN MENU */
#primary-nav{
    background: #CC5500;
    }
.menubar {
    background: #034DA2 !important;
    position: absolute;
    width: 83%;
    left: 0%;
    right: 0%;
    top: -8%;
    border-radius: 15px;
}

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

.nav-link:hover {
    color: #F5CF7E !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 */

/* SECTION 1 START */
.tv-sec {
    /*background-color: rgb(218, 218, 218);*/
    height: auto;
}

#adv-search-tv {
    margin-top: 25px;
    background-color: rgb(218, 218, 218);
    border-radius: 10px;
    height: 55px;
}

.fa-search{
    color: #CC5500;
}

.border-right-tv {
    border-right: 2px solid #dee2e6 !important;
    margin-top: 8px;
}

/* SECTION 1 END */
/* SECTION 2 START */
.bg-video-tv{
    background-image: url(../ziaetaiba/assets/img/tv-video-ribbon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.video-tv{
    margin-top: 100px;
}

.videos-img{
    margin-top: 50px;
    width: 100%;
}

.videos-tv{
    margin-top: 50px;
}

.ytd-thumbnail-overlay-time-status-renderer {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 4px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    padding: 3px 4px;
    border-radius: 2px;
    font-size: var(--yt-badge-font-size, 1.2rem);
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1.2rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    letter-spacing: var(--yt-badge-letter-spacing, 0.5px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 22px;
    margin-bottom: 7px;
}
/* SECTION 2 END */
/* SECTION 3 START */
.ytd-thumbnail-overlay-time-status-renderer-3 {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 4px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    padding: 3px 4px;
    border-radius: 2px;
    font-size: var(--yt-badge-font-size, 1.2rem);
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1.2rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    letter-spacing: var(--yt-badge-letter-spacing, 0.5px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 22px;
    margin-bottom: 64px;
}

.ytd-thumbnail-overlay-time-status-renderer-4 {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 4px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    padding: 0px 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1.2rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    /* letter-spacing: var(--yt-badge-letter-spacing, 0.5px); */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 20px;
    margin-bottom: 5px;
}
/* SECTION 3 END */

/* SECTION 4 START */
.ytd-thumbnail-overlay-time-status-renderer-2{
    display: inline-block;
    position: absolute;
    right: 0;
    margin: 112px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    padding: 1px 1px;
    border-radius: 2px;
    font-size: var(--yt-badge-font-size, 1.0rem);
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 0.9rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    letter-spacing: var(--yt-badge-letter-spacing, 0.5px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 20px;
    /* margin-bottom: 5px; */
    margin-top: 121px;
}
/* SECTION 4 END */

/* SECTION 5 START */
.ytd-thumbnail-overlay-time-status-renderer-5 {
    display: inline-block;
    position: absolute;
    right: 0;
    margin: 112px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    padding: 3px 4px;
    border-radius: 2px;
    font-size: var(--yt-badge-font-size, 1.2rem);
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1.2rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    letter-spacing: var(--yt-badge-letter-spacing, 0.5px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 22px;
    margin-bottom: 7px;
    margin-top: 272px;
}

.ytd-thumbnail-overlay-time-status-renderer-6 {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 4px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    /* padding: 0px 2px; */
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    /* letter-spacing: var(--yt-badge-letter-spacing, 0.5px); */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 18px;
    margin-bottom: 4px;
}
/* SECTION 5 END */

.topic-box2-lg-search-video{
        display: inline-block;
    float: right;
    top: 0px;
    position: relative;
    color: #ffffff;
    height: 45px;
    padding: 7px 18px;
    line-height: 47px;
    text-align: right !important;
    font-weight: 600;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    z-index: 2;
}

.color-cinnabar-video:after {
    background-color: #CC5500;
        border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.tv-hamd {
    margin-top: 10px;
    color: #000;
}

.naat-para{
    text-align: right;
}



/* FOOTER AREA START */
.ziaetaiba-tv{
    background: #CC5500;
    padding: 20px 0px 0px 0px;
}

.contact{
    border-right: 2px solid #fff;
    height: 200px;
    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-tv{
    background-color: #CC5500;
    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;
}

/* TV DETAIL PAGE START */
.tv-dp{
    margin-top: 12px;
    color: #000;
    font-size: 29px;
}

.hr-tv {
    margin-top: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* TV DETAIL TABLE START */

.table{
    width: 100%;
    margin-bottom: 1rem;
    color: #212529; 
}

.table tr td{
     font-size: 20px;
     color: #A9A9A9;
}

.btn-circle.btn-lG {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    border: solid 1px #D1C4E9;
}

.fa-arrow-down{
    color: #A9A9A9;
}

/* TV DETAIL TABLE END */
/* TV DETAIL TEXT AREA START */
.form-control-tv{
    display: initial;
    text-align: right;
    width: 100%;
    height: 400px;
    border: 2px solid #dee2e6;
}

.text-area{
    margin-top: 40px;
    color: #000;
    font-size: 29px;
}

.form-control-last{
    display: initial;
    text-align: right;
    width: 100%;
    height: 40px;
    border: 2px solid #dee2e6;
}

::placeholder {
  color: #dee2e6;
}
/* TV DETAIL TEXT AREA END */
.ytd-thumbnail-overlay-time-status-renderer-2 {
    display: inline-block;
    position: absolute;
    right: 0;
    margin: 112px;
    color: var(--yt-spec-static-brand-white);
    background-color: rgb(255 255 255);
    color: black;
    /* padding: 0px 0px; */
    border-radius: 2px;
    font-size: var(--yt-badge-font-size, 1.0rem);
    font-weight: 500;
    line-height: var(--yt-badge-line-height-size, 1.0rem);
    letter-spacing: var(--yt-badge-letter-spacing, unset);
    letter-spacing: var(--yt-badge-letter-spacing, 0.5px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 20px;
    /* margin-bottom: 7px; */
    margin-top: 120px;
}

/* TV DETAIL PAGE 2ND PORTION */

#adv-search-tv-detail {
    margin-top: 25px;
    background-color: #fff;
    border-radius: 10px;
    height: 55px;
    margin-bottom: 15px;
}

.fa-search{
    color: #CC5500;
}

.border-right-tv {
    border-right: 2px solid #dee2e6 !important;
    margin-top: 8px;
}

.bg-mutalqa {
    background-color: #e8e8e8fc;
    width: 100%;
    margin-top: 50px;
}

.mutalqa{
    padding: 10px 10px 0px 0px;
}

.hr-mutalqa{
    margin-top: 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    width: 92%;
}

/************ TV DETAIL PAGE END **************/

/* FOOTER AREA END */
/******** ZIAETAIBA.TV MEDIA QUERY START ********/
	#adv-search-tv {
	margin-top: -18px;
    margin-left: 0;
	}
	.dropdown-tv{
		margin-top: 10px;
	}
	#tv-video-bg{
    	background-image: none;
	}

	.ytd-thumbnail-overlay-time-status-renderer-3 {
    	/*margin-bottom: 61px;*/
	}
	.document-head{
		font-size: 25px;
	}
	.three-heading{
		margin-top: 10px;
	}

	.ytd-thumbnail-overlay-time-status-renderer-2 {
		/*margin-top: 162px;*/
	}
	.ytd-thumbnail-overlay-time-status-renderer-5 {
		/*margin-top: 154px;*/
	}
	.naat-head{
		font-size: 25px;
		margin-bottom: 29px;
	}
	.ytd-thumbnail-overlay-time-status-renderer-6 {
    	/*margin-right: 71px;*/
	}
	.naat-para {
    	/*margin-right: 55px;*/
    	/*margin-top: 5px;*/
	}
	.tv-rabta{
		margin-top: 30px;
	}
	.coptright-tv {
   		margin-top: 20px;
	}
	/*.ziaetaiba-tv-button{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}*/
	@media screen and (max-width: 768px){
		.closebtn{
			display: block !important;
		}
		.contact{
		    height: 240px;
		}	
		.custom-select-tv{
			margin-top: 10px;
		}
		.dir-ltr{
			display: ltr;
		}

	}	
	.bg-comment{
	    background-color: #e8e8e8fc;
	    /*height: 100px;*/
	}

	.comment-head {
	    margin-top: 40px;
	    color: #000;
	    font-size: 29px;
	}

	.comment-img {
	    border-radius: 50%;
	    margin-top: 19px;
	    margin-bottom: 15px;
	}

	.comment-para {
	    text-align: right;
	    margin-top: 20px;
	    font-size: 25px;
	}
	.video-tv-detail{
	    margin-top: 50px;
	}
	.custom-select-tv{
	    background: none;
	    width: 100%;
	    color: #034da2;
	    text-align: right;
	    border-radius: 12px;
	    height: 48px;
	    font-size: 20px;
	}
.closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: #fff;
  display: none;
}	
.navbar-nav .nav-link
{
	padding-right: 275px;
}
.inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
  overflow: hidden;
}
/******** ZIAETAIBA.TV MEDIA QUERY END ********/
/*** ZIAETAIBA.TV PAGE END ***/
.jw-state-idle .jw-controls, .jw-controls-backdrop{
	background: none !important;
}
 .jw-preview{
	 background-color: white !important;
}
.jw-error .jw-preview, .jwplayer .jw-preview{
	background-size: cover !important;
}