:root {
    --jet-blog-tiles-col-width: 320px
}

.jet-smart-tiles {
    word-wrap: anywhere
}

.jet-smart-tiles-slide:first-child {
    display: block
}

.jet-smart-tiles-slide__wrap {
    display: grid;
    display: -ms-grid;
    justify-content: stretch
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h {
    grid-template-columns: 50% 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: 50% 1fr 1fr;
    -ms-grid-rows: 1fr 1fr
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) .jet-smart-tiles__box-excerpt {
    max-height: 20em;
    opacity: 1
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-row: 2
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 2
}

@media(max-width: 1024px) {
    .jet-smart-tiles-slide__wrap.layout-1-1-2-h {
        grid-template-columns:1fr 1fr !important;
        grid-template-rows: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr !important;
        -ms-grid-rows: 1fr 1fr 1fr
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(4) {
        -ms-grid-column: 2;
        -ms-grid-row: 3
    }
}

@media(max-width: 767px) {
    .jet-smart-tiles-slide__wrap.layout-1-1-2-h {
        grid-template-rows:1fr 1fr 1fr 1fr
    }
}

@media(max-width: 767px) {
    .jet-smart-tiles-slide__wrap.layout-1-1-2-h {
        grid-template-columns:1fr !important;
        -ms-grid-columns: 1fr !important
    }

   .jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 1/2
    }

.jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3
    }
    .jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 3/4
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 4/5
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 5/6
    }

    .jet-smart-tiles-slide__wrap.layout-1-1-2-h .jet-smart-tiles:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 6/7
    }
}

@media(max-width: 767px) {
    .jet-smart-tiles-slide__wrap.layout-1-1-2-h.scroll-slider-mobile {
        overflow-x:auto;
        scroll-snap-type: x mandatory;
        grid-auto-flow: column
    }

   .jet-smart-tiles-slide__wrap.layout-1-1-2-h.scroll-slider-mobile .jet-smart-tiles {
        grid-column: auto;
        grid-row: auto
    }
}

@media(max-width: 767px) {


    .jet-smart-tiles-slide__wrap.mobile-rows-1.layout-1-1-2-h {
        grid-template-columns: repeat(4, var(--jet-blog-tiles-col-width)) !important
    }

}

@media(max-width: 767px) {

    .jet-smart-tiles-slide__wrap.mobile-rows-2.layout-1-1-2-h {
        grid-template-columns: repeat(2, var(--jet-blog-tiles-col-width)) !important
    }
}

@media(max-width: 767px) {
    .jet-smart-tiles-slide__wrap.mobile-rows-3.layout-1-1-2-h {
        grid-template-columns: repeat(2, var(--jet-blog-tiles-col-width)) !important
    }
}

@media(max-width: 767px) {

    .jet-smart-tiles-slide__wrap.mobile-rows-4.layout-1-1-2-h {
        grid-template-columns: repeat(1, var(--jet-blog-tiles-col-width)) !important
    }
}

@media(max-width: 767px) {
    .jet-smart-tiles-slide__wrap.mobile-rows-5.layout-1-1-2-h {
        grid-template-columns: repeat(1, var(--jet-blog-tiles-col-width)) !important
    }

    .jet-smart-tiles-slide__wrap.mobile-rows-5.layout-1-1-2-h {
        grid-template-rows: repeat(4, 1fr) !important
    }
}

/*** Keep below ****/
.jet-smart-tiles__box {
    height: 100%;
    background-size: cover;
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    overflow: hidden;
    background-position: center;
    transition: all 200ms linear
}

.jet-smart-tiles__box:before {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    transition: all 200ms linear
}

.jet-smart-tiles__box-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.jet-smart-tiles__box-content {
    width: 100%;
    position: relative;
    z-index: 1;
    align-self: flex-end
}

.elementor-widget-jet-blog-smart-tiles {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}