.introduction {
    position: relative;
    padding: 140px 0 0;
    background: var(--Grey, #F2F7F8);
    margin: 0;
}
.introduction-heading {
    position: relative;
    z-index: 3;
}
.introduction-body {
    margin-top: 40px;
}
.introduction .b2-eyebrow {
    margin-bottom: 10px;
}
.introduction h2 {
    color: #00212D;
}
.introduction h2 > strong {
    position: relative;
    display: inline-block;
}
.introduction 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;
}
.introduction-img-polygon {
    position: relative;
    margin-left: 60px;
    margin-bottom: -40px;
    width: auto;
    height: 233px;
    object-fit: cover;
}
.introduction-image {
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1080px) {
    .introduction {
        padding: 60px 0 0;
    }
    .introduction h2 > br {
        display: none;
    }
    .introduction-body {
        margin-top: 0;
    }
    .introduction-image {
        display: inline-block;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        margin: 40px 0;
    }
    .introduction-heading {
        text-align: center;
    }
    .introduction-body p {
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .introduction-body {
        display: flex;
        flex-direction: column-reverse;
    }
}