/*
Bootstrap 5 uses CSS variables. You can use app-related variables in this file. The standard Bootstrap values are used as a fallback 
Check our Docs for more information: https://go.2sxc.org/app-theme
*/

:root {
  --bs-body-font-size-fallback-app-swiper: 1rem;
}

.homebanner h1 {
    color: rgb(255, 255, 255);
    font-size: 60px;
    line-height: 80px;
    font-family: "Raleway", "Arial", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}

.homebanner h3 p{
    color: #fed03d!important;
    font-size: 28px!important;
    line-height: 38px;
    font-weight: 500;
    text-shadow: none!important;
}

.homebanner__overlaycolor {
    background: rgba(0, 0, 0, 0.32);
}

.homebanner__btn {
    margin-top: 120px;
}

@media (max-width: 992px) {
    .homebanner h1 {
        font-size: 38px;
        line-height: 45px;
    }
}