.aw-tf-grid {
    /* max-width: 1080px;
    margin: 0 auto; */
    /* padding: 0 5vw; */
}
.aw-tf-grid .grid {
    max-height: 80vh;
}


.aw-tf-grid .grid-holder img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Image Grid */

.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-end-3{grid-column-end:3}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.-m-1\.5{margin:-.375rem}.-m-2\.5{margin:-.625rem}.m-0{margin:0}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-6{margin:1.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-1\.5{margin-bottom:-.375rem;margin-top:-.375rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mb-6{margin-bottom:-1.5rem}.-me-1\.5{margin-inline-end:-.375rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-ml-3{margin-left:-.75rem}.-mr-6{margin-right:-1.5rem}.-mt-1{margin-top:-.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-auto{margin-bottom:auto}.me-2{margin-inline-end:.5rem}.me-4{margin-inline-end:1rem}.me-6{margin-inline-end:1.5rem}.me-\[10\%\]{margin-inline-end:10%}.me-\[15\%\]{margin-inline-end:15%}.ml-0\.5{margin-left:.125rem}.ml-10{margin-left:2.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-12{margin-right:3rem}.ms-0{margin-inline-start:0}.ms-2{margin-inline-start:.5rem}.ms-3{margin-inline-start:.75rem}.ms-4{margin-inline-start:1rem}.ms-6{margin-inline-start:1.5rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[-10\%\]{margin-top:-10%}.mt-\[-15\%\]{margin-top:-15%}.mt-\[-2px\]{margin-top:-2px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}



.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-flow-row-dense {
    grid-auto-flow: row dense;
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}

.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gap-3 {
    gap: .75rem;
}

.gap-4 {
    gap: 1rem;
}
.md\:gap-y-8 {
    row-gap: 2rem;
}

.row-span-2 {
    grid-row: span 2 / span 2;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.size-full {
    height: 100%;
    width: 100%;
}

.row-span-3 {
    grid-row: span 3 / span 3;
}

.rounded-lg, .rounded-md {
    border-radius: 8px;
}

.relative {
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

.md\:order-first {
    order: -9999;
}

.md\:order-2 {
    order: 2;
}

.md\:order-5 {
    order: 5;
}

.md\:order-3 {
order: 3;
}


.md\:order-4 {
order: 4;
}


.md\:order-5 {
order: 5;
}


.md\:order-6 {
order: 6;
}


.md\:order-7 {
order: 7;
}


.md\:order-8 {
order: 8;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.aw-tf-grid h2 {
    margin: 0;
    margin-bottom: 18px;
}

.aw-tf-grid h3 {
    margin: 0;
    margin-bottom: 38px;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 400;
}

.aw-tf-grid .grid-holder {
    position: relative;
}
.content-box  {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    flex-direction: column;
}

.content-box h3.grid-title {
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    margin: 0 0 10px;
    color: #fff;
    font-family: 'Alaska';
    text-align: center;
}

.content-box .arrow-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    text-decoration: none;
    transition: background 0.3s;
    border: 1px solid #fff;
}

.content-box .arrow-btn img {
    width: 16px;
    height: 16px;
}

.mobile-show {display: none!important;}


@media (max-width: 768px) {
    .mobile-hide {display: none!important;}
    .mobile-show {display: block!important;}
    .md\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:order-1 {
        order: 1;
    }

    .aw-tf-grid .grid {
        max-height: max-content;
    }

    .grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))!important;
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    }

    .content-box {
        height: 100%;
        justify-content: end;
        margin-bottom: 12px;
    }

    .content-box h3.grid-title {
        text-align: center;
    }

}