.inside-well-planned-kitchen-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding: 40px;
  @media screen and (max-width: 650px) {
    padding: 20px 0;
  }
  .iwpk-title {
    font-size: 32px;
    font-weight: 500;
    color: #232426;
    @media screen and (max-width: 650px) {
      font-size: 24px;
    }
  }
  .iwpk-desc {
    font-size: 16px;
    font-weight: 400;
    color: #232426;
    @media screen and (max-width: 650px) {
      font-size: 14px;
      color: #696f75;
    }
  }
  .iwpk-tab-container {
    width: 100%;
    display: flex;
    gap: 20px;
    position: relative;
    @media screen and (max-width: 650px) {
      flex-direction: column;
    }
    .iwpk-left-container {
      width: 70%;
      @media screen and (max-width: 650px) {
        width: 100%;
      }
      > img {
        width: 100%;
        object-fit: contain;
        @media screen and (max-width: 650px) {
          height: auto;
        }
      }
    }
    .iwpk-right-container {
      display: flex;
      flex-direction: column;
      gap: 20px;
      width: 28%;
      position: absolute;
      right: 0;
      height: 100%;
      @media screen and (max-width: 650px) {
        position: unset;
        width: 100%;
        padding-left: 10px;
      }
      .iwpk-tabs {
        display: flex;
        gap: 16px;
        border-bottom: 1px solid #9da1b0;
        font-size: 14px;
        font-weight: 500;
        .iwpk-tab {
          padding: 5px;
          padding-bottom: 10px;
          color: #9da1b0;
          cursor: pointer;
        }
        .iwpk-tab.active {
          border-bottom: 1.5px solid #000;
          color: #202129;
        }
      }
      .iwpk-cards-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        max-height: 100%;
        overflow-y: scroll;
        @media screen and (max-width: 650px) {
          display: flex;
          gap: 10px;
          overflow-x: scroll;
        }
        .iwpk-cards-teaser {
          display: flex;
          flex-direction: column;
          border-radius: 12px;
          border: 1px solid #e6e7eb;
          @media (max-width:650px){
            min-width: 158px;
          }
          > img {
            height: 168px;
            object-fit: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
          }
          .iwpk-card-name-container {
            display: flex;
            gap: 10px;
            padding: 18px 10px;
            align-items: center;
            .serial-no-container {
              font-size: 10px;
              font-weight: 600;
              .iwpk-serial-no {
                height: 16px;
                width: 16px;
                background: #000;
                border-radius: 50%;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
              }
            }
            .iwpk-name {
              font-size: 14px;
              font-weight: 500;
            }
          }
        }
      }
      .iwpk-cards-container::-webkit-scrollbar {
        display: none;
      }
      .iwpk-teaser-container-main {
        display: flex;
        flex-direction: column;
        gap: 12px;
        .iwpk-teaser-container {
          padding: 20px;
          border: 1px solid #e6e7eb;
          border-radius: 8px;
          display: flex;
          gap: 20px;
          align-items: center;
          > img {
            height: 50px;
            width: 50px;
          }
          .teaser-details {
            display: flex;
            flex-direction: column;
            gap: 8px;
            .td-name {
              font-size: 18px;
              font-weight: 500;
              color: #232426;
            }
            .td-details {
              font-size: 14px;
              font-weight: 300;
              color: #75787b;
            }
          }
        }
      }
    }
  }
}