:root {
  --bs-danger: #C1272D;
}

*,
*::before,
*::after {
  box-sizing: border-box;
	font-family: roboto;
}

h1, h2, h3, h4, h5 {
	font-family: "Arimo", sans-serif;
}

a {
    text-decoration: none;
}

p {
	font-family: roboto;
}

li {
	list-style: none;
}

/* 
Navigation 
*/

nav {
    height: 140px;
}
.active2 {
	color: #C1272D !important;
}

.nav-link:hover, .contact-hover:hover {
	color: #C1272D !important;
}

.more-info {
	color:#C1272D;
	text-decoration: none;
}

.more-info:hover {
	color:#ff0008;
	text-decoration: none;
}
#main-page {
    background-image: url(./img/pluming.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	overflow: hidden;
}

.main-section {
	font-size: 5rem;
	transition: all 0.3s ease;
}
.custom-red-btn {
	width: 130px;
	height: 38px;
	background-color: #C1272D !important;
	font-size: 0.85rem !important;
}

.custom-red-btn:hover {
	background-color: #a12125 !important;
} 
/* 
#service-area h2 {
	color: #FF001B;
}
*/

/* Main Page */

.blk-box-container-main {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 15px;
}

.blk-box-main {
	width: 254px;
	min-height: 150px;
	padding: 10px 20px;
	margin-top: -30px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #3f3f3f;
	text-align: center;
}

/* Plumbing Services */

.row-container {
	width: 1300px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.blk-box-container {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 15px 10px;
}

.red-box {
	height: 60px;
	width: 90px;
	background-color: #C1272D;
	z-index: 10;
}

.blk-box {
	width: 100%;
	min-height: 280px;
	padding: 10px 15px;
	margin-top: -30px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #3f3f3f;
	text-align: center;
}

#small-contact {
	background-color: #3f3f3f;
}

.small-text {
	font-weight: bold;
}

.blk-box-text {
	min-height: 200px;
	margin-top: -30px;
	background-color: #3f3f3f;
}

.color-red {
	font-weight: bold;
	color: #d22a2f;
}

/* Plumbing Solution Bg*/
.bg-light-gray {
	background-color: #ecebeb;
}

/* Plumbing Services,*/
#plumbing-main {
	background: #080808;
	background: linear-gradient(159deg,rgba(8, 8, 8, 1) 0%, rgba(73, 74, 73, 1) 100%);
}

#plumbing-main-light {
	background-color: #302f2f;
    background-image: url('https://nl-plumbing.com/img/Sink-on-sun.jpg');
	background-size: cover;
	background-position: center -150px;
	
}

.services-link {
	color: white;
	transition: all 0.3s ease;
}

.services-link:hover {
	color:#a12125;
	text-decoration: none;
}

.info li {
	list-style-type: square;
}

/* Coverage Area*/
#coverage-area {
	background-color: #ffffff;
    background-image: url('https://nl-plumbing.com/img/faucet-outside.jpg');
	background-size: cover;
	background-position: center;
}

.bg-overlay {
	background-color: #3f3f3f80;
	border-radius: 10px;
}

/* About Us */
.line {
	height: 100px;
	border-left: 1px solid #cbcaca;

}

/* Contact Us */
#customer-reviews {
	background-color: #212529;
}

#contact-us, #about-us {
	border-bottom: 1px solid rgb(203, 202, 202);
}

/* Review Cared */
#customer-reviews-slide {
	background-color: #212529;;
}

.carousel-item {
    height: 400px; /* Adjust height */
    color: white;
}
.slide-1 { background-color: #212529; }
.slide-2 { background-color: #212529; }
.slide-3 { background-color: #212529;}

.carousel-item .carousel-content {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.carousel-content {
    padding: 50px;
}

/* Media Queries */

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@media (max-width: 991.98px) { /* Target mobile and tablets */
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    background-color: #212529; /* Match your navbar color */
    z-index: 1000;
    padding: 1rem;
	text-align: center;
  }

	.line {
	display: none;
	}

	.carousel-item {
    height: 600px; /* Adjust height */
	}

	.carousel-content {
    padding: 10px;
	}

	.main-section {
	font-size: 4.5rem;
	transition: all 0.3s ease;
	}

	.blk-box-container {
	width: 100%;
	}
}

@media (max-width: 500px) {
	.main-section {
	font-size: 4rem;
	transition: all 0.3s ease;
	}
}

@media (max-width: 400px) {
	.carousel-item {
    height: 620px; /* Adjust height */
	}
}