.browse-by-rooms-four-colum .cmp-container {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "living kitchen bedroom seven""living office bedroom eight""dining office bathroom eight";
  gap: 10px;
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(7) {
  grid-area: seven
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(8) {
  grid-area: eight
}


/* image height changes ------------ */
.browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.lving-Room .extended-teaser-img img {
  height: 582px;
}

.browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.dinning-room .extended-teaser-img img {
  height: 310px;
}

.browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.Bedroom .extended-teaser-img img {
  height: 582px;
}

.browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.Bathroom .extended-teaser-img img {
  height: 310px;
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(7) .extended-teaser-img img {
  height: 446px;
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(8) .extended-teaser-img img {
  height: 446px;
}

.browse-by-rooms-four-colum .cmp-teaser__action-link {
  width: 100%;
  text-align: center;
}

.browse-by-rooms-four-colum h2 {
  font-size: 28px;
  margin-bottom: 12px;
  background: linear-gradient(91.6deg, #7C35E9 -10.33%, #3A3A3A 31.86%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 478px;
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__action-link {
  font-size: 24px;
  max-width: 260px;
  width: 100%;
}

.browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__description>p {
  padding-right: 15px;
}

/* interior solution last blog card component  */
.blogs_cmp .cmp-container {
  display: flex;
  gap: 20px;
}

.blogs_cmp .browse-by-rooms-teaser {
  max-width: 670px;
  width: 100%;
}

.blogs_cmp .browse-by-rooms-teaser .extended-teaser-img img {
  height: 670px;
}

.blogs_cmp .cmp-teaser__action-link {
  font-size: 48px;
  line-height: 130%;
  font-weight: 200;
}

.blogs_cmp .browse-by-rooms-teaser .cmp-teaser__description>p {
  padding-right: 25px;
}

.blogs_cmp .browse-by-rooms-teaser .cmp-teaser__description>p::after {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  top: -3px;
}

.blogs_cmp .cmp-teaser__action-link {
  bottom: 9px;
}


/* .browse-by-rooms-teaser.browse-by-rooms-bh-shop-cta .extended-teaser-img .extended-teaser-img_desk{
  display: none;
} */

.browse-by-rooms-teaser.browse-by-rooms-bh-shop-cta{
  background-color: #F2F3F5;
  border: 1px solid var(--Neutral-color-grey-100, #CACBCC);
  border-radius: 4px;
}

@media(max-width: 767px) {
  .browse-by-rooms-four-colum .cmp-container {
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-areas:
        "living kitchen"
        "living bedroom"
        "dining bedroom"
        "office bedroom"
        "office bathroom"
        "office eight"
        "seven eight"; */

    grid-template-areas:
      "living  dining"
      "living office"
      "kitchen office"
      "bedroom  office"
      "bedroom  bathroom"
      "bedroom eight"
      "seven eight";
    gap: 10px 8px;
  }

  /* grid-template-areas: "living kitchen" "living bedroom" "dining bedroom" "office bathroom" "office eight"   */

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.lving-Room .extended-teaser-img img {
    height: 240px;
  }

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.kitchen-room .extended-teaser-img img {
    /* height: 180px; */
    height: 140px;
  }

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.dinning-room .extended-teaser-img img {
    /* height: 140px; */
    height: 180px;
  }

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.Bedroom .extended-teaser-img img {
    height: 240px;
  }

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.Bedroom .extended-teaser-img img {
    height: 240px;
  }

  .browse-by-rooms-four-colum .teaser.browse-by-rooms-teaser.Bathroom .extended-teaser-img img {
    height: 140px;
  }

  .browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(7) .extended-teaser-img img {
    height: 180px;
  }

  .browse-by-rooms-four-colum .browse-by-rooms-teaser:nth-child(8) .extended-teaser-img img {
    height: 240px;
  }

  .browse-by-rooms-four-colum h2 {
    font-size: 30px;
    line-height: 110.00000000000001%;
    margin-bottom: 8px;
    background: linear-gradient(90.41deg, #7C35E9 -35.6%, #3A3A3A 78.16%);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
  }

  .browse-by-rooms-four-colum .text {
    padding: 0 40px;
  }

  .browse-by-rooms-four-colum .interior_tabs_subheading {
    margin-bottom: 30px;
  }

  .browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__description>p {
    display: block;
    opacity: 1;
    visibility: visible;
    font-weight: 400;
    font-size: 12px;
  }

  .browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__action-link {
    margin-bottom: 28px;
    font-size: 16px;
  }

  .browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__action-link::after {
    display: none;
  }
  
  .browse-by-rooms-four-colum .browse-by-rooms-teaser .cmp-teaser__description>p::after {
    top: -3px;
  }

  /* interior solution last blog card component  */
  .blogs_cmp .cmp-container {
    flex-wrap: wrap;
  }

  .blogs_cmp .browse-by-rooms-teaser .extended-teaser-img img {
    height: 340px;
  }

  .blogs_cmp .teaser.browse-by-rooms-teaser .extended-teaser-img_desk {
    display: block;
  }

  .blogs_cmp .browse-by-rooms-teaser .cmp-teaser__description>p {
    display: block;
    opacity: 1;
    visibility: visible;
    font-weight: 400;
    font-size: 12px;
    bottom: 8px;
    font-weight: 700;
    padding-right: 21px;
  }

  .blogs_cmp .browse-by-rooms-teaser .cmp-teaser__action-link {
    margin-bottom: 30px;
    font-weight: 200;
    bottom: 5px;
  }

  .blogs_cmp .browse-by-rooms-teaser .cmp-teaser__action-link::after {
    display: none;
  }

  .blogs_cmp .browse-by-rooms-teaser .cmp-teaser__description>p::after {
    top: -5px;
    margin-left: 1px;
  }

  .blogs_cmp .cmp-teaser__action-link {
    font-size: 28px;
  }

  .blogs_cmp.container.responsivegrid.width-container-1360 {
    margin: 0 10px;
  }

}