@charset "utf-8";
/* CSS Document */
.img-banner{
	background-image: url("../img/remodel-hero.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 25vh;
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	align-content: center;
	align-items: center;
	position: relative;
}
.img-banner .container {
	max-width: 90%;
}
.call-button {
	background-color: #9a1114;
	border: none;
	border-radius: 5px;
	transition: all .15s ease-in-out;
}
.call-button:hover {
	background-color: #77171e;
}
.call-button:active {
	background-color: #28080a;
}
.call-button a {
	color: white;
	text-decoration: none;
}
.main-content-top .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
.accordion {
	--bs-accordion-active-bg: white;
	--bs-accordion-active-color: black
}
@media screen and (min-width: 400px){
	.img-banner .container {
		max-width: 75%;
	}
}
@media screen and (min-width: 500px){
	.img-banner .container {
		max-width: 65%;
	}
}
@media screen and (min-width: 576px){
	.img-banner {
		height: 40vh;
	}
	.img-banner .container{
		max-width: 95%;
	}
}
@media screen and (min-width: 768px){
	.img-banner {
		height: 40vh;
	}
	.img-banner .container {
		max-width: 80%;
	}
}
@media screen and (min-width: 992px){
	.img-banner .container{
		max-width: 70%;
	}
}
@media screen and (min-width: 1200px){
	.img-banner {
		height: 45vh;
	}
	.img-banner .container{
		max-width: 65%;
	}
}
@media screen and (min-width: 1400px){
	.img-banner {
		height: 50vh;
	}
	.img-banner .container{
		width: auto;
	}
}