/* * -------o0o------- */
/* * 404 Page -> 404 Common in Content Page */
/* * -------o0o------- */
.pds-content-404 .pds-content-content {
    position: relative;
    overflow: auto;
    background: #FFFFFF;
}

.pds-content-404 p,
.pds-content-404 span {
    font-size: 20px;
}

@media (max-width: 575px) {
    .pds-content-404 p,
    .pds-content-404 span {
        font-size: 14px;
    }
}

/* * -------o0o------- */
/* * 404 Page -> Align the container for content */
/* * -------o0o------- */
.pds-content-404 .pds-content-content .wrapper-padding {
    max-width: 1056px;
    padding: 0px 22px;
    margin: 0 auto;
}

.pds-content-404 .pds-content-content .wrapper {
    margin: 125px 0px 15px;
}

.pds-content-404 .pds-content-content .data-cnt {
    margin-bottom: 52px;
}


@media (max-width: 575px) {
    .pds-content-404 .pds-content-content .wrapper-padding {
        padding: 0px 10px;
    }

    .pds-content-404 .pds-content-content .wrapper {
        margin: 32px 0px 12px;
    }

    .pds-content-404 .pds-content-content .data-cnt {
        margin-bottom: 20px;
    }
}

/* * -------o0o------- */
/* * 404 Page -> Style the 404 data -> Title */
/* * -------o0o------- */
.pds-content-404 .pds-content-content .title {
    text-align: center;
    margin-bottom: 27px;
}

.pds-content-404 .pds-content-content .title p {
    color: #818182;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 575px) {
    .pds-content-404 .pds-content-content .title {
        margin-bottom: 18px;
    }
    
    .pds-content-404 .pds-content-content .title p {
        font-size: 24px;
    }
}

/* * -------o0o------- */
/* * 404 Page -> Style the 404 data -> Main content */
/* * -------o0o------- */
.pds-content-404 .pds-content-content .main-content {
    text-align: center;
}

.pds-content-404 .pds-content-content .main-content p {
    color: #818182;
    font-weight: 400;
}

.pds-content-404 .pds-content-content .special {
    color: #00A651;
    font-weight: 400;
}

/* * -------o0o------- */
/* * 404 Page -> Style the 404 data -> Cover image */
/* * -------o0o------- */
.pds-content-404 .pds-content-content .cover-image {
    text-align: center;
}

.pds-content-404 .pds-content-content .cover-image img {
    width: 90%;
    height: auto;
    max-width: 480px;
    min-width: 215px;
}