.commonuseditems {
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: rgba(234, 185, 162, 0.4784313725);
  margin: 5px;
  border-radius: 10px;
}
.commonuseditems .commonheading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5%;
}
.commonuseditems .commonheading h3 {
  color: #000;
  font-weight: bold;
  margin-block-start: 3px;
  margin-block-end: 0px;
}
.commonuseditems .commonheading button {
  padding: 3px 6px;
  background-color: #024b36;
  border: 1px solid #024b36;
  border-radius: 8px;
  color: #fff;
}
.commonuseditems .commonusedcomponents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1%;
  box-shadow: 5px 5px 5px rgba(250, 250, 250, 0.9803921569);
}
.commonuseditems .commonusedcomponents .commonusedcomponent {
  background-color: #fff;
  border-radius: 5px;
  width: 23%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.commonuseditems .commonusedcomponents .commonusedcomponent img {
  width: 98%;
  padding: 0% 1%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(0.9);
  transition: transform 1200ms linear;
  border-radius: 10px;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .rating {
  margin-top: -5px;
  padding-left: 10%;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .rating svg {
  width: 10px;
  height: 10px;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .description {
  padding: 2px 2%;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .description h4 {
  color: #024b36;
  font-size: 15px;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .description p {
  font-size: 13px;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .btnprice {
  padding: 5px 2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .btnprice h5 {
  color: #024b36;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .btnprice button {
  color: #fff;
  background-color: #024b36;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #024b36;
  padding: 2px 12px;
}
.commonuseditems .commonusedcomponents .commonusedcomponent .btnprice button:hover {
  color: #024b36;
  background-color: rgba(150, 255, 225, 0.5176470588);
}
.commonuseditems .commonusedcomponents .commonusedcomponent:hover {
  cursor: pointer;
}
.commonuseditems .commonusedcomponents .commonusedcomponent:hover img {
  transform: scale(1.05);
}

.commonuseditems2 {
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: rgba(219, 172, 235, 0.4784313725);
  margin: 5px;
  border-radius: 10px;
}
.commonuseditems2 .commonheading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 5%;
}
.commonuseditems2 .commonheading h3 {
  color: #000;
  font-weight: bold;
  margin-block-start: 3px;
  margin-block-end: 0px;
}
.commonuseditems2 .commonheading button {
  padding: 3px 6px;
  background-color: #024b36;
  border: 1px solid #024b36;
  border-radius: 8px;
  color: #fff;
}
.commonuseditems2 .commonusedcomponents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1%;
  box-shadow: 5px 5px 5px rgba(250, 250, 250, 0.9803921569);
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent {
  background-color: #fff;
  border-radius: 5px;
  width: 32%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .imgrating {
  width: 50%;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent img {
  width: 98%;
  padding: 0% 1%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(0.8);
  transition: transform 1200ms linear;
  border-radius: 10px;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .rating {
  margin-top: -5px;
  padding-left: 10%;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .rating svg {
  width: 10px;
  height: 10px;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .descprice {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .description {
  padding: 2px 2%;
  min-height: 40%;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .description h4 {
  color: #024b36;
  font-size: 15px;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .description p {
  font-size: 13px;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .btnprice {
  padding: 5px 2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .btnprice h5 {
  color: #024b36;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .btnprice button {
  color: #fff;
  background-color: #024b36;
  font-size: medium;
  border-radius: 5px;
  border: 1px solid #024b36;
  padding: 2px 12px;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent .btnprice button:hover {
  color: #024b36;
  background-color: rgba(150, 255, 225, 0.5176470588);
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent:hover {
  cursor: pointer;
}
.commonuseditems2 .commonusedcomponents .commonusedcomponent:hover img {
  transform: scale(1);
}

.commonuseditems3 {
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: rgba(161, 154, 245, 0.4117647059);
  margin: 5px;
  border-radius: 10px;
}
.commonuseditems3 .commonheading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5%;
  padding-bottom: 0px;
}
.commonuseditems3 .commonheading h3 {
  color: #000;
  font-weight: bold;
  margin-block-start: 3px;
  margin-block-end: 0px;
}
.commonuseditems3 .commonheading button {
  padding: 3px 6px;
  background-color: #024b36;
  border: 1px solid #024b36;
  border-radius: 8px;
  color: #fff;
}
.commonuseditems3 .commonusedcomponents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 1%;
  box-shadow: 5px 5px 5px rgba(250, 250, 250, 0.9803921569);
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent {
  background-color: #fff;
  border-radius: 5px;
  width: 49%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  padding-top: 5px;
  padding-bottom: 5px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .imgrating {
  width: 25%;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent img {
  width: 98%;
  padding: 0% 1%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(0.8);
  transition: transform 1200ms linear;
  border-radius: 10px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .rating {
  margin-top: -5px;
  padding-left: 10%;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .rating svg {
  width: 10px;
  height: 10px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .descprice {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .description {
  padding: 2px 2%;
  min-height: 40%;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .description h4 {
  color: #024b36;
  font-size: 15px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .description p {
  font-size: 13px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .btnprice {
  padding: 5px 2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .btnprice h5 {
  color: #024b36;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .btnprice button {
  color: #fff;
  background-color: #024b36;
  font-size: medium;
  border-radius: 5px;
  border: 1px solid #024b36;
  padding: 2px 12px;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent .btnprice button:hover {
  color: #024b36;
  background-color: rgba(150, 255, 225, 0.5176470588);
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent:hover {
  cursor: pointer;
}
.commonuseditems3 .commonusedcomponents .commonusedcomponent:hover img {
  transform: scale(1);
}

.orderreceived .orderheading {
  width: calc(100% - 30px);
  background-color: #024b36;
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.orderreceived .orderheading h2 {
  text-align: center;
}
.orderreceived .shipmentdetails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: rgba(246, 244, 244, 0.781);
  margin-top: 10px;
  margin-bottom: 10px;
}
.orderreceived .shipmentdetails .orderref {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.orderreceived .shipmentdetails .orderref label {
  color: #024b36;
}
.orderreceived .shipmentdetails .orderref p {
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
}
.orderreceived .btngroup {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 10px;
}
.orderreceived .btngroup button {
  background-color: #024b36;
  color: #fff;
  font-weight: bold;
  padding: 13px 20px;
  border: transparent;
  border-radius: 5px;
  margin-top: 5px;
}

.btn_direct_crt1 {
  background-color: rgba(119, 39, 2, 0.7529411765) !important;
  border: 1px solid rgba(119, 39, 2, 0.7529411765) !important;
}

.btn_direct_crt1:hover {
  background-color: rgba(255, 196, 168, 0.7529411765) !important;
  color: rgba(119, 39, 2, 0.7529411765) !important;
}

@media screen and (min-width: 0px) and (max-width: 420px) {
  .commonuseditems .commonusedcomponents .commonusedcomponent {
    width: 48%;
  }
  .commonuseditems2 .commonusedcomponents .commonusedcomponent {
    width: 98%;
  }
  .commonuseditems3 .commonusedcomponents .commonusedcomponent {
    width: 98%;
  }
  .orderreceived .shipmentdetails .orderref {
    width: 100%;
  }
}
@media screen and (min-width: 421px) and (max-width: 640px) {
  .commonuseditems .commonusedcomponents .commonusedcomponent {
    width: 48%;
  }
  .commonuseditems2 .commonusedcomponents .commonusedcomponent {
    width: 90%;
  }
  .commonuseditems3 .commonusedcomponents .commonusedcomponent {
    width: 96%;
  }
  .orderreceived .shipmentdetails .orderref {
    width: 50%;
  }
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
  .commonuseditems .commonusedcomponents .commonusedcomponent {
    width: 32%;
  }
  .commonuseditems2 .commonusedcomponents .commonusedcomponent {
    width: 48%;
  }
  .orderreceived .shipmentdetails .orderref {
    width: 50%;
  }
}
@media screen and (min-width: 1008px) and (max-width: 1599px) {
  .commonuseditems .commonusedcomponents .commonusedcomponent {
    width: 23%;
  }
  .commonuseditems2 .commonusedcomponents .commonusedcomponent {
    width: 32%;
  }
  .orderreceived .shipmentdetails .orderref {
    width: 50%;
  }
}
@media screen and (min-width: 1600px) {
  body {
    width: 1600px;
    padding-left: calc((100vw - 1600px) / 2);
  }
}/*# sourceMappingURL=commonuseditems.css.map */