.bg-common {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.overview-description .white p {
    color: #ffffff !important;
}

.overview-description .black p {
    color: #222222 !important;
}

.overview-description .dark-purple p {
    color: #292560 !important;
}

.overview-description .purple p {
    color: #3a357e !important;
}

.overview-description .light-purple p {
    color: #5a53af !important;
}

.overview-description .dark-pink p {
    color: #c11d8d !important;
}

.overview-description .pink p {
    color: #cc2a9a !important;
}

.overview-description .blue {
    color: #399ec7 !important;
}

.overview-description .steel-blue p {
    color: #2c6194 !important;
}

.overview-description .orange p {
    color: #e79f2d !important;
}

.overview-description .yellow p {
    color: #dfe445 !important;
}

.overview-description .green p {
    color: #00898E !important;
}

.overview-description .gray p {
    color: #777777 !important;
}

.overview-description .gray1 p {
    color: #F4F4F4 !important;
}

.overview-description .gray2 p {
    color: #EFEEED !important;
}

.overview-description .gray3 p {
    color: #e5e6e5 !important;
}

.overview-description .gray4 p {
    color: #6E6F71 !important;
}

.overview-description .gray5 p {
    color: #3E3E3E !important;
}

.overview-description .gray6 p {
    color: #231F20 !important;
}

.overview-description .gray7 p {
    color: #CCCCCC !important;
}

@media screen and (max-width: 767px) {
    .color-overlay.bg-common.bg-stoverview.bg-fast-load.clearfix {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        text-align: center;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    .color-overlay.bg-common.bg-stoverview.bg-fast-load.clearfix img{
        /* height: -webkit-fill-available;
        width: auto; */
        max-width: inherit;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1232px) {
    .color-overlay.bg-common.bg-stoverview.bg-fast-load.clearfix img {
        display: block;
        /* height: 100%;
        width: auto; */
        max-width: inherit;
    }
}