/*!
Theme Name: EMC
Theme URI: http://underscores.me/
Author: Eminence Consultancy
Author URI: https://emcuae.ae/
Description: Eminence Consultancy (EMC) is an versatile consulting firm providing documentation, implementation, certification assistance, periodic internal audit, management review and corrective action to management system standards.
Version: 2.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eminence-consultancy
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.

EMC is based on Underscores https://underscores.me/, (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
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document

/**
* Add the correct display in IE 10+.
*/
template {
	display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}



/* Elements
--------------------------------------------- */
body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background-color: #fff; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0em;

}

ul {
	list-style: disc;
	list-style-image: url('/wp-content/uploads/2025/03/mingcute_checkbox-fill.png');
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	/* 	color: #333; */
	text-decoration: none;
}

a:visited {
	/* 	color: #800080; */
}

a:hover,
a:focus,
a:active {
	color: #24A9E1 !important;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


/* Navigation
--------------------------------------------- */





/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}
.whatsapp-button {
	position: fixed;
	bottom: 20px; /* Adjust as per your need */
	right: 20px; /* Adjust as per your need */
	width: 60px;
	height: 60px;
	background-color: #25D366; /* Change color as needed */
	border-radius: 50%;
	text-align: center;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	z-index: 1000;
	cursor: pointer;
}

.whatsapp-button i {
	font-size: 30px;
	line-height: 60px;
	color: #fff; /* Change icon color as needed */
}
/* Captions
--------------------------------------------- */


/* Galleries
--------------------------------------------- */


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}
.site-footer {
	background: #E4F8FF;
	padding: 40px 0 0 0;
}
.footer__section {
	padding-top: 40px;
	padding-bottom: 40px;
}
.site-footer ul   {
	list-style: none;
	margin: 0 0 1.5em 0em;
}
.site-footer h6   {
	font-family: "Lato", sans-serif;
	font-size: calc(14px + (16 - 14) * (100vw - 414px) / (1440 - 414));
	font-weight: 400;
	line-height: calc(24px + (53 - 24) * (100vw - 414px) / (1440 - 414));
	text-align: left;
	/* margin: 0 0 1.5em 0em; */
	color: #24A9E1;

}
.site-footer .footer-list , .footer__inline-nav .footer-list, .lp-sec-2 .card-text {
	font-family: "Lato", sans-serif;
	margin: 0 0 0.7em 0em;
	text-decoration: none;
	font-size: calc(14px + (15 - 14) * (100vw - 414px) / (1440 - 414));
	font-weight: 400;
	line-height: calc(16px + (18 - 16) * (100vw - 414px) / (1440 - 414));
	text-align: left;
	color: #010204;
}
.footer__inline-nav .footer-list{
	color: #D9D9D9;
	margin: 0 0 0.0em 0em;
}
.footer__border-top {
	border-top: 1px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #007AA7;
}
.site-footer label {
	font-family: "Lato", sans-serif;
	font-size: calc(12px + (13 - 12) * (100vw - 414px) / (1440 - 414));
	font-weight: 400;
	line-height: calc(14px + (15 - 14) * (100vw - 414px) / (1440 - 414));
	text-align: left;
	color: #7F7E7E;


}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

@media (min-width: 1600px) {
	.container {
		max-width: 1610px;
		--bs-gutter-x: 38px;
	}
}
/* Default widths for all screen sizes */
.w-100 {
	width: 100% !important;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

/* Medium screen widths (md: 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	.w-md-100 {
		width: 100% !important;
	}

	.w-md-25 {
		width: 25% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}
}

/* Large screen widths (lg: 992px and above) */
@media (min-width: 992px) {
	.w-lg-100 {
		width: 100% !important;
	}

	.w-lg-25 {
		width: 25% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}
}


/* Navigation
--------------------------------------------- */


.image-box-n img {
	height: 600px;
	/* object-fit: cover; */
}
@media (min-width: 990px) {
	.image-box-n img {
		height: 900px;
	}

}

.lp-sec-3 .grid-containers, .lp-sec-7 .services-container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
	justify-content: center;
	grid-template-rows: auto;
	text-align: center;
}
@media (min-width: 768px) {
	.lp-sec-3 .grid-containers, .lp-sec-7 .services-container{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1024px) {
	.lp-sec-3 .grid-containers  {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1440px) {
	.lp-sec-3 .grid-containers {
		grid-template-columns: repeat(4	, 1fr);
	}
}
@media (min-width: 1440px) {
	.lp-sec-7 .services-container {
		grid-template-columns: repeat(3	, 1fr);
	}
}

.lp-sec-3 .grid-card {
	padding: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;

}
.lp-sec-8 .grid-card {
	border-right: 0.5px solid #0102044D;
}
.lp-sec-8 .grid-card:last-child {
	border-right: none;
}
.lp-sec-3 .grid-card img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.lp-sec-4, .lp-sec-6 {
	background: #EFFBFF;
	padding: 3rem 0;
}
.lp-sec-4 .about-text {
	background-image: url("/wp-content/themes/eminence-consultancy/Asset/VISION.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 50vh;
	padding: 20px;
	text-align: center;
}
/* .service-card {
background: #E4F8FF;
border-radius: 20px;
max-width: 100%;
height: auto;
}
.service-card.card:hover {
background: #24A9E1;
color: #FFFFFF;
}
.custom-border {
border: 4px solid #007AA7;
border-radius: 20px;
width: 59px;
}
.service-card.card:hover .custom-border{
border: 4px solid #FFFFFF;
}
.service-card.card:hover .description {
color: #FFFFFF;
}
.service-link {
margin-top: 1.5rem;
width: 40px;
height: 40px;
display: block;
background-color: #24A9E1;
margin-right: 0;
margin-left: auto;
border-radius: 50%;
}
.service-arrow {
--fa: "\f061";
color: #FFFFFF;
text-align: center;
padding: 13px 13px;
}
.service-card.card:hover .service-link {
background: #FFFFFF;
}
.service-card.card:hover .service-arrow {
color: #008BBF;
transform: rotate(-50deg);
transition: all 0.3s ease;

} */

.lp-sec-8 .grid-card img {
	/* width: 100%; */
	width: auto;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	border-radius: 5px;
	display: block;
	margin-right: 0;
	margin-bottom: 1.5rem;
}
/* contact form css  */
.contact-group {
	box-shadow: 0px 0px 60px 30px #00000008;
	border-radius: 10px;
	background: #FFFFFF;
	padding: 20px;
}
.service_category-2 .contact-group {
	background: #F2F1F6;
}
.contact-bg {
	background-image: url("/wp-content/uploads/2025/03/contact-form.png");
	background-repeat: no-repeat;
	background-position:inherit;
	background-size:auto;
	min-height: 528px;
	max-width: 100%;
	padding: 0 20px;
	border-radius: 10px;
}
.contact-bg-clr {
	background: linear-gradient(154deg, #24A9E1 0%, #007AA7 99.99%);
	padding: 20px 20px;
	border-radius: 10px 0px 0px 10px;
}

.banner-container, .banner-containers {
	position: relative;
	text-align: center;
	color: white;
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.service-box {
	position: relative;
	padding-bottom: clamp(6rem, 15vw, 10rem); /* Responsive padding */
	isolation: isolate; /* Creates new stacking context */
}

.service-box .card {
	--card-spacing: -2rem;
	--card-width: min(90%, 304px);
	position: absolute;
	bottom: calc(-1 * var(--card-spacing));
	left: 50%;
	transform: translateX(-50%);
	width: var(--card-width);
	background: #FFFFFF;
	padding: clamp(1.25rem, 3vw, 1.5rem);
	transition: all 0.3s ease;
	box-shadow: 0px 10px 20px 0px #C5C5C540;
	/* Card content layout */
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	border: none;

}

.service-box .card:hover {
	box-shadow: 0px 10px 20px 0px #C5C5C540;
	transform: translateX(-50%) translateY(-5px);
}



@media (min-width: 1200px) {
	.service-box .card {
		--card-width: 304px;
	}
}
.faq-container {
	display: flex;
	max-width: 100%;
	margin: auto;
}
.accordion {
	width: 40%;
	border-right: 2px solid #ddd;
}
.accordion-item {
	border: none;
}
.accordion-button {
	background: none;
	box-shadow: none;
	padding: 15px;
	font-weight: bold;
	color: #333;
}
.accordion-button::after {
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
}
.accordion-button:not(.collapsed) {
	background-color: #eef5ff;
	color: #007bff;
}
.faq-body {
	width: 60%;
	padding: 20px;
	border-left: 5px solid #007bff;
	background-color: #f8f9fa;
}
.faq-body h5 {
	font-weight: bold;
}
/* .carousel-caption {
top:20%;
bottom: 0;
} */
/* .top-banner {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
padding-top: 80px; 
padding-bottom: 80px;
}
*/
.sec-pad-top {
	padding-top: 60px;
}
.sec-pad-bottom {
	padding-bottom: 60px;
}
.baseclr, ul.sub-menu .baseclr a span {
	color :#24A9E1 !important;
}
ul.sub-menu .baseclr a span {
	font-weight: 900;
}

.black {
	color: #010204;
}
.heading {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: calc(26px + (34 - 26) * (100vw - 428px) / (1440 - 428));
	line-height: calc(32px + (40 - 32) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
}
.description {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (25 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color: #01020480;
}
.service-card-title {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: calc(18px + (20 - 18) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (25 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
}
.number-text {
	font-family: "Lato", sans-serif;;
	font-weight: 500;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (25 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color: #00577899;
}
.small-description {
	font-family: "Lato", sans-serif;;
	font-weight: 400;
	font-size: calc(12px + (14 - 12) * (100vw - 428px) / (1440 - 428));
	line-height: calc(14px + (17 - 14) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color: #01020480;
}
.gradient-text {
	line-height: calc(28px + (34 - 28) * (100vw - 428px) / (1440 - 428));
	background: linear-gradient(90deg, #24A9E1 28.6%, #00688F 72.1%, #24A9E1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0.5rem;
	display: block; /* Ensures full width */
}
.whiteclr {
	color: #FFFFFF !important;
}
.contact-text {
	font-family: "Lato", sans-serif;;
	font-weight: 600;
	font-size: calc(19px + (28 - 19) * (100vw - 428px) / (1440 - 428));
	line-height: calc(27px + (34 - 27) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0%;
}
.contact-card {
	display: flex;
	flex-direction: column;
	height: 75%;
	justify-content: space-around;	
}
.banner-heading {
	font-family: "Lato", sans-serif;;
	font-weight: 700;
	font-size: calc(26px + (45 - 26) * (100vw - 428px) / (1440 - 428));
	line-height: calc(32px + (54 - 32) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color: #FFFFFF;
}
.banner-details {
	font-family: "Lato", sans-serif;;
	font-weight: 400;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: calc(22px + (30 - 22) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;

}
.service-title {
	font-family: "Lato", sans-serif;;
	font-weight: 600;
	font-size: calc(16px + (18 - 16) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (26 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color:#000000;
}
.service-details {
	font-family: "Lato", sans-serif;;
	font-weight: 400;
	font-size: calc(12px + (14 - 12) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (26 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	color:#01020480;
}
.btn-service, .btn-service:visited {
	display: flex;
	justify-content: center;
	background: #F2F1F6;
	border-radius: 70px;
	width: 50%;
	text-align: center;
	color: #616161;
	font-family: "Lato", sans-serif;;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0%;
	text-align: center;

}
.service-box .card:hover .btn-service {
	background: linear-gradient(97.79deg, #24A9E1 9.25%, #006489 94.31%);
	color: #FFFFFF;
}

.banner-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000080; /* Semi-transparent black overlay */
}
.single-service-2 ul {margin-top: 3rem;}
.single-service-2 ul li {
	font-family: "Lato", sans-serif;;
	font-weight: 400;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: calc(20px + (26 - 20) * (100vw - 428px) / (1440 - 428));
	letter-spacing: 0px;
	margin-bottom: 1.5em;
	color: #010204;
}

.form__group {
	position: relative;
	padding: 20px 0 0;
	width: 100%;
	margin-bottom: 1.5rem;
}
.form-group label {
	display: block;
	margin-bottom: 5px;
	color: #717171;
	font-weight: 600;
	font-size: 12px;
}
#order-id.form-group textarea, .form-group textarea {
	width: 100%;
	padding: 12px 16px;
	border-radius: 8px;
	resize: none;
	color: #fff;
	height: 180px;
	border: 2px solid #9b9b9b;
	background-color: transparent;
	font-family: inherit;
}
#order-id.form-group textarea {
	color:#000000;
}

.form-group textarea:focus {
	outline: none;
	border: 1px solid #949494;
	box-shadow: 0px 4px 4px 0px #00000040;
	border-image: linear-gradient(to right, #f0f0f0, #fafcfc);
	border-image-slice: 1;

}

.form__field {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	width: 100%;
	border: none;
	border-bottom: 2px solid #9b9b9b;
	outline: 0;
	font-size: calc(15px + (17 - 15) * (100vw - 428px) / (1440 - 428));
	color: #fff;
	padding: 7px 0;
	background: transparent;
	transition: border-color 0.2s;
}

.form__field::placeholder {
	color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: calc(15px + (17 - 15) * (100vw - 428px) / (1440 - 428));
	cursor: text;
	top: 20px;
}

.form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: calc(15px + (17 - 15) * (100vw - 428px) / (1440 - 428));
	color: #8D8D8D;
	pointer-events: none;
}

.form__field:focus {
	padding-bottom: 6px;
	font-weight: 700;
	border-width: 3px;
	border-image: linear-gradient(to right, #f0f0f0, #fafcfc);
	border-image-slice: 1;
}

.form__field:focus ~ .form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: calc(15px + (17 - 15) * (100vw - 428px) / (1440 - 428));
	color: #8D8D8D;
	font-weight: 700;
}
.ap-sec-5 .form__field ,
.ap-sec-5 .form__field:placeholder-shown ~ .form__label,
.ap-sec-5 .form-group textarea {
	color: #000000;
}

.submitBtn {
	background: linear-gradient(97.79deg, #24A9E1 9.25%, #006489 94.31%);
	border-radius: 79px;
	box-shadow: 0px 0px 14px 0px #0000001F;
	color: #FFFFFF;
	font-family: "Lato", sans-serif;;
	font-weight: 500;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	padding: 20px 30px;
	border: none;
	cursor: pointer;
	display: block;
	margin-left: auto;
	margin-right: 0;
}
.quote-btn {
	background: linear-gradient(97.79deg, #24A9E1 9.25%, #006489 94.31%);
	color: #FFFFFF;
	font-family: "Lato", sans-serif;;
	font-weight: 500;
	font-size: calc(14px + (16 - 14) * (100vw - 428px) / (1440 - 428));
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	border-radius: 81px;
	box-shadow: 0px 10px 20px 0px rgba(0, 122, 167, 0.25);
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.touch-card {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 10px 0px 0px;
	--e-column-margin-right: 10px;
	--e-column-margin-left: 0px;
	border-radius: 10px 10px 10px 10px;
	padding: 30px 20px 30px 20px;
}
.touch-card .card-body {
	padding: 20px;
}
.location {
	font-size: 40px;
	color: #24A9E1;
	line-height: 54px;
}
.located {
	font-size: 20px;
	color: #24A9E1;
	/* line-height: 34px; */
}
.located-white {
	font-size: 20px;
	color: #FFFFFF;
}
.touch-card:hover {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DFDDDD;
	box-shadow: 0px -10px 0px 0px rgba(0, 174, 239, 1);
}
@media screen and (max-width: 990px) {
	.lp-sec-4 .about-text {
		background-position: top;
	}
	.lp-sec-8 .grid-card {
		border-right: none;
	}
	.contact-bg {
		background-size: 100% 100% !important;
		max-width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.h-50vh {
		height: 60vh;
	}
}
@media screen and (max-width: 576px) {
	.form__field {}
}






/* menu */
.body_overlay, .wp_mm_wrapper {
	display: none;
	visibility: hidden;
  opacity: 0;
}
.menu-primary-container {
	height: 70px;
}
ul.nav-menu {
	margin: 0 auto;
}
ul.nav-menu li {
	display: inline-block;
	position: static;
}
ul.nav-menu li a {
	line-height: normal;
	text-transform: capitalize;
	padding: 0 24px;
	font-weight: 500;
	letter-spacing: .5px;
	font-size: calc(14px + (18 - 14) * (100vw - 414px) / (1440 - 414));
	text-decoration: none;
	outline: 0;
	color: #666;
	position: relative;
	display: table-cell;
	height: 70px;
	vertical-align: middle;
	font-family: "Josefin Sans", sans-serif;
}
ul.nav-menu li a:hover {
	color: #24A9E1;
}
ul.nav-menu li.menu-item-has-children > a::after {
	font-family: "FontAwesome";
	content: "\f078";
	font-size: 12px;
	color: #666;
	padding-left: 5px;
}

/* ===========================
MEGA MENU - MIXED COLUMN LAYOUT
=========================== */
/* Show mega menu on hover */
ul.nav-menu > li.menu-item-has-children:hover > ul.sub-menu {
	display: block !important;
	/* 	visibility: visible;
	opacity: 1; */
}
/* Main mega menu container */
ul.nav-menu > li.menu-item-has-children > ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding: 40px 60px;
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
	z-index: 99;
	/* 	visibility: hidden;
	opacity: 0; */
	transition: opacity 0.3s ease;
	margin: 0px;
	height: auto;
}
/* Mega menu sections stacked vertically */
ul.nav-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children {
	margin-bottom: 40px;
	display: contents;
}
/* Section headings */
ul.sub-menu > li.menu-item-has-children > a {
	font-weight: 600;
	font-size: 18px;
	color: #24A9E1;
	border-bottom: 1px solid #D9D9D9;
	margin: 0px;
	padding: 0px;
	height: auto;
	text-transform: capitalize;
	display: block;
	margin: 60px 0 15px 0;
	margin-top: 60px;
}
ul.sub-menu > li.menu-item-has-children:first-child a {
	margin-top: 0;
}
ul.sub-menu > li.menu-item-has-children > a:after {
	content: none;
}
/* Submenu with 2 columns (for Consulting, Certification) */
ul.sub-menu > li.menu-item-has-children.consulting ul.sub-menu,
ul.sub-menu > li.menu-item-has-children.certification ul.sub-menu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
	padding: 0;
	margin: 0;
}
/* Submenu with 1 column (Sustainability, Security Assessment, etc.) */
ul.sub-menu > li.menu-item-has-children:not(.consulting):not(.certification) ul.sub-menu {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 0;
	margin: 0;
}
/* Submenu links */
ul.sub-menu > li.menu-item-has-children ul.sub-menu li {
	list-style: none;
	padding: 5px 0 0 0;
}
ul.sub-menu > li.menu-item-has-children ul.sub-menu li.current-menu-item a {
	color: #24A9E1;
	font-weight: bold;
}
ul.sub-menu > li.menu-item-has-children ul.sub-menu li a {
	font-size: 13px;
	color: #666;
	font-family: "Lato", sans-serif;
	text-decoration: none;
	display: block;
	margin: 0px;
	height: auto;
	padding: 0;
}
ul.sub-menu > li.menu-item-has-children ul.sub-menu li a:hover {
	color: #24A9E1;
}

.industries_submenu .sub-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
.industries_submenu ul.sub-menu {
	column-count: 6 !important;
}
.industries_submenu ul.sub-menu li {
	display: contents;
}
.industries_submenu ul li a {
	font-size: 13px;
	color: #666;
	font-family: "Lato", sans-serif;
	text-decoration: none;
	display: block;
	margin: 0px;
	height: auto;
	padding: 5px 0;
	font-weight: normal;
}

/* media query */
@media (min-width: 320px) and (max-width: 1024px) {
	/* Mobile menu */
	ul.nav-menu {
		display: none;
	}
	#toggle-menu-container {
		position: fixed;
		top: 25px;
		right: 12px;
		width: 30px;
		z-index: 9999;
		height: 23px;
	}
	#toggle-menu {
		cursor: pointer;
		float: left;
		height: 23px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease-in-out 0s;
		-moz-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
		width: 30px;
		z-index: 9999;
	}
	#toggle-menu span {
		background-color: #24A9E1;
		height: 3px;
		left: 0;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.25s ease-in-out 0s;
		-moz-transition: all 0.25s ease-in-out 0s;
		-o-transition: all 0.25s ease-in-out 0s;
		transition: all 0.25s ease-in-out 0s;
		width: 25px;
	}
	#toggle-menu span:nth-child(1) {
		top: 0;
	}
	#toggle-menu span:nth-child(2),
	#toggle-menu span:nth-child(3) {
		top: 11px;
	}
	#toggle-menu span:nth-child(4) {
		top: 21px;
	}
	#toggle-menu.open span:nth-child(1) {
		left: 50%;
		top: 18px;
		width: 0;
	}
	#toggle-menu.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#toggle-menu.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#toggle-menu.open span:nth-child(4) {
		left: 50%;
		top: 18px;
		width: 0;
	}
	#toggle-menu.open {
		/*background-color: #0F0;*/
	}
	body.wp_mm_enable {
		overflow: hidden;
	}
	.body_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		z-index: 1;
		display: none;
		opacity: 0;
		transition: opacity 0.2s;
	}
	.body_overlay.enabled {
		display: block;
		opacity: .5;
		visibility: visible;
	}
	.wp_mm_wrapper {
		height: calc(100vh - 60px);
		overflow-y: scroll;
		overflow-x: hidden;
		position: fixed;
		right: -100%;
		bottom: 0;
		z-index: -9;
		width: 250px;
		background-color: #24A9E1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		top: 70px;
		visibility: hidden;
		opacity: 0;
	}	
	.wp_mm_wrapper.active {
		z-index: 9;
		right: 0;
		visibility: visible;
		opacity: 1;
		display: block;
	}
	.wp_mm_wrapper.active .nav-menu {
		display: block;
		padding: 0;
	}
	.wp_mm_wrapper .nav-menu li {
		list-style-type: none;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		height: auto;
		color: #fff;
		width: 100%;
		position: unset;
		display: inline-block !important;
		margin: 0 !important;
	}
	.wp_mm_wrapper .nav-menu li.menu-item-has-children span {
		font-size: 12px;
		cursor: pointer;
		width: 30px;
		line-height: 20px;
		text-align: center;
		height: 25px;		
	}
	.wp_mm_wrapper ul > li > a, .wp_mm_wrapper .nav-menu li.menu-item-has-children > a, .wp_mm_wrapper .nav-menu li ul.sub-menu li ul.sub-menu li a {
		display: block;
		color: #fff;
		padding: 15px;
		letter-spacing: 1px;
		text-decoration: none;
		font-size: 14px;
		font-weight: 500;
		height: auto;
		border: none;
		margin: 0;
	}
	.wp_mm_wrapper .nav-menu a:hover, .wp_mm_wrapper .nav-menu a:focus, .wp_mm_wrapper .nav-menu a:active {
		color: #333 !important;
	}
	.wp_mm_wrapper .nav-menu li.menu-item-has-children>a {
		width: auto;
	}
	ul.nav-menu li.menu-item-has-children > a::after {
		display: none;
	}
	.wp_mm_wrapper ul.nav-menu li ul.sub-menu {
		background-color: #24A9E1;
		height: 100%;
		position: absolute;
		left: -100%;
		top: 0;
		transition: all 0.5s ease 0s;
		width: 100%;
		z-index: 999;
		display: block;
		padding: 0;
		box-shadow: none;
	}
	.wp_mm_wrapper .nav-menu li.back a {
		width: auto;
		margin-left: 30px;  
	}
	.wp_mm_wrapper .nav-menu li.active>.sub-menu {
		left: 0;
	}
	span.forward {
		float: right;
		margin: 17px 5px 0 0;
	}
	.nav-menu li.menu-item-has-children span.left {
		float: left;
		margin: 13px 0 0 5px;
	}
	ul.nav-menu li:nth-child(3) ul li {
		width: 100%;
		padding: 0 20px 0 0;
	}
	ul.nav-menu li:nth-child(3) ul li a {
		display: block;
		color: #fff;
		padding: 15px;
		letter-spacing: 1px;
		text-decoration: none;
		font-size: 14px;
		font-weight: 500;
		height: auto;
		border: none;
	}
	ul.nav-menu li:nth-child(3) ul li a:hover {
		color: #333;
	}
	.wp_mm_wrapper .sub-menu, .industries_submenu ul.sub-menu {
		column-count: unset !important;
		-webkit-column-count: unset !important;
		-moz-column-count: unset !important;
		column-gap: normal !important;
		/*! display: block !important; */
		/*! width: 100% !important; */
	}

	.wp_mm_wrapper .sub-menu li {
		/*! display: block !important; */
		/*! width: 100% !important; */
		/*! padding: 0 !important; */
		/*! margin: 0 !important; */
	}

	.wp_mm_wrapper .sub-menu li a {
		/*! display: block !important; */
		/*! width: 100% !important; */
		/*! padding: 12px 15px !important; */
		/*! box-sizing: border-box; */
	}
}


#site-navigation\ navbar {
	padding: 0;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, .2);
}
#site-navigation\ navbar .container-fluid {
	height: 70px;
}
.logo-img {
	width: 70%;
	height: auto;
}
#regForm .step.active,
.bg-body-tertiary {
	opacity: 1
}
nav.transparent {
	background-color: transparent !important
}
nav.white {
	background-color: #fff !important;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, .2);
}


/* home banner */
.hero-section,
.hero-section .carousel,
.hero-section .carousel-inner,
.hero-section .carousel-item,
.hero-section .banner-image,
.hero-section picture,
.hero-section img {
	height: calc(100vh - 70px); !important;
	width: 100%;
	margin: 0;
	padding: 0;
}
.hero-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: transform 8s ease-in-out;
}
.carousel-item.active .hero-img {
	transform: scale(1);
}
.hero-section .carousel-inner {
	transform: translateZ(0);
	will-change: transform, opacity;
}
.hero-section {
	margin-top: 70px;
	position: relative;
}
.carousel-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	right: auto;
	max-width: 600px;
	padding: 0;
	z-index: 2;
	text-align: left;
	left: 9%;
}
.hero-title,
.hero-description,
.explore-btn {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 1s ease forwards;
}
.hero-title {
	font-family: "Josefin Sans", sans-serif;
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 1rem;
	animation-delay: 0.2s;
}
.hero-description {
	font-size: 1.2rem;
	color: #fff;
	margin-bottom: 2rem;
	animation-delay: 0.4s;
}
.explore-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.3rem 0.4rem 0.25rem 1.5rem;
	background-color: #ffffff;
	color: #666666;
	border-radius: 50px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);
	animation-delay: 0.6s;
}
.explore-btn i {
	transition: transform 0.3s ease;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #24A9E1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1rem;
}
.explore-btn:hover {
	background-color: #24A9E1;
	color: #ffffff !important;
}
.explore-btn:hover i {
	/* 	transform: translateX(5px); */
}
.explore-btn:hover i {
	background-color: #ffffff;
	color: #24A9E1;
}
.hero-section .carousel-indicators {
	z-index: 3;
}
.hero-section .carousel-indicators button {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #ccc;
}
.hero-section .carousel-indicators button.active {
	background-color: #24A9E1;
}
.carousel-control-next, .carousel-control-prev {
	width: 5%;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* about section */
.lp-sec-2 {
	background-color: #f9f9f9;
	font-family: "Lato", sans-serif;
}
.overview-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #24A9E1;
	font-family: "Josefin Sans", sans-serif;
}
.overview-description {
	font-size: 1rem;
	color: #333;
}
.about-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.3rem 0.4rem 0.25rem 1.5rem;
	background-color: #ffffff;
	color: #666666;
	border-radius: 50px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
}
.about-btn i {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #24A9E1;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}
.about-btn:hover {
	background-color: #24A9E1;
	color: #ffffff !important;
}
.about-btn:hover i {
	background-color: #fff;
	color: #24A9E1;
}
/* service section */
.core-services {
	background-color: #fff;
	font-family: "Lato", sans-serif;
}
.core-services .row {
	min-height: 100%;
}
.section-title {
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	color: #24A9E1;
}
.section-subtitle {
	font-size: 1rem;
	color: #666;
	line-height: normal;
}
.service-card {
	width: 90%;
	margin: 0 auto;
}
.service-card h5 {
	font-size: 1rem;
	color: #333333;
}
.service-card p {
	font-size: 0.9rem;
	color: #666;
	line-height: normal;
}
/* why choose us */
.icon-wrapper {
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 60px;
	min-height: 60px;
	height: 60px;
}
.info-title {
	font-weight: 500;
	color: #333333;
	font-size: 1rem;
}
.info-box p {
	line-height: normal;
	color: #666 !important;
	margin: 8px 0 0 0;
	font-size: .875em;
}
.info-box {
	align-items: flex-start;
}
.icon-area .col-md-6.d-flex {
	/* 	margin-top: 3.2em; */
}
/* map & contact us */
.contact-section {
	position: relative;
	height: 650px;
	overflow: hidden;
}
.contact-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	filter: grayscale(0%);
}
.contact-form-container {
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	background: #fff;
	width: 100%;
	max-width: 580px;
	border-radius: 4px;
	box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
	z-index: 2;
}
.form-title {
	font-family: "Josefin Sans", sans-serif;
	font-weight: 700;
}
.form-control,
.form-select,
textarea {
	border: 1px solid #24A9E1;
	border-radius: 4px;
	font-size: 0.95rem;
}
textarea {
	resize: none;
}
.about-btn.whatsapp i {
	background-color: #25D366;
	font-size: 1.3em;
}
.about-btn.whatsapp:hover i {
	background-color: #fff;
	color: #25D366;
}
/* Disclaimer */
.disclaimer-content p {
	margin-bottom: 1.2rem;
	line-height: 1.5;
	color: #666;
	font-size: 1rem;
	text-align: justify;
}
/* contact */
.common-area {
	margin-top: 70px;
}
.common-area .common-banner {
	background: center center/cover no-repeat;
	height: 250px;
	background-image: url("/wp-content/uploads/2025/06/common-banner1.jpg");
	position: relative;
	overflow: hidden;
}
.common-area .image-banner {
	height: 250px;
	margin-top: -10em;
	background-image: url("/wp-content/uploads/2025/06/uae-team.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
	width: 100%;
	padding: 0 !important;
	position: relative;
}
/* New rotating image style */
.rotating-dots {
	position: absolute;
	right: -17em;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	height: auto;
	animation: slowRotate 70s linear infinite;
}
/* Rotation animation */
@keyframes slowRotate {
	0% { transform: translateY(-50%) rotate(0deg); }
	100% { transform: translateY(-50%) rotate(360deg); }
}
.contact-form-container.contact {
	position: relative;
	transform: none;
	right: 0;
	top: 0;
	margin-right: calc(var(--bs-gutter-x) * .5);
}
h5.head {
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	color: #24A9E1;
}
.link {
	color: #333;
	text-decoration: none;
}
.link:hover {
	color: #24A9E1;
}
.map-frame {
	height: 400px;
}

/* About */
.image-banner.about {
	background-image: url("/wp-content/uploads/2025/06/common-image.jpg");
	background-position: bottom;
}
.custom-bullet-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	position: relative;
}
.custom-bullet-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 29px;
	font-size: 16px;
	line-height: 1.6;
}
/* Grey vertical line */
.custom-bullet-list::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 10px;
	bottom: 10px;
	width: 2px;
	background-color: #D9D9D9; /* Light grey line */
}
/* Diamond bullet */
.custom-bullet-list li::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 8px;
	width: 12px;
	height: 12px;
	background-color: #24A9E1; /* Theme Primary Color */
	transform: rotate(45deg);
	z-index: 1;
}
p.justify {
	text-align: justify;
}
/* Services */
.service-img {
	height: 350px;
	margin-top: -12em;
	border-radius: 10px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.service-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.benefits-section {
	background-color: #fff;
}

.bg-light-blue {
	background-color: rgba(36, 169, 225, 0.05);
}

.benefit-box {
	position: relative;
	padding-top: 2rem;
	border-radius: 15px;
}

.benefit-number {
	background-color: #fff;
	color: #24A9E1;
	font-weight: bold;
	font-size: 1.2rem;
	width: 45px;
	height: 45px;
	border-radius: 6px;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}
.benefits-section p {
	line-height: normal;
	color: #666;
}
.expertise-section {
	background-color: #f8f8f8;
	position: relative;
}
/* Decorative dot image */
.dot-overlay {
	position: absolute;
	left: -16%;
	top: -26px;
	width: 38%;
	opacity: 1;
	pointer-events: none;
	z-index: 0;
	transform: rotate(45deg);
}
.z-index-1 {
	z-index: 1;
	position: relative;
}
/* footer */
footer a {
	color: #fff;
}
footer h5 {
	font-size: 1.15em;
}

/* For devices up to 768px (phones & small tablets) */
@media (max-width: 767px) {
	.hero-section, .hero-section .carousel, .hero-section .carousel-inner, .hero-section .carousel-item, .hero-section .banner-image, .hero-section picture, .hero-section img {
		height: 350px;
	}
	.carousel-caption {
		left: 1.5rem;
		right: 1.5rem;
	}
	.hero-title {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}
	.hero-description {
		font-size: 1rem;
	}
	.carousel-indicators {
		margin-bottom: 0rem;
	}
	.explore-btn, .about-btn {
		font-size: 0.8rem;
		padding: 5px 5px 5px 18px;
	}
	.explore-btn i, .about-btn i {
		width: 35px;
		height: 35px;
	}
	.hero-section .carousel-indicators button {
		width: 10px;
		height: 10px;
	}
	.overview-title, .section-title {
		font-size: 1.5rem;
	}
	.contact-section {
		height: auto;
		margin-bottom: 2em;
	}
	.contact-section .contact-map {
		display: none;
	}
	.contact-form-container.p-4.p-md-5 {
		position: relative;
		box-shadow: none;
		top: 0;
		right: 0;
		transform: none;
	}
	.whatsapp-button {
		bottom: 15px;
		right: 15px;
		width: 50px;
		height: 50px;
	}
	.whatsapp-button i {
		font-size: 28px;
		line-height: 50px;
	}
	/* About */
	.common-area .common-banner {
		height: 150px;
	}
	.image-banner.about, .common-area .image-banner, .service-img {
		height: 150px;
		margin-top: -6em;
	}
	.map-frame {
		height: 200px;
	}
	.dot-overlay {
		display: none;
	}
	.custom-bullet-list li {
		margin-bottom: 15px;
	}
	
}

/* For tablets only (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
	.hero-section, .hero-section .carousel, .hero-section .carousel-inner, .hero-section .carousel-item, .hero-section .banner-image, .hero-section picture, .hero-section img {
		height: 400px;
	}
	.carousel-caption {
		left: 4rem;
		right: 4rem;
		max-width: 400px;
	}
	.hero-title {
		font-size: 2rem;
		margin-bottom: 0.5rem;
	}
	.hero-description {
		font-size: 1.1rem;
	}
	.carousel-indicators {
		margin-bottom: 0rem;
	}
	.explore-btn, .about-btn {
		font-size: 0.8rem;
		padding: 5px 5px 5px 18px;
	}
	.explore-btn i, .about-btn i {
		width: 35px;
		height: 35px;
	}
	.hero-section .carousel-indicators button {
		width: 10px;
		height: 10px;
	}
	
	
	
	.overview-title, .section-title {
		font-size: 1.6rem;
	}
	.map-frame {
		height: 250px;
	}
	.contact-form-container.contact {
		width: 50%;
		max-width: 50%;
		margin: 0;
	}
	.common-area .common-banner {
		height: 190px;
	}
	.image-banner.about, .common-area .image-banner, .service-img {
		height: 250px;
		margin-top: -6em;
	}
	#toggle-menu-container {
		right: 7%;
	}
	.custom-bullet-list li {
		margin-bottom: 15px;
	}
	.text-block-md-7 {
		flex: 0 0 auto;
		width: 58.333333%; /* 7 of 12 columns */
	}
	.mobile-ipad-adjust {
        padding-left: 0.75rem !important; /* Adjust left padding */
        margin-top: 1rem !important; /* Apply vertical spacing */
    }
	.contact-area .contact-form-container.contact {
		width: 100%;
		max-width: 100%;
	}
	
	
}