html {
    scroll-behavior: smooth;
}

header {
    @media (min-width: 992px) {
        .container {
            width: 1200px !important;
        }
    }

    .btn {
        a {
            background-color: #000000 !important;
            border-radius: 4px !important;
            padding: 0 30px !important;
            color: #fff !important;
        }
    }
}

main {
    background-color: #EDEDED !important;

    .home-search {
        z-index: 10 !important;
    }

    .banner {
        img {
            height: 400px !important;
            object-fit: cover !important;
        }
    }

    .container {
        display: block;
    }

    .row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 3rem;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem;

        @media screen and (max-width: 992px) {
            width: 100% !important;
        }
    }

    .col-12 {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mb-3 {
        margin-bottom: 1.5rem !important;
    }
}

footer {
    .container {
        display: block;
    }

    .row {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}