* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.landingpage_container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.product_ideas {
    display: flex;
    justify-content: space-between;
    gap: 92px;
    margin-bottom: 57px;
    width: 100%;
    position: relative;
}


.product_ideas_title {
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 44px;
    margin-bottom: 8px;
    background: linear-gradient(91.13deg, #7C35E9 -17.49%, #3A3A3A 36.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.product_ideas_subtitle {
    font-size: 16px;
    line-height: 132%;
    color: #696F75;
    max-width: 312px;
    width: 100%;
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
}

.product_ideas_cards {
    display: flex;
    /* gap: 10px; */
    width: 100%;
}
.product_ideas_cards--gap{
    gap: 10px;
}
/* .product_ideas_cards a:last-of-type{
    margin-right: 14px;
} */
.product_ideas_card {
    text-decoration: none;
    /* width: 13.4%; */
    width: 128px;
}

.product_ideas_card img {
    width: 128px;
    /* width: 100%; */
    height: 128px;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

.product_ideas_card-label {
    margin-top: 8px;
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 140%;
    color: #53565A;
}

.product_ideas_card.active .product_ideas_card-label {
    font-weight: bold;
    color: #232426;
}

/* .product_ideas_all {
    background-color: #555;
    width: 128px;
    height: 128px;
} */

.product_ideas_card.active {
    position: relative;
}

.product_ideas_card.active .product_ideas_card__image_wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 128px;
    /* width: 100%; */
    height: 128px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.85%, rgba(0, 0, 0, 0.6) 100%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    border-radius: 4px;
}

.product_ideas_card.active .product_ideas_card__image_wrapper::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 19px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    background: url(../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-revamp/white-right-tick.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 99;
}


.product_ideas .product_ideas_title_wrapper{
    display: none;
}

.product_ideas .product_ideas_title_wrapper.active{
    display: block;
    width: 22%;
}
.product_ideas-swiper{
    width: 71%;
}
.product_ideas-prev,
.product_ideas-next {
  width: 48px; /* adjust size */
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 12px 20px 0px #00000014;
  border-radius: 60px;
}

.product_ideas-prev {
  background-image: url('../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/plp-cards/next-icon.png');
  top:43%;
  left: 27.4%;
  rotate: 180deg;
}
.product_ideas-prev::after,
.product_ideas-next::after{
    display: none;
}   
.product_ideas-next {
  background-image: url('../../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/plp-cards/next-icon.png');
  right: -18px;
  top: 43%;
}
.product_ideas-prev.swiper-button-disabled,
.product_ideas-next.swiper-button-disabled{
    display: none !important;
}
@media screen and (max-width : 768px) {
    /* .landingpage_container {
        padding: 0 16px;
    } */
    .landingpage_container.product_ideas_container{
        padding: 0 0 0 14px;
    }
    .product_ideas {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    .product_ideas_title {
        font-family: Archivo;
        font-weight: 700;
        font-size: 28px;
        line-height: 120%;
        color: #202129;
        background: unset;
        -webkit-text-fill-color:unset;
    }

    .product_ideas_subtitle {
        font-size: 16px;
    }

    .product_ideas_cards {
        overflow-x: scroll;
        scrollbar-width: none;
        gap: 10px;
    }
    .product_ideas_card{
        width: 128px;
    }
    .product_ideas_cards a:last-of-type{
         margin-right: 14px;
}
.product_ideas .product_ideas_title_wrapper.active{
    width: 100%;
}
.product_ideas-swiper{
    width: 100%;
}
  .product_ideas-prev,
    .product_ideas-next {
        display: none !important;
    }
}