.bh-rewamp-common-mr-bottom>.cmp-container {
    margin-bottom: 120px;
}

.browse-by-colours-main-wrapper>.cmp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 0px 40px 0px 91px; */
    width: 100%;
    max-width: 1339px;
    margin: 120px auto;
}

.browse-by-colours-main-wrapper .browse-by-colours-heading-wrapper .cmp-container {
    max-width: 283px;
    width: 100%;
}

.browse-by-colours-heading-wrapper h2 {
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 500;
    font-size: 52px;
    line-height: 57px;
    letter-spacing: 0;
    padding-bottom: 20px;
    color: transparent;
    background: linear-gradient(91.13deg, #7C35E9 -60.49%, #3A3A3A 80.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.browse-by-colours-heading-wrapper p {
    font-family: "Helvetica", sans-serif, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0;
    color: #6B6767;
}

.browse-by-colours-main-wrapper .browse-by-colours-wrapper .cmp-container {
    width: 100%;
    min-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.browse-by-colours-wrapper .browse-by-colours-teaser .cmp-teaser {
    display: flex;
    align-items: center;
    max-width: 900px;
    /* border-bottom: 1px solid #CACBCC; */
}

.browse-by-colours-teaser .extended-teaser-img_desk {
    width: 323px;
    height: 80px;
    border-radius: 4px 4px 0px 0px;
}

.browse-by-colours-teaser .cmp-teaser__content {
    position: relative;
    width: 100%;
}

.browse-by-colours-teaser .cmp-teaser__action-container {
    /* background-color: green; */
    border-bottom: 1px solid #CACBCC;
}

.browse-by-colours-teaser .cmp-teaser__action-container>.cmp-teaser__action-link {
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    /* letter-spacing: -2%; */
    color: #000;
    width: 100%;
    display: block;
    padding: 24px 0px 24px 22px;
}

.browse-by-colours-teaser .cmp-teaser__action-container>.cmp-teaser__action-link::after {
    content: '';
    position: absolute;
    background-image: url("../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/rewamp-design/browse-by-room-icon.png");
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 49px;
    height: 48px;
    transform: translateY(-50%) rotate(0deg);
      background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

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

.browse-by-colours-wrapper .browse-by-colours-teaser:hover .cmp-teaser__action-container>.cmp-teaser__action-link {
    font-family: "Archivo";
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #512B8B;

}

.browse-by-colours-teaser:hover .cmp-teaser__action-container>.cmp-teaser__action-link::after {
    background-image: url("../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/rewamp-design/brows-by-color-icon-active.png");
    transition: background-image 0.3s ease;
    background-size: contain;
    /* ensures full image fits */
    background-repeat: no-repeat;
    /* prevents tiling */
    background-position: center;
    width: 49px;
    height: 48px;
}

@media (max-width: 767px) {

    .bh-rewamp-common-mr-bottom>.cmp-container {
        margin-bottom: 80px;
    }

    .browse-by-colours-wrapper .browse-by-colours-teaser .cmp-teaser {
        max-width: unset;
        width: 100%;
    }

    .browse-by-colours-heading-wrapper .cmp-container {
        max-width: unset;
        width: unset;
    }

    .browse-by-colours-heading-wrapper h2 {
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: unset;
        margin-bottom: 19px;
        color: transparent;
        background: linear-gradient(91.13deg, #7C35E9 -8.49%, #3A3A3A 53.54%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 19px;
    }

    .browse-by-colours-main-wrapper .browse-by-colours-heading-wrapper .cmp-container {
        max-width: unset;
    }

    .browse-by-colours-teaser .cmp-teaser__content {
        width: 100%;
    }

    .browse-by-colours-heading-wrapper p {
        display: none;
    }

    .browse-by-colours-main-wrapper>.cmp-container {
        display: block;
        padding: unset;
        margin: 80px auto;
    }

    /* .browse-by-colours-teaser .extended-teaser-img {
        margin-right: 22px;
    } */

    .browse-by-colours-teaser .cmp-teaser__action-container>.cmp-teaser__action-link {
        width: 52%;
        font-size: 20px;
        line-height: 26px;
        padding: 33px 0px 33px 20px;
    }

    .browse-by-colours-teaser .cmp-teaser__action-container>.cmp-teaser__action-link::after {
        right: 0;
    }

    .browse-by-colours-main-wrapper .browse-by-colours-wrapper .cmp-container {
        max-width: unset;
        min-width: 328px;
        width: 100%;
        padding: 0px 20px;
    }



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

    .browse-by-colours-teaser .extended-teaser-img_mob {
        width: 120px;
        height: 119px;
        display: block;
    }

    .browse-by-colours-teaser .cmp-teaser__title {
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        /* letter-spacing: -2%; */
    }

    .browse-by-colours-teaser .cmp-teaser__action-container>.cmp-teaser__action-link {
        padding-left: 20px;
        font-size: 20px;
    }

    .browse-by-colours-wrapper .browse-by-colours-teaser:hover .cmp-teaser__action-container>.cmp-teaser__action-link {
        font-size: 20px;
        color: #000;

    }

    .browse-by-colours-teaser:hover .cmp-teaser__action-container>.cmp-teaser__action-link::after {
        background-image: url("../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/rewamp-design/browse-by-room-icon.png");
    }
}