﻿.logo-box img,
.header-logo img,
.sticky-logo img,
.preloader-logo img,
.nav-logo img,
.footer-logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.header-logo img,
.footer-logo img {
	width: 250px !important;
}

.nav-logo img {
	width: 220px;
}

.sticky-logo img {
	width: 220px !important;
}

.preloader-logo img {
	width: 300px !important;
}

.main-header .sticky-header {
	background: #221715 !important;
}

.mobile-txt-loading {
	text-align: center;
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1px;
}

.about-text {
	position: relative;
	margin-bottom: 40px;
	padding-left: 30px; /* Space for the vertical bar */
}

	.about-text::before {
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		bottom: 6px;
		width: 3px;
		background: #b33432;
		opacity: 0.9;
	}

	.about-text p {
		color: #ffffff80;
		font-size: 17px;
		line-height: 1.85;
		letter-spacing: 0.2px;
		margin: 0;
		text-indent: 0;
		word-break: break-word; /* Prevent overflow */
	}

		.about-text p + p {
			margin-top: 16px;
		}

		/* Drop cap for first letter using inline block instead of float */
		.about-text p::first-letter {
			color: #b33432;
			font-weight: 700;
			font-size: 34px;
			display: inline-block; /* prevents float issues */
			margin-right: 6px;
			line-height: 1;
			vertical-align: top; /* aligns with the top of the text */
		}

		/* Optional: prevent any float clearing issues */
		.about-text p::after {
			content: "";
			display: table;
			clear: both;
		}

/* Horizontal orientation */
.big-text.horizontal {
	writing-mode: horizontal-tb;
	transform: none; /* No rotation */
}

/* Vertical orientation */
.big-text.vertical {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
}

/* Footer-specific styles */
footer .footer-big-text {
	position: absolute;
	left: 150px;
	font-size: 120px !important;
	bottom: 20px;
	z-index: 1;
}

/* Footer container ensures content above */
footer .auto-container {
	position: relative;
	z-index: 2;
}

/* ============================= */
/* GLOBAL CURSOR OVERRIDE         */
/* ============================= */

/* Force pointer on all links, buttons, and known clickable classes */
a, 
button, 
input[type="button"], 
input[type="submit"], 
.scroll-to-target, 
.dropdown-btn, 
.mobile-nav-toggler, 
.filter-btns li, 
.tab-btn, 
.tab-btn-2 {
	cursor: pointer !important;
}

/* Force pointer on any element with a click handler */
*[onclick] {
	cursor: pointer !important;
}

/* Ensure overlays do not block pointer unless visible */
.overlay-layer, 
.menu-backdrop {
	pointer-events: none;
}

.popup-visible .overlay-layer, 
.mobile-menu-visible .menu-backdrop {
	pointer-events: auto;
}

.contact-style-four select.form-control {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.service-block.highlight {
    animation: pulseBorder 0.8s ease;
}

@keyframes pulseBorder {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

/* Clear, unmistakable highlight */
.service-block.highlight .service-block-one .inner-box {
    border: 3px solid #b33432;
    border-radius: 8px;
    box-shadow:
        0 0 0 3px rgba(179, 52, 50, 0.15),
        0 18px 45px rgba(0, 0, 0, 0.18);
    background-color: #fffdfc;
    transition: all 0.35s ease;
}
