.inner-page-banner {
    position: relative;
    background-color: #00212D;
}
.page-contact-us .banner::before {
    z-index: 4;
}
.page-contact-us .banner-body {
    z-index: 5;
}
.page-contact-us .inner-page-banner .footer-social {
    float: right;
}
.page-contact-us .banner.inner-page-banner::after {
    content: '';
    background: #00212D;
    display: block;
    height: 275px;
    width: 100%;
    position: absolute;
    bottom: -270px;
    z-index: 3;
}
.banner::before {
    position: absolute;
    content: '';
    border-radius: 720px;
    background: rgba(52, 177, 143, 0.40);
    filter: blur(200px);
    bottom: -350px;
    left: -160px;
    display: block;
    width: 720px;
    height: 720px;
    z-index: 2;
}
.inner-page-banner .flex-start {
    align-items: flex-start;
}
.banner-body {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
    padding: 190px 0 35px;
    margin-bottom: -1px;
}
.banner-body p {
    color: #fff;
}
.inner-banner-desktop {
    position: relative;
    bottom: -35px;
}
.banner .b2-eyebrow  {
    margin-bottom: 10px;
}
.banner .b2-link {
    margin: 40px 0 20px;
}
.banner-polygon {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 34%;
    left: 55%;
}
.banner-outline-polygon {
    width: 104px;
    height: 119px;
    position: relative;
    right: 35px;
    bottom: 20px;
}
.banner h1 > strong {
    position: relative;
    display: inline-block;
}
.banner h1 > strong::after {
    content: '';
    background: linear-gradient(90deg, #34B18F 0%, rgba(52, 177, 143, 0.00) 100%);
    height: 0.1875rem;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -5px;
}
.inner-banner-mobile {
    display: none;
}

@media only screen and (max-width: 1850px) {
    .banner h1 {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
}
@media only screen and (max-width: 1703px) {
    .banner h1 {
        font-size: 3rem;
        line-height: 3rem;
    }
}
@media only screen and (max-width: 1650px) {
    .banner .banner-image {
        width: 100%;
        height: auto;
    }
    .inner-page-banner .flex-start {
        align-items: flex-end;
    }
    .banner-body {
        padding: 150px 0px 75px;
    }
    .page-contact-us .banner-body {
        padding: 150px 0px 40px;
    }
    .inner-banner-desktop {
        position: relative;
        bottom: -75px;
    }
}
@media only screen and (max-width: 1366px) {
    .banner-content {
        max-width: 600px;
    }
    .banner-content p > br {
        display: none;
    }
}

@media only screen and (max-width: 1080px) {
    .banner-polygon {
        display: none;
    }
    .banner .inner-banner-desktop,
    .banner::before {
        display: none;
    }
    .banner .inner-banner-mobile {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 100%;
        position: absolute;
        filter: brightness(0.5);
    }
    .banner-body {
        padding: 150px 0;
    }
    .page-contact-us .banner-body {
        padding: 150px 0 75px;
    }
    .page-contact-us .inner-page-banner .footer-social {
        float: none;
    }
    .banner h1 > strong::after {
        bottom: -12px;
    }
}

@media only screen and (max-width: 991px) {
    .banner-body {
        padding: 75px 0;
    }
    .page-contact-us .banner-body {
        padding: 85px 0 75px;
    }
}
@media only screen and (max-width: 767px) {
    .page-contact-us .banner-body {
        padding: 40px 0 40px;
    }
}

