.page_banner_section {
    height: 480px;
    display: flex;
    transition: 0.6s !important;
    overflow: hidden;

}

.pe_pg_breadcrumbs_hme_title_box_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    transition: 0.6s !important;
    top: 8px;
}

.arrow_box {
    display: flex;
    transition: 0.6s !important;
    padding: 0 10px;
}

/* big title  */
.pe_pg_big_tile {
    font-size: 130px;
    font-weight: 700;
    font-weight: 700;
    line-height: 1.3;
    color: transparent;
    -webkit-text-stroke: 1px rgb(255 255 255 / 11%);
    text-stroke: 1px rgb(255 255 255 / 11%);
    transition: 0.6s !important;
    font-family: Open Sans, Arial, sans-serif;
}


.pe_pg_sm_tile {
    font-size: 68px;
    font-weight: 700;
    transition: 0.6s !important;
    color: rgba(255, 255, 255, 1);
}

.pe_pg_title_big_box_inner {
    position: relative;
    top: 70px;
    transition: 0.6s !important;
    text-align: center;
}

.pe_pg_sm_title_box_inner {
    transition: 0.6s !important;
    text-align: center;
}

.pe_pg_breadcrumbs_main_box_inner {
    transition: 0.6s !important;
    text-align: center;
}

.pe_pg_breadcrumbs_hme_title_box_inner,
.pe_pg_breadcrumbs_hme_title_box_inner a {
    color: #fff;
    font-size: 16px;
    transition: 0.6s !important;
    font-weight: 400;
}

.page_title_code {
    transition: 0.6s !important;
    padding-top: 20px;
}

/* --------------- banner after before  */
.page_banner_section:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 518px;
    background: url(/wp-content/uploads/2024/07/banner_frame_1.png) no-repeat;
    background-size: 100% 100%;
    left: -6px;
    top: 0;
}

.page_banner_section:before {
    top: 0;
    position: absolute;
    content: "";
    height: 100%;
    width: 633px;
    background: url(/wp-content/uploads/2024/07/banner_frame_2.png) no-repeat;
    background-size: 100% 100%;
    right: 139px;
}

/* 320 */
@media all and (min-width: 20px) and (max-width: 767px) {
    .page_banner_section {
        height: 350px;
    }

    .page_title_code {
        padding-top: 0px;
    }

    .pe_pg_sm_tile {
        font-size: 40px;
    }

    .pe_pg_big_tile {
        font-size: 80px;
    }

    .page_banner_section:after,
    .page_banner_section:before {
        display: none;
    }

    .pe_pg_title_big_box_inner {
        display: none;
    }

    .pe_pg_breadcrumbs_hme_title_box_inner,
    .pe_pg_breadcrumbs_hme_title_box_inner a {
        font-size: 14px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .page_banner_section {
        height: 370px;
    }

    .page_title_code {
        padding-top: 0px;
    }

    .pe_pg_sm_tile {
        font-size: 45px;
    }

    .pe_pg_big_tile {
        font-size: 80px;
    }

    .page_banner_section:after {
        width: 340px;
        left: -74px;
    }

    .page_banner_section:before {
        width: 503px;
        right: -181px;
    }

    .pe_pg_title_big_box_inner {
        top: 33px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .page_banner_section {
        height: 450px;
    }

    .pe_pg_sm_tile {
        font-size: 50px;
    }

    .pe_pg_big_tile {
        font-size: 90px;
    }

    .page_banner_section:after {
        width: 350px;
    }

    .page_banner_section:before {
        width: 503px;
        right: -61px;
    }

    .pe_pg_title_big_box_inner {
        top: 45px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .page_banner_section {
        height: 450px;
    }

    .pe_pg_sm_tile {
        font-size: 50px;
    }

    .pe_pg_big_tile {
        font-size: 90px;
    }

    .page_banner_section:after {
        width: 350px;
    }

    .page_banner_section:before {
        width: 503px;
        right: -61px;
    }

    .pe_pg_title_big_box_inner {
        top: 45px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .page_banner_section {
        height: 450px;
    }

    .pe_pg_sm_tile {
        font-size: 55px;
    }

    .pe_pg_big_tile {
        font-size: 100px;
    }

    .page_banner_section:after {
        width: 350px;
    }

    .page_banner_section:before {
        width: 503px;
        right: -61px;
    }

    .pe_pg_title_big_box_inner {
        top: 45px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .pe_pg_sm_tile {
        font-size: 60px;
    }

    .pe_pg_big_tile {
        font-size: 115px;
    }

    .page_banner_section:after {
        width: 350px;
    }

    .page_banner_section:before {
        width: 503px;
        right: -61px;
    }

    .pe_pg_title_big_box_inner {
        top: 50px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {}

@media all and (min-width: 1681px) and (max-width: 1880px) {}