.cmp-container--wellplannedwardrobe {
  font-family: Archivo !important;

  >.cmp-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding: 0;
    max-width: 1360px;
    margin: 0 auto;
    @media (min-width: 1024px) and (max-width: 1439px) {
      /* padding: 0 40px; */
    }

    @media screen and (max-width: 650px) {
      padding: 20px 0;
      min-height: 650px;
    }

    >.title {
      .cmp-title {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        padding: 0 20px;

        @media screen and (max-width: 650px) {
          gap: 4px;
        }

        h2 {
          font-size: 29px;
          font-weight: 400;
          line-height: 101%;
          color: #232426;
          font-family: "Playfair Display", serif !important;
          @media screen and (max-width: 650px) {
            font-size: 22px;
            text-align: center;
          }
        }

        p {
          font-size: 18px;
          font-weight: 300;
          color: #323232;
          line-height: 18px;

          @media screen and (max-width: 650px) {
            font-size: 14px;
            color: #696f75;
            text-align: center;
          }
        }
      }
    }

    
    >.container {
            >.cmp-container {
                display: flex;
                gap: 42px;
                @media screen and (max-width:767px){
                    flex-direction: column;
                    gap: 30px;
                }
              >.image {
                @media screen and (max-width: 650px) {
                  padding-bottom: 0 !important;
                }

                img {
                  width: 100%;
                  border-radius: 10px 0 0 10px;
                  object-fit: cover;

                  @media (min-width: 1439px) {
                    min-height: 580px;
                    max-height: 580px;
                  }
                  @media(max-width: 767px){
                    max-height: 260px;
                    min-height: unset;
                    border-radius: 0;
                  }
                }
              }


              .image~.iwpw-zones-container {
                >.cmp-container {
                  display: flex;
                  flex-direction: column;
                  gap: 40px;
                  margin-top: 40px;
                  @media (max-width: 767px){
                    position: relative;
                    width: 94%;
                    left: 3%;
                    top: 10px;
                    margin-top: 0;
                  }

                  .cmp-teaser {
                    padding: 0px;
                    border-radius: 8px;
                    display: flex;
                    gap: 20px;
                    align-items: center;

                    .cmp-teaser__content {
                      display: flex;
                      flex-direction: column;
                      gap: 8px;
                      order: 2;

                      .cmp-teaser__title {
                        font-size: 18px;
                        font-weight: 500;
                        color: #232426;
                        line-height: 101%;

                      }

                      .cmp-teaser__description {
                        font-size: 14px;
                        font-weight: 300;
                        color: #75787b;
                      }
                    }

                    .cmp-teaser__image {
                      img {
                        min-width: 50px;
                        height: 50px;
                      }
                    }
                  }
                }
              }
            }
          }
        
      
    
  }
}

.cmp-container--wellplannedwardrobe .cmp-container .image img {
  max-height: 580px;
  min-height: 580px;
  border-radius: 20px 0 0 20px;
}
@media (max-width: 767px){
  .cmp-container--wellplannedwardrobe .cmp-container .image img{
    height: 260px;
    min-height: unset;
    border-radius: 0;
  }
}