.our-story {
    position: relative;
    margin: -2px 0 0 0;
    background: var(--Grey, #F2F7F8);
    padding-bottom: 80px;
}
.our-story-container {
    padding: 80px;
    border-radius: 10px;
    background: linear-gradient(180deg, #D9E7EC 0%, #F2F7F8 100%);
}
.our-story .b2-eyebrow {
    margin-bottom: 10px;
}
.our-story h2 {
    color: #00212D;
}
.our-story h2 > strong {
    position: relative;
    display: inline-block;
}
.our-story h2 > 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: -3px;
}
.our-story-body-container {
    border-radius: 10px;
    background: linear-gradient(180deg, #D9E7EC 0%, #F2F7F8 100%);
    padding: 80px;
    position: relative;
    z-index: 2;
}
.our-story-body .b2-link {
    margin-top: 50px;
}
.our-story-card-body {
    background: #005D80;
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    padding: 22px 34px;
}
.our-story-card img {
    width: 100%;
}
.our-story-card-body h3,
.our-story-card-body p {
    color: #fff;
}
.our-story-card-body h3 > strong {
    position: relative;
    display: inline-block;
}
.our-story-card-body h3 > 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: -3px;
}
@media only screen and (max-width: 1080px) {
    .our-story {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .our-story-body-container {
        padding: 40px;
        text-align: center;
    }
    .our-story-card {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .our-story-body-container {
        padding: 30px 20px;
    }
    .our-story-card-body {
        padding: 20px;
    }
}