.web-slider {
	height: 610px;
	object-fit: cover;
	object-position: center;
}

.main-logo {
	height: 70px;
	object-fit: fill;
	object-position: center center;	
}

.main-team-img {
	height: 261px;
	object-fit: cover;
	object-position: center top;	
}

.text-justify {
	text-align: justify;
}

#textj p {
	text-align: justify;
}

.main-gallery {
	height: 212px;
	object-fit: cover;
	object-position: center center;	
}

.course-img {
	object-fit: cover;
	object-position: center;
	height: 158px;
	width: 100%;
}

.bg-trans-dark {
	background: rgb(2,0,36);
	background: linear-gradient(158deg, rgba(2,0,36,0.5578606442577031) 0%, 
										rgba(9,9,121,0.20211834733893552) 34%, 
										rgba(0,212,255,0.25253851540616246) 100%);
}

.v-align-middle,
.v-align-middle td,
.v-align-middle th{
    vertical-align: middle !important;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */

/*mega menu*/
.navbar .megamenu{ padding: 1rem; }

@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}

.web-about-single {
	height: 20rem;

}

.web-doc-img {
	width: 100%;
	height: 12rem;
	object-fit: cover;
	object-position: center;
}

.web-team-img {
	width: 100%;
	height: 20rem;
	object-fit: cover;
	object-position: center;
}
.web-team-detail-img {
	height: 20rem;
	object-fit: fill;
	object-position: center;
}

.web-partner-img {
	width: 100%;
	/*height: 12rem;
	object-fit: cover;
	object-position: center;*/
}

.hero-header{
    position:relative;
}
.hero-header:before{
    content: "";
    width: 20rem;
    height: 100%;
    background: url("../img/pattern.svg") no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    display: inline-block;    
}


.web-partner-img {
    height: 20rem;
    object-fit: contain;
    object-position: center;
}
}