.all-categories{
    background-color: #4C2A6E;
    padding: 11%;
}
.search-btn{
    display: inline-block;
    position: absolute;
    right: 16%;
    padding-left: 54px;
    padding-right: 54px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
}

/* All Categories section */

.all-categories .container{
    max-width: 50rem;
}
.Category-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(6,1fr);
    grid-column-gap: 2.5rem;
    grid-row-gap: 2rem;
}
.category-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #4C2A6E;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 15px;
    cursor: pointer;
}
.category-list i{
    color: #4C2A6E;
}
.category-list:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.category-list i{
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.category-name{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 10%;
    width: 12rem;
    height: 3rem;
}
.category-name span{
    color: #4C2A6E;
    font-weight: bold;
}
.Category-section{
    background-color: #F2F0F5;
    padding: 5%;
}
.Category-section h4{
    color: #4C2A6E;
}
.Category-section p{
    color: #4C2A6E;
}
.frame-section{
    background-color: #F2F0F5;
}
.frame-section-img{
    display: flex;
    justify-content: center;
}
.frame-section-img img{
    width: 50%;
    
}
/* .search-btn {
    right: 6%;
} */
@media screen and (max-width: 768px){
    .search-btn {
        right: 6%;
    }
.Category-grid {
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(6,1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.listing1.list1{
    width: 100%;
  }
  .listing2.list2{
    width: 100%;
  }
  .listing3.list3{
    width: 100%;
  }
  .listing4.list4{
    width: 100%;
  }
  .listing5.list5{
    width: 100%;
  }
  .listing6.list6{
    width: 100%;
  }
  .listing7.list7{
    width: 100%;
  }
  .listing8.list8{
    width: 100%;
  }
  .listing9.list9{
    width: 100%;
  }
  .listing10.list10{
    width: 100%;
  }
  .listing11.list11{
    width: 100%;
  }
  .listing12.list12{
    width: 100%;
  }
  .listing13.list13{
    width: 100%;
  }
  .listing14.list14{
    width: 100%;
  }
  .listing15.list15{
    width: 100%;
  }
  .listing16.list16{
    width: 100%;
  }
  .listing17.list17{
    width: 100%;
  }
  .listing18.list18{
    width: 100%;
  }
}