.usecase00, .usecase01, .usecase02, .usecase03, .usecase04, .usecase05, .usecase06 {
  
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position-y: top;
  background-position-x: left;
  background-repeat: no-repeat;
  
}

.lineup .text-menu {
    display: flex;
    flex-direction: row;
    width: 100%!important;
    justify-content: start;
    color: var(--primary-light);
    padding-bottom: 24px;
    transition: color 0.2s ease-in-out;
    gap: 16px 16px !important;
}

.text-menu div:hover {
    cursor: pointer;
    color: var(--blue-light);
    transition: color 0.2s ease-in-out;
}

.text-menu div {
    font-size: 16px;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
    padding:8px 16px;
    border: 1px solid var(--Stroke, #2B303B);
    background: var(--pod-bg);
    border-radius: 20px;   
}

.usecase00 {
    background-image: url(../img/moneypenny-web02.png);
    height: 80vh;
}

.usecase01 {
    background-image: url(../img/moneypenny-web03.png);
    height: 80vh;
}

.usecase02 {
    background-image: url(../img/wynna-web02.png);
    height: 80vh;
}

.usecase03 {
    background-image: url(../img/scoble-web02.png);
    height: 80vh;
}

.usecase04 {
    background-image: url(../img/herman-web-01.png);
    height: 80vh;
}

.usecase05 {
    background-image: url(../img/ive-web02.png);
    height: 80vh;
}

.usecase06 {
    background-image: url(../img/ron-web-02.png);
    height: 80vh;
}

.usecase00 p, .usecase01 p, .usecase02 p, .usecase03 p, .usecase04 p, .usecase05 p, .usecase06 p {
    padding: 24px 48px 0 48px;
    margin-top: 0;
}

.h100 {
    height: 100%;
}

.h100 .pod-flex-column-50 {
    padding: 0px 32px 0 0;
    height: 100%;
}

.h100 .pod-flex-column-50 p {
    font-size: 20px;
}