body{
	font-family: arial;
	background-color: #ccccd2;
	min-height: 100vh;
}
 :root{
	--brand: #DB2347;
	--white: #fff;
}
.navbar-nav.center-menu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
:root {
	--main-color: #DB2347;
}

/* Navbar base */
.navbar {
	background: #fff;
	padding: 0.9rem 0;
}
 
.img-fluid {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
/* Center menu */
.navbar-nav.center-menu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width: 991px) {
	.navbar-nav.center-menu {
		position: static;
		transform: none;
	}
}
/* Custom Navbar Toggler */
.navbar-toggler {
	border: 2px solid #DB2347;
	border-radius: 12px;
	padding: 6px 10px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(219, 35, 71, 0.25);
}

/* Remove default focus outline */
.navbar-toggler:focus {
	box-shadow: 0 0 0 0.2rem rgba(219, 35, 71, 0.35);
}

/* Change hamburger icon color */
.navbar-toggler-icon {
	background-image: none;
	width: 26px;
	height: 18px;
	position: relative;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon span {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #DB2347;
	border-radius: 10px;
	transition: all 0.3s ease;
}

/* Top bar */
.navbar-toggler-icon::before {
	top: 0;
}

/* Middle bar */
.navbar-toggler-icon span {
	top: 50%;
	transform: translateY(-50%);
}

/* Bottom bar */
.navbar-toggler-icon::after {
	bottom: 0;
}

/* Hover effect */
.navbar-toggler:hover {
	background: rgba(219, 35, 71, 0.08);
}

/* Animate to X when open */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
	transform: rotate(45deg);
	top: 50%;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
	transform: rotate(-45deg);
	bottom: 50%;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span {
	opacity: 0;
}

/* Nav links */
.navbar .nav-link {
	color: #fff;
	font-weight: 500;
	padding: 0.5rem 1.1rem;
	border-radius: 30px;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease;
}

/* Hover block effect */
.navbar .nav-link:hover {
	background: rgba(219, 35, 71, 0.12);
	color: var(--main-color);
}

/* Icon motion */
.navbar .nav-link i {
	transition: transform 0.3s ease;
}
.navbar .nav-link:hover i {
	transform: translateY(-2px);
}

/* Active link */
.navbar .nav-link.active {
	background: var(--main-color);
	color: #fff;
}
.navbar .nav-link.active i {
	color: #fff;
}

/* Login link */
.navbar .nav-link.login {
	color: var(--main-color);
	background: rgba(219, 35, 71, 0.12);
}
.navbar .nav-link.login:hover {
	background:  var(--main-color);
	color: #fff;
}

/* Register button */
.btn-register {
	background: var(--main-color);
	color: #fff;
	border-radius: 30px;
	padding: 0.45rem 1.4rem;
	font-weight: 500;
	border: none;
	transition: all 0.3s ease;
	box-shadow: 0 8px 22px rgba(219, 35, 71, 0.35);
}
.btn-register:hover {
	background: #c61f3f;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(219, 35, 71, 0.5);
}

.main-navbar {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 999;
	transition: all 0.35s ease;
	background: transparent;
}

.main-navbar.sticky {
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	animation: slideDown 0.35s ease forwards;
}
.logo-2 {
	display: none;
}
.main-logo.logo-2 {
	display: block;
}

/* Optional: reduce navbar height on scroll */
.main-navbar.sticky .navbar-brand img {
	width: 130px;
}

/* Animation */
@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

.nav-rounded-bg {
	background: black;
	padding: 4px;
	border-radius: 30px;
}


.hero-slider,
.hero-slide {
	width: 100%;
	height: 100vh;
}

.hero-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}

/* Dark overlay */
.hero-slide .overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

/* Content */
.hero-slide .content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	padding: 0 20px;
}

.hero-slide h1 {
	font-size: clamp(2.2rem, 5vw, 4rem);
	font-weight: 800;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.hero-slide p {
	font-size: 1.1rem;
	max-width: 700px;
	margin: 0 auto 25px;
	color: #eee;
}

/* Button */
.btn-hero {
	background: #DB2347;
	color: #fff;
	padding: 12px 32px;
	border-radius: 30px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease;
}

.btn-hero:hover {
	background: #c61f3f;
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(219, 35, 71, 0.45);
}

/* Dots */
.owl-theme .owl-dots .owl-dot span {
	background: #ccc;
}
.owl-theme .owl-dots .owl-dot.active span {
	background: #DB2347;
}
/* Position nav buttons */
.hero-slider .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 25px;
	pointer-events: none;
}

/* Base button style */
.hero-slider .owl-nav button {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	display: flex;
	border: 0px;
	align-items: center;
	justify-content: center;
	border:2px solid rgba(219, 35, 71, 0.6);
	pointer-events: auto;
	transition: all 0.35s ease;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

/* Icon */
.hero-slider .owl-nav button i {
	color: #fff;
	font-size: 1.6rem;
	transition: transform 0.3s ease;
}

/* Hover effect */
.hero-slider .owl-nav button:hover {
	background: #DB2347;
	transform: scale(1.1);
	box-shadow: 0 15px 35px rgba(219, 35, 71, 0.6);
}

.hero-slider .owl-nav button:hover i {
	transform: translateX(3px);
}

/* Prev specific */
.hero-slider .owl-nav .owl-prev:hover i {
	transform: translateX(-3px);
}

/* Remove default focus styles */
.hero-slider .owl-nav button:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(219, 35, 71, 0.4);
}

/* Hide nav on small screens (optional) */
@media (max-width: 768px) {
	.hero-slider .owl-nav {
		display: none;
	}
}

.about-split {
	position: relative;
	width: 100%; 
	display: flex;
	width: 100%;
	height: 90vh;
	z-index: 10;
	margin-top: -50px;
	margin-bottom: -50px;
	overflow: hidden;
	border-radius: 4em; 
}

/* Left image */
.about-image {
	flex: 1;
	background-image: url("../img/Image Jan 28, 2026, 02_33_25 0093.png"); /* change image */
	background-size: cover;
	background-position: center;
}

/* Right content */
.about-content {
	flex: 1;
	background: #fff;
	padding: 80px 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-content h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	color: #DB2347;
	margin-bottom: 25px;
}

.about-content p {
	font-size: 1.05rem;
	line-height: 1.8;
	color: #444;
	margin-bottom: 20px;
}

.btn-sm-circle {
	border-radius: 50em;
	font-size: 22px; 
	color: #000;
}

/* Responsive */
@media (max-width: 991px) {
	.about-split {
		flex-direction: column;
		height: auto;
	}

	.about-image {
		height: 95vh;
	}

	.about-content {
		padding: 50px 30px;
	}
}
.hero-slider {
	position: relative;
	width: 100%;
	min-height: 100%; /* Adjust based on your hero section */
	background: url('your-hero-image.jpg') center/cover no-repeat;
}
.floating-block {
	position: absolute;
	bottom: 60px; /* Distance from bottom */
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 1200px;
	background: rgba(218, 37, 72, 0.9); /* Semi-transparent #DA2548 */
	color: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.3);
	z-index: 10;
}

.floating-block p {
	font-size: 16px;
	color: #fff;
}

.floating-block .btn {
	background-color: #DA2548;
	color: #fff;
	padding: 10px 25px;
	border: 2px solid #fff;
	border-radius: 50px;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s;
}

.floating-block .btn:hover {
	background-color: #b6213f; /* Slightly darker hover effect */
}

.core-values {
	position: relative;
	width: 100%;
	min-height: 500px;
	background: #DA2548;
	padding: 80px 0px;
	padding-top: 150px;
}


/* Hide text by default */
.animate-text {
	opacity: 0;
	transform: translateY(40px);
}

/* Animate when active */
.owl-item.active .animate-text {
	animation: fadeUp 0.8s ease forwards;
}

/* Delays */
.owl-item.active .delay-1 {
	animation-delay: 0.3s;
}

.owl-item.active .delay-2 {
	animation-delay: 0.6s;
}

/* Keyframes */
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.vision-card {
	background: linear-gradient(135deg, #0d6efd, #0a58ca);
	color: #fff;
	border-radius: 12px;
}

.vision-icon {
	font-size: 3rem;
}


/* Glassmorphism Red Modal */
.glass-red {
	background: linear-gradient(
	135deg,
	rgba(160, 30, 45, 0.45),
	rgba(90, 10, 20, 0.45)
	);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

/* Glass Inputs */
.glass-input {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.25);
	color: #fff;
	border-radius: 10px;
}

.glass-input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.glass-input:focus {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
	box-shadow: none;
	color: #fff;
}

/* Improve modal backdrop */
.modal-backdrop.show {
	background-color: rgba(0, 0, 0, 0.7);
}

.vm-container {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	color: #fff;
}

.vm-box {
	background: rgba(255, 255, 255, 0.1);
	padding: 30px;
	border-radius: 12px;
	backdrop-filter: blur(6px);
}

.vm-box h3 {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 700;
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	padding-bottom: 10px;
}

.vm-box p {
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
}

.our-services {
	position: relative;
	width: 100%;
	min-height: 400px;
	padding: 80px 0px;
	background: #fff;
}

.our-services h1 {
	font-weight: 800;
	color: #DA2548;
}

.our-services .text-short {
	display: block;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}

.block-services {
	width: 100%;
	min-height: 300px;
	background: #DA2548;
	padding: 10px;
	color: #fff;
	margin-top: 21px;
	text-align: center;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.block-services:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.block-services .img-services {
	width: 100%;
	min-height: 200px;
	background: #333;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.block-services .img-services img {
	display: block;
	width: 100%;
	min-height: 200px;
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){
	.block-services .img-services img {
		display: block;
		width: 100%;
		min-height: 200px;
		object-fit: cover;
		object-position: center;
	}
}
.block-services h4 {
	display: inline-block;
	margin-top: 20px;
}

.bg-black {
	background: url('../img/img-backgrounds.png')no-repeat center 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.header-crumberd {
	position: relative;
	width: 100%;
	min-height: 450px;
	background: #333 url('../img/slider-img-2.png')no-repeat center 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 160px;
	color: #fff;
}
.header-crumberd h1 {
	text-transform: uppercase;
}
.header-crumberd::after {
	display: block;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	content: '';
	background: rgba(0,0,0,0.6);
	position: absolute;
}
.header-crumberd .container {
	z-index: 4;
	position: relative;
}

.hero-about {
	background: linear-gradient(rgba(218,37,72,0.9), rgba(218,37,72,0.9)),
	url('../../img/Image Jan 28, 2026, 02_33_25 0093.png') center/cover no-repeat;
	color: #fff;
	padding: 100px 0;
}

.section-title {
	color: var(--brand-red);
	font-weight: 700;
}

.divider {
	width: 60px;
	height: 4px;
	background: var(--brand-red);
	margin: 15px 0;
}

.value-box {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	transition: transform .3s ease;
}

.value-box:hover {
	transform: translateY(-6px);
}

.icon-circle {
	width: 60px;
	height: 60px;
	background: rgba(218,37,72,0.1);
	color: var(--brand-red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom: 15px;
}

.bg-light-red {
	background: rgba(218,37,72,0.05);
}

.contact_pg {
	background: #fff;
	position: relative;
	width: 100%;
	height: auto;
}
.glass-card{
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 1.25rem;
	box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.form-control,
.form-select{
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
	border-radius: .8rem;
}

.form-control:focus,
.form-select:focus{
	border-color: #DB2347;
	box-shadow: 0 0 0 .2rem rgba(219,35,71,.15);
}

.form-floating>label{
	color: #666;
}

.btn-brand{
	background: #DB2347;
	color: #fff;
	border-radius: 999px;
	border: none;
	font-weight: 600;
	padding: .9rem 1.4rem;
}

.btn-brand:hover{
	background: #c41f3f;
	color: #fff;
}

.icon-pill{
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #DB2347;
	color: #fff;
}

.hr-soft{
	border-color: #eee;
}


:root{
	--brand2: #DB2347;
}
.rq-card{
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 1.25rem;
	box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.rq-badge{
	background: rgba(219,35,71,.12);
	color: var(--brand2);
	border: 1px solid rgba(219,35,71,.25);
	padding: .45rem .75rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: .85rem;
}
.rq-chip{
	background: #f6f6f6;
	border: 1px solid #e8e8e8;
	padding: .35rem .6rem;
	border-radius: 999px;
	font-size: .85rem;
	color: #222;
	white-space: nowrap;
}
.rq-icon{
	width: 36px;
	height: 36px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(219,35,71,.12);
	color: var(--brand2);
	font-weight: 800;
	border: 1px solid rgba(219,35,71,.25);
	flex: 0 0 auto;
}
.rq-check{
	border: 1px solid #e8e8e8;
	border-radius: .9rem;
	padding: .75rem .9rem;
	display: flex;
	align-items: center;
	gap: .6rem;
	cursor: pointer;
	background: #fff;
	transition: .15s ease;
}
.rq-check:hover{
	border-color: rgba(219,35,71,.35);
	box-shadow: 0 8px 20px rgba(0,0,0,.05);
}
.rq-check input{
	margin-top: 0;
}
.rq-btn{
	background: var(--brand2);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: .9rem 1.3rem;
	font-weight: 700;
}
.rq-btn:hover{
	background: #c41f3f;
	color: #fff;
}
#request-quote .form-control:focus, #request-quote .form-select:focus{
	border-color: var(--brand);
	box-shadow: 0 0 0 .2rem rgba(219,35,71,.12);
}

.hero{
	background: #f3f3f3;
	border-bottom: 1px solid #eee;
}

.brand-badge{
	background: rgba(219,35,71,.12);
	color: var(--brand);
	border: 1px solid rgba(219,35,71,.22);
	padding: .45rem .75rem;
	border-radius: 999px;
	font-weight: 800;
	font-size: .85rem;
	display: inline-block;
}

.page-title{
	letter-spacing: -.02em;
}

.soft-card{
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 1.25rem;
	box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.icon-pill{
	width: 46px;
	height: 46px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(219,35,71,.12);
	color: var(--brand);
	border: 1px solid rgba(219,35,71,.22);
	flex: 0 0 auto;
}

.service-card{
	border: 1px solid #ededed;
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 10px 26px rgba(0,0,0,.06);
	overflow: hidden;
	height: 100%;
}

.service-card .head{
	padding: 1.25rem 1.25rem 0 1.25rem;
	display: flex;
	gap: .9rem;
	align-items: flex-start;
}

.service-card .body{
	padding: .75rem 1.25rem 1.25rem 1.25rem;
}

.service-list{
	margin: 0;
	padding-left: 1.1rem;
}

.service-list li{
	margin-bottom: .45rem;
	color: #333;
}

.section-title{
	letter-spacing: -.02em;
}

.sticky-nav{
	position: sticky;
	top: 1rem;
}

.nav-card a{
	text-decoration: none;
	color: #111;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .8rem .9rem;
	border-radius: .9rem;
	border: 1px solid #eee;
	background: #fff;
	transition: .15s ease;
	margin-bottom: .6rem;
	font-weight: 600;
}

.nav-card a:hover{
	border-color: rgba(219,35,71,.30);
	box-shadow: 0 10px 24px rgba(0,0,0,.05);
	transform: translateY(-1px);
}

.btn-brand{
	background: var(--brand);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: .9rem 1.2rem;
	font-weight: 800;
}
.btn-brand:hover{
	background: #c41f3f;
	color: #fff;
}

.btn-outline-brand{
	border: 1px solid rgba(219,35,71,.45);
	color: var(--brand);
	border-radius: 999px;
	padding: .9rem 1.2rem;
	font-weight: 800;
}
.btn-outline-brand:hover{
	background: rgba(219,35,71,.08);
	color: var(--brand);
	border-color: rgba(219,35,71,.60);
}

.divider{
	border-top: 1px solid #eee;
}

.mini-muted{
	color: #666;
}

.cta-band{
	background: rgba(219,35,71,.08);
	border: 1px solid rgba(219,35,71,.18);
	border-radius: 1.25rem;
}
 
/* HERO */

.careers-hero{
	background: var(--brand);
	padding: 90px 0; 
	border-bottom: 1px solid #eee;
}

.careers-title{
	font-weight: 700;
	letter-spacing: -.02em;
}

/* SECTION */

.careers-section{
	padding: 70px 0;
}

/* CARD */

.careers-card{
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 30px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(0,0,0,.06);
	height: 100%;
}

/* ICON */

.careers-icon{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(219,35,71,.1);
	color: var(--brand);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

/* JOB CARD */

.careers-job{
	background: #fff;
	border: 1px solid #eee;
	border-radius: 14px;
	padding: 25px;
	margin-bottom: 20px;
	transition: .2s;
}

.careers-job:hover{
	box-shadow: 0 10px 30px rgba(0,0,0,.07);
	transform: translateY(-2px);
}

/* BUTTON */

.careers-btn{
	background: var(--brand);
	color: #fff;
	border: none;
	border-radius: 40px;
	padding: 10px 22px;
	font-weight: 600;
}

.careers-btn:hover{
	background: #c11e3e;
	color: #fff;
}

/* FORM */

.careers-form{
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 35px;
	box-shadow: 0 8px 25px rgba(0,0,0,.06);
}

/* HERO */

.partners-hero{
	padding: 80px 0;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}

.partners-title{
	font-weight: 700;
	letter-spacing: -.02em;
}

/* SECTION */

.partners-section{
	padding: 70px 0;
}

/* GRID */

.partners-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
	gap: 30px;
}

/* LOGO CARD */

.partners-logo{
	background: #fff;
	border: 1px solid #eee;
	border-radius: 14px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	transition: .2s;
}

.partners-logo:hover{
	box-shadow: 0 12px 28px rgba(0,0,0,.08);
	transform: translateY(-3px);
	border-color: rgba(219,35,71,.4);
}

/* IMAGE */

.partners-logo img{
	max-width: 100%;
	max-height: 60px;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: .7;
	transition: .2s;
}

.partners-logo:hover img{
	filter: grayscale(0);
	opacity: 1;
}

/* CTA */

.partners-cta{
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 40px;
	text-align: center;
	background: #fafafa;
}

.partners-btn{
	background: var(--brand);
	color: #fff;
	border: none;
	border-radius: 40px;
	padding: 10px 25px;
	font-weight: 600;
}

.partners-btn:hover{
	background: #c21e3e;
	color: #fff;
}

/* Container */
.whatsapp-container{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
}

/* Button */
.whatsapp-button{
	width: 60px;
	height: 60px;
	background: #25D366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;

	box-shadow: 0 8px 25px rgba(0,0,0,0.25);
	transition: all .3s ease;
}

/* Hover */
.whatsapp-button:hover{
	transform: scale(1.08);
	box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Icon */
.whatsapp-icon{
	width: 28px;
	height: 28px;
}

/* Tooltip */
.whatsapp-tooltip{
	position: absolute;
	right: 70px;
	bottom: 16px;
	background: #1f2937;
	color: white;
	padding: 6px 12px;
	border-radius: 8px;
	font-size: 13px;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(10px);
	transition: all .3s ease;
}

/* Show tooltip */
.whatsapp-container:hover .whatsapp-tooltip{
	opacity: 1;
	transform: translateX(0);
}

/* Pulse animation */
.whatsapp-button::before{
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(37,211,102,0.5);
	animation: whatsappPulse 2s infinite;
}

@keyframes whatsappPulse{
	0%{
		transform: scale(1);
		opacity: .7;
	}
	70%{
		transform: scale(1.6);
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}


/* Mobile */
@media (max-width: 991px) {
	.navbar .nav-link {
		justify-content: center;
		margin: 4px 0;
	}
}
@media (max-width: 991px) {
	.navbar-nav.center-menu {
		position: static;
		transform: none;
		text-align: center;
	}
}
 
.stepper-btn{
	width: 44px;
	height: 44px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 12px;
	font-size: 20px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}
.stepper-btn:active{
	transform: scale(0.98);
}

.hours-selector{
	display: flex;
	gap: 2px;
	flex-wrap: wrap;
}
#bookServiceModal .modal-content { 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
#bookServiceModal .modal-body {
	padding: 30px;
}
.btn-outline-secondary {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
.btn-dark {
	background: #111 !important;
}

.hour-box{
	width: 50px;
	height: 45px;
	border: 1px solid #ddd;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: 600;
	background: #fff;
	transition: 0.2s;
}

.btn-check:checked + .hour-box{
	background: #DA2548;
	color: #fff;
	border-color: #DA2548;
}


@media(max-width: 768px ){
	#bookServiceModal .modal-content {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
	}
}

























#scrollTopBtn {
	position: fixed;
	bottom: 100px;
	right: 30px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: none;
	background: #9f0910; /* Nigeria green */
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 12px 25px rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	z-index: 999;
}

#scrollTopBtn:hover {
	background: #333;
	color: #fff;
	transform: translateY(-3px);
}
:root {
	--naija-green: #9f0910;
}

/* Footer main */
.embassy-footer {
	background: linear-gradient(180deg, #870002, #DB2347);
	color: #fff;
	padding-top: 70px;
}

/* Brand */
.footer-brand h5 {
	margin-top: 15px;
	font-weight: 700;
}

.footer-brand p {
	font-size: 14px;
	opacity: 0.9;
}

/* Titles */
.footer-title {
	font-weight: 700;
	margin-bottom: 18px;
	position: relative;
}

.footer-title::after {
	content: "";
	width: 35px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -6px;
}

/* Links */
.embassy-footer ul {
	list-style: none;
	padding: 0;
}

.embassy-footer ul li {
	margin-bottom: 10px;
	font-size: 14px;
}

.embassy-footer ul li a {
	color: #eaf6ef;
	text-decoration: none;
	transition: padding-left 0.3s ease;
}

.embassy-footer ul li a:hover {
	padding-left: 6px;
	color: #fff;
}

/* Social icons */
.footer-socials {
	display: flex;
	gap: 12px;
	margin-top: 15px;
}

.footer-socials a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: background 0.3s ease;
}

.footer-socials a:hover {
	background: #fff;
	color: var(--naija-green);
}

/* Bottom bar */
.footer-bottom {
	margin-top: 50px;
	padding: 15px 0;
	background: rgba(0,0,0,0.15);
	font-size: 13px;
}

.footer-bottom a {
	color: #fff;
	text-decoration: none;
}