@font-face {
	font-family: 'Quicksand-Medium';
	src: url(../fonts/Quicksand-Medium.ttf);
}

html {scroll-behavior: smooth;}

body,html{
	overflow: scroll;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px !important;
	
}
.font-light{color: #757575;}

.bg-trans{
	background-color: rgba(244 244 244 / 70%);
}
.font-20{
	font-size: 20px;
	letter-spacing: 2px;
}
.font-18{
	font-size: 18px;
	letter-spacing: 2px;
}
.font-16{
	font-size: 16px;
	letter-spacing: 1px;
}
.font-14{
	font-size: 14px;
	letter-spacing: 1px;
}
.btn-green{
	border-radius: 0px;
	background-color:#004A42;
}
.btn-gold{
	border-radius: 0px;
	background-color:#B79879;
}
.btn-green:hover{
	background-color: #B79879;transition:.4s;
}
.btn-gold:hover{
	background-color: #004A42;transition:.4s;
}
.textgreen{color:#004A42;}
.textgolden{color: #B79879;}

table tr td, 
body, p, a{
	font-family:'Roboto-Regular';
    font-size: 10pt;
	color:black;
}

.ff-qs-m{font-family: 'Quicksand-Medium';}

.text-pink{color: #9E5161;}
.text-green{color: #376A4F;}

.shadow{box-shadow: 10px 0 15px 0 rgba(0,0,0,.10);}
.full-shadow{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.shadow-3d{box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.img-shadow{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.tshadow{
	text-shadow: #050505 1px 1px 0;
}

table tr th,
h1,h2,h3,h4,h5,h6{font-family: 'Roboto-Bold';}
a{text-decoration: none;}
a:hover{text-decoration: none;}
/* transition:all 0.3s ease; */

ul{margin: 0;padding: 0;}

ul li{list-style-type: none;margin: 0;padding: 0;}

b, strong,
.font-weight-bold{font-family: 'Roboto-Bold';}
.font-weight-normal{font-family:'Roboto-Regular';}
.font-weight-light{font-family: 'Roboto-Light';}
.font-poppins-bold{font-family: 'Poppins-Bold';}
.font-poppins-normal{font-family: 'Poppins-Medium';}
.font-poppins-light{ font-family: 'Poppins-Regular';}
.font-chalkboard-normal{
	font-family: 'Chalktastic-x1nR'; 
	font-weight:800; 
	color:#7E142A;
}
.handwirting{font-family: 'DancingScript-VariableFont_wght';}
.times-news-romains{
	font-family:Elephant;
	font-weight:600;
	text-shadow: 0px 0px 30px #fff;
}
.text:hover,
.text{
	color:green;
}
.font-1{font-family: 'Reggae One', cursive;}
.font-2{font-family: 'Fredoka One', cursive;text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.7)}
.font-3{font-family: 'Squada One', cursive;}
.font-4{font-family: 'Audiowide', cursive;font-weight:400;}
button{cursor: pointer;}
.border-pills{border-radius:50px;}
.font-16{font-size:16px;}
.line-1,.line-2,.line-3,.line-4,.line-5,.line-6{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.line-1{-webkit-line-clamp: 1;}
.line-2{-webkit-line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;}
.line-6{-webkit-line-clamp: 6;}
.bg-active{background-color:#668D79;}
.border-green-top{border-top:#054523 solid 1px !important;}
.border-green-bottom{border-bottom:#054523 solid 1px !important;}
.border-danger-top{border-top:#7E142A solid 1px !important;}
.border-danger-bottom{border-bottom:#7E142A solid 1px !important;}
.btn-get{background-image: linear-gradient(255deg, #082501 0%, #3F6800 100%);}
.btn-get:hover{background-image: linear-gradient(-255deg, #082501 0%, #3F6800 100%);transition:.4s;}
.contact .card:hover a,
footer a:hover,
.heading:before,
.navbar-light .navbar-nav .nav-item .nav-link,
.font-danger{color:#7E142A;}

.navbar-light .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-item .nav-link.active,
.font-success{color:#054523;}

.contact .card:hover .wrapper .icon:after,
.cooming-soon .card:hover,
.services .card:hover,
.banner .bg-danger,
.bg-danger{background-color:#7E142A !important;}

.form .nav-link.active,
.bg-success{background-color:#054523 !important;}
.bg-brown{background-color:#613915 !important;}

.fb{color: #097EEB;}
.ytube{color: #FF0000;}
.insta{color: #DB4471;}
.twt{color: #1DA1F2;}

/*  */
.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 74, 66, 0.7);
  }
  .card:hover .overlay {
	opacity: 1;
	cursor: pointer;
  }
  

/*  */



/* Theme Css */
.font-brown{
	color:#613915;
}

.topbar a{
	color:#fff;
	transition:all 0.3s ease;
	
}
.topbar a:hover{
	color:#ccc;
	transition:all 0.3s ease;
}

.topbar{
 	background-color:rgba(0, 0, 0, 0.4);
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .3);
}
.menu-top{
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .3);
	background-color:rgba(255, 255, 255, 0.5);
} 

.navbar-light .navbar-nav .nav-item{
	position:relative;
}
.side-menu .my-collaps a:last-child,
.navbar-light .navbar-nav .nav-item .my-drop a:last-child{
	border-bottom:none;
}

.navbar-light .navbar-nav .nav-item .nav-link{
	text-transform:uppercase;
	padding:0px 15px;
	font-size:14px;
	cursor:pointer;
	font-family:"Poppins-Regular", Sans-serif;
}

.navbar-nav .nav-item .nav-link:hover{
	transition:.35s;
}

.navbar-nav ul.menus {
  height: auto;
  width:288px;
  background: #fff;
  position: absolute;
  z-index: 99;
  display:none;
  left:0px;
  cursor:pointer;
}
.navbar-nav ul.menus.media{
	width:190px;
}
.navbar-nav ul.menus .has-submenu:hover .submenu,
.navbar-nav li:hover ul.menus,
.navbar-nav ul.menus li {display: block;}

.navbar-nav ul.menus.media .submenu{
	left: auto;
	right:188px;
	top:69px;
}
.navbar-nav ul.menus a{
	font-size:12px	!important;
}
.navbar-nav ul.menus.media .submenu.online{
	top:194px;
}
.navbar-nav ul.menus.timetable .submenu{
	left: auto;
	right:286px;
}

.navbar-nav ul.menus .submenu {
  display: none;
  position: absolute;
  left: 285px;
  background: #fff;
  top: 0;
  width:245px;
  z-index:999;
}
.navbar-nav ul.menus .submenu.jobs{
	width:275px;
}
.navbar-nav ul.menus .submenu a span{
	font-size:11px;
	display:block;
}
.navbar-nav ul.menus .submenu.homeschooling{
	top:35px;
}
.navbar-nav ul.menus .submenu.arabic{
	top:70px;
}
.navbar-nav ul.menus .submenu.quran{
	top:105px;
	width:192px;
}

/*Navbar top fixed and scroll down  animation*/
.fixed-top{
	animation: smoothScroll 0.5s forwards;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .7);
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.side-menu{
	position:fixed;
	top:0px;
	left:-320px;
	right:0px;
	bottom:0px;
	z-index:9999;
	width:320px;
	transition:.3s;
	background-color:white;
	z-index:99999;
	border-right:solid 1px #000;
	overflow:scroll;
	overflow-x:hidden;
	overflow-x:hidden;
}

.form .nav-link:hover,
.drop-active,
.side-menu .my-collaps [aria-expanded="true"],
.navbar-light .navbar-nav .nav-item .my-drop a:hover,
.side-menu .body a:hover{
	background-color:rgba(5, 69, 35, 0.6);
	color:white !important;
	transition:.35s;
	
}
.side-menu.show{
	left:0px;
	transition:.3s;
}
.side-menu a{
	font-size:14px;
	border-bottom:solid white 1px;
}
.side-menu .my-collaps{
	position:relative;
}

.side-menu .my-collaps [aria-expanded="true"]:before{
	content: "\f103";
	font: normal normal normal 14px/1 FontAwesome;	
}
.side-menu .my-collaps [aria-expanded="false"]:before{
	content: "\f101";

	font: normal normal normal 14px/1 FontAwesome;
}

.right{
	position:fixed;
	top:0px;
	right:0px;
	left:100%;
	bottom:0px;
	transition:.4s;
	z-index:9999;
}
.right.show{
	left:290px;
	transition:.4s; 
	background-color:rgba(0,0,0, 0.7);
} 


.bg-properties{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	
}
.marriage-service,
.tutition,.sports,
.shop,.elearn,
.cooming-soon .card .card-img,
.our-courses .card .img,
.banner .item{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
}
.tutition{
	background-image:url(../images/slider/new-pic.jpeg);
	background-position:center center;
}
.sports{
	background-image:url(../images/sports.jpg);
	background-position: bottom bottom;
}
.shop{
	background-image:url(../images/shoping.jpg);
	background-position: bottom bottom;
}
.elearn{
	background-image:url(../images/e-learning.jpg);
	background-position: bottom bottom;
}
.marriage-service{
	background-image: url(../images/nikaah_bg.jpg);
	background-position: center;
}
.banner .item{
	height:400px;
}
.banner .item:before{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	content:'';
	background-color:rgba(0, 0, 0, 0.5);
}
.banner .item.ummah:before{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	content:'';
	background-color:rgba(0, 0, 0, 0.3);
}

.maktab,
.services{
	position:relative;
	overflow:hidden;
}
.services .card{
	transition:.4s; 
	box-shadow: 0px 6px 61px 6px rgba(0,0,0,0.1);
}
.services .card p{
	font-size:14px;
}
.services .card:hover{
	transition:.4s; 
	margin-top:-10px;
}
.services .card .icons-box{
	border:solid 5px #054523;
	border-radius:100%;
	width:100px;
	height:100px;
	padding:10px;
	background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(182,182,182,1) 100%);
	transition:.4s; 
}
.services .card:hover .icons-box{
	border:solid 5px #fff;	
	background-color:#7E142A !important;
	box-shadow: 0px 6px 30px 6px rgba(0,0,0,0.3);
}
.services .card:hover .icons-box,
.form .nav-link.active,
.cooming-soon .card:hover p,
.cooming-soon .card:hover h5,
.services .card:hover p,
.services .card:hover h5,
.services .card:hover .fa{
	color:white !important;
	transition:.4s; 
}
.cooming-soon,
.our-courses{
	background-color:#E1FAF3;
}
.animated-img{
	position:absolute;
	top:-50px;
	right:-500px;
	bottom:0px;	
}
.animated-img img{
	width:70%;
}
.plus-animated{
	position:absolute;
	top:200px;
	left:100px;
}
.plus-animated2{
	position:absolute;
	top:50px;
	left:400px;
}
.plus-animated3{
	position:absolute;
	top:200px;
	right:250px;
}
.plus-animated4{
	position:absolute;
	top: 349px;
    left: 467px;
}
.dots{
	position:absolute;
	bottom: -50px;
    left: 467px;
}

.our-courses{
	position:relative;
	overflow:hidden;
}
.our-courses .dots,
.our-courses .plus-animated2{
	right:400px;
	text-align:right;
}
.our-courses .plus-animated3{
	top:100px;
	right:0px;
}

.our-courses .card .img{
	height:200px;
	
}
.ummah .our-courses .card .img{
	height:134px;
	
}
.ummah .our-courses .card h6{
	font-size:14px;
	
}
.ummah .our-courses.one .card .card-body{
	height:60px;
	
}
.ummah .our-courses.two .card .card-body{
	height:90px;	
}
.our-courses .card{
	transition:all 0.3s ease;
}
.our-courses .card:hover {
	box-shadow: 0 3px 16px rgba(0,0,0,.23);
	transition:all 0.3s ease;
}
.our-courses .card .card-body{
	height:140px;
}
.our-courses .play-btn{
	margin-top:135px;
	margin-left:auto;
}

.our-courses .play-btn:after,
.our-courses .play-btn:before{
	background-color:rgba(255, 255, 255, 0.9);
}

.maktab .heading:before{
	left:0px;
}
.maktab .heading:after{
	margin-left:20px;
}

.maktab .list{
	font-size:14px;
	margin-top:30px;
}

.maktab .list li{
	position:relative;
	padding-left:25px;
}
.form-list li:before,
.maktab .list li:before{
	top:3px;
	right:0px;
	left:0px;
	bottom:0px;
	content:'\f046';
	position:absolute;
	font: normal normal normal 14px/1 FontAwesome;
}
.form-list li{
	position:relative;
	padding-left:20px;
	margin-bottom:5px;
}
.form-list li:last-child{
	margin-bottom:10px;
}
.form-list li:before{
	content:'\f111';
	font-size:8px;
	top:5px;
}
.form input::placeholder {
  font-size:14px;
}
.form .table{
	border:solid #7E142A 1px;
}
.maktab .plus-animated{
	left:20px;
}
.maktab .animated-img{
	right:-300px;
}
.maktab .plus-animated2{
	left:40px;
}
.other-work.services .card{
	overflow:hidden;
}
.other-work.services .card:hover{
	background-color:rgba(0,0,0,0.4) !important;
	margin:0px;
}
.cooming-soon .card{
	border-radius:20px;
	overflow:hidden;
	transition:all 0.3s ease;
}
.cooming-soon .card .card-body{
	height:150px;
}
.cooming-soon .card .card-img{
	height:250px;
}
.services.counting .card{
	box-shadow: 0px 6px 30px 6px rgba(0,0,0,0.1);
	background-color:#F8F8F8 !important;
}
.services.counting .card img{
	box-shadow: 0px 6px 30px 6px rgba(0,0,0,0.1);
	border-radius:100%;
	border:solid 10px #ccc;
}
.services.counting .dots{
	left:0;
}
.services.counting .plus-animated{
	top:10px;
	left:auto;
	right:-100px;
}
.services.counting .plus-animated img,
.services.counting .dots img{
	width:200px;
}
.sports,
.shop,.elearn,
.marriage-service,
.tutition{
	position:relative;
}
.sports:before,
.shop:before,
.elearn:before,
.marriage-service:before,
.tutition:before{
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.5);
}
.elearn .heading:before,
.shop .heading:before,
.sports .heading:before,
.tutition .heading:before{
	color:white;
}
.form-control:focus{
	outline: none !important;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*product slider css*/
.owl-carousel-slider .owl-prev,
.owl-carousel-slider .owl-next{
	display:inline-block;
	width:40px;
	height:40px;
	bottom:0;
	box-shadow: 0px 0 5px -3px rgba(0,0,0,0.7);
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	margin:auto;
	text-indent: -100px;
	overflow:hidden;
	top:0px;
	
	
}
.owl-carousel-slider .owl-next{
	right:20px;
	background-image:url('../images/icons/right.png');
	background-size:20px;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all 1s ease;
}
.owl-carousel-slider .owl-prev{
	left:20px;
	background-image:url('../images/icons/left.png');
	background-size:20px;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all 1s ease;
}

.my-btn{
	position: relative;	
	padding: 10px 22px;
	font-size: 15px;
	display:inline-block;
	text-transform: uppercase;
}
.drop-active:before,
.my-btn:before{
	position:absolute;
	content:'';
	top:-1px;
	left:110%;
	bottom:-1px;
	right:0px;
	border-top:solid #054523 1px;
	border-bottom:solid #054523 1px;
	transition:.3s;
	transition-delay:.3s;
}
.drop-active:before,
.my-btn:hover:before{
	left:0px;
	transition:.3s;
}

.my-btn:hover:after{
	bottom:-1px;
	transition:.3s;
	transition-delay:.3s;
}
/* end of button design */

.heading{
	position:relative;
}
.heading:before{
	left:-100px;
	right:0px;
	bottom:-14px;
	content:'\f02d';
	font: normal normal normal 14px/1 FontAwesome;
	position:absolute;
	
}
.heading:after{
	left:0px;
	right:0px;
	bottom:-9px;
	content:'';
	margin:auto;
	position:absolute;
	width:70px;
	height:2px;
	background-color:#DFDFDF;
}

.play-btn{
	display:inline-block;
	display:flex;
	align-items:center;
	width:10px;
	height:10px;
	background-color:transparent;
	border-radius:100%;
	position:relative;

}
.play-btn:hover{
	color:#AA1440;
}
.play-btn i{
	position:absolute;
	top:0px;
	left:1px;
	right:0px;
	bottom:0px;
	display:block;
	line-height:10px;
	z-index:1;
}
.play-btn:after,
.play-btn:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	content:'';
	position:absolute;
	border-radius:100%;
	background-color:rgba(0, 0, 0, 0.2);
}
.play-btn:after{
	animation: play 2.5s infinite;
	opacity:0;
}


.open-video-modal .modal-content {
	position:relative;
}
.open-video-modal .modal-content button{
	border:solid black 1px;
	position:absolute;
	background-color:#F0F0F0;
	z-index:999999;
	top:-10px;
	opacity:1;
	right:-10px;
	width:30px;
	height:30px;
	border-radius:100%;
	font-size:14px;
	
}
.open-video-modal .modal-body .vidoe-box{
	position:relative;
}
.open-video-modal .modal-body .vidoe-box iframe{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
}

@keyframes play {
	0% {
		opacity:1;
		top:-16px;
		left:-16px;
		right:-16px;
		bottom:-16px;
	}
	100% {
		opacity:0;
		top:-30px;
		left:-30px;
		right:-30px;
		bottom:-30px;
	}
}
.label{
	position:relative;
}
.label span{
	position:absolute;
	left:2px;
	top:-9px;
	background-color:white;
	color:#84757D;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;	
	
}
.label .span-color{
	color:#84757D;
}

footer{
	box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
}

.comments .card.card-body{
	background-color:rgba(255,255,255, 0.7) !important;
}

.other-pages ul li,
.other-pages p{
	font-size:16px ;
}
.shadow{
	box-shadow: 0px 6px 61px 6px rgb(0 0 0 / 10%);
}
.other-pages .check .box-1{
	border-top-left-radius:50px;
}
.other-pages .check .box-3{
	border-bottom-left-radius:50px;
}
.other-pages .check .box-4{
	border-bottom-right-radius:50px;
}
.other-pages .check .box-2{
	border-top-right-radius:50px;
}
.other-pages .check .card{
	box-shadow: 0px 6px 30px 6px rgb(0 0 0 / 10%);
}
.other-pages .check .card-3{
	height:147px;
}
.other-pages .check .card:hover  p{
	color:#7E142A  !important;
}
/* Payment */
.cloud-host .card .card-header{
	position: relative;
}
.cloud-host .card .sm-text{
	font-size:14px;
}
.cloud-host .card .card-content p{ 
	font-size:14px;
}
.cloud-host .card .card-content p:hover{
	background-color:#F8F9FA;
}
.cloud-host .card .card-header.bg-brown{
	background-color:#613914 !important;
}

.cloud-host .card .card-header.bg-brown:after{
	border-top-color: #613914;
}

.cloud-host .card .card-header.bg-danger:after{
	border-top-color: #7E142A;
}
.cloud-host .card .card-header .cssarrow:after{
	border-top-color: #7E142A !important;
}

.cloud-host .card .cssarrow:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-top-color: #054523;
	border-width: 20px;
	margin-left: -20px;
}

.about{
	background-image:url(../images/old-paper-and-pen.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: bottom right;
	position:relative;
	height:1000px;
	position:relative;
}
.about .text{
	position:absolute;
	left:240px;
	right:180px;
	top:50px;
	bottom:0px;
}
.about .text .text2{
	padding-left:90px;
	display:block;
}
.about .text .text3{
	padding-left:100px;
	display:block;
}
.about .text .text4{
	padding-left:70px;
	display:block;
}
.about .text .text5{
	padding-left:55px;
	display:block;
}
.about .text .text6{
	padding-left:45px;
	display:block;
}

.about .text p{
	color:black;
	font-size:20px;
}
.about:before{
	content:'';
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
	/* background-color:rgba(0,0,0,0.3); */
	
}
.texture{
	background-image:url(../images/texture.jpg);
	background-position: bottom left;
	position:relative;
}

/* Contact Page */
.contact p{
	font-size:14px;
	color:#363636;
}
.contact .card{
	border:1px dashed #cecece !important;
	background-color:transparent !important;
	height:330px;
}

.contact .card .wrapper{
	border:1px dashed #cecece;
	width:120px;
	height:120px;
	border-radius:100%;
	margin:auto;
	padding:16px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
}
.contact .card .wrapper .icon{
	border:1px dashed #cecece;
	width:86px;
	height:86px;
	border-radius:100%;
	position:relative;	
	overflow:hidden;
	text-align:center;
	display:flex;
	align-items:center;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
}
.contact .card .wrapper .icon:after{
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	content:'';
	position:absolute;
	opacity:0;
	transition:.3s;
	z-index:-1;
}
.contact .card:hover .wrapper .icon i{
	color:white;
	transition:.3s;
}
.contact .card:hover .wrapper .icon:after{
	opacity:1;
	transition:.3s;
}

.contact .card:hover{
	box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
	transition:.3s;
}

.table-responsive{
	overflow-x:hidden !important;
}

.open-video-box{
	position:relative;
}
.youtube-video{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	display:flex;
	align-items:center;
	height:100%;
}
.youtube-video img{
	width:50px;
	opacity:0.8;
}
.fees-section .card .card-header{
	height: 90px;
}
.fees-section .card{
	transition:all 0.3s ease;
}

.hover:hover{
	transform: scale(1.05);
	border-right: solid 1px #DEE2E6 !important;
	transition:all 0.3s ease;
	z-index: 99;
}

.new-img{
	background-size:cover; 
	background-position:center center; 
	background-repeat:no-repeat; 
	width:100%; 
	height:210px;
}
.fees-section .table td, .table th{
	vertical-align:middle !important;
}
.fees-section .table .fees{
	 border-top:solid white 1px !important;
	 border-left:solid white 1px !important;
}
.blog .card-body{
	height:160px;
}

.banner-first{
	position: relative;
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
	height:450px;
	background-image:url(../images/home-schooling.jpg) ;
}
.banner-first:before{
	position: absolute;
	content:'';
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color:rgba(255,255,255, .7);
}

.offering-courses .card .img{
	height:120px;
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.offering-courses .card{
	overflow: hidden;
	box-shadow:0px 0px 6px rgb(59 62 72 / 20%);
	transition:all 0.3s ease;
	border-top-right-radius:25px;
	border-bottom-left-radius:25px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
}
.offering-courses .card:hover{
	box-shadow: 0px 20px 20px 0px rgb(59 62 72 / 10%);
	transition:all 0.3s ease;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
}

.bg-new-page{
	position: relative;
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/studynotes.jpg);
}
.bg-new-page:before{
	position: absolute;
	content:'';
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color:rgba(0, 0, 0, .8);
}
.bg-new-page .card{
	background-color:rgba(255, 255, 255, .7);
	border:solid 1px #DEE2E6;
}
.bg-new-page .card:hover{
	background-color:rgba(255, 255, 255, .9);
	border-color:#7E142A;
}
.team .card{
	border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.team .card .img{
	height:300px;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

/* why choose us */
 .ol-style ol{
	list-style-image: url('../images/check-25.png');
 }
 
 
@media screen and (max-width: 1200px){
	.about .text{
		left:70px;
	}
}
@media screen and (max-width: 992px){
	.banner .display-1{
		font-size:65px;
	}
	.services .animated-img{
		position:absolute;
		top:250px;
		right:-500px;
		bottom:0px;	
	}
	.services .plus-animated{
		position:absolute;
		top:20px;
		left:50px;
	}
	.services .dots{
		position:absolute;
		bottom: -50px;
		left: 30px;
	}
	.table-responsive{
		overflow-x:auto !important;
	}
	.ummah .our-courses.one .card .card-body{
		height:auto;
		
	}
	.ummah .our-courses.two .card .card-body{
		height:auto;
		
	}
}

@media screen and (max-width: 768px){
	.team .card .img{
		height: 450px;
	}
	.blog .card-body{
		height:auto;
	}
	.banner .display-3{
		font-size:28px;
		font-family:Roboto-Bold;
	}
	.banner{
		height:350px;
	}
	.banner h5{
		font-size:16px;
		
	}
	.maktab .animated-img{
		top:515px;
		right:-280px;
	}
	.cloud-host .card{
		border-left:solid 1px #DFDFDF !important;
	}
	.our-courses .card .card-body{
		height:auto;
	}
	.contact .card{
		height:auto;
	}
	.other-pages .check .card-3{
		height:auto;
	}
	.other-pages .check .box-1,
	.other-pages .check .box-2,
	.other-pages .check .box-3,
	.other-pages .check .box-4{
		border-radius:50px;
	}
	.fees-section .card{
		border: solid 1px #DEE2E6  !Important;
	}
	.fees-section .card .card-header,
	.fees-section .card h6{
		border-left: solid 0px transparent  !Important;
		border-right: solid 0px transparent  !Important;
	}
	.banner-first{
		height:540px;
	}
	.banner-first img{
		width:150px;
	}
	.banner-first h2{
		font-size:22px;
	}
}
@media screen and (max-width: 576px){
	.banner a{
		display:block;
		margin-bottom:10px;
	}
	.row{
		margin-left:-8px;
		margin-right:-8px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 8px;
		padding-left: 8px;
		-webkit-box-flex: 0 !important;
	}
	.acedmy-bg{
	    height: 700px!important;
	}
}
@media screen and (max-width: 406px){
    .acedmy-bg{
	    height: 750px!important;
	}
}