/* ========== css start ========== */

.default-page-contect h1 {
    color : var(--dark-blue);
}

.default-page-contect h2 {
    color : var(--dark-blue);
}

.default-page-contect p {
    margin : 15px 0;
}

.default-page-contect h3 {
    font-size : 35px;
    color     : #5b4180;
}

.default-page-contect h4 {
    color : #5b4180;
}

.default-page-contect h5 {
    font-size     : 28px;
    color         : #5b4180;
    margin-bottom : 10px;
}

.default-page-contect ul li {
    position : relative;
    padding  : 0 0 15px 15px;
}

.default-page-contect ul li::after {
    content       : "";
    position      : absolute;
    height        : 6px;
    width         : 6px;
    background    : #333;
    border-radius : 50%;
    top           : 12px;
    left          : 0;
}

.default-page-contect ol {
    padding : 0 0 0 20px;
    margin  : 0;
}

.default-page-contect ol li {
    padding : 0 0 15px 0;
}

.default-page-contect h6 {
    color : #5b4180;
}

blockquote {
    display    : block;
    padding    : 20px 24px;
    margin     : 0 auto 15px auto;
    position   : relative;
    background : #5b4180;
    color      : #fff;
    max-width  : 80%;
}

blockquote::after {
    content    : "";
    position   : absolute;
    top        : 0;
    left       : 0;
    height     : 100%;
    width      : 6px;
    background : #333;
}

/* ========== 404 page start ========== */

.error_page .section h1, a {
    margin          : 0;
    padding         : 0;
    text-decoration : none;
}

.error_page .section {
    padding         : 100px 0 100px 0;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.error_page .section .error {
    font-size               : 100px;
    color                   : var(--dark-blue);
    background-image        : linear-gradient(to right top, #5b4180, #913e83, #c23b74, #e44658, #f26530);
    -webkit-background-clip : text;
    background-clip         : text;
    -webkit-text-fill-color : transparent;
    text-align              : center;
    font-family             : "Poppins";
}

.error_page .section .page {
    margin      : 0 0 20px 0;
    font-size   : 20px;
    font-weight : 600;
    color       : #444;
    text-align  : center;
    font-family : "Poppins";
}

.error_page .section .back-home {
    display        : inline-block;
    color          : var(--dark-blue);
    border         : 2px solid #5b4180;
    text-transform : uppercase;
    font-weight    : 600;
    padding        : 10px 15px;
    transition     : all 0.2s linear;
    box-shadow     : 0 3px 8px rgba(0, 0, 0, 0.3);
    border-radius  : 43px;
}

.error_page .section .back-home:hover {
    background : var(--dark-blue);
    color      : #ddd;
}

/* ========== 404 page end ========== */

/* ========== css end ========== */

/* ========== responsive start ========== */

@media (min-width : 1200px) and (max-width : 1300px) {

}

@media (min-width : 992px) and (max-width : 1199px) {

    .default-page-contect h1 {
        font-size : 44px;
    }

    .default-page-contect h2 {
        font-size : 38px;
    }

    .default-page-contect p {
        margin    : 14px 0;
        font-size : 18px;
    }

    .default-page-contect ul li {
        padding   : 0 0 14px 14px;
        font-size : 18px;
    }

    .default-page-contect ul li::after {
        top    : 11px;
        height : 5px;
        width  : 5px;
    }

    .default-page-contect ol li {
        padding   : 0 0 14px 0;
        font-size : 18px;
    }
}

@media (min-width : 768px) and (max-width : 991px) {

    .default-page-contect h1 {
        font-size : 40px;
    }

    .default-page-contect h2 {
        font-size : 36px;
    }

    .default-page-contect p {
        font-size : 16px;
        margin    : 12px 0;
    }

    .default-page-contect h3 {
        font-size : 30px;
    }

    .default-page-contect h4 {
        font-size : 26px;
    }

    .default-page-contect h5 {
        font-size : 24px;
    }

    .default-page-contect ul li {
        font-size : 16px;
        padding   : 0 0 12px 12px;
    }

    .default-page-contect ul li::after {
        top    : 10px;
        height : 5px;
        width  : 5px;
    }

    .default-page-contect ol li {
        font-size : 16px;
        padding   : 0 0 12px 0;
    }

    .default-page-contect h6 {
        font-size : 22px;
    }
}

@media (max-width : 767px) {

    .main_wrap .default-page-contect {
        padding : 100px 0 0 0;
    }

    .default-page-contect h1 {
        font-size : 36px;
    }

    .default-page-contect h2 {
        font-size : 34px;
    }

    .default-page-contect p {
        font-size : 14px;
        margin    : 12px 0;
    }

    .default-page-contect h3 {
        font-size : 26px;
    }

    .default-page-contect h4 {
        font-size : 24px;
    }

    .default-page-contect h5 {
        font-size : 22px;
    }

    .default-page-contect ul li {
        font-size : 14px;
        padding   : 0 0 12px 12px;
    }

    .default-page-contect ul li::after {
        top    : 8px;
        height : 5px;
        width  : 5px;
    }

    .default-page-contect ol li {
        font-size : 14px;
        padding   : 0 0 12px 0;
    }

    .default-page-contect h6 {
        font-size : 20px;
    }

    .error_page .section {
        padding : 100px 0 50px 0;
    }

    .error_page .section .error {
        font-size : 60px;
    }

    .error_page .section .page {
        font-size : 16px;
    }

    .error_page .section .back-home {
        padding   : 8px 12px;
        font-size : 18px;
    }
}

/* ========== responsive end ========== */
