body {font-family: "Barlow Condensed", sans-serif;font-weight: 400;font-size: 1.3em;font-style: normal;color: #323232;}
small {font-style: italic}
h1 {text-decoration: solid underline var(--bs-warning) 10px;}
.navbar {transition: background-color 0.6s ease;background-color: rgba(0, 0, 0, 0.2); font-size: 1em;font-weight: 500;}
.navbar.scrolled {background-color: rgba(20, 20, 20, 0.9);}
.hero {height: 70vh;background:rgba(20, 20, 20, 0.6) url('../img/slider1.jpg') no-repeat center center/cover;background-blend-mode: multiply;}
.hero-small {height: 25vh;background: rgba(20, 20, 20, 0.6) url(../img/page-title.jpg) no-repeat center center/cover;background-blend-mode: multiply;}
.inside-border:after {position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px;border: 1px solid #fff;opacity: 0.2;pointer-events: none;content: "";}
.bi {width: 3rem;height: 3rem;text-align: center;}
.feature-icon-small {width: 5rem;height: 5rem;vertical-align: center;}
.banner {background-color: whitesmoke;}
.cta-background {background-image: url('../img/why-us.jpg');background-size: cover;background-position: center;padding: 6rem 0;}
.cta-background h2, .cta-background p {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
.cta-background > .container {background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);border: 1px solid rgba(255, 255, 255, 0.32);}
.accordion-button:not(.collapsed) {color: var(--bs-black);background-color: var(--bs-warning);}