/*!
Theme Name: mastermaint
Theme URI: http://mangospace.com/
Author: mangospace.com
Author URI: http://mangospace.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mastermaint
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mastermaint is based on mangospace comtps://mangospace.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Mikhil Jose and Bhagyasree S https://necolas.github.io/normalize.css/
*/

.header-navbar-logo {
    max-width: 310px;
}

.header-layout2 .header-navbar-logo {
    margin-top: -30px;
}

.checklist ul li {
	background-image: url('assets/img/icon/about-checklsit-icon1-1.svg');
	background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left center;
}

.whapsapp-icon {
	display: inline-block;
    position: fixed;
    right: 108px;
    bottom: 30px;
    z-index: 99;
}
.whapsapp-icon img {
	width: 60px;
}
.team-card_content {
    max-width:90%;
}
.team-card_title a {
    color:white;
}
.team-card_title {
    background:#ea5501;
    padding:10px;
}
.team-card_desig {
    font-weight: 400;
    font-size: 16px;
    font-family: var(--body-font);
    color: var(--body-color);
    margin-bottom: 22px;
    display: block;
    background: #ea5501;
    padding: 0px 30px;
    color: white;
    display: inline-block;
    text-align: left;
}
.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2px;	
}
.grid a {
	display: block;
	background-color: #000;
	position: relative;
    height: 200px;
    overflow: hidden;
}
.grid img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	opacity: .8;
	transition: all .450s;
}
.grid a:hover img {
	opacity: 1;
}

.grid a i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 40px;
	z-index: 8;
}
.ser-blocks .team-card_title{
    font-size:20px;
    color:white;
}
.header-logo a img {
	max-width:200px;
}
 .vidContainer {
	 height: 200px; /* Set your desired fixed height */
	 width: 100%; /* Or a fixed width, depending on your layout */
	 /* Optional: Add a background color to see the empty space */
	 background-color: black; 
}

.vidContainer video {
	width: 100%;
	height: 100%;
	object-fit: contain; /* Ensures the entire video is visible */
}


@media(max-width:768px) {
	.header-logo img {
		width: 260px;
	}
	.grid {
		grid-template-columns: repeat(2, 1fr);
	}	
}