/* Global Styles */
body {
	margin: 0;
	font-family: 'Marcellus', serif;
	overflow-x: hidden;
}

h1,
h2 {
	font-family: 'Marcellus', serif;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background-color: #6f9a37;
	color: white;
	position: relative;
}

.header .logo img {
	height: 50px;
}

.logo {
	display: flex;
	align-items: center;
	gap: 20px;
}
.logo-text {
	font-size: 1.5rem;
	font-weight: 500;
	color: #fcfcfc; /* Match with the overall theme */

	line-height: 1.1; /* Ensures the text is evenly spaced vertically */

	align-items: center; /* Vertically centers the text if there's only one line */
	padding-top: 5px; /* Optional: Adds extra top spacing for perfect balance */
	padding-bottom: 5px; /* Optional: Adds extra bottom spacing for perfect balance */
}
/* Menu styling */
.menu {
	display: flex;
	gap: 20px;
	list-style: none;
}

.menu li {
	position: relative;
}

.menu a {
	text-decoration: none;
	color: white;
	font-size: 18px;
	padding: 5px 10px;
	transition: background-color 0.3s ease;
}

.menu a:hover {
	background-color: #6f9a37;
	border-radius: 4px;
}

/* Submenu styling */
.menu .submenu {
	display: none;
	list-style: none;
	background-color: #6f9a37;
	color: black;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	z-index: 1000;
	width: 200px;
}

.menu .submenu li {
	white-space: nowrap;
}

.menu .submenu a {
	color: white;
	padding: 5px 15px;
	display: block;
}

.menu .submenu a:hover {
	background-color: #6f9a37;
}

/* Show submenu on hover (desktop view) */
.menu li:hover .submenu {
	display: block;
}

/* Hamburger menu */
.hamburger {
	display: none;
	flex-direction: column;
	cursor: pointer;
}

.hamburger div {
	background-color: white;
	height: 3px;
	width: 25px;
	margin: 3px 0;
}

/* Mobile menu toggle */
#menu-toggle {
	display: none;
}

@media (max-width: 768px) {
	.menu {
		display: none;
		flex-direction: column;
		background-color: #6f9a37;
		position: absolute;
		top: 100%;
		right: 0;
		width: 250px;
		padding: 20px 0;
		z-index: 1000;
		margin-top: -1px;
		animation: slideIn 0.3s ease-in-out;
	}

	.menu li {
		margin: 10px 0;
		text-align: center;
	}

	.menu .submenu {
		display: none;
		position: relative;
		background-color: #6f9a37;
		width: 100%;
		left: 0;
		top: 0;
	}

	/* Show menu when checked */
	#menu-toggle:checked + .hamburger + .menu {
		display: flex;
	}

	.hamburger {
		display: flex;
	}

	/* Show submenu on click in mobile */
	.menu li.active .submenu {
		display: block;
	}
}

/* Animation */
@keyframes slideIn {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}
/* Hero Section */
.hero {
	position: relative;
	height: 90vh;
	background: url('../images/hero.jpg') no-repeat center center/cover;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
}

.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
}

.navbar .logo {
	font-size: 24px;
	font-weight: bold;
}
.logo img {
	height: 60px; /* Set the desired height for the logo */
	width: auto; /* Maintain aspect ratio */
	display: block; /* Ensure proper layout */
}

.navbar ul {
	display: flex;
	list-style: none;
	padding: 0;
}

.navbar ul li {
	margin: 0 15px;
}

.navbar ul li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}

.taglines {
	position: absolute;
	bottom: 20%;
	left: 10%;
}

.taglines h1 {
	font-size: 3rem;
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-weight: 500;
}

.taglines p {
	font-size: 16px;
	margin: 10px 0;
}
.taglines {
	font-family: 'Marcellus', serif;
	font-size: 2.5rem; /* Adjust as per design */
	font-weight: 500;
	color: #fff; /* Ensure the color matches */
}

/* For smaller tagline (Playfair Display) */
.hero-subtext {
	font-family: 'Playfair Display', serif;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
}

.appointment-btn {
	padding: 10px 20px;
	background-color: #6f9a37;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 25px;
}

/* Exceptional Experience Section */
.experience {
	background-color: #6f9a37;
	/* Green background as per the screenshot */
	text-align: center;
	padding: 40px 20px;
	font-size: 15px;
}

.experience h2 {
	margin-bottom: 20px;
	color: black;
	font-size: 40px;
	font-weight: normal;
}

/* Carousel Styling */
.carousel {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	/* Ensures carousel adapts to the screen size */
}

.carousel-container {
	display: flex;
	width: calc(200px * 12);
	height: 350px;
	/* Total width of all cards */
	animation: slideCarousel 40s linear infinite;
	/* Smooth continuous scrolling */
}

@keyframes slideCarousel {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-200px * 12));
		/* Shift the width of all cards */
	}
}

.card {
	flex: 0 0 200px;
	/* Card width */
	margin: 10px;
	text-align: center;
	background: #fff;
	padding: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.card img {
	width: 100%;
	height: auto;
}

/* Responsive Adjustments for Smaller Screens */
@media (max-width: 768px) {
	.carousel-container {
		width: calc(150px * 12);
		/* Adjust for smaller card widths */
		animation: slideCarousel 50s linear infinite;
		/* Keep scrolling consistent */
		height: 262px;
	}

	.card {
		flex: 0 0 150px;
		/* Reduce card width */
		padding: 10px;
	}

	.card img {
		width: 100%;
		height: auto;
	}

	.unique-slider-title2 {
		font-size: 2rem;
		font-weight: normal;
		margin-bottom: 10px;
		margin-right: 54%;
		font-family: 'Marcellus', serif;
	}
	.unique-slider-description {
		font-size: 1rem;
		color: #666;
		/* margin-bottom: 19px; */
		margin-top: -60px;
		text-align: left;
		margin-left: 15%;
	}
}
.strength-section {
	width: 100%;
	padding: 20px;
	background: url('back1.jpg') center/cover no-repeat;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	text-align: center;
	box-sizing: border-box;
}

.strength-heading {
	text-align: left;
	font-size: 3rem;
	/* Adjusted for scalability */
	font-weight: 500;
	margin-bottom: 10px;
	margin-left: 5%;
	color: #131212;
}

.strength-image-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 90%;
	/* Fluid width */
	max-width: 1600px;
	/* Max constraint for extra-large screens */
	margin: 0 auto 20px;
	position: relative;
	margin-bottom: -50px;
	gap: 20px;
	/* Add spacing between elements */
}

.strength-small-image-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: auto;
	position: relative;
}

.strength-small-image-text {
	margin: 20px auto;
	text-align: justify;
	width: 80%;
	font-size: 1.2rem;
	font-weight: 100;
	line-height: 1.6;
	color: #7f8f6b;
}

.strength-large-image {
	width: 100%;
	max-width: 490px;
	margin-bottom: -93px;
	/* height: auto; */
	height: 631px;
	margin-bottom: 10px;
	margin: -163px auto;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.strength-small-image {
	width: 100%;
	max-width: 375px;
	height: 400px;
	margin: 20px;
	object-fit: cover;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.strength-section a {
	position: relative;
	z-index: 10;
	display: inline-block;
}

.strength-button {
	padding: 15px 30px;
	font-size: 1rem;
	color: #fff;
	background-color: #6f9a37;
	border: none;
	margin: 20px auto;
	border-radius: 35px;
	cursor: pointer;
	margin-left: 671px;
	transition: background-color 0.3s;
	display: inline-block;
	position: relative;
	z-index: 10;
}

.strength-button:hover {
	background-color: #0056b3;
}

/* Responsive adjustments for medium to large screens */
@media (max-width: 1200px) {
	.strength-heading {
		font-size: 2.5rem;
		text-align: left;
	}

	.strength-large-image {
		width: 50%;
		max-width: 490px;
		margin-bottom: -93px;
		/* height: auto; */
		height: 525px;
		margin-bottom: 10px;
		margin: 21px auto;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
}

/* Responsive adjustments for tablets */
/* For screens up to 769px */
@media (max-width: 769px) {
	.strength-heading {
		font-size: 2rem;
		/* Scale down the heading */
		text-align: center;
		/* Center-align for better readability */
		margin: 10px 0;
	}

	.strength-image-container {
		flex-direction: column;
		/* Stack images vertically */
		align-items: center;
		/* Center images */
		gap: 30px;
		/* Add spacing between images */
		width: 100%;
		/* Ensure container spans full width */
	}

	.strength-small-image {
		width: 90%;
		/* Adjust to fit the container */
		max-width: 350px;
		/* Slightly larger than mobile */
		height: auto;
		/* Maintain aspect ratio */
		margin: 10px auto;
		/* Center-align */
	}

	.strength-large-image {
		width: 90%;
		/* Adjust to fit the container */
		max-width: 400px;
		/* Slightly larger than mobile */
		height: auto;
		/* Maintain aspect ratio */
		margin: 20px auto;
		/* Center-align with margin */
		position: relative;
		/* Ensure no overlap */
		transform: none;
		/* Remove transformations */
	}

	.strength-small-image-text {
		font-size: 1rem;
		/* Scale text size for smaller screens */
		width: 90%;
		/* Fit text within the screen */
		margin: 10px auto;
		/* Center-align */
	}

	.strength-button {
		font-size: 1rem;
		/* Adjust font size */
		padding: 12px 20px;
		/* Scale button size */
		width: 90%;
		/* Ensure button fits screen width */
		max-width: 350px;
		margin: 60px auto;
		/* Center-align */
	}
}

/* Responsive adjustments for mobile devices */
@media (max-width: 480px) {
	.strength-small-image {
		width: 90%;
		/* Adjust width to fit the container */
		max-width: 300px;
		height: auto;
		/* Maintain aspect ratio */
		margin: 10px auto;
		/* Center alignment with margin */
	}

	.strength-large-image {
		width: 90%;
		/* Adjust width to fit the container */
		max-width: 300px;
		height: auto;
		/* Maintain aspect ratio */
		margin: 20px auto;
		/* Center alignment with margin */
		position: relative;
		/* Ensure no overlap */
		transform: none;
		/* Remove any transformations */
	}

	.strength-image-container {
		flex-direction: column;
		/* Stack images vertically */
		align-items: center;
		/* Center images */
		gap: 20px;
		/* Add spacing between images */
	}

	.strength-heading {
		font-size: 32px;
		/* Scale down heading for smaller screens */
		text-align: center;
		margin: 10px 0;
	}

	.strength-button {
		font-size: 0.9rem;
		padding: 10px 20px;
		width: 90%;
		max-width: 300px;
		margin: 60px auto;
	}
}

/* For extra-large screens */
@media (min-width: 1600px) {
	.strength-image-container {
		max-width: 1800px;
		gap: 40px;
	}

	.strength-heading {
		font-size: 4rem;
	}

	.strength-small-image,
	.strength-large-image {
		max-width: 600px;
		/* Scale images for larger screens */
	}
}

.unique-slider-section {
	padding-top: 50px;
	padding-bottom: 60px;
	text-align: center;
	background-color: #d5d8b1;
	/* Keeping the background color */
}

.unique-slider-title {
	font-size: 1rem;
	font-weight: normal;
	margin-bottom: -36px;
	margin-right: 68%;
	font-family: 'Marcellus', serif;
}

.unique-slider-title2 {
	font-size: 4rem;
	font-weight: normal;
	margin-bottom: 10px;
	margin-right: 54%;
	margin-left: 50px;
	font-family: 'Marcellus', serif;
}

.unique-slider-description {
	font-size: 1rem;
	color: #666;
	margin-top: -60px;
	text-align: left;
	margin-left: 39%;
}

.unique-slider-container {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	/* Ensures responsive layout */
}

.unique-card {
	width: 15%;
	/* Fixed card width */
	background-color: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	margin-bottom: 30px;
	/* Spacing between cards */
	text-align: center;
	padding: 15px;
	border-radius: 8px;
}

.unique-card img {
	width: 100%;
	height: 300px;
	display: block;
}

.unique-card-text {
	margin-top: 10px;
}

.unique-card-text span {
	font-size: 0.9rem;
	font-weight: bold;
	color: #666;
}

.unique-card-text p {
	font-size: 1.2rem;
	margin: 5px 0 0;
}

.unique-card-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 20px;
	background-color: #6f9a37;
	color: white;
	font-size: 1rem;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

.unique-card-btn:hover {
	background-color: #6f9a37;
}

@media (max-width: 768px) {
	.unique-slider-container {
		justify-content: space-around;
	}

	.unique-card {
		width: 80%;
		/* Responsive card width */
	}
}

/* Styles for the section with background image */
.core-values-section {
	position: relative;
	background: url('../images/sec1.jpg') no-repeat center center;
	background-size: cover; /* Ensures the image covers the entire background */
	height: 90vh; /* Full viewport height */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; /* Ensure full width */
	margin: 0; /* Remove any margins */
	padding: 0; /* Remove any padding */
}

.section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2b4b02c7;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
}

.core-values-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center; /* Ensures the heading above the cards is centered */
	width: 100%; /* Full width */
}
.section-topheading {
	font-size: 2.5rem;
	margin-top: 10px;
	/* margin-bottom: 40px; */
	color: #cfc2b5;
	font-family: 'Corinthia', cursive;
	margin-bottom: -20px;
	width: 100%;
	text-align: center;
}
.section-heading {
	font-size: 2rem;
	/* margin-bottom: 40px; */
	color: #fffdfd;
	width: 100%; /* Ensure heading spans full width */
	text-align: center;
}

.value-card {
	background-color: #6f9a37;
	padding: 40px 20px 20px;
	border-radius: 8px;
	width: 300px;
	text-align: center;
	box-shadow: 0 4px 8px rgb(0 0 0 / 47%);
	position: relative;
	margin: 10px;
	transition: transform 0.3s ease;
}

.value-card h3 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 10px;
	color: #fffdfd;
}

.value-card p {
	font-size: 1.2rem;
	font-weight: 500;
	color: #fffdfd;
}

.value-card img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 15px;
}

/* Responsive design */
@media screen and (max-width: 1024px) {
	.value-card {
		width: 270px;
		padding: 30px 15px 15px;
	}
	.testimonial-card {
		max-width: 272px;
	}

	.section-overlay {
		padding: 10px;
	}

	.value-card img {
		width: 70px;
		height: 70px;
	}
}
@media screen and (max-width: 575px) {
	.core-values-section {
		height: 206vh;
	}
}
/* @media screen and (max-width: 885px){
            .core-values-section {
                height: 160vh ; 
            }
        } */
@media screen and (max-width: 768px) {
	.value-card {
		width: 179px;
		padding: 25px 15px 15px;
	}

	.value-card img {
		width: 60px;
		height: 60px;
	}

	.section-overlay {
		padding: 20px;
	}

	.unique-slider-title2 {
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 5px;
		margin-top: 37px;
		margin-left: 30px;
		margin-right: 188px;
	}

	.unique-slider-title {
		font-size: 10px;
		margin-left: 14px;
		content-visibility: hidden;
	}

	.unique-slider-description {
		font-size: 1rem;
		margin-right: 7px;
		margin-left: 28px;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.unique-card {
		margin-top: 10px;
	}

	/* .section-heading{
              margin-top: 50px;
            } */

	.core-values-section {
		height: 120vh;
	}
}

@media screen and (max-width: 480px) {
	/* .core-values-section {
                height: 206vh !important; 
            } */
	.value-card {
		width: 100% !important;
		margin: 10px 0;
		padding: 20px 10px 10px;
	}
	.section-heading {
		font-size: 25px !important;
		/* text-align: left; */
	}

	.value-card img {
		width: 50px;
		height: 50px;
	}

	.core-values-section {
		height: 162vh;
	}
}
.testimonial-section {
	background: url('background-image.jpg') no-repeat center center/cover;
	padding: 50px 0;
	color: white;
	text-align: center;
}

.testimonial-section h2 {
	margin-bottom: 30px;
	font-size: 2rem;
	color: #333;
}

.custom-carousel-container {
	max-width: 80%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding: 40px 0;
}

.custom-carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.testimonial-card {
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	max-width: 350px;
	padding: 40px 30px 20px;
	position: relative;
	text-align: center;
	margin: 0 10px;
	flex: 0 0 auto;
	color: #333;
}

.quotation-icon {
	font-size: 76px;
	color: #8b7d1a;
	margin-bottom: -30px;
}

.testimonial-content {
	font-size: 1.1rem;
	margin-bottom: 20px;
	color: #555;
}

.client-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.client-image {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	margin-right: 10px;
}

.client-name {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
}

.custom-carousel-btn-container {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.custom-carousel-btn {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 10px;
	transition: background-color 0.3s;
}

.custom-carousel-btn:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.testimonial-card {
		max-width: 100%;
		margin: 0 5px;
	}
}

@media screen and (max-width: 400px) {
	.core-values-section {
		height: 200vh;
	}
	.hero {
		position: relative;
		height: 70vh;
		background: url('../images/hero.jpg') no-repeat center center / cover;
	}
}
/* tstimonials part */
.testimonial-section {
	background: url('background-image.jpg') no-repeat center center/cover;
	padding: 50px 0;
	color: white;
	text-align: center;
}

.testimonial-section h2 {
	margin-bottom: 30px;
	font-size: 2rem;
	color: #333;
}

.custom-carousel-container {
	max-width: 68%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding: 40px 0;
}

.custom-carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.testimonial-card {
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	max-width: 350px;
	padding: 40px 30px 20px;
	position: relative;
	text-align: center;
	margin: 0 10px;
	flex: 0 0 auto;
	color: #333;
}

.quotation-icon {
	font-size: 76px;
	color: #8b7d1a;
	margin-bottom: -30px;
}

.testimonial-content {
	font-size: 1.1rem;
	margin-bottom: 20px;
	color: #555;
}

.client-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.client-image {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	margin-right: 10px;
}

.client-name {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
}

.custom-carousel-btn-container {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.custom-carousel-btn {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 10px;
	transition: background-color 0.3s;
}

.custom-carousel-btn:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.testimonial-card {
		max-width: 100%;
		margin: 0 5px;
	}
}

.custom-carousel-container {
	width: 760px;
	/* 2 cards (350px each + 2x10px margin) = 370 * 2 */
	margin: auto;
	overflow: hidden;
	position: relative;
	padding: 40px 0;
}

.testimonial-card {
	width: 320px;
	margin: 0 10px;
	/* spacing on left and right */
	flex-shrink: 0;
	background: white;
	padding: 40px 30px 20px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-carousel-track {
	display: flex;
	width: calc(370px * 6);
	/* 6 cards * (card width + margin) */
	transition: transform 0.5s ease-in-out;
}

/* Footer styling*/
.footer {
	/* background-image: url('footer.png'); */
	background-color: #79a232; /* Match the green color */
	color: #fff;
	padding: 5px 20px;
	overflow-x: hidden;
}

.footer-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}

.footer-column {
	flex: 1;
	min-width: 200px;
	margin-left: 33px;
}

.footer-column h3 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #fff;
}

.footer-column ul {
	list-style: none;
	padding: 0;
}

.footer-column ul li {
	margin-bottom: 10px;
	color: #fff;
}

.footer-column ul li a {
	text-decoration: none;
	color: #fff;
}

.footer-column ul li a:hover {
	text-decoration: underline;
}

.footer-column p {
	font-size: 16px;
	margin-bottom: 10px;
}

.footer-column form {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.footer-column input[type='email'] {
	padding: 10px;
	border: none;
	border-radius: 5px;
	flex: 1;
}

.footer-column button {
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	background-color: #c2a583; /* Match the beige color */
	color: #333;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.footer-column button:hover {
	background-color: #b39572;
}

/* Footer Bottom Section */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	border-top: 1px solid #fff;
	padding-top: 10px;
}

.footer-bottom p {
	font-size: 12px;
	margin-bottom: 0px;
}

.social-icons {
	margin-top: 20px;
	/* display: inline-block; */
}
.social-icons a {
	margin: 0 10px;
	color: white;
	text-decoration: none;
	font-size: 20px;
	transition: color 0.3s;
}

.social-icons a:hover {
	color: #00aced; /* Change to desired hover color */
}
.social-icons img {
	width: 20px;
	height: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
	.footer-container {
		flex-direction: column;
		text-align: center;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
		margin-bottom: 10px;
		/* gap: 10px; */
	}

	.footer-column {
		min-width: 100%;
		margin-left: 0px;
		justify-items: center;
	}
}

@media screen and (max-width: 900px) {
	/* .strength-large-image {
    width: 490px;
    height: 600px;
    margin-right: 0px;
    margin-top: -215px;
} */
	.core-values-section {
		height: 656vh;
	}
}

/* @media screen and (min-width: 1201px) {
  .strength-large-image {
    width: 600px;
    height: 680px;
    object-fit: cover;
    margin-right: -190px;
    margin-top: -215px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(30px);
  }
}

@media screen and (min-width: 900){
  .strength-small-image {
    width: 375px;
    height: 400px;
    /* margin-left: 151px; */
/* margin-top: 100px;
    margin-bottom: -66px;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}  */
a {
	text-decoration: none;
}
/* Sticky WhatsApp Icon Styling */
.whatsapp-icon {
	position: fixed;
	bottom: 80px; /* Increased distance from bottom for better spacing */
	right: 20px; /* Distance from right */
	z-index: 1000;
	border-radius: 50%;
	padding: 0px;
	transition: transform 0.3s ease;
}

.whatsapp-icon:hover {
	transform: scale(1.1);
}

.whatsapp-icon img {
	width: 60px; /* Default size for the logo */
	height: 60px;
}

/* Responsive Styling */
@media (max-width: 768px) {
	.whatsapp-icon {
		bottom: 250px; /* Increased spacing for smaller screens */
		right: 15px;
		padding: 6px; /* Adjust padding */
	}

	.whatsapp-icon img {
		width: 55px; /* Smaller logo for mobile */
		height: 55px;
	}
}

@media (max-width: 480px) {
	.whatsapp-icon {
		bottom: 120px; /* Increased spacing for very small screens */
		right: 10px;
		padding: 2px;
	}

	.whatsapp-icon img {
		width: 40px; /* Adjust logo size */
		height: 40px;
	}
}
@media (max-width: 131px) {
	.unique-card img {
		width: 100%;
		height: 185px;
		display: block;
	}
	.unique-slider-title2 {
		font-size: 40px;
		margin-right: 59%;
	}

	.core-values-section {
		height: 146vh;
	}

	.value-card {
		width: 274px;
	}
	.custom-carousel-container {
		max-width: 76%;
	}

	.testimonial-card {
		max-width: 353px;
	}
	.strength-heading {
		font-size: 40px;
	}
}
@media screen and (max-width: 2560px) {
	.unique-slider-title {
		font-size: 1rem;
		margin-right: 64%;
	}
}

@media (max-width: 1440px) {
	.unique-card img {
		width: 100%;
		height: 185px;
		display: block;
	}

	.core-values-section {
		height: 110vh;
	}
	.testimonial-card {
		max-width: 412px;
	}
	.unique-slider-title2 {
		font-size: 3rem;
		margin-bottom: 0px;
		margin-right: 60%;
		text-align: left;
	}
}

@media screen and (max-width: 1024px) {
	.testimonial-card {
		max-width: 270px;
	}
}

@media screen and (max-width: 768px) {
	.core-values-section {
		height: 125vh;
	}

	.custom-carousel-container {
		max-width: 85%;
	}

	.unique-slider-title {
		content-visibility: hidden;
	}
}
@media screen and (max-width: 652px) {
	.value-card {
		width: 140px;
		padding: 25px 15px 15px;
	}
	.value-card p {
		font-size: 14px;
	}
	.core-values-section {
		height: 180vh;
	}
}

@media screen and (max-width: 320px) {
	.taglines h1 {
		font-size: 2rem;
	}
	.unique-slider-title2 {
		font-size: 2rem;
		text-align: left;
		margin-left: 24px;
		margin-bottom: 10px;
	}
	.unique-slider-title {
		content-visibility: hidden;
	}
	.core-values-section {
		height: 245vh !important;
	}

	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media screen and (max-width: 360px) {
	.core-values-section {
		height: 170vh;
	}

	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media screen and (max-width: 375px) {
	.core-values-section {
		height: 235vh !important;
	}

	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media screen and (max-width: 320px) {
	.core-values-section {
		height: 250vh !important;
	}

	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media screen and (max-width: 393px) {
	.core-values-section {
		height: 219vh;
	}
	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media screen and (max-width: 425px) {
	.core-values-section {
		height: 219vh;
	}
	.unique-slider-title {
		content-visibility: hidden;
	}
}

@media only screen and (device-width: 428px) and (device-height: 926px) {
	.core-values-section {
		height: 125vh;
	}
}

/* ======================= hover effect of redirecting to Xlmanagment services from copyrights=========== */

.xl-credit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	/* No underline */
	color: #f2f2f2;
	/* Default color */
	font-size: 12px;
	font-family: 'Marcellus', serif;
	transition: color 0.3s ease;
}

.xl-credit:hover {
	color: #385210;
	/* Hover color (adjust to match your design) */
}

.xl-logo {
	height: 22px;
	/* ✅ Fixes giant size */
	width: auto;
	max-width: 100%;
	/* Prevents overflow */
	object-fit: contain;
	display: inline-block;
}

/* ======================= Scroll to Top Button Styling ======================= */
.scroll-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	display: none;
	background-color: #1beb08;
	color: white;
	border: none;
	border-radius: 45%;
	width: 45px;
	height: 45px;
	font-size: 15px;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	outline: none;
	opacity: 0.9;
}

.scroll-to-top:hover {
	background-color: #3af700;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
	opacity: 1;
}

.scroll-to-top:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Mobile responsiveness for scroll-to-top button */
@media (max-width: 768px) {
	.scroll-to-top {
		bottom: 20px;
		right: 20px;
		width: 45px;
		height: 45px;
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.scroll-to-top {
		bottom: 75px;
		right: 15px;
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}

/* Phone link behavior - disable on desktop, enable on mobile */
@media (min-width: 768px) {
	.phone-link {
		pointer-events: none;
		cursor: default;
	}
}

@media (max-width: 767px) {
	.phone-link {
		pointer-events: auto;
		cursor: pointer;
	}
}