@media (min-width: 36rem) {
    .hjbs {
        --auto-grid-min-size: 24rem;
    }
}

@media (max-width: 35.99rem) {
    .hjbs {
        --auto-grid-min-size: 23rem;
    }
}

.hjbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    column-gap: 1.5em;
    row-gap: 3em;
    margin: 3em 0;
}

.hjbs a {
    color: #0d0d0d;
}

.hs2 a {
    color: #0d0d0d;
}




.hjbs .hjbs__section {
    display: flex;
    flex-direction: column;
    min-height: 120px;
    border: 1px solid #edefef;
    align-content: stretch;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px rgba(221, 221, 221, 1);
    transition: transform 0.5s ease-in-out;
    position: relative;
    text-decoration: none;
}

.hjbs .hjbs__section-heading .content__keyicon {
    padding-bottom: 7px;
    padding-left: 5px;
    height: 34px;
    margin:0; /* added to overide froala style */
}

.hjbs__section:hover,
.hjbs__sections:focus {
    text-decoration: none;
    transform: translateY(-10px);
}

@media only screen and (max-width: 1300px) {
    .hjbs {
        margin: 2em 0;
        row-gap: 2em;
    }
}

@media only screen and (max-width: 400px) {
    .hjbs {
        margin: 1em 0;
    }
}

/* 2nd level home box sections PLAT-11995 */



.hs2 {
    --auto-grid-min-size: 25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    gap: 1em;
    margin: 6em 0;
}

@media (min-width: 469px) and (max-width: 1071px)  {
    .hs2 {
        grid-template-columns: 1fr 1fr;
    }
}


.hs2 .hs2__box-items {
    transition: transform 0.5s ease-in-out;
    justify-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.hs2__box-items:hover,
.hs2__box-items:focus {
    text-decoration: none;
    transform: translateY(-10px);
}


.hs2__box-para {
    padding-top: 1.5em;
    transition: all 0.5s ease-in-out;
}

.hs2__box-items:hover .hs2__box-para,
.hs2__box-items:focus .hs2__box-para {
    padding-top: 0.5em;
    padding-bottom: 2.5em;
}