.flipcard__wrapper_outer {
    max-width: var(--module-wrapper-width);
    margin: 45px 0;
} 
.flipcard__wrapper_inner {
    display: flex;
    flex-wrap: wrap;
}
.flipcard {
    height: 400px;
    /* min-width: 280px;
    max-width: 280px; */
    margin: 10px;
    position: relative;
    box-shadow: 0px 2px 8px -2px #20202067;
    transition: transform 0.5s;
    transform-style: preserve-3d;
    cursor: pointer;
    flex-basis: 33%;
    flex: 1;
    flex-grow: 1;
}
.flipcard.medium {
    max-width: 575px;
    flex-basis: 66%;
    flex: 1;
    flex-grow: 2;
}

.flipcard.large {
    max-width: 100%;
    flex-basis: 100%;
}

.flipped {
    transform: rotateY(180deg);
}

.inverse_textcolor {
    color: var(--light);
}

.flipcard__front {
    height: 100%;
    position: relative;
}
.flipcard__front, .flipcard__back {
    backface-visibility: hidden;
}

.flipcard__front_image {
    width: 100%;
    height: 100%;
}

.flipcard__front_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flipcard__front_text {
    position: absolute;
    top: 40px;
    left: 25px;
    width: 70%;
    line-height: 1.2;
    font-family: var(--default-font-medium);
    font-size: var(--font-size-header-small);
}

.medium .flipcard__front_text {
    width: 50%;
}
.large .flipcard__front_text {
    width: 40%;
}
.flipcard__back {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.flipcard__back_text {
    line-height: 1.5;
    font-family: var(--default-font);
    font-size: var(--font-size-text);
}
.flipcard.large .flipcard__back {
    align-items: flex-start;
    justify-content: flex-start;
}
.flipcard.large .flipcard__back_text {
    width: 50%;
}
.flipcard__back_text a {
    font-family: var(--default-font-medium);
    color: var(--default-dark-blue);
}
.flip-icon {
	height: 50px;
	width: 50px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Action / Flip"><path id="Vector" d="M5.5 12.05C5.5 12.3833 5.52083 12.7083 5.5625 13.025C5.60417 13.3417 5.66667 13.6417 5.75 13.925C5.8 14.125 5.7875 14.325 5.7125 14.525C5.6375 14.725 5.50833 14.8667 5.325 14.95C5.14167 15.0333 4.95417 15.0333 4.7625 14.95C4.57083 14.8667 4.44167 14.7333 4.375 14.55C4.24167 14.1333 4.14583 13.7208 4.0875 13.3125C4.02917 12.9042 4 12.4833 4 12.05C4 9.86667 4.7875 7.9875 6.3625 6.4125C7.9375 4.8375 9.81667 4.05 12 4.05H13.075L11.55 2.525C11.4167 2.39167 11.35 2.23333 11.35 2.05C11.35 1.86667 11.4167 1.70833 11.55 1.575C11.6833 1.44167 11.8458 1.375 12.0375 1.375C12.2292 1.375 12.3917 1.44167 12.525 1.575L15.25 4.275C15.4 4.425 15.475 4.6 15.475 4.8C15.475 5 15.4 5.175 15.25 5.325L12.55 8.025C12.4167 8.15833 12.25 8.225 12.05 8.225C11.85 8.225 11.6833 8.15833 11.55 8.025C11.4167 7.89167 11.35 7.725 11.35 7.525C11.35 7.325 11.4167 7.15833 11.55 7.025L13.025 5.55H12C10.2167 5.55 8.6875 6.1875 7.4125 7.4625C6.1375 8.7375 5.5 10.2667 5.5 12.05ZM18.5 12.025C18.5 11.6917 18.4792 11.3667 18.4375 11.05C18.3958 10.7333 18.3333 10.425 18.25 10.125C18.1833 9.925 18.1875 9.725 18.2625 9.525C18.3375 9.325 18.4667 9.18333 18.65 9.1C18.8333 9.01667 19.0167 9.01667 19.2 9.1C19.3833 9.18333 19.5083 9.31667 19.575 9.5C19.725 9.91667 19.8333 10.3333 19.9 10.75C19.9667 11.1667 20 11.5917 20 12.025C20 14.2083 19.2125 16.0875 17.6375 17.6625C16.0625 19.2375 14.1833 20.025 12 20.025H10.875L12.4 21.55C12.5333 21.6833 12.6 21.8417 12.6 22.025C12.6 22.2083 12.5333 22.3667 12.4 22.5C12.2667 22.6333 12.1042 22.7 11.9125 22.7C11.7208 22.7 11.5583 22.6333 11.425 22.5L8.7 19.8C8.55 19.65 8.475 19.475 8.475 19.275C8.475 19.075 8.55 18.9 8.7 18.75L11.425 16.025C11.5583 15.8917 11.7208 15.825 11.9125 15.825C12.1042 15.825 12.2667 15.8917 12.4 16.025C12.5333 16.1583 12.6 16.3208 12.6 16.5125C12.6 16.7042 12.5333 16.8667 12.4 17L10.875 18.525H12C13.7833 18.525 15.3125 17.8875 16.5875 16.6125C17.8625 15.3375 18.5 13.8083 18.5 12.025Z" fill="%23202020"/></g></svg>');
    background-position: center;
    background-color: var(--grey);
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.hidden {
    display: none;
}


@media screen and (max-width: 768px) {
    .flipcard__wrapper_outer {
        max-width: 100%;
        padding: 10px;
        flex-direction: column;
    }
    .flipcard {
        transition: transform 0.4s;
    }
    .flipcard, .flipcard.medium, .flipcard.large {
        margin: 10px 0;
        min-width: 100%;
    }
    .flipcard__front_text {
        position: absolute;
        top: 40px;
        left: 25px;
        width: 60%;
        font-size: var(--font-size-header-minor);
    }
    .flipcard__back {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 70px 30px;
    }
    .flipcard.large .flipcard__back_text {
        width: 100%;
    }

}