.refferal__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* align-items: center; */
    align-items: stretch;
}
.refferal__content {
    flex: 0 1 56%;
    padding: 50px 0;
}
.refferal__content p {
    opacity: 0.7;
}
.refferal__content > div {
    display: flex;
    flex-direction: row;
    gap: 25px;
}
.refferal__content a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.refferal__images {
    flex: 0 1 40%;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: stretch;
    align-self: stretch;
}

@media (max-width: 1024px) {
    .refferal__wrapper {
        flex-direction: column-reverse;
    }
    .refferal__content {
        padding: 25px 0;
    }
}