@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
* {
  font-family: "Poppins", sans-serif;
}

.first-ul {
  list-style-type: none;
}

.font-size {
  font-size: 15px !important;
}

.first-ul {
  padding: 20px;
  margin-right: 30px;
}

.main-ul {
  list-style-type: none;
  /* margin-left: -30px; */
}

.main-ul a {
  /* margin-left: -30px; */
  text-decoration: none !important;
}

.main-ul li {
  padding: 13px 13px;
  text-decoration: none !important;
  color: #404553;
  font-weight: bold;
  font-size: 14px;
}

.main-ul li span {
  margin: 0px 10px;
  text-decoration: none !important;
}

.main-ul li a {
  text-decoration: none;
  color: #404553;
  font-weight: bold;
  font-size: 15px;
}

.head-section {
  border-bottom: 1px solid #fafaf7;
}

.active {
  border-left: 2px solid #000;
  border-radius: 3px;
  background: rgb(236, 235, 235);
  color: #404553;
}

.main-ul li:hover {
  border-radius: 3px;
  background: rgb(221, 220, 220);
  color: #404553;
}

.shoppingbtn {
  background: #3866df !important;
  color: #fff !important;
  font-weight: bolder !important;
}

.gift-card {
  color: #404553 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

.form-control {
  outline: none !important;
}

.form-check-input {
  height: 24px;
}

.profileform {
  font-size: 14px !important;
  height: 32px !important;
  background: none !important;
  border: 1px solid silver;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
}

.anchor {
  color: #7e859b !important;
  font-size: 14px !important;
}

.border-radius-fz {
  border-radius: 0px !important;
}

/* Style the Tab */

/* gift card destop css  */

.heading-gift-cart {
  font-size: 20px;
  font-weight: bolder;
  text-transform: capitalize;
}

.tab1 button.active {
  background-color: #fff;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  color: #3866df !important;
  border-bottom: 2px solid #3866df !important;
  /* border-bottom: #3866df !important; */
}

.tab1 button {
  background: inherit !important;
  float: left;
  border: none;
  border-radius: 0px !important;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 18px !important;
  font-weight: bolder;
}

.tab1 {
  overflow: hidden;
  /* border-bottom: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
}

.tab {
  overflow: hidden;
  /* border-bottom: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
}

/* Style the buttons that are used to open the tab content */

.tab button {
  background: inherit !important;
  float: left;
  border: none;
  border-radius: 0px !important;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 15px !important;
}

/* Create an active/current tablink class */

.tab button.active {
  background-color: #fff;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  color: #3866df !important;
  border-bottom: 2px solid #3866df !important;
}

/* Style the tab content */

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

/* Style the Tab ENDS */

/* CREDITS-TABLE CSS STARTS */

.fz {
  font-size: 14px !important;
}

.custom-bg {
  background: rgba(255, 255, 0, 0.123) !important;
}

.white-bg {
  background: #ffff !important;
}

.btn-custom {
  font-size: 15px !important;
  background: #fff !important;
  color: #404553c0 !important;
  font-weight: bold !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.btn-custom-2 {
  font-size: 15px !important;
  background: #fff !important;
  color: #000 !important;
  font-weight: bold !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
}

/* Order details page CSS start */

.green-empty-section {
  border: 3px solid #37ae02 !important;
  width: 24.7% !important;
}

.delivered-subtext {
  color: #37ae02 !important;
}

/* Order details page CSS ENDS */

.bg-gray {
  background: #f7f7fa !important;
}

.fz-order-details {
  font-size: 14px !important;
  color: #404553 !important;
}

.fz-order-details-2 {
  color: #7e859b !important;
}

.font-size-with-color {
  color: #7e859b !important;
  font-size: 14px !important;
}

.cash-font-size {
  font-size: 8px !important;
  outline: 1px solid #37ae02 !important;
}

.cash-on-delivery-text-fz {
  font-size: 15px !important;
}

.fz-order-details-light {
  font-size: 15px !important;
  color: #7e859b !important;
}

.horizontal-wrapper::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #7e859b6e;
  border-radius: 10px !important;
}

.horizontal-scroller {
  background: #f7f7fa !important;
  /* width: 100% !important; */
}

.horizontal-wrapper {
  display: flex !important;
  flex-direction: row !important;
  /* padding-right: 10px !important; */
  overflow-x: auto !important;
  /* white-space: nowrap; */
}

.horizontal-wrapper::-webkit-scrollbar {
  /* width: 10px !important; */
  height: 6px !important;
}

.horizontal-wrapper .horizontal-wrapper-item {
  min-width: 300px !important;
  cursor: pointer;
  padding: 0 10px;
}

.orderFs {
  text-transform: uppercase;
  font-weight: bolder;
  color: #3866df;
  font-size: 16px;
}

.placeFz {
  text-transform: capitalize;
  font-weight: bolder;
  color: #7e859b;
  font-size: 14px;
}

.img-fz {
  height: 70px;
  width: 70px;
}

.multi-fz {
  font-size: 12px;
  text-transform: uppercase;
}

/* junaid today change start  */

.backlinear {
  padding: 20px 0;
  border-radius: 5px;
  background: linear-gradient( 308.59deg, rgb(236, 234, 123) 0%, rgb(145, 208, 154) 100%);
}

.backlinearFont {
  color: #26272a;
  font-size: 17px;
  font-weight: bolder;
  text-transform: capitalize;
}

.backlinearPara {
  color: #26272a;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.fa-check-circle-o {
  font-size: 35px !important;
  color: #404553 !important;
}

.fa-circle-o-notch {
  font-size: 28px !important;
  color: #404553 !important;
}

.backlinearBtn {
  outline: none !important;
  background-color: #26272a;
  border-radius: 20px;
  color: #feee00;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 12px;
  border: none;
  text-transform: capitalize;
}

.backlinearBtnLearn {
  outline: none !important;
  background: transparent;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 8px;
  border: none;
  color: #26272a;
}

.dropdownbtn {
  background-color: #ffffff !important;
  text-transform: capitalize;
  color: #404553 !important;
  font-size: 13px !important;
  border: 1px solid #4045534f !important;
}

.reviewBtn {
  background: transparent;
  color: #3866df;
  border: 1px solid #3867df8f;
  border-radius: 1px;
  padding: 5px;
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 500;
}

.bg-white {
  box-shadow: rgb(175 130 130 / 20%) 0px 10px 20px -6px;
  border-radius: 5px;
}

.cancel-subtext {
  color: #ce0f0f;
  text-transform: uppercase;
}

.opacity-0 {
  opacity: 0.8;
}

.scrolls {
  overflow-x: scroll;
  overflow-y: hidden;
  height: 150px;
  white-space: nowrap;
}

.wrapper {
  /* background:#EFEFEF;  */
  /* box-shadow: 1px 1px 10px #999;  */
  margin: auto;
  text-align: center;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px !important;
  width: 100% !important;
  padding-top: 5px;
}

.productWidth {
  /* white-space: nowrap !important; */
  max-width: 300px !important;
  min-width: 300px;
  white-space: nowrap;
}

.fa-chevron-left {
  color: #404553 !important;
}

.placeorder {
  color: #7e859b;
  font-weight: 500;
}

.addresspara {
  color: #7e859b;
  font-size: 13px;
  font-weight: 500;
}

.aproveBtn {
  color: rgb(77, 163, 92);
  background: rgb(223, 241, 218);
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  order: 0;
  padding: 10px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-radius: 5px;
}

.submitedBtn {
  color: rgb(243, 172, 48);
  background: rgb(255, 248, 236);
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  order: 0;
  padding: 10px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-radius: 5px;
}

/* tooltip css start  */

.t1 {
  position: relative !important;
  cursor: pointer;
  margin-top: 0px;
  padding-bottom: 15px;
}

.t1:hover #toogle {
  display: block;
}

.t2 {
  display: none;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: normal !important;
  align-items: center;
  border: 1px solid rgb(241, 243, 249) !important;
  color: #404553 !important;
  padding: 8px 3px 8px 10px;
  position: absolute;
  right: 0%;
  top: 80%;
  width: 350px;
  border-radius: 5px;
  z-index: 11;
  background-color: white !important;
  box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px;
}

.t2 a {
  padding-top: 5px;
  text-decoration: none;
  color: #3866df !important;
}

.mobile-right-orders {
  font-size: 25px !important;
}

.font-size-of-button {
  font-size: 13px !important;
}

.order-customer-main-fz {
  font-size: 14px
}

.margin-negative-order-page {
  margin-top: -20px !important;
}