/**
* Styling for the Text and Quote Module
* Created By: RubicoTech (Philip Pradeep)
* @Package SBX Genesis Collection
*/

.module_text-quote.bg-white {
    background-color: var(--white-100);
}
.module_text-quote .img_feature {
    padding-top: 75%;
}
.module_text-quote .img_feature > img {
    position: absolute;
    top: 0;
    left: 0;
}
.module_text-quote .txt_feature {
    padding: var(--text-spacing--l) var(--header-spacing);
    position: relative;
}
.module_text-quote .block_col_2 .col_half {
    padding: 0;
}
.module_text-quote .block_col_2 .col_half h5 {
    margin: 0 !important;
}
.module_text-quote .block_col_2 .col_half h6 {
    font-size: 18px !important;
    line-height: 30.6px !important;
    font-family: var(--ZirkelRegular-400) !important;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
}
.module_text-quote .block_col_2 .col_half p:last-child {
    margin: 0 0 var(--text-spacing--s);
}
.module_text-quote .block_col_2 .col_half > p:last-child {
    margin: 0;
}

/* Media Breakpoints */
@media (min-width: 768px) {
    .module_text-quote .img_feature {
        padding-top: 50%;
    }
    .module_text-quote .block_col_2 .quote_desc {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 35px 0 0;
    }
    .module_text-quote.swap-card .block_col_2 .quote_desc {
        padding: 0 0 0 35px;
    }
    .module_text-quote.swap-card .block_col_2 .quote_card {
        grid-column: 1 / 7;
        grid-row: 1;
    }
    .module_text-quote.swap-card .block_col_2 .quote_desc {
        grid-column: 7 / 13;
        grid-row: 1;
    }
}
@media (min-width: 1024px) {
    .module_text-quote .txt_feature {
        padding: var(--text-spacing--l) var(--module-spacing) var(--text-spacing--l) var(--header-spacing);
    }
    .module_text-quote .img_feature {
        padding-top: 35%;
    }
    .module_text-quote .block_col_2 .quote_desc p {
        padding-right: var(--header-spacing);
    }
}