.content-card-with-video-section {
    padding-top: 96px;
    padding-bottom: 96px;
}
.content-card-with-video-section .content-card-with-video .heading {
    padding-bottom: 48px;
}
.content-card-with-video-section .content-card-with-video .cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-s-5, 40px);
    flex-wrap: wrap;

}

.content-card-with-video-section .content-card-with-video .card {
    /* flex: 0 0 calc(33.33% - 40px); */
    width: 448px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s-3);
    border-radius: var(--corner-radius-m);
    background: var(--color-palette-tertiary-lightest-purple);
    align-self: stretch;
    overflow: hidden;
}
.content-card-with-video-section .content-card-with-video .card .content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex: 1 0 0;
}
.content-card-with-video-section .content-card-with-video .card .card-content {
    padding: var(--spacing-s-5) var(--spacing-s-6);
    padding-bottom: 0px;
}
.content-card-with-video-section .content-card-with-video .card .bottom-video .wistia-trigger-video img,
.content-card-with-video-section .content-card-with-video .card .bottom-video .video-image.external img {
    max-width: 280px;
    margin-left: auto;
    height: auto!important;
}
.content-card-with-video-section .content-card-with-video .card .bottom-video .video-image.external .thumbnail {
    display: flex;
    position: relative;
}
.content-card-with-video-section .content-card-with-video .card .bottom-video {
    background-image: url('/wp-content/themes/seofx/assets/img/blocks/general/content-card-with-video/bg.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
}
.content-card-with-video-section .content-card-with-video .card .bottom-video .bottom-logo {
    padding-left: var(--spacing-s-6);
    position: relative;
    top: 80px;
}
.content-card-with-video-section .content-card-with-video .card .bottom-video .bottom-logo img {
}
.content-card-with-video-section .content-card-with-video .fx-wistia_thumb .wistia_embed.wistia-play-icon {
    left: 120px;
    top: 180px; 
}
.content-card-with-video-section .content-card-with-video .video-image:hover  .play-icon {
    zoom: 1.1;
}
.content-card-with-video-section .content-card-with-video .video-image .play-icon{
    background-image: url(/wp-content/themes/seofx/assets/img/icons/icon-play.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    content: " ";
    display: block;
    width: 120px;
    height: 80px;
    position: absolute;
    left: 120px;
    top: 180px;     
    transform: translate(-50%, -50%);
    z-index: 2;

}
@media screen and (max-width: 500px) {
    .content-card-with-video-section .content-card-with-video .card .bottom-video .bottom-logo {
        top: 0px;
        padding-left: 24px;
    }
    .content-card-with-video-section .content-card-with-video .card .card-content {
        padding: 24px;
    }
}
@media screen and (max-width: 564px) {
    .content-card-with-video-section .content-card-with-video .video-image .play-icon {
        width: 84px;
        height: 80px;
    }
}