/*hero cont*/

.hero-container {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: var(--main-blue);
    box-shadow: 0vw 1vh 2vh black;
    position: relative;
    z-index: 1;
}

.hero {
    margin: 12vh 20vw;
    color: rgba(255,255,255,0.5);
    font-family: 'Open Sans', sans-serif;
    font-size: calc(16px + (24 - 16) * ((100vw - 500px) / (1920 - 500)));
    font-weight: 300;
}

.hero-title {
    color: white;
    font-size: 2rem;
    font-weight: 400;
}

@media screen and (max-width: 505px) {
    .hero {
        margin: 20vw;
    }
}


.billing p{

    color:#8099ce;
}
.address p {
    color: #8099ce;
}





.textC p {
    color: #8099ce !important;
}