.home-container {
    background: url(https://dealpos-m-res.cloudinary.com/image/upload/v1711077219/umb-website/Home/home_background_new_oltjyl.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;

    @media (max-width: 576px) {
        background: url(https://dealpos-m-res.cloudinary.com/image/upload/w_800/v1687506715/umb-website/home-mobile_xclh2d.jpg);
        background-size: 100% auto;
        background-position: bottom center;
    }
}

main {
    p.text-secondary {
        line-height: 1.5rem;
    }

    div.jumbotron {
        padding-bottom: 160px;
    }
}

div.business-types {
    background: repeating-linear-gradient(-60deg, #f1f4f6, #dddfe11a 5px, #f2f2f2 3px, #e9ecef 3px) !important;
}

div.clients {
    img {
        height: 100px;
        width: 100px;
        background: #fff;
        box-shadow: 0 0 0 6px white, 2px 2px 13px black;
    }
}

.form-button {
    width: 225px;
}

@media screen and (max-width:576px) {
    body {
        background-position: -1015px 60px;
    }

    div.business-types {
        background-image: none;
    }

    .title {
        font-size: 31px;
    }

    .sub-title {
        font-size: 16px;
    }

    main {
        div.jumbotron {
            padding-bottom: calc(100px + 60vw);
            background-repeat: no-repeat;
        }
    }
}

.merchant-highlight {
    .carousel.slide {
        width: 65%;
    }

    .carousel-indicators {
        button {
            background-color: #d2d2cf
        }
    }

    .main-img {
        aspect-ratio: 1 / 1.25;
        width: 20rem;
    }

    .brand-description {
        max-width: 80%;
    }
}

.feature-main {
    width: 85%;
}