
.about-container {
    width: 100%;
    height: max-content;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-refresh-container,
.office-cleaners-container {
    width: 90%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.home-refresh-container .left-container,
.office-cleaners-container .right-container {
    width: 20%;
    height: max-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.home-refresh-container .left-container img,
.office-cleaners-container .right-container img {
    width: auto;
    height: 35rem;
    border-radius: 4rem;
}

.home-refresh-container .left-container div,
.office-cleaners-container .right-container div {
    width: max-content;
    height: max-content;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    backdrop-filter: blur(1rem);
    box-shadow: 0 2rem 5rem #00000033;
    background-color: hsla(0, 0%, 100%, 0.3);
}

.home-refresh-container .left-container div {
    margin: -18rem 0 0 -10rem;
}

.office-cleaners-container .right-container div {
    margin: -18rem -8rem 0 0;
}

.home-refresh-container .left-container div h2, 
.office-cleaners-container .right-container div h2 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 3rem;
    margin: 0;
}

.home-refresh-container .left-container div p,
.office-cleaners-container .right-container div p {
    margin: 0.8rem 0 0 0;
    font-weight: 300;
    font-size: 1.4rem;
    width: max-content;
    height: max-content;
    letter-spacing: 0.1rem;
}

.home-refresh-container .right-container,
.office-cleaners-container .left-container {
    display: flex;
    width: max-content;
    height: max-content;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.home-refresh-container .right-container {
    margin-left: 8rem;
}

.office-cleaners-container .left-container {
    margin-right: 8rem;
}

.home-refresh-container .right-container h1,
.office-cleaners-container .left-container h1 {
    margin-bottom: 1rem;
}

.home-refresh-container .right-container div,
.office-cleaners-container .left-container div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.home-refresh-container .right-container div p,
.office-cleaners-container .left-container dov p {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

.home-refresh-container .right-container div p span,
.office-cleaners-container .left-container div p span {
    font-size: 2.5rem;
    margin-right: 1rem;
}

.home-refresh-container .right-container .tag-line,
.office-cleaners-container .left-container .tag-line {
    margin: 0;
    text-align: start;
    align-self: flex-start;
    justify-self: flex-start;
}

