.hidden {
	display: none !important;
}

header.nav-fixed {
	height: 80px;
}

.navbar {
	padding: 0;
}

.nav-fixed .navbar {
	padding: 0.5rem 1rem;
}

.navbar .navbar-brand img {
	max-width: 100px;
}

/* .navbar .navbar-brand img {
	width: 150px !important;
} */

.nav-fixed .navbar .navbar-brand img {
	width: 75px;
}

.form-style-w3ls input[type="phone"] {
	outline: none;
	font-size: 18px;
	color: var(--font-color);
	background: none;
	padding: 12px 20px 12px 50px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: var(--border-radius);
	border: 1px solid var(--border-color-light);
}

.form-style-w3ls input[type="phone"] {
	background: url(../images/mobile.png) no-repeat 17px 16px;
	background-size: 18px;
}

.form-style-w3ls select {
	background: url(../images/map.png) no-repeat 17px 16px;
	background-size: 18px;
}

.w3l-copyright {
	background: #000;
}

.text-ddd {
	color: #ddd !important;
}

.modal.fade .modal-dialog {
	transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.modal.fade {
	transition: opacity 0.5s linear;
}

.w3l-banner {
	background: url(../images/banner-floods-2025.webp) no-repeat center;
	background-size: cover;
}

.logo {
	filter: invert(1);
}

.nav-fixed .logo {
	filter: none;
}

.spin-horizontal {
	animation: spinH 15s linear infinite;
}

@keyframes spinH {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}