.container.responsivegrid.width-container-1440 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}
.browse-by-units-main-wrapper h1,
.browse-by-units-main-wrapper h2,
.browse-by-units-main-wrapper h3,
.browse-by-units-main-wrapper h4,
.browse-by-units-main-wrapper h5,
.browse-by-units-main-wrapper h6{
    font-family: Archivo;
    font-weight: 500;
    font-size: 34px;
    line-height: 101%;
    text-align: center;
    background: linear-gradient(91.13deg, #7C35E9 18.51%, #3A3A3A 67.54%);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
}

.browse-by-units-teaser-wrapper .cmp-container{
     display: grid;
    grid-template-columns: repeat(6, 1fr);
    /* grid-template-columns: 1fr 1fr 1fr; */
    /* 3 equal columns */
    grid-template-rows: auto;
    grid-template-areas:
       "tvunit tvunit wardrobe wardrobe crockeryunit crockeryunit"
        "doors doors doors windows windows windows";
    gap: 12px;
}

 .browse-by-units-teaser:nth-child(1) {
    grid-area: tvunit;
}

.browse-by-units-teaser:nth-child(2) {
    grid-area: wardrobe;
}

.browse-by-units-teaser:nth-child(3) {
    grid-area: crockeryunit;
}

.browse-by-units-teaser:nth-child(4) {
    grid-area: doors;
}

.browse-by-units-teaser:nth-child(5) {
    grid-area: windows;
} 

.browse-by-units-teaser{
    position: relative;
}

.browse-by-units-teaser .cmp-teaser {
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.browse-by-units-teaser .extended-teaser-img {
    position: relative;
}

.teaser.browse-by-units-teaser .extended-teaser-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.16%, rgba(0, 0, 0, 0.6) 100%);


}

.browse-by-units-teaser .cmp-teaser__description>p {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 10px;
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.browse-by-units-teaser:hover .cmp-teaser__description>p {
    opacity: 1;
    visibility: visible;
}
.browse-by-units-teaser .cmp-teaser__description>p::after {
    content: '';
    position: absolute;
    background-image: url("../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/browse-by-room/browse-by-room-arrow.png");
    width: 16px;
    height: 16px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    margin-left: 3px;
}

.browse-by-units-teaser .extended-teaser-img img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease-in-out;
}

.browse-by-units-teaser .cmp-teaser:hover .extended-teaser-img img {
    transform: scale(1.1);
}

.browse-by-units-teaser .cmp-teaser__action-link {
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 20px;
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    /* letter-spacing: -2%; */
}
.teaser.browse-by-units-teaser.tv-unit .extended-teaser-img img {
    height: 300px;
}

.teaser.browse-by-units-teaser.wardrobe .extended-teaser-img img {
    height: 300px;
}

.teaser.browse-by-units-teaser.crockery-unit .extended-teaser-img img {
    height: 300px;
}

.teaser.browse-by-units-teaser.doors .extended-teaser-img img {
    height: 300px;
}

.teaser.browse-by-units-teaser.windows .extended-teaser-img img {
    height: 300px;
}


.teaser.browse-by-units-teaser  .extended-teaser-img_mob{
    display: none   ;
}



@media (max-width: 767px) {

    .container.responsivegrid.width-container-1440 {
        max-width: 100%;
        /* margin: 0 16px; */
        padding: 0 16px;
    }

    .teaser.browse-by-units-teaser  .extended-teaser-img_desk{
        display: none;
    }

    .teaser.browse-by-units-teaser  .extended-teaser-img_mob{
        display: block;
    }

    .browse-by-units-teaser  {
        width: 100%;
    }

    .browse-by-units-teaser-wrapper .cmp-container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "tvunit wardrobe"
            "tvunit doors"
            "crockeryunit doors"
            "windows windows";
            /* "office bathroom"; */
           
        gap: 8px;
        justify-content: center;
    }

    .browse-by-units-main-wrapper h1,
    .browse-by-units-main-wrapper h2,
    .browse-by-units-main-wrapper h3,
    .browse-by-units-main-wrapper h4,
    .browse-by-units-main-wrapper h5,
    .browse-by-units-main-wrapper h6 {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: 0;
        text-align: center;
        color: transparent;
        margin-bottom: 20px;
        background: linear-gradient(90.41deg, #7C35E9 -35.6%, #3A3A3A 78.16%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .browse-by-units-teaser .extended-teaser-img_desk {
        width: 160px;
        height: 240px;
        opacity: 1;
        border-radius: 4px;
    }

    .browse-by-units-teaser .cmp-teaser__action-link {
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0;
        bottom: 0px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
        transform: unset;
        left: unset; 
        display: flex;
        justify-content: center;
        gap: 3px;
        /* position: relative; */
    }

    .browse-by-units-teaser .cmp-teaser__action-link::after {
        content: '';
        /* position: absolute; */
        background-image: url("../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/browse-by-room/browse-by-room-arrow.png");
        width: 16px;
        height: 16px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        margin-top: 3px;
    }
    .browse-by-units-teaser .cmp-teaser{
        border-radius: 4px;
    }
    .browse-by-units-teaser .cmp-teaser__description>p{
        display: none;
    }

    .teaser.browse-by-units-teaser.tv-unit .extended-teaser-img img {
        height: 220px;
    }

    .teaser.browse-by-units-teaser.wardrobe .extended-teaser-img img {
        height: 160px;
    }

    .teaser.browse-by-units-teaser.crockery-unit .extended-teaser-img img {
        height: 160px;
    }

    .teaser.browse-by-units-teaser.doors .extended-teaser-img img {
        height: 220px;
    }

    .teaser.browse-by-units-teaser.windows .extended-teaser-img img {
        height: 180px;
    }
    .browse-by-units-teaser .extended-teaser-img img{
        object-fit: unset;
    }
}