.logo {
    max-height: 200px;
	position: absolute;
	top: -80px;
}

body {
  overflow-x: hidden;
}

/*About us section*/
.colorlib-staff {
    padding: 20px;      
    border: 1px solid #ddd; 
    border-radius: 10px;   
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.staff-img {
    width: 100%;
    overflow: hidden;
}

.staff-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*Map section*/

.map-card {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.map-container {
position: relative;
width: 100%;
height: 400px; /* Fixed height for modern look */
}
.map-container iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: 0;
}
@media (max-width: 768px) {
.map-container { height: 300px; }
}


form.ajax .form-control-input,
form.ajax .form-control {
    width: 100%;          
    border-radius: 15px;  
    padding: 12px 15px;   
    box-sizing: border-box; 
}

form.ajax .form-control-submit-button {
    width: 100%;
    border-radius: 15px;
    padding: 12px;
}




.cc--light-funky {
	color-scheme: light;

	--cc-bg: #f9faff;
	--cc-primary-color: #112954;
	--cc-secondary-color: #112954;

	--cc-btn-primary-bg: #0b162a;
	--cc-btn-primary-color: var(--cc-bg);
	--cc-btn-primary-hover-bg: #213657;
	--cc-btn-primary-hover-color: #fff;

	--cc-btn-secondary-bg: #dfe7f9;
	--cc-btn-secondary-color: var(--cc-secondary-color);
	--cc-btn-secondary-hover-bg: #c6d1ea;
	--cc-btn-secondary-hover-color: #000;

	--cc-cookie-category-block-bg: #ebeff9;
	--cc-cookie-category-block-border: #ebeff9;
	--cc-cookie-category-block-hover-bg: #dbe5f9;
	--cc-cookie-category-block-hover-border: #dbe5f9;
	--cc-cookie-category-expanded-block-hover-bg: #ebeff9;
	--cc-cookie-category-expanded-block-bg: #ebeff9;

	--cc-overlay-bg: rgba(219, 232, 255, 0.85)!important;

	--cc-toggle-readonly-bg: #cbd8f1;
	--cc-toggle-on-knob-bg: var(--cc-bg);
	--cc-toggle-off-bg: #8fa8d6;
	--cc-toggle-readonly-knob-bg: var(--cc-bg);

	--cc-separator-border-color: #f1f3f5;

	--cc-footer-border-color: #f1f3f5;
	--cc-footer-bg: var(--cc-bg);

	--cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
	--cc-modal-border-radius: var(--cc-btn-border-radius);
	--cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .toggle__icon:after {
	border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .cm__btn--close {
	border-radius: var(--cc-btn-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


@media screen and (max-width: 768px) {
	.text-center-xs {
		text-align: center; /* Center on small screens */
	}
	
	.logo {
		position: relative !important;
		top: 0 !important;
	}
}

/* === HERO SLIDER RESPONSIVE FIX === */


@media (max-width: 768px) {

    #colorlib-hero .slider-text-inner h1 {
        font-size: 28px !important;
    }

    #colorlib-hero .slider-text-inner .hero-title {
        font-size: 20px !important;
    }

    #colorlib-hero .slider-subtitle {
        font-size: 18px;
        padding: 0 10px;
    }
}


.hero-slide {
	position: relative;
    min-height: 500px;
}

@media (max-width: 768px) {
    .hero-slide {
        min-height: 400px;
    }
}

.hero-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.overlay-gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.slider-text {
	position: relative;
	z-index: 3;
}

@media (max-width: 768px) {

    #colorlib-counter h2 {
        font-size: 28px;
        line-height: 1.2;
        padding: 0 10px;
    }

    #colorlib-counter p {
        font-size: 20px;
        padding: 0 15px;
    }


}

@media (max-width: 768px) {

    #colorlib-started h2 {
        font-size: 28px;
        line-height: 1.2;
        padding: 0 10px;
    }

    #colorlib-started p {
        font-size: 20px;
        padding: 0 15px;
    }

    #colorlib-started .colorlib-heading {
        padding: 20px 10px;
    }

}

.service-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}