.hero h2,
.hero p,
.hero a.button,
.hero__media img {
    opacity: 0;
}

/* hero area wrapper */
.hero__image {
    margin-top: 32px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1199px) {
    .hero__media {
        display: none;
    }
}

@media screen and (min-width: 750px) {
    .hero__wrapper {
        display: flex;
        gap: 40px;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1200px) {
    .hero__wrapper > div:not([class]) {
        flex: 0 0 45%;
        display: flex;
    }

    .hero__image {
        display: none;
    }
}

.hero__media .referral_form {
    width: 340px;
    transform: skew(0, -5deg);
    border: 1px solid #CCCCCC;
    position: absolute;
}

.hero__media {
    position: relative;
    width: 100%;
    height: 100%;
}

.referral_form:nth-of-type(1) {
    top: -36px;
}

.referral_form:nth-of-type(2) {
    left: 20px;
    top: -24px;
    z-index: 2;
}

.referral_form:nth-of-type(3) {
    left: 40px;
    top: -12px;
    z-index: 3;
}

.referral_form:nth-of-type(4) {
    left: 60px;
    z-index: 4;
}

.considerations,
.reimbursement,
.inadmissible {
    position: absolute;
    z-index: 5;
    height: 108px;
}

.considerations {
    top: 96px;
    left: -40px;
}

.reimbursement {
    right: -10px;
    top: 158px;
}

.inadmissible {
    height: 88px;
    bottom: 80px;
    left: -80px;
}