.r5-banner {

        position: relative;

        overflow: hidden;

        min-height: 520px;

        display: flex;

        align-items: center;

        background:
            linear-gradient(90deg,
                rgba(5, 24, 48, .96) 0%,
                rgba(5, 24, 48, .92) 35%,
                rgba(5, 24, 48, .35) 60%,
                rgba(5, 24, 48, .05) 100%),

            url("../../assets/images/fly-ash/banner.jpeg");

        background-size: cover;

        background-position: right 55%;

        background-repeat: no-repeat;

        margin-top: 22px;
    }

    .banner-content .btn-primary {
        background: #d7a13e;
        color: #fff;
        border-color: #d7a13e;
    }

    .banner-overlay {

        position: absolute;

        inset: 0;

        background:

            radial-gradient(circle at 70% 30%,
                rgba(255, 255, 255, .10),
                transparent 35%),

            radial-gradient(circle at 80% 50%,
                rgba(255, 255, 255, .08),
                transparent 45%);

        pointer-events: none;
    }

    .banner-content {

        position: relative;

        z-index: 2;

        width: 60%;

        padding: 80px 0px 80px 0;
    }

    .hero-text h1 {

        font-size: 50px;

        /*font-weight:700;*/

        line-height: 1;

        margin-bottom: 18px;

        color: #fff;
    }

    .hero-text h1 span {

        color: #d7a13e;
    }

    .hero-text h2 {

        font-size: 28px;

        font-weight: 500;

        margin-bottom: 24px;

        color: #fff;
    }

    .hero-text p {

        color: #d8e3f2;

        font-size: 20px;

        line-height: 1.8;

        max-width: 650px;

        /*margin-bottom:35px;*/
    }

    .standards {

        display: flex;

        align-items: center;

        gap: 18px;

        color: #fff;

        font-weight: 600;

        margin-bottom: 35px;
    }

    .standards span {

        width: 1px;

        height: 16px;

        background: rgba(255, 255, 255, .3);
    }

    .buttons {

        display: flex;

        gap: 15px;
    }

    .btn {

        padding: 18px 34px;

        border-radius: 8px;

        font-weight: 700;

        text-decoration: none;

        transition: .3s;
    }

    .btn-primary {

        background: #d7a13e;

        color: #081c37;
    }

    .btn-primary:hover {

        transform: translateY(-3px);
    }

    .btn-outline {

        border: 1px solid rgba(255, 255, 255, .35);

        color: #fff;
    }

    .btn-outline:hover {

        background: #fff;

        color: #08284e;
    }

    @media(max-width:991px) {

        .r5-banner {

            min-height: 520px;

            background-position: 75% center;
        }

        .banner-content {

            width: 100%;

            text-align: left !important;

            padding: 70px 20px;
        }

        .hero-text h1 {

            font-size: 42px;
        }

        .hero-text h2 {

            font-size: 24px;
        }

        .hero-text p {

            font-size: 17px;

            margin: auto auto 30px;
        }

        .standards {

            justify-content: center;

            flex-wrap: wrap;
        }

        .buttons {

            justify-content: center;
        }

    }

    .banner-inner {
        display: grid;
        grid-template-columns: 1.1fr 1fr .45fr;
        align-items: center;
        gap: 20px;
        padding: 0px 30px;
    }

    .title {
        font-size: 30px;
        line-height: 1;
    }

    .title span {
        color: #d7a13e
    }

    .sub {
        font-size: 24px;
        margin: 12px 0 18px;
    }

    .desc {
        font-size: 16px;
        line-height: 1.7;
        color: #dbe4f0;
        max-width: 520px;
    }

    .standards {
        margin: 18px 0 24px;
        font-weight: 700;
        letter-spacing: .5px;
    }

    .buttons {
        display: flex;
        gap: 12px
    }

    .btn {
        padding: 14px 24px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
    }

    .btn-primary {
        background: #d7a13e;
        color: #fff;
        border: 1px solid #d7a13e;
    }

    .btn-outline {
        border: 1px solid rgba(255, 255, 255, .4);
        color: #fff
    }