/* Add here all your CSS customizations */

.tp-bgimg.defaultimg {
    opacity: 0.3 !important;
}

.team img{
    border-radius: 100%;
    width: 90%;
    margin: auto;
    border: solid 8px #ccc;
}

.chairman img{
    border-radius: 100%;
    border: solid 8px #ccc;
}

.about-page-top>img, .contact-page-top>img {
    height: auto;
    width: 100vw;
}

.page-main-content {
	margin-top: 50px;
}

.about-page-top {
	background-image: url('../img/About_Us_SPK_2.png'); /* Dummy image */
	background-size: cover;
	background-position: center;
	height: 360px;
}

.contact-page-top {
	background-image: url('../img/spk_contact_us.png'); /* Dummy image */
	background-size: cover;
	background-position: center;
	height: 400px;
}

@media (max-width: 820px) {
	.about-page-top {
		background-size: cover; /* Ensures the image scales down appropriately */
		background-position: center;
		height: 200px; /* Reduce height for smaller screens */
	}
}

/* Optional media query for even smaller screens */
@media (max-width: 576px) {
	.about-page-top {
		background-size: cover; /* More scaling for smaller phones */
		background-position: top center; /* Position image to show the top */
		height: 110px; /* Further reduce height */
	}
}

@media (max-width: 820px) {
	.contact-page-top {
		background-size: cover; /* Ensures the image scales down appropriately */
		background-position: center;
		height: 250px; /* Reduce height for smaller screens */
	}
}

/* Optional media query for even smaller screens */
@media (max-width: 576px) {
	.contact-page-top {
		background-size: cover; /* More scaling for smaller phones */
		background-position: top center; /* Position image to show the top */
		height: 150px; /* Further reduce height */
	}
}


.about-page-mid-content {
	margin-top: 50px;
	background: #f4f4f4;
}

.about-page-mid-content-text {
	padding: 20px;
}

.about-page-mid-content-image {
	background-image: url('../img/About_Us_SPK.png'); /* Dummy image */
	background-size: cover;
	background-position: center;
}

.equal-height-row {
	display: flex;
}

@media (max-width: 576px) {
	.about-page-mid-content-image {
		display: none;
	}
}