.contentContainer {
    padding-left: 8rem;
    padding-right: 8rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

html, body {
    overflow-x: hidden;
}

.contentBox {
    color: var(--text-normal);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.02rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.caseTitle {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

mark,
.contentBox>li>a,
.contentBox>a,
.contentBox>ul>li>a{
    color: #096df2;
    text-decoration: underline;
}

.moreBtn {
    align-self: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1rem 1.5rem;
}

th,
td {
    border: 1px solid black;
    padding: 8px;
}


.bg-xero-integration,
.bg-zapier-integration,
.bg-books-integration,
.bg-docura-integration,
.bg-erply-api {
    background-color: #0A253C;
}

.bg-apparel-pos {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/clothesShop-min.png?format=webp");
}

.bg-beauty-and-cosmetics {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/clothesShop-min.png?format=webp");
}

.bg-coffee-shop {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/caffeeImage.jpg?format=webp");
}

.bg-garden {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/gardeningShop.webp");
}

.bg-grocery {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/soManyVegetables.webp");
}

.bg-pet-supplies {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/dogSitting.webp");
}

.bg-retail {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manyClothes.webp");
}

.bg-toy-store {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manyToys.webp");
}

.bg-vape-store {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/smokeShop.webp");
}

.bg-wholesale {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/peopleWalking.jpg?format=webp");
}

.bg-retail-franchise {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/franchiseShop.webp");
}

.bg-netsuite-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/netsuiteLogo-2.webp");
}

.bg-quickbooks-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manOnComputer.webp");
}

.bg-locally-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/peopleOnComputer.jpg?format=webp");
}

.bg-shopify-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/shopifyIntegration.webp");
    background-position: 100% 35%;
}

.bg-woocommerce-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/ecommerceCard.webp");
    background-position: 100% 45%;
}

.bg-magento-integration {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/magentoIntegration.webp");
}

.bg-what-is-retail {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manyShoes.webp");
}

.bg-enterprise-implementation {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manWomanComputer.webp");
}

.bg-pos-hardware {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/productPoshardware-2-1.webp");
    background-position: 100% 45%;
}

.bg-switch-from-cloud-pos {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/happyFemaleTablet.webp");
    background-position: 100% 25%;
}

.bg-switch-from-server-pos {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/happyFemaleTablet2.webp");
    background-position: 100% 15%;
}

.bg-card-payments {
    background: rgba(0, 0, 0, .3) url("https://cdn.erply.com/images/533252/manHoldingCard.jpg?format=webp");
    background-position: 100% 35%;
}


.hero {
    background-blend-mode: darken;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;
}

.title:first-child {
    color: white;
}

.contentBox>ul {
    list-style-position: inside;
    list-style-type: disc;
}

.contentImage {
    max-width: 650px;
    width: 100%;
}

.contentBox>ul>li {
    margin-left: 1.5rem;
}