.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;
}

.bg-site-bg {
	background-color: var(--site-color);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: var(--site-color);
}

@media(max-width: 992px){
    .web-slider {
    	height: 200px;
    	object-fit: cover;
    	object-position: center;
    }
    .carousel-control-prev, .carousel-control-next {
        width: 5%;
    }
    #header-carousel .carousel-item {
        position: relative;
        min-height: 200px;
    }
}
.icon-main-hover{
	border: 3px solid red;
/*	transition: all 0.5s ease;*/
}

.icon-main-hover:hover {
	border: 3px dotted red;
	transition: all 0.5s ease;
}
.icon-main-link{
	font-size: 6rem;
}

/*social link */
/* Facebook */
.social-main a[data-title="facebook"] {
    color: #1877F2; /* Facebook blue */
}

/* Twitter */
.social-main a[data-title="twitter"] {
    color: #1DA1F2; /* Twitter blue */
}

/* Instagram */
.social-main a[data-title="instagram"] {
    color: #E4405F; /* Instagram pinkish red */
}

/* LinkedIn */
.social-main a[data-title="linkedin"] {
    color: #0077B5; /* LinkedIn blue */
}

/* YouTube */
.social-main a[data-title="youtube"] {
    color: #FF0000; /* YouTube red */
}

/* Instagram */
.social-main a[data-title="instagram"] {
    color: #E4405F; /* Instagram pinkish red */
}

/* Default for unstyled icons */
.social-main a.icon-main-link {
    text-decoration: none;
    transition: color 0.3s;
}

/* Add hover effect */
.social-main a.icon-main-link:hover {
    opacity: 0.8;
}
