/*
    Styling for the "Quick Info Stats" Block
    Created By: RubicoTech (Philip Pradeep)
    @Package SBX Genesis Collection
*/
.module_quick-info {
    background: var(--bg-silver-gradient);
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}
.module_quick-info > .grid-wrap {
    width: 100%;
    z-index: 2;
}
.module_quick-info > .grid-wrap + .grid-wrap {
    z-index: 1;
}
.module_quick-info:not(.wrap-callout-slider) {
    min-height: 619px;
}
.module_quick-info .number-wrapper {
    border-bottom: 1px solid var(--grey-4);
    display: inline-block;
}
.module_quick-info .number-wrapper > span {
    font-size: 100px;
    line-height: 160px;
    font-family: var(--grotesk_light);
    background: var(--gradient-magenta-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle;
    display: inline-block;
}
.module_quick-info .number-wrapper > .sign_after {
    font-size: 100px;
    line-height: 160px;
    font-family: var(--grotesk_bold);
}
.module_quick-info .wrap-stats .wrap-in {
    display: flex;
    flex-wrap: wrap;
}
.module_quick-info .wrap-stats .desc {
    max-width: 260px;
}
.module_quick-info .desc p {
    font-size: 20px;
    line-height: 24px;
    font-family: var(--grotesk_light);
    margin: 0;
}
.info_stat a.btn {
    margin-top: var(--text-spacing--l);
}
.module_quick-info .head_divided {
    margin-bottom: var(--module-spacing);
}
.module_quick-info .quick-info-col-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.module_quick-info .quick-info-col-img > img {
    max-width: 300px;
}
.module_quick-info .info-callout-slider .slick-list {
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0;
}
.module_quick-info .info-callout-slider .info_stat {
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
}
.module_quick-info .btn-stat {
    grid-column: span 12;
    display: flex;
    justify-content: center;
    margin-top: var(--module-spacing--m);
}
/* -- Media Break-Points -- */
@media (min-width: 768px) {
    .module_quick-info  {
        min-height: 534px !important;
    }
    .module_quick-info .wrap-stats .wrap-in {
        grid-column: span 12;
        justify-content: space-between;
        padding-bottom: 30px;
    }
    .module_quick-info .wrap-stats .desc {
        max-width: 245px;
    }
    .module_quick-info .head_divided p,
    .module_quick-info .head_divided > div {
        max-width: 450px;
    }
    .module_quick-info .head_divided h4 {
        max-width: 450px;
        margin-top: var(--header-spacing--s) !important;
    }
    .module_quick-info .wrap-col-img > div {
        grid-column: span 6 !important;
        align-items: center;
    }
    .module_quick-info .quick-info-col-img {
        justify-content: flex-end;
    }
    .module_quick-info .info-callout-slider .slick-dots {
        bottom: -12px;
    }
    .module_quick-info:not(.wrap-callout-slider) .wrap-stats {
        padding-left: 50px;
        padding-right: 50px;
    }
    .module_quick-info .number-wrapper {
        margin-bottom: var(--text-spacing--m);
    }
}
@media (min-width: 1024px) {
    .module_quick-info  {
        min-height: 768px !important;
    }
    .module_quick-info:not(.wrap-callout-slider) .wrap-stats {
        padding-left: 100px;
        padding-right: 100px;
    }
    .module_quick-info .head_divided h4 {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0 !important;
    }
    .module_quick-info .desc p {
        font-size: 32px;
        line-height: 40px;
    }
    .module_quick-info .wrap-stats .desc {
        max-width: 295px;
    }
    .module_quick-info .wrap-stats .wrap-in {
        padding-bottom: 27px;
    }
}
@media (min-width: 1200px) {
    .module_quick-info .number-wrapper > span {
        font-size: 160px;
        line-height: 160px;
    }   
    .module_quick-info .number-wrapper > .sign_after {
        font-size: 130px;
        line-height: 160px;
    }
    .module_quick-info .wrap-col-img .info_stat {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .module_quick-info .wrap-in:not(.info-callout-slider) .info_stat {
        margin-bottom: 53px;
    }
    .module_quick-info .wrap-in:not(.info-callout-slider) .info_stat:last-child {
        margin-bottom: 20px;
    }
    .module_quick-info .wrap-stats .wrap-in,
    .module_quick-info .quick-info-col-img {
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }
    .module_quick-info .wrap-col-img {
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .module_quick-info .wrap-col-img .wrap-in {
        order: 2;
    }
    .module_quick-info .quick-info-col-img {
        margin-bottom: var(--module-spacing--m);
        order: 1;
    }
    .module_quick-info .info-callout-slider .slick-slide {
        display: flex;
        justify-content: center;
    }
    .module_quick-info .number-wrapper {
        margin-bottom: 24px;
    }
    .module_quick-info.wrap-callout-slider .general_info {
        padding-top: 20px;
    }
    .module_quick-info.wrap-callout-slider {
        padding-bottom: 70px;
    }
}