@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.common_banner--wrapper {
    background: linear-gradient(96.26deg,#70C0B5 0%,#81BE9F 101.22%);
    padding: 132px 0 39px;
    text-align: center
}

    .common_banner--wrapper .banner_title {
        font-family: "Comic Neue", cursive;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
        line-height: 93.1%;
        color: var(--white)
    }

.breadcum_wrapper .breadcrumb {
    background: 0 0;
    justify-content: center;
    margin-bottom: 0;
    padding: 10px 0 0
}

.breadcum_wrapper .breadcrumb-item {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 177.1%;
    color: var(--white)
}

    .breadcum_wrapper .breadcrumb-item a, .breadcum_wrapper .breadcrumb-item::before {
        color: var(--white)
    }

@media(min-width: 576px) {
    .common_banner--wrapper {
        padding: 170px 0 39px
    }

        .common_banner--wrapper .banner_title {
            font-size: 45px
        }
}

@media(min-width: 992px) {
    .common_banner--wrapper {
        padding: 45px 0 39px;
        margin-top: 100px
    }
    
}

@media(min-width: 1200px) {
    .common_banner--wrapper {
        background: url('../../images/banner/common-banner.svg') no-repeat center center;
        display: block;
        width: 100%;
        background-size: 465%;
        padding: 100px 15px
    }
}