* {
  font-family: Arial, Helvetica, sans-serif;
}
#H_Container {
  width: 100%;
  height: 180px;
  font-family: Arial, Helvetica, sans-serif;
}
#H_box {
  height: 100%;
  width: 100%;
  border: 1px solid transparent;
  margin: auto;
}
/* Head01 css cart + wishlist line */
#H_1box0 {
  width: 100%;
  height: 29%;
  background-color: #faf9f9;
  border: 1px solid transparent;
}
#H_1box {
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: 50px;
  grid-template-areas: "in en usd - - free free free free free free free free free ex signin signin  signin wishbtn cartbtn";
  border: 1px solid transparent;
}
#extra {
  border: 1px solid transparent;
  grid-area: ex;
}
#in {
  border: 0.1px solid transparent;
  grid-area: in;
  text-align: center;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
}
#en {
  border: 0.1px solid transparent;
  grid-area: en;
  text-align: center;
  font-size: small;
  line-height: 50px;
  font-family: Arial, Helvetica, sans-serif;
}
#usd {
  border: 0.1px solid transparent;
  grid-area: usd;
  text-align: center;
  font-size: small;
  line-height: 50px;
  font-family: Arial, Helvetica, sans-serif;
}
#free {
  border: 0.1px solid transparent;
  grid-area: free;
  font-size: small;
  text-align: center;
  line-height: 50px;
}
#signin {
  border: 0.1px solid transparent;
  grid-area: signin;
  font-size: small;
  text-align: end;
  line-height: 50px;
}
#wishbtn {
  border: 0.1px solid transparent;
  margin: auto;
  font-size: large;
  color: salmon;
  grid-area: wishbtn;
}
#cartbtn {
  border: 0.1px solid transparent;
  display: flex;
  margin: auto;
  margin-top: 25%;
  color: gold;
  font-size: large;
  grid-area: cartbtn;
}
#cartbtn > span {
  color: black;
}
/* Head01 css cart + wishlist line */
#H_2box {
  height: 30%;
  width: 100%;
  text-align: center;
  line-height: 10px;
  font-size: x-large;
  border: 1px solid transparent;
}
/* Head03 css What's New line */
#H_3box0 {
  width: 100%;
  height: 30%;
  border: 1px solid transparent;
}
#H_3box {
  height: 30%;
  width: 70%;
  margin: auto;
  margin-top: 30px;
  text-align: center;
  font-size: small;
  border: 1px solid transparent;
  display: flex;
}
#H_3box > div:hover {
  font-weight: bolder;
  text-decoration: 02px underline;
  text-decoration-color: #ee4a1b;
}
#H_3box > div {
  margin: auto;
}
.hover {
  cursor: pointer;
}
.addColor {
  background-color: #fff7f3;
}
.Dhruv_hover {
  position: absolute;
  z-index: 1;
  width: 99%;
  /* height: 400px; */
  border: 2px solid transparent;
  /* top: 190px; */
  background-color: #faf9f9;
}
.stpp {
  border: 0.1px solid red;
}
/* Hover Dhruv Css start */
/* one */
#whatsnew {
  width: 80%;
  /* border: 0.2px solid black;
  height: 350px; */
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
}

#whatsnew > div {
  border: 0.1px solid transparent;
  flex: 1;
}
.whatsnew_first > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.whatsnew_first > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.whatsnew_first > div:hover {
  /* border-bottom: 2px solid black; */
  cursor: pointer;
  font-weight: bold;
}
.whatsnew_second > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.whatsnew_second > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.whatsnew_second > div:hover {
  /* border-bottom: 2px solid black; */
  font-weight: bold;
  cursor: pointer;
}
.whatsnew_third > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}
.whatsnew_third > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.whatsnew_third > div:hover {
  /* border-bottom: 2px solid black; */
  font-weight: bold;
  cursor: pointer;
}

/* .whatsnew_third {
  height: 200px;
} */

/* .whatsnew_foruth_1st {
  font-size: 24px;
  font-weight: bold;
} */

.whatsnew_foruth_2nd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  /* color: white; */
}

.whatsnew_foruth_2nd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
.whatsnew_foruth_3rd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  color: #ee4a1b;
}

.whatsnew_foruth_3rd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
/* one end */

/* two */
#favorites {
  width: 80%;
  /* border: 0.2px solid black;
  height: 350px; */
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
}

#favorites > div {
  border: 0.1px solid transparent;
  flex: 1;
}
.favorites_first > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.favorites_first > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.favorites_first > div:hover {
  /* border-bottom: 2px solid black; */
  cursor: pointer;
  font-weight: bold;
}
.favorites_second > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.favorites_second > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.favorites_second > div:hover {
  /* border-bottom: 2px solid black; */
  font-weight: bold;
  cursor: pointer;
}
/* .favorites_third > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
} */
.favorites_third > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.favorites_third > div:hover {
  /* border-bottom: 2px solid black; */
  /* font-weight: bold; */
  cursor: pointer;
}
/* .favorites_third {
  height: 200px;
} */

/* .favorites_foruth_1st {
  font-size: 24px;
  font-weight: bold;
} */

.favorites_foruth_2nd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  /* color: white; */
}

.favorites_foruth_2nd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
.favorites_foruth_3rd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  color: #ee4a1b;
}

.favorites_foruth_3rd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
/* two end */

/* three */
#designers {
  width: 80%;
  /* border: 0.2px solid black;
  height: 350px; */
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
}

#designers > div {
  border: 0.1px solid transparent;
  flex: 1;
}
.designers_first > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.designers_first > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.designers_first > div:hover {
  /* border-bottom: 2px solid black; */
  cursor: pointer;
  font-weight: bold;
}
.designers_second > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}

.designers_second > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.designers_second > div:hover {
  /* border-bottom: 2px solid black; */
  font-weight: bold;
  cursor: pointer;
}
.designers_third > div:nth-child(1) {
  border: 0.1px solid transparent;
  font-weight: bold;
  padding: 5px 0px;
  font-size: small;
}
.designers_third > div {
  /* border-bottom: 1px solid gainsboro; */
  padding: 5px 0px;
}

.designers_third > div:hover {
  /* border-bottom: 2px solid black; */
  font-weight: bold;
  cursor: pointer;
}

/* .designers_third {
  height: 200px;
} */

/* .designers_foruth_1st {
  font-size: 24px;
  font-weight: bold;
} */

.designers_foruth_2nd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  /* color: white; */
}

.designers_foruth_2nd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
.designers_foruth_3rd {
  /* border: 2px solid black; */
  font-size: medium;
  width: 140px;
  padding: 10px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 10%;
  /* background-color: #444054; */
  color: #ee4a1b;
}

.designers_foruth_3rd:hover {
  /* background-color: #53505f; */
  cursor: pointer;
}
/* three end */

/* Hover Dhruv Css End */
/* Head03 css What's New line */