.banner-wrapper-block, .carousel.slide {
    min-height: 300px;
}

.banner-wrapper-block .know-more-wrapper {
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(../../images/Hero-Blured.jpg);
    background-position: right;
    background-size: cover;
    color: #fff;
    padding: 0px 10px !important;
    display: flex;
    align-items: center;
}

    .banner-wrapper-block .know-more-content {
        text-align: end;
        margin-right: 20%;
    }
        .banner-wrapper-block .know-more-content p {
            color: #F2F4F5;
        }

    .banner-wrapper-block .banner {
        height: 30%;
    }

    .banner-wrapper-block .banner .img {
        width: 100%;
    }
    .banner-wrapper-block .banner-image {
        width: 100% !important;
        opacity: 0.8;
    }
    .banner-wrapper-block .btn.btn-light {
        background: #fff;
        border-radius: 0;
        border: 0;
        font-size: 1em;
    }

        .banner-wrapper-block .btn.btn-light:hover {
            background: #F26829;
            color: #fff;
        }

    .banner-wrapper-block .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 100%;
    }

    .banner-wrapper-block h1 {
        outline: none !important;
        font-size: 2.5em;
    }
    .banner-wrapper-block .banner-btn {
        position: relative;
        z-index: 99;
    }