body, html {
	margin: 0;
	padding: 0;
	background-color: #fff;
/* Set the main background color of the site to white */
}

header {
	position: relative;
	z-index: 1000;
	background-color: #fff;
	padding: 10px 20px;
	display: flex;
	justify-content: center;
/* Center the logo */
}

.header-content {
	display: flex;
	margin-top: 20px;
	align-items: center;
	width: 100%;
	max-width: 1200px;
/* Adjust as needed */
	position: relative;
/* Ensure positioning context */
}

.social-media-container {
	position: absolute;
	top: 5px;
	left: 20px;
	display: flex;
	align-items: center;
}

.social-media {
	display: flex;
	align-items: center;
}

.social-media a {
	margin-left: 10px;
/* Space between social media icons */
}

.social-media img {
	height: 40px;
/* Adjust size of social media icons */
	width: auto;
}

.logo-container {
	text-align: center;
	flex: 1;
}

.logo-container img {
	height: 70px;
/* Adjust size as needed */
	width: auto;
}

.contact-info {
	position: absolute;
	top: 10px;
	right: 20px;
	display: flex;
	align-items: center;
}

.phone-number {
	margin-left: 20px;
/* Space between phone number and social media icons */
}

.navbar-wrapper {
	background-color: #fff;
/* Background color for the navbar */
	padding: 10px 20px;
/* Optional padding for spacing */
	margin-bottom: 0;
	margin-top: 0;
}

.navbar {
	background-color: transparent;
/* Ensure no additional background color */
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
/* Reset padding if needed */
}

.navbar-menu {
	list-style: none;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.navbar-menu li {
	margin: 25px;
	margin-bottom: 0;
	margin-top: 0;
}

.navbar-menu a {
	color: #111;
/* Text color for the links */
	text-decoration: none;
	font-size: 16px;
	padding: 5px 10px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.navbar-menu a:hover {
	background-color: #555;
/* Background color on hover */
	border-radius: 4px;
	margin-bottom: 0;
	margin-top: 0;
}

.content-wrapper {
	padding: 0 20px;
/* Add padding to the left and right */
}

.container {
	display: flex;
	height: 80vh;
/* Adjust height as needed */
	width: 100%;
/* Full width of the container */
	max-width: 1200px;
/* Set a maximum width */
	margin: 0 auto;
/* Center the container horizontally */
}

.video-container {
	flex: 1;
	background-color: #fff;
/* Set the background color to yellow */
	overflow: hidden;
	position: relative;
}

.video-container iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
/* Ensure iframe fills the container */
	top: 0;
	left: 0;
}

.text-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 25px;
	box-sizing: border-box;
	position: relative;
	background-color: #ffffff;
/* Clean background color */
}

.text-container h1 {
	color: #000;
/* Big text color (black) */
	margin-bottom: 10px;
}

.text-container p {
	color: #666;
/* Slightly lighter color for the lower text */
	margin-bottom: 20px;
}

.cta-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #0073e6;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

.cta-button:hover {
	background-color: #005bb5;
}

/* General styling for the container */
.rectangle-container99 {
	width: 100%;
	background-color: #fff;
/* Set the background color to white */
	border-radius: 8px;
/* Rounded corners */
/* Light shadow for depth */
	box-sizing: border-box;
/* Ensure padding and border are included in the total width */
	padding: 20px;
	margin: 0;
/* Remove default margin */
}

/* Centering the content within the container */
.content-wrapper99 {
	max-width: 800px;
/* Maximum width of content */
	margin: 0 auto;
/* Center the content horizontally */
	text-align: center;
/* Center align text */
}

/* Styling for the heading */
.heading99 {
	font-size: 24px;
/* Adjust font size */
	color: #333;
/* Dark color for readability */
	margin-bottom: 20px;
/* Space below the heading */
}

/* Styling for the text content */
.text-content99 {
	font-size: 16px;
/* Adjust font size */
	color: #555;
/* Slightly lighter color for text */
	margin-bottom: 20px;
/* Space below the text */
	line-height: 1.6;
/* Line spacing for readability */
}

/* Styling for the call-to-action button */
.cta-button99 {
	display: inline-block;
	padding: 12px 20px;
/* Padding inside the button */
	background-color: #0073e6;
/* Primary color */
	color: #fff;
/* Text color */
	text-decoration: none;
/* Remove underline */
	font-size: 16px;
/* Font size */
	border-radius: 4px;
/* Rounded corners */
	transition: background-color .3s ease;
/* Smooth color transition on hover */
}

.cta-button99:hover {
	background-color: #005bb5;
/* Darker shade on hover */
}

.vertical-rectangles-wrapper {
	display: flex;
	justify-content: center;
	gap: 35px;
/* Increased space between rectangles */
	padding: 0 20px;
/* Padding on left and right */
	margin-top: 20px;
/* Adjust spacing as needed */
}

.rectangle-item {
	position: relative;
	margin-top: 30px;
	width: 300px;
/* Adjust width as needed */
	height: 500px;
/* Adjust height as needed */
	overflow: hidden;
	border-radius: 8px;
/* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Light shadow for depth */
	transition: transform .3s ease, box-shadow .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rectangle-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
/* Ensures image covers the container */
	display: block;
	transition: opacity .3s ease;
}

.rectangle-text {
	position: absolute;
	color: #fff;
/* Text color */
	font-size: 24px;
/* Adjust font size */
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.5);
/* Background color with transparency */
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	max-width: 80%;
/* Ensure text fits within the container */
}

.rectangle-item:hover {
	transform: scale(1.05);
/* Slightly enlarge on hover */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
/* Darker shadow on hover */
}

.rectangle-item:hover img {
	opacity: .7;
/* Make image slightly transparent on hover */
}

.connect-with-us {
	text-align: center;
	padding: 20px;
	background-color: #fff;
/* Light grey background */
	border-radius: 8px;
/* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Light shadow for depth */
	margin: 20px 0;
/* Spacing above and below the block */
}

.connect-text {
	font-size: 14px;
/* Small text size */
	color: #aaa;
/* Light grey color */
	margin-bottom: 10px;
/* Space below the text */
}

.social-media-icons {
	display: flex;
	justify-content: center;
	gap: 10px;
/* Space between icons */
}

.social-icon img {
	height: 40px;
	opacity: .9;
/* Adjust size of social media icons */
	width: auto;
	transition: opacity .3s ease;
}

.social-icon:hover img {
	opacity: .8;
/* Slightly transparent on hover */
}

.copyright-text {
	font-size: 12px;
	opacity: .9;
}






















/* General Section Styles */
.section-about {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.container-about {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Section Title */
.section-title-about {
    text-align: center;
    font-size: 36px;
    color: #333;
    margin-bottom: 40px;
}

/* Content Cards */
.content-cards-about {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px; /* Increase gap between grid cells */
}

/* Grid Cells */
.grid-cell-about {
    flex: 1 1 calc(33.333% - 40px); /* Increase space between cells */
    max-width: calc(33.333% - 40px);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 40px; /* Increase bottom margin */
}

/* Content Card */
.content-card-about {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px; /* Increase padding for more space inside the card */
}

/* Card Header */
.card-header-about {
    margin-bottom: 20px;
}

.card-title-about {
    font-size: 24px;
    color: #333;
    margin: 0;
}

/* Card Text */
.card-text-about {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Card Footer */
.card-footer-about {
    text-align: center;
}

.btn-secondary-about {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073e6;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.btn-secondary-about:hover {
    background-color: #005bb5;
}