HomeWork/project/my-project/src/App.css

#components-layout-demo-top-side-2 {
  float:  right;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top-side-2 .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

.site-layout-background {
  background: #fff;
}

.category ul {
    display: flex;
    flex-wrap: wrap;
}

.ant-card {
  margin: 7px;
}

a:link, a:visited {
  color: black;
}
/* 
.ant-menu-vertical>.ant-menu-item {
  background-color: #a11952;
}  */

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}

.ant-menu-item {
  background-color: #e6f7ff;
  padding-right: 0px;
  
}

.ant-menu-item-selected {
  margin-right: -2px;
}

.ant-menu-inline .ant-menu-item-selected:after, .ant-menu-inline .ant-menu-selected:after  {
  opacity: 0;
}
.subCategory {
  margin-left: 10px;
}

.ant-layout-header {
  background:  #728892; 
}

.imgWrapper{
  /* padding-top: 30px; */
  height: 150px;
  width: 150px;
}

.ant-btn-block {
  margin-top: 10px;
}

.ant-input-group-wrapper {
  margin-top: 15px;
}

.example {
  margin: 50% 0;
  margin-bottom: 20px;
  padding: 30px 50px;
  text-align: center;
  /* background: rgba(0, 0, 0, 0.05); */
  border-radius: 4px;
}

.additionalImg {
  /* outline: 2px solid rgb(117, 9, 103);; */
  display: inline-block;
  margin-left: 3px;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
}



.sortTablelist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.liSortTable {
  display: block;
}

.ant-carousel {
  line-height: 7;
  font-feature-settings: "tnum";
}

.ant-carousel .slick-dots li button {

  
  height: 15px;
  color: black;
  background: rgb(58, 165, 236);
  border-radius: 50%;
  opacity: 0.8;
 
}

.slick-active button {
  background: blue;
}

.ant-carousel .slick-dots li.slick-active button {
    background: rgb(14, 80, 141);
    opacity: 1;
    border-radius: 50%;
}

.ant-menu-item .ant-menu-item-active .ant-menu-item-selected {
  background-color: red;
}

.ant-carousel .slick-dots li.slick-active {
  width: 16px;
}