/****************fonts*******************/
@font-face {
  font-family: "Grava Normal";
  src: url("../fonts/grava/GravaDisplay-Normal.woff2") format("woff2"),
    url("../fonts/grava/GravaDisplay-Normal.woff") format("woff");
}

@font-face {
  font-family: "Grava Medium";
  src: url("../fonts/grava/GravaDisplay-Normal.woff2") format("woff2"),
    url("../fonts/grava/GravaDisplay-Medium.woff") format("woff");
}
@font-face {
  font-family: "Grava Bold";
  src: url("../fonts/grava/Grava-Bold.woff2") format("woff2"),
    url("../fonts/grava/Grava-Bold.woff") format("woff");
}
@font-face {
  font-family: "Grava Roman";
  src: url("../fonts/grava/GravaDisplay-Roman.woff2") format("woff2"),
    url("../fonts/grava/GravaDisplay-Roman.woff") format("woff");
}
@font-face {
  font-family: "Grava Light";
  src: url("../fonts/grava/Grava-Light.woff2") format("woff2"),
    url("../fonts/grava/Grava-Light.woff") format("woff");
}
@font-face {
  font-family: "Grava LightOblique";
  src: url("../fonts/grava/GravaDisplay-LightOblique.woff2") format("woff2"),
    url("../fonts/grava/GravaDisplay-LightOblique.woff") format("woff");
}
@font-face {
  font-family: "Lato Regular";
  src: url("../fonts/lato/Lato-Regular.woff2") format("woff2"),
    url("../fonts/lato/Lato-Regular.woff") format("woff");
}
@font-face {
  font-family: "Lato Bold";
  src: url("../fonts/lato/Lato-Bold.woff2") format("woff2"),
    url("../fonts/lato/Lato-Bold.woff") format("woff");
}
@font-face {
  font-family: "Lato Light";
  src: url("../fonts/lato/Lato-Light.woff2") format("woff2"),
    url("../fonts/lato/Lato-Light.woff") format("woff");
}
@font-face {
  font-family: "Gess LightTest";
  src: url("../fonts/GESSTextLight-Light.woff2") format("woff2"),
    url("../fonts/GESSTextLight-Light.woff") format("woff");
}
/*************Body*****************/
body {
  font-family: "Grava Normal";
  background-color: #fff;
  color:#333;
}
.margin-end-5 {
  margin-inline-end: 5px;
}
/****************Global Classes***************/
.width-fit {
  width: fit-content !important;
}
.gray-background {
  background-color: #f7f8fa;
}
.transparnet-background {
  background-color: transparent;
}
/*************Header***************/
.header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
}

.header-content .prev-page {
  width: 30px;
  height: 30px;
  background-color: #f2f2f4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
 .prev-page:hover svg{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
}

.header-content .prev-page img {
  width: 15px;
}

.header-content h3 {
  font-family: "Grava Normal";
  color: #636363;
  font-size: 20px;
  width: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.countries-centered {
  position: relative;
  left: -8px;
}
.basket-centered {
  position: relative;
  left: -20px;
}
.row {
  margin: 0px auto;
}
/* .your-country {
  padding-bottom: 40px;
} */

.countries-content .form-container .your-country label {
  margin-top: 40px;
  color: #000;
  font-family: "Grava Roman";
  /* vertical-align: bottom; */
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.countries-content .form-container .your-country label .map img {
  width: 40px;
}

.countries-content .form-container .your-country .country-name {
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid #e7e7e9;
  height: 60px;
  font-family: "Grava Medium";
  color: #94939f;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 18px;
}

.my-accordion {
  margin-top: 40px;
}
.my-accordion .card {
  border: none;
  -webkit-box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  margin-bottom: 30px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.my-accordion .card-header {
  background-color: #fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-bottom: none;
}

.my-accordion .card-header .btn-link {
  font-family: "Grava Medium";
  color: #9f9ea9;
  /* font-size: 20px; */
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.my-accordion .card-header .btn-link.collapsed {
  color: #000;
}

.flag img {
  /* width:35px; */
  width: 30px;
}

.country-options {
  list-style-type: none;
  /* padding-inline-start:20px; */
  padding-inline-start: 0px;
}

.country-options li {
  display: flex;
  border-bottom: 1px solid #e7e7e9;
  padding-inline-start: 20px;
  margin-top: 15px;
  align-items: center;
  height: 60px;
}

.country-options li:hover {
  background-color: #e5ecf4;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  cursor: pointer;
}

.country-options li:hover a {
  color: #004395;
  text-decoration: none;
}

.country-options li:last-of-type {
  padding-bottom: 10px;
  border-bottom: none;
}

.my-accordion .card-body {
  padding: 0px 30px;
}

.country-options li a {
  color: #000;
  /* font-size: 20px; */
  font-size: 15px;
  font-weight: bold;
  /* margin-inline-start: 30px; */
  margin-inline-start: 10px;
}

.card-header .btn-link:after {
  font-family: "FontAwesome";
  content: "\f107";
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 12px;
  display: inline-block;
  border-radius: 4px;
  color: #203167;
  width: 27px;
  height: 27px;
  /* line-height: 26px; */
  text-align: center;
  font-size: 16px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #ec440a;
  font-size: 30px;
}

.card-header .btn-link.collapsed:after {
  font-family: "FontAwesome";
  content: "\f106";
  position: absolute;
  right: 25px;
  top: 25px;
  display: inline-block;
  line-height: 35px;
  font-size: 30px;
}

a.start, button.start {
  display: flex;
  width: 92%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #1680c4;
  text-transform: capitalize;
  color: #fff;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
a.start:hover {
  opacity: 0.7;
  color: #fff;
  text-decoration: none;
}

/****************************MY BASKET*********************/
.order-details-h3 {
  width: 135px !important;
}
.order-details__ul {
  padding: 0px;
  /* padding-inline-start: 10px; */
}
.order-details__ul li {
  display: flex;
  /* margin-top:40px; */
}
.order-details__ul li .order-img {
  width: 165px;
  height: 165px;
  background-color: #efebe4;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.order-details__ul li .order-img img {
  width: 150px;
}
.order-details__ul ul {
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline-start: 20px;
  width: 57%;
}
.order-details__ul ul li {
  margin-top: 5px;
}
.order-name {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  font-family: "Grava Medium";
}
.order-details__ul li ul li:first-of-type {
  display: flex;
  justify-content: space-between;
}
.order-details__ul li ul li:nth-of-type(2) {
  display: flex;
}
.trash {
  width: 23px;
}
.price {
  color: #636363;
  font-family: "Grava Medium";
  font-size: 26px;
  position: relative;
  /* right: -7px; */
  margin-inline-start: auto;
  /* margin-top:auto; */
}
.currency {
  align-self: flex-end;
  padding-bottom: 0px;
  padding-inline-start: 5px;
  font-family: "Grava Medium";
  color: #636363;
}
.controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
}
.controls a {
  line-height: 37px;
  width: 45px;
  height: 45px;
  border: 1px solid #636363;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.controls a img {
  width: 20px;
  position: relative;
  top: 4px;
}
.number-items {
  color: #1680c4 !important;
  font-family: "Grava Medium";
  font-size: 22px;
}
.decrease {
  margin-inline-end: 7%;
}
.increase {
  margin-inline-start: 7%;
}
.outer-li {
  border-bottom: 1px solid #f3f3f4;
}
.padding-b-20 {
  padding-bottom: 20px;
}
.padding-t-20 {
  padding-top: 20px;
}
.total,
.subtotal {
  display: flex;
  justify-content: space-between;
}
/****************************Edit Profile*************************/
.profile-info {
  display: flex;
  align-items: flex-start;
}
.profile-info label {
  color: #121212 !important;
  font-size: 16px !important;
  display: inline-block;
}

.profile-info__label {
  width: 35%;
  position: relative;
  top: 7px;
}
.profile-info__label span {
  position: relative !important;
}
.profile-info .profile-info__label span:after {
  content: "*" !important;
  position: absolute !important;
  display: block !important;
  color: #ff2600 !important;
  top: -1px !important;
  right: -6px !important;
}
.choices {
  width: 65%;
  color: #121212 !important;
}
.choices__list .choices__item:not(:first-of-type) {
  color: #0085c7;
}

.profile-info__input {
  display: block;
  outline: none;
  width: 65%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.profile-info__phone__code {
  display: block;
  outline: none;
  width: calc(30% - 15px);
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
  margin-inline-end: 15px;
}
.profile-info__phone__num {
  display: block;
  outline: none;
  width: 70%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.profile-info__div {
  width: 65%;
}
.profile-info__div div {
  display: flex;
  width: 100%;
}
.hint {
  color: #777;
}
#subscribe {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.checkbox__div label {
  position: relative;
}
.checkbox__div label span {
  /* position: relative;
  top:-5px; */
  color: #666666;
}
.checkbox__div label:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #666666;
  margin-inline-end: 10px;
  margin-top: 10px;
  vertical-align: bottom;
}
input[type="checkbox"]:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #666666;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/* input[type='checkbox']:checked + label span{
  top:0px;
} */
.profile-info__p {
  font-size: 14px;
  color: #777;
}
.profile-info__p a,
.profile-info__p a:focus,
.profile-info__p a:visited {
  color: #695eef;
  font-weight: 400;
}
.container {
  padding: 0px 15px;
}
.profile-info {
  margin-top: 35px;
}

@media (max-width: 520px) {
  .profile-info__input {
    width: 100%;
  }
  .profile-info.row-dir {
    flex-direction: row !important;
  }
  .profile-info {
    flex-direction: column;
  }
  .profile-info__div {
    width: 100%;
  }
  .choices {
    width: 100%;
  }
  .profile-info{
    margin-top: 10px;
  }
}
/*******************************************Order History**************/
.choices__list--single .choices__item {
  text-align: center;
}
.search-form__div {
  display: flex;
}
.search-form__div li {
  position: relative;
}
.search-form__div .search__label {
  font-size: 15px;
  color: #808080;
  margin-inline-end: 15px;
}
.search-form__div .search__input {
  width: 330px;
  padding: 7px 30px 7px 10px;
  outline: none;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #d3d3d3;
  height: 42px;
}
.search-form__div .search__btn {
  position: absolute;
  height: 42px;
  top: 0px;
  right: 0px;
  font-size: 15px;
  color: #ffffff;
  padding: 6px 7px;
  background-color: #1680c4;
  color: #fff;
  border-radius: 0;
  min-width: 83px;
  text-align: center;
  margin-inline-end: 5px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.search-form__div .search__btn:hover {
  opacity: 0.7;
}
.search-form__div .advance-search-btn {
  min-width: 41px;
  height: 42px;
  background-color: #1680c4;
  border-radius: 0;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.search-form__div .advance-search-btn:hover {
  opacity: 0.7;
}
.filter-date .choices {
  position: absolute;
  right: 15px;
  top: 40px;
  width: 25%;
  height: 35px;
}
.filter-date .choices .choices__inner {
  min-height: 35px;
  height: 35px;
  background-color: #fff;
}
#tabs {
  position: relative;
}
#tabs li {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  margin-inline-end: 0px;
  width: 165px;
  color: #808080;
  /* display: flex;
  justify-content: center; */
}
.tab-title {
  display: flex;
  justify-content: center;
}
#tabs li a {
  color: #808080;
  font-family: "Grava Normal";
  font-size: 16px;
  font-weight: 400;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  display: none;
}
#tabs > ul:first-child {
  border-bottom: 3px solid #1680c4;
}
.ui-widget-header {
  border: none;
  background: transparent;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  color: #808080;
  background-color: #e6e5e5;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #1680c4;
  border: none;
}
.ui-widget.ui-widget-content {
  border: none;
  background-color: transparent;
}
.ui-tabs .ui-tabs-nav {
  padding: 0px;
}
.history-head {
  margin-top: 10px;
  padding: 8px 10px;
}
.history-head span.bold {
  font-weight: 700;
  display: block;
  font-size: 14px;
  margin-top: 7px;
  color: #000;
  font-family: "Grava Normal";
}
.history-head li {
  width: 165px;
  font-size: 13px;
  line-height: 18px;
  font-family: "Grava Normal";
}
.history-head > ul {
  display: flex;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
.order__num {
  text-align: right;
  font-family: "Grava Normal";
  font-size: 15px;
}
.btns a:first-child {
  margin-inline-end: 15px;
}
.product-history__img { 
    border-radius:10px ; 
  -webkit-border-radius:10px ;
   -moz-border-radius:10px ; 
   -ms-border-radius:10px ;
    -o-border-radius:10px ;
}
.sold-history__img{
  width: 100%;
  height: 100%;
}
.product-date-history {
  color: #5b5755;
}
.history-product-details {
  padding: 25px 0px;
}
@media (max-width: 400px) {
  .history-product-details {
    padding: 10px 0px;
  }
  .product-date-history {
    margin-bottom: 0px;
  }
}
.product-history-data {
  border-bottom: 1px solid #f0f0f0;
}

.price-history {
  color: #0085c7 !important;
  font-size: 16px !important;
  font-weight: 700;
}
.status-history {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin: 0px 0px 18px 0px;
  line-height: normal;
}
strong.date {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.history-product-details {
  display: flex;
}
.history-product-details .left-side ul {
  margin-inline-start: 35px;
}
.history-product-details .left-side {
  display: flex;
  width: 70%;
}
.history-product-details .left-side ul li {
  margin-bottom: 15px;
}
.history-product-details .right-side {
  font-family: "Grava Normal";
  width: 30%;
}
.history-product-details .right-side .status-history {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin: 0px 0px 18px 0px;
  line-height: normal;
}
.status-radio {
  display: flex;
  align-items: center;
}
.status-radio label {
  padding-inline-start: 30px;
  position: relative;
}
.status-radio label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  border: 1px solid #666666;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0px;
}
.status-radio input[type="radio"] {
  -webkit-appearance: none;
  display: none;
}
.status-radio input[type="radio"]:checked + label::before {
  font-family: "FontAwesome";
  content: "\f00c";
  background-color: #0085c7;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff !important;
}
.helper {
  display: flex;
}
.pagination li {
  width: 36px !important;
}
.pagination li a {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px !important;
  background: transparent;
  border: none;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}
.page-item.active .page-link {
  color: #fff !important;
  background-color: #0085c7 !important;
}
.page-link:hover {
  border: none !important;
}
.page-link:focus {
  box-shadow: none;
}
.center-order {
  position: relative;
  left: -18px;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 0px;
  }
}

@media (max-width: 600px) {
  .search-form__div {
    display: block;
  }
  .search-form__div .search__input {
    width: 100%;
  }
  .search-form__div .search__btn {
    margin-inline-end: 0px;
  }
  .search__li {
    width: calc(100% - 46px);
  }
  .search-form__div .advance-search-btn {
    width: 41px;
    justify-content: center;
    margin-inline-start: 5px;
  }
}
@media (max-width: 410px) {
  .filter-date .choices {
    width: 40%;
  }
}
@media (max-width: 375px) {
  .btns {
    font-size: 14px;
  }
  .btns a:first-child {
    margin-inline-end: 5px;
  }
}
/***********************************Search Input*********************************/
.order-filter{
  background-color: transparent;
  border:none
}
.advanced-search__btn{
  background-color: transparent;
  border:none;
  display:flex;
  justify-content: center;
  align-items: center;
}
.search__div{
  display: flex;
  gap:10px;
  margin-bottom: 30px;
}
.search__div form{
  width: calc(100% - 60px);
}
.search__div .input-group input{
  height: 50px;
  background-color: #fff;
  border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  -ms-border-radius: 0px!important;
  -o-border-radius: 0px!important;
}
.search__div .input-group-text{
  display: inline-flex;
  width: 85px;
  justify-content: center;
  align-items: center;
  background-color:#1680C4 ;
  color:#fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  cursor: pointer;
}
.search__div .input-group-text:hover{
  opacity:0.7;
}
.search__div .advanced-search__btn2{
  width: 50px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#1680C4 ;
  transform: all .3s ease-in-out;
  -webkit-transform: all .3s ease-in-out;
  -moz-transform: all .3s ease-in-out;
  -ms-transform: all .3s ease-in-out;
  -o-transform: all .3s ease-in-out;
}
.search__div .advanced-search__btn2:hover{
  opacity: 0.7;
}
.order-tabs{
  margin-bottom: 0px;
}
.order-filter__dropdown{
  margin: 30px 0px
}
.order-filter.dropdown-toggle:after{
  content:"";
  border-top: .3em solid!important;
  border-right: .3em solid transparent!important;
  border-bottom: 0!important;
  border-left: .3em solid transparent!important;
  vertical-align: 0.1em!important;
}
/********************************************Order History************/
/********************************************Address Book***************/
.address__h3 {
  font-size: 18px;
  color: #0085c7;
  font-weight: bold;
  margin-top: 35px;
}
.addbtn {
  margin-left: 70px;
  background-color: #ededed !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-weight: 400;
}
.addbtn:hover {
  opacity: 0.7;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  font-weight: 400;
}
.address__lead__p {
  color: #808080;
  font-size: 15px;
}
.address__lead {
  display: flex;
  align-items: center;
}
.address__heading {
  font-size: 22px;
  font-weight: 600;
  border-bottom: 1px solid #d3d3d3;
  color: #1e89c8;
  padding-bottom: 8px;
  margin-top: 35px;
}
.addbtn i {
  margin-inline-end: 10px;
}
.default__address ul,
.billing__address ul {
  font-size: 14px;
  color: #777;
}
.default__address ul li,
.billing__address ul li {
  margin-bottom: 15px;
}
.address__controls .edit__address {
  background: #1e89c8;
  color: #fff;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  margin-inline-end: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
a,
a:focus,
a:visited {
  color: #212121;
  font-weight: 400;
}
.btn.focus,
.btn:focus {
  box-shadow: none;
}
.address__controls .delete__address {
  background-color: #ededed;
  width: 160px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.address__controls .delete__address:hover,
.address__controls .edit__address:hover {
  opacity: 0.7;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .address__lead {
    flex-direction: column;
    align-items: flex-start;
  }
  .addbtn {
    margin-inline-start: 0px;
  }
  .address__heading {
    font-size: 16px;
  }
}
@media (max-width: 590px) {
  .address__controls .edit__address {
    width: 160px;
    margin-bottom: 15px;
    margin-inline-end: 0px;
  }
}
@media (max-width: 400px) {
  .address__controls .edit__address {
    width: 100%;
    margin-bottom: 15px;
    margin-inline-end: 0px;
  }
  .address__controls .delete__address {
    width: 100%;
  }
}
/********************************************End Address Book***************/
/********************************************Sell Page**********************/
.sell-page {
  margin-top: 35px;
}
.sell-page a {
  font-size: 18px;
  display: block;
  margin-bottom: 40px;
}

.sell-page ul li a {
  text-align: start;
}
.sell-heading {
  position: relative;
  left: -30px;
}

/********************************************End Sell Page**********************/
/********************************************Wishlist Table*****************/
.center-wish {
  position: relative;
  left: -20px;
}
.wishlist__table {
  margin-top: 35px;
}
.item-name {
  font-weight: 100;
  margin-bottom: 10px;
}
.item-details {
  font-size: 14px;
  font-weight: 400;
  color: #808080;
}
.available-items {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.item-controls {
  display: flex;
  align-items: center;
}
.cart-btn {
  font-size: 18px;
  color: #1e89c8 !important;
  padding: 0px !important;
  width: auto;
  min-width: auto;
  height: auto !important;
  margin-right: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.cart-btn:hover {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  opacity: 0.5;
}
.remove-from-wishlist {
  font-size: 18px;
  color: #f00 !important;
  padding: 0px !important;
  width: auto;
  min-width: auto;
  height: auto !important;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.remove-from-wishlist:hover {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  opacity: 0.5;
}
.option-details li {
  font-size: 13px;
  color: #7f7f7f;
  margin-bottom: 12px;
}
.option-details li .my-bold {
  font-weight: 600;
  color: #656565;
  margin-inline-start: 8px;
}
.unit-price {
  font-size: 13px;
  color: #7f7f7f;
}
.wish-total-price {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.wishlist__table {
  position: relative;
}
.wishlist__table:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dee2e6;
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
}
@media (max-width: 768px) {
  .wishlist__table.table,
  .wishlist__table thead,
  .wishlist__table tbody,
  .wishlist__table th,
  .wishlist__table td,
  .wishlist__table tr {
    display: block;
  }
  .wishlist__table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .wishlist__table tr {
    border: 1px solid #ccc !important;
  }
  .wishlist__table td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 40% !important;
  }
  .wishlist__table td:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .wishlist__table td:nth-of-type(1):before {
    content: "Item";
  }
  .wishlist__table td:nth-of-type(2):before {
    content: "Your Options";
  }
  .wishlist__table td:nth-of-type(3):before {
    content: "Unit Price";
  }
  .wishlist__table td:nth-of-type(4):before {
    content: "Total";
  }
}
/********************************************End Wishlist Table*****************/
.order-details-content {
  min-height: 45vh;
}
.sub-h,
.total-h {
  text-transform: uppercase;
  color: #727272;
  font-weight: bold;
  font-size: 18px;
}
.sub-a {
  color: #727272;
  font-weight: bold;
}
.total-a {
  font-size: 20px;
}
.light-blue {
  background-color: #c8d4de !important;
}
@media (max-width: 300px) {
  .start {
    font-size: 16px;
  }
}
.my-accordion .card-header .btn-link {
  width: 100%;
  text-align: left;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
  padding-inline-start: 65px;
}
.h-centered {
  position: relative;
  left: 1px;
}
@media (max-width: 400px) {
  .history-head > ul {
    flex-direction: column;
  }
  .order__num {
    text-align: left;
  }
  .history-product-details {
    flex-direction: column;
  }
  .history-product-details .left-side {
    width: 100%;
    flex-direction: column;
  }
  .history-product-details .right-side {
    width: 100%;
  }
  .history-product-details .rigth-side form {
    width: 100%;
  }
  .history-product-details .left-side ul {
    margin-inline-start: 0px;
  }
  .product-history__img {
    max-width: 100%;
    height: 100%;
    margin: 10px auto;
 
}
  
}
.canceled__tab .history-head span.bold {
  color: #777;
}
/***********************************************checkout***************************************/
.guest-user {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.guest-user a {
  display: flex;
  width: 46%;
  height: 50px;
  justify-content: center;
  align-items: center;
  color: #9fa2b4;
  font-size: 20px;
  border: 1px solid #9fa2b4;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.btn-active {
  color: #0071bc !important;
  border-color: #0071bc !important;
}
.guest-user a:hover {
  text-decoration: none;
}
.contact-information {
  /* margin-top: 60px; */
  /* min-height: 60vh; */
  padding-top:25px;
}
.contact-information h3 {
  /* font-size: 22px; */
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.contact-information__lbl {
  font-size: 18px;
  justify-content: flex-start !important;
}
.star {
  color: #ff0000;
  padding-inline-start: 5px;
  font-weight: bold;
}
.contact-information__input {
  width: 100%;
  border: none;
  outline: none;
  color: #94939f !important;
  border-bottom: 2px solid #e7e7e9;
  font-family: "Grava Medium";
  font-size: 18px;
  height: 50px;
  font-weight: bold;
  opacity: 1;
  -webkit-text-fill-color: #94939f;
}
.contact-information__input::placeholder {
  color: #94939f !important;
  font-weight: bold;
}
.creat-account-btn {
  width: 92%;
  color: #1680c4;
  display: block;
  border: 1px solid #1680c4;
  margin-left:auto;
  margin-right: auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  margin-top: 40px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.creat-account-btn:hover {
  text-decoration: none;
  background-color: #1680c4;
  color: #fff;
}
.creat-account-btn img {
  width: 30px;
}
.creat-account-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.creat-account-btn p {
  margin-bottom: 0px;
  /* font-size: 19px; */
  font-size: 18px;
  font-weight: bold;
  margin-top: 6px;
  margin-inline-start: 10px;
}
.accept-terms {
  display: flex;
  /* margin-bottom:40px; */
}
.agree {
  color: #727272;
  /* font-size: 20px; */
  font-size: 16px;
}
.underline {
  text-decoration: underline !important;
  font-size: 16px !important;
}
.check-terms {
  appearance: none;
  display: none;
}
.terms-lbl {
  position: relative;
  color: #727272;
}

.terms-lbl:before {
  content: "";
  min-width: 25px;
  height: 25px;
  background-color: #ddf0f5;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-inline-end: 10px;
  position: relative;
  /* top: 6px; */
  /* top: 5px; */
  vertical-align: bottom;
}

.accept-terms input[type="checkbox"]:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #0872ba;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  /* top: 0px; */
  text-align: center;
  line-height: 22px;
}
.terms-lbl {
  font-family: "Grava Normal";
}
.user {
  display: none;
}
.knet2 {
  width: 40px;
  margin-inline-start: 10px;
}
.transparnet-background {
  background-color: transparent;
}
.decoration-none:hover {
  text-decoration: none;
  opacity: 0.5;
}
.decoration-none:hover .forgot-password {
  opacity: 0.5;
}
/************************************progressbar****************************/
.my-progress-bar {
  width: 100%;
  display: flex;
  margin-top: 40px;
  position: relative;
}
.my-progress-bar span {
  width: calc(100% / 4);
  height: 10px;
  border-bottom: 3px solid #f3f3f3;
  border-top: 3px solid #f3f3f3;
  /* border-left:0.2px solid #95a395; */
  border-right: 0.2px solid #95a395;
  background-color: #d9d9d9;
}
.my-progress-bar .span1 {
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.my-progress-bar .span4 {
  border-right: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.my-progress-bar .first-stage {
  width: calc(100% / 4);
  background-color: #316b9e !important;
}
.my-progress-bar .second-stage {
  width: calc(100% / 2);
  background-color: #316b9e !important;
}
.my-progress-bar .third-stage {
  width: 75%;
  background-color: #316b9e !important;
}
.my-progress-bar .final-stage {
  width: 100%;
  background-color: #316b9e !important;
}
.active-span {
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.my-progress-bar .circle {
  width: 0;
  height: 0px;
  border-right: none;
}
.circle:before {
  content: "\f00c";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #316b9e !important;
  font-family: "FontAwesome";
}
.first-stage-position:before {
  left: 23%;
  bottom: -5px;
  font-size: 11px;
}
.second-stage-position:before {
  left: 46%;
  bottom: -5px;
  font-size: 11px;
}
.third-stage-position:before {
  left: 73%;
  bottom: -5px;
  font-size: 11px;
}
.final-stage-position:before {
  left: 96%;
  bottom: -5px;
  font-size: 11px;
}
.forgot-password {
  color: #ff0000;
  width: 100%;
  text-align: end;
  display: block;
  padding-top: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.terms-lbl {
  display:flex !important;
  justify-content: flex-start!important;
}
/**************************************************phone codes******************/
.iti__selected-flag {
  width: 58px;
}
.iti__arrow {
  border-top: none;
}
.iti__arrow:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 20px;
  top: 10px;
  position: absolute;
  color: #bdbbbc;
}
.iti__arrow--up {
  border-bottom: none;
}
.iti__selected-flag {
  outline: none;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--allow-dropdown .iti__flag-container {
  width: 100%;
}
.margin-bottom-40px {
  margin-bottom: 40px;
}
.margin-bottom-25px {
  margin-bottom: 25px;
}
.margin-bottom-30px {
  margin-bottom: 30px;
}
.margin-bottom-20px {
  margin-bottom: 20px;
}
.iti {
  width: 100%;
}
/****************accordion fixes*************/
.btn-text {
  margin-inline-start: 10px;
}
/* .btn-link img{
  width: 30px!important;
} */
.my-accordion .card-header .btn-link {
  display: flex;
  align-items: center;
}
/********************************shipping options********************/
.home {
  appearance: none;
  visibility: hidden;
}
.red-theme:before {
  background-color: transparent !important;
  border: 1px solid #d9d9d9;
}
.home:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.home:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.red-theme {
  margin-top: 0px !important;
  display: flex;
  position: relative;
  top: -10px;
  padding-inline-start: 20px;
  margin-bottom: 0px;
  width: 100%;
}
.lbl-p {
  margin-inline-start: 60px;
  color: #94939f;
  margin-bottom: 0px;
}
.red-theme:after {
  font-family: "FontAwesome";
  justify-content: flex-end;
  position: absolute;
  right: 22px;
  top: 8px;
}
.option {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin-top: 40px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  background-color: #f9f9f9;
  padding-bottom: 25px;
  /* margin-bottom:40px; */
}
.selected-option {
  -webkit-box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  background-color: #fff !important;
}
.selected-option1 {
  -webkit-box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  background-color: #fff !important;
}
.office {
  appearance: none;
  visibility: hidden;
}
.office:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.office:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
}
.new-location {
  appearance: none;
  visibility: hidden;
}
.option3 {
  margin-top: 15px;
}
.hide-editing:after {
  display: none;
}
.new-location:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.new-location:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
}
/**************************map styling********************/
.map-img {
  width: 100%;
  position: relative;
  margin-top: 15px;
}

.map-img .map-container {
  overflow: hidden;
  border-radius: 37px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
  box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
}

.map-img .map-container #map {
  width: 100%;
  height: 150px;
}
.shipping-options {
  margin-bottom: 40px;
}
@media (max-width: 424px) {
  .special-height {
    height: 42px;
  }
}
@media (min-width: 333px) and (max-width: 430px) {
  .special-height {
    height: 22px;
  }
}
/*************************shipping guest***************************/
.hide-before::before {
  display: none;
}
.custom-height {
  height: 200px !important;
}
.no-padding-start {
  padding-inline-start: 0px;
}
.no-padding-end {
  padding-inline-end: 0px;
}
/***************************************shipping methods******************/
.navy {
  color: #2e2a43 !important;
}
.fedex {
  display: none;
}
.method {
  margin-top: 40px;
  border-radius: 30px;
  background-color: #f9f9f9;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fedex-img {
  width: 130px;
  margin-inline-end: 35px;
}
.padding-top-18 {
  padding-top: 18px;
}
.dhl {
  display: none;
}
.dhl-img {
  width: 150px;
  margin-inline-end: 35px;
}
@media (max-width: 375px) {
  .fedex-img {
    width: 75px;
  }
  .dhl-img {
    width: 90px;
  }
  .knet-img {
    width: 45px !important;
  }
}
.fedex:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.fedex:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.dhl:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.dhl:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.derlivery-cost {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #b2b2b2;
}
.money img {
  width: 30px;
}
.money {
  display: flex;
  align-items: center;
}
.currency {
  font-size: 14px;
  /* padding-inline-end: 25px; */
  padding-top: 10px;
}
.cost {
  color: #1680c4;
}
.knet {
  display: none;
}
.knet-img {
  width: 75px;
  margin-inline-end: 35px;
}
.knet:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.knet:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.cash:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.cash:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.gift-check {
  margin-top: 40px;
  color: #94939f;
  /* margin-bottom:40px; */
}
.gift {
  display: none;
}
.payment-method2 {
  max-height: 100px;
}
.gift:checked + .red-theme:before {
  background-color: #fbdace !important;
  border: none;
}
.gift:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
}
.label-list {
  list-style: none;
  position: relative;
  margin-bottom: 0px;
  /* top: -25px; */
  padding-inline-start: 0px;
}
.custom-position1 {
  margin-top: 38px !important;
}
.selected-country:after {
  font-family: "FontAwesome";
  content: "\f106" !important;
  position: absolute;
  right: 25px;
  top: 25px;
  display: inline-block;
  line-height: 35px;
  font-size: 30px;
}

.btn-text1 {
  margin-inline-start: 15px !important;
}
/**************************************my basket media query *************************/
@media (max-width: 480px) {
  .order-details__ul li .order-img {
    width: 158px;
    height: 130px;
  }
  .order-details__ul li .order-img img {
    width: 65px;
  }
  .order-name {
    font-size: 16px;
  }
  .price {
    font-size: 20px;
  }
  .currency {
    font-size: 12px;
  }

  .number-items {
    font-size: 18px;
  }
  .controls a img {
    width: 15px;
  }
  .controls a {
    /* line-height: 24px; */
    line-height: 20px;
    width: 30px;
    height: 30px;
  }
  .trash {
    width: 15px;
  }
}
/*******************************message modal***************************/
.modal {
  opacity: 1;

  /**/ /****************centering*****************/
  position: fixed;
  top: 30%;
  left: 0%;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
}
.modal img {
  width: 75px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.modal-header {
  border-bottom: none;
}
.modal-content {
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.line {
  display: block;
  border: none;
  outline: none;
  border-bottom: 1px solid #e7e7e9;
  font-family: "Grava Medium";
  color: #282828;
  height: 40px;
}
.line::placeholder {
  font-family: "Grava Medium";
  color: #282828;
  text-align: center;
}
.first-line,
.second-line {
  width: 100%;
}
.third-line {
  width: 80%;
}
.done {
  display: flex;
  background-color: #ff5a00;
  color: #fff;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
  margin-top: 25px;
  text-transform: uppercase;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.done:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
}
.overlay {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4a4a4a;
  opacity: 0.7;
}
.black {
  color: black !important;
}
.gray {
  color: #9f9ea9 !important;
}
.num-ordered-items {
  font-size: 13px;
  margin-left: 5px;
}
.order-to-confirm li {
  list-style: none;
  display: flex;
  border-bottom: 1px solid #f3f3f4;
  padding-bottom: 20px;
  padding-top: 20px;
}
.order-to-confirm li:last-of-type {
  border-bottom: none;
}
.order-img {
  /* width:75px;
  height:75px; */
  width: 100px;
  height: 80px;
  background-color: #f0ece4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.order-img img {
  width: 60px;
}
.order-to-conform-details {
  margin-inline-start: 20px;
  width: 100%;
}
.order-to-conform-details span {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  display: flex;
}
.order-to-conform-controls .increase,
.order-to-conform-controls .decrease {
  width: 30px;
  height: 30px;
  border: 1px solid #cbcbcb;
  text-align: center;
  line-height: 23px;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
}
.color-size {
  margin-top: 5px;
  color: #777 !important;
  font-size: 20px !important;
}
.order-to-conform-controls .increase img {
  width: 15px;
}
.order-to-conform-controls .decrease img {
  width: 15px;
}
.order-to-conform-controls {
  display: flex;
  /* margin-top:20px; */
  margin-top: 5px;
}
.margin-top-5px {
  margin-top: 5px;
}
.margin-top-15px {
  margin-top: 15px;
}
.margin-top-35px {
  margin-top: 35px;
}
.margin-top-60px {
  margin-top: 60px !important;
}
.margin-right-10px {
  margin-inline-end: 10px;
}
.margin-right-15px {
  margin-inline-end: 15px;
}
.margin-left-10px {
  margin-inline-start: 10px;
}
.margin-left-15px {
  margin-inline-start: 15px;
}
.order-toconfirm-price {
  margin-left: auto;
  /* margin-top:7px; */
  color: #636363 !important;
  font-size: 18px !important;
}
.order-to-confirm-currency {
  color: #636363 !important;
  font-size: 12px !important;
  margin-top: 7px;
  margin-left: 5px;
}
.shipping-to {
  font-size: 13px;
  color: #9f9ea9 !important;
  margin-left: 5px;
  /* margin-top:5px; */
}
.confirm-order-payment-method {
  font-size: 13px;
  color: #9f9ea9 !important;
  margin-left: 5px;
  /* margin-top:5px; */
}
.save-order h4 {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  font-family: "Grava Medium";
}
.save-order {
  padding-top: 27px;
  padding-bottom: 27px;
  box-shadow: -8px 0px 15px #e5f1f8, 8px 0px 15px #e5f1f8;
}
.code {
  margin-top: 20px;
  display: flex;
}
.code-input {
  width: 60%;
  border: none;
  outline: none;
  border-bottom: 1px solid #e7e7e9;
}
.code-input::placeholder {
  color: #94939f;
  letter-spacing: 3px;
}
.apply {
  width: 25%;
  height: 45px;
  background-color: #ff5a00;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.apply:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}
.padding-bottom-20px {
  padding-bottom: 20px !important;
}
.payment-summery {
  margin-top: 40px;
}
.payment-summery h4 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  font-family: "Grava Medium";
  margin-bottom: 15px;
}
.heading {
  text-transform: uppercase;
  color: #727272;
  font-weight: bold;
  font-size: 14px;
  font-family: "Grava Medium";
  letter-spacing: 1px;
}
.payment-summery ul {
  list-style: none;
  padding-inline-start: 0px;
}
.payment-summery ul li {
  margin-bottom: 15px;
  display: flex;
}
.orange {
  color: #ff5a00 !important;
}
.heading .price,
.heading .discount,
.heading .total {
  margin-left: auto;
}
.payment-summery .price,
.payment-summery .discount {
  font-size: 14px;
  font-weight: 600;
}
.payment-summery .total {
  color: #000;
  font-size: 16px;
}

.order-to-conform-details {
  padding-inline-start: 0px;
}
.order-to-confirm {
  padding-inline-start: 0px;
}
@media (max-width: 450px) {
  .order-img img {
    width: 49px;
  }
  .no-margin-left {
    margin-inline-start: 0px !important;
  }
  .order-to-conform-details {
    margin-inline-start: 5px;
  }
  .order-to-conform-details span {
    font-size: 14px;
  }
  .order-toconfirm-price {
    font-size: 12px !important;
  }
  .order-to-conform-controls .increase,
  .order-to-conform-controls .decrease {
    width: 25px;
    height: 25px;
  }
  .order-to-conform-controls .increase img,
  .order-to-conform-controls .decrease img {
    width: 11px;
  }
  .order-to-conform-controls .increase,
  .order-to-conform-controls .decrease {
    line-height: 18px;
  }
  .margin-right-10px {
    margin-inline-end: 3px;
  }
  .margin-left-10px {
    margin-inline-start: 3px;
  }
  /* .order-to-conform-controls{
     margin-top:32px;
   } */
  .order-toconfirm-price {
    padding-top: 7px;
  }
  .order-to-conform-details span {
    margin-top: 0px;
  }
  .padding-top-5px {
    padding-top: 5px;
  }
  .my-accordion .card-header .btn-link {
    font-size: 14px;
  }
  .start {
    font-size: 18px;
  }
}
/********************************************store*******************/
.toggle-btn {
  width: 25px;
}
.store-header-content {
  display: flex;
  align-items: center;
}
.header-icons {
  display: flex;
  list-style: none;
  align-items: center;
  padding-inline-start: 0px;
  width: 100%;
  margin-bottom: 0px;
}
.header-icons li {
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  text-align: center;
}
.switch-language {
  font-family: "Gess LightTest";
  color: #777;
  font-size: 26px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.switch-language:hover {
  color: #ff5a00 !important;
}
.icon {
  width: 25px;
}
.logo {
  width: 75px;
}
.navbar {
  padding: 0px !important;
}
.navbar-toggler {
  padding: 0px !important;
}
.width-30-percent {
  /* width: 30% !important; */
}
.barrier-before,
.barrier-after,
.this-barrier {
  position: relative;
}
.barrier-before:before {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #313131;
  right: 0px;
  top: 25px;
}
.this-barrier:before {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #313131;
  right: 0px;
  top: 30px;
}
.barrier-after:after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #313131;
  left: 0px;
  top: 30px;
}
.store-page {
  background-color: #f7f8fa;
}
.store-page img {
  width: 100%;
  display: block;
}
.search svg {
  width: 20px;
  position: relative;
  top: -12px;
}
.store-page-controls {
  margin-top: 15px;
  display: flex;
}
.store-page-controls .search {
  width: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  display: flex;
  height: 50px;
  padding-inline-start: 15px;
}
.store-page-controls .search input {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  height: 50px;
}
.store-page-controls .search input::placeholder {
  color: #636363;

  background-color: transparent;
}
.store-page-controls .img-container {
  margin-inline-start: auto;
  margin-inline-end: 12px;
  margin-top: 13px;
  position: relative;
}
form.filter1 {
  display: flex;
  width: 50%;
}
form.search1 {
  display: flex;
  width: 100%;
}

.dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  margin-left: auto;
}
.filter {
  /* margin-inline-start:15px; */
  width: 100%;
}
.filter .dropdown .btn {
  height: 50px;
  color:  #1680c4!important;
}
.theme-btn {
  border: 1px solid #dfdfdf;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  display: flex;
  display: flex;
  align-items: center;
  color: #1680c4;
  /* font-weight: bold; */
}
.theme-btn:focus {
  box-shadow: none !important;
  color: #1680c4!important;
}
.display-form {
  list-style: none;
  display: flex;
  padding-inline-start: 0px;
  width: 28%;
  margin-bottom: 0px;
  align-items: center;
  margin-left: auto;
}
.display-form svg {
  width: 30px;
  display: inline-block;
  /* margin-left:20px; */
}
.display-form li {
  text-align: center;
  width: 50%;
}
.store-page-tabs {
  color: #373d47;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 93px;
}
.store-page-tabs .categories {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
}
.store-page-tabs .categories li {
  margin-inline-end: 20px;
  text-transform: uppercase;
}
.product-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.item {
  width: 47%;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 10px 10px 15px rgba(229, 229, 229, 0.7),
    -10px -10px 15px rgba(229, 229, 229, 0.7);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.product-section  .item:not(.list-item) .img-container .product-img {
  /* width:85%; */
  /* width: 90%;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px; */
  display: block;
  /* margin-top: 15px;
  margin-left: auto;
  margin-right: auto; */
}
.product-section .product-name {
  color: #282828;
  /* font-size: 16px; */
  font-size: 18px;
  /* font-weight: bold; */
  margin-top: 10px;
  /* margin-left: 15px; */
}
.product-section .product-details ul {
  margin-left: 15px;
  font-family: "Grava Medium";
  margin-bottom: 10px;
}
.product-color {
  color: #5b5959;
}
.product-size-color {
  color: #8d8d8d;
}
.no-padding-left {
  padding-inline-start: 0px;
}
.plus-sign {
  position: relative;
}
.plus-sign .plus-sign__span:before {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 18px;
}
.plus-sign {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ff9938;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 6px 3px 15px #dbdbdb;
  position: absolute;
  /* right: 15px;
  bottom: 10px; */
  right: 8px;
  bottom: 8px;
}
.stellarnav .call-btn-mobile,
.stellarnav .close-menu,
.stellarnav .location-btn-mobile,
.stellarnav .menu-toggle {
  padding-inline-start: 0px;
}
.plus-sign:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ff9977;
}
/* .product-details {
  position: relative;
} */
.favourite-container .grid-favourite {
  position: absolute;
  /* top: 15px; */
  top: 15px;
  right: 35px;
  width: 40px;
  height: 40px;
  background-image: url("../img/product-details/heart.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.favourite-container .favourite svg {
  width: 30px;
}
.plus-sign .add-to-cart {
  width: 20px;
}
/* .product-section .img-container {
  position: relative;
} */
.margin-top-20px {
  margin-top: 20px;
}
.margin-top-25px {
  margin-top: 25px;
}
.white-bg {
  background-color: #fff;
  height: 110px;
  margin-top: -100px;
}
.store-footer {
  background-color: #f0f0f0;
  box-shadow: 5px 5px 10px #e3e3e3 inset;
}

.footer-img-container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-img-container img {
  width: 275px;
}
@media (max-width: 420px) {
  .footer-img-container img {
    width: 190px;
  }
}
.reset-padding-left-right {
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 420px) {
  .logo {
    width: 65px;
  }
  .icon {
    width: 20px;
  }
  .header-icons li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .filter-search {
    width: 80%;
  }
  .display-form img {
    width: 20px;
  }
  .theme-btn {
    font-size: 14px;
  }
  .store-page-controls .search input::placeholder {
    font-size: 14px;
  }
  .search img {
    width: 19px;
    /* margin-top:4px; */
  }
  .store-page-controls .img-container {
    margin-inline-end: 5px;
  }
  .product-section .product-name {
    font-size: 15px;
    margin-inline-start: 0px;
  }
  .product-section .product-details ul {
    margin-inline-start: 0px;
  }
  .product-color {
    font-size: 13px;
  }
  .margin-top-20px {
    margin-top: 10px;
  }

  .favourite-container .grid-favourite {
    top: 15px;
    width: 30px;
    right: 15px;
  }
  .store-page-tabs-content .price {
    font-size: 16px;
  }
  .plus-sign {
    width: 30px;
    height: 30px;
    right: 6px;
    bottom: 8px;
  }
  .categories li {
    font-size: 13px;
  }
}
.item {
  min-height: 270px;
  position: relative;
}
.categories li a {
  color: #373d47;
  transition: all 0.3s eas-in-out;
  -webkit-transition: all 0.3s eas-in-out;
  -moz-transition: all 0.3s eas-in-out;
  -ms-transition: all 0.3s eas-in-out;
  -o-transition: all 0.3s eas-in-out;
  /* display: inline-block!important; */
}
.categories li a:hover {
  text-decoration: none;
  font-weight: bold;
}
/* .list-item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.normal-favourite {
  width: 30px;
  top: 15px;
  right: 30px;
}
.list-item .img-container .favourite {
  right: 50px;
  top: 10px;
}
.list-item .img-container .favourite svg {
  width: 35px;
} */
.navbar-collapse.show {
  position: fixed;
  z-index: 2;
  top: 75px;
  background-color: rgba;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.navbar-collapse.show .navbar-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.navbar-collapse.show .navbar-nav a {
  color: #fff;
  font-size: 18px;
}
.navbar-collapse.show .navbar-nav li {
  height: 50px;
}
.navbar-collapse.show .navbar-nav a:hover {
  text-decoration: none;
  color: #ff9938;
}
.close-btn {
  color: #fff;
  position: absolute;
  font-size: 45px;
  right: 15px;
  cursor: pointer;
}
.all-sec {
  display: none;
}
.tshirt-sec {
  display: none;
}
.hoodie-sec {
  display: none;
}
.accessories-sec {
  display: none;
}
/************hide the navbar*/
.navbar-collapse {
  display: none !important;
}

.favourite-container .grid-favourite.active {
  background-image: url("../img/product-page/svg/orange.svg");
}

/****************show toggle button*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
}
svg {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
/* svg:hover {
  fill: #ff5a00 !important;
  stroke: #ff5a00 !important;
} */
/************************************Cart Page********************/
.cart-header {
  box-shadow: 1px 9px 15px #ddeaf3;
}
.cart-content {
  background-color: #f7f8fa;
  padding-top: 40px;
  padding-bottom: 200px;
}
.cart-content_ul li {
  display: flex;
}
.cart-content_ul li label {
  /* display: flex; */
  position: relative;
  /* align-items: center; */
  width: 100%;
  margin-bottom: 0px;
  display: block;
}

.cart-content_ul li label img {
  margin-left: 0px;
  /* width:30%; */
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  width: 170px;
}
.cart-content .cart-content_ul li .text-decription ul {
  padding-left: 15px;
}
/* .text-decription li:not(:first-of-type){
  margin-top:23px
}  */
.text-decription .name {
  color: #282828;
  font-family: "Grava Medium";
  font-size: 18px;
  font-weight: bold;
}
.text-decription .color {
  color: #5b5959;
  font-family: "Grava Medium";
  font-size: 16px;
  font-weight: bold;
}
.text-decription .price {
  color: #94939f;
  font-weight: bold;
  font-size: 18px;
}
.padding-top-7px {
  padding-top: 7px;
}
.cart-product-controls {
  align-items: center;
  /* margin-inline-start: auto; */
  margin-top: 15px;
  
  /* margin-bottom: 20px; */
}
.cart-product-controls a {
  min-width: 35px;
  height: 35px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-shadow: 0px 0px 15px 0px #e2e3e4;
}
.cart-product-controls a img {
  width: 17px !important;
  margin-left: 0px !important;
}
.custom-p {
  position: relative;
  top: 6px;
}
.margin-start-10 {
  margin-inline-start: 10px;
}
.margin-end-10 {
  margin-inline-end: 10px;
}
.cart-content .cart-content_ul li input[type="checkbox"] {
  display: none;
}
.cart-content_ul li label:before {
  content: "";
  width: 25px;
  height: 25px;
  border: 1px solid #aeb8c1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 40%;
  left: -2px;
}
.border-bottom {
  border-bottom: 1px solid #efeff1;
}

.cart-content_ul li input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  color: #ff5a00;
  display: inline-flex;
  font-family: "FontAwesome";
  border: 1px solid #ff5a00;
  justify-content: center;
  align-items: center;
}
.padding-top-bottom-15px {
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-footer {
  padding-bottom: 25px;
  padding-top: 25px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: -3px -5px 15px #e0ebf4;
}
.cart-footer .selected-total {
  display: flex;
  justify-content: center;
}
.cart-footer .selected-total li {
  text-align: center;
  width: 50%;
}
.no-padding {
  padding: 0px;
}
.selected-total-items {
  color: #373d47;
}
.cart-footer .selected-total .number,
.cart-footer .selected-total .price {
  font-size: 22px;
  color: #000;
  font-weight: 500;
}
.cart-footer .selected-total .currency {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.checkout {
  width: 65%;
  display: flex;
  height: 50px;
  background-color: #1680c4;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
@media (max-width: 420px) {
  .checkout {
    font-size: 18px;
  }
}
.footer-barrier:after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #000;
  position: absolute;
  right: 0px;
}
@media (max-width: 460px) {
  .cart-content_ul li label img {
    margin-inline-start: 0px;
  }
  .cart-content .cart-content_ul li .text-decription ul {
    margin-inline-start: 5px;
  }
  .text-decription .name {
    font-size: 16px;
  }
  .text-decription .color {
    font-size: 14px;
  }
  .cart-content .cart-content_ul li .text-decription ul {
    padding-inline-start: 5px;
  }
  .display-block {
    display: block;
  }
  .cart-product-controls {
    /* margin-top:0px; */
    margin-bottom: 5px;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: space-around */
  }
  .cart-content .margin-end-10 {
    margin-inline-end: 0px;
  }
  .cart-content .margin-start-10 {
    margin-inline-start: 0px;
  }
  .cart-content .align-center {
    text-align: center;
  }
  .cart-product-controls .number-items {
    position: relative;
    /* right: 15px; */
    margin-left: 5px;
    margin-right: 5px;
    top: 1px;
  }
}
.text-decription ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 420px) {
  .align-items {
    align-items: center;
  }
  .cart-content_ul li label .cart-content_ul__img {
    width: 110px;
  }
}
.bars span {
  display: none !important;
}
.menu-toggle .before {
  width: 30px;
  height: 50px;
  position: relative;
  top: 5px;
}
.stellarnav > ul > li > a {
  padding: 20px 20px !important;
}
.stellarnav > ul > li > .first-el {
  padding-inline-start: 0px !important;
}
@media(min-width:768px){
  .stellarnav {
    width: fit-content !important;
  }
}
@media (max-width: 768px) {
  .stellarnav {
    width: 12% !important;
  }
  .stellarnav > ul > li > .first-el {
    padding-inline-start: 20px !important;
  }
}
/* @media(max-width:420px){
  .stellarnav{
    width:25%!important;
    }
} */
.text-decription li:not(:last-of-type) {
  margin-top: 15px;

}
@media (max-width: 420px) {
  .text-decription li:not(:last-of-type) {
    margin-bottom: 15px;
    margin-top: 0px;
  }
}
.aligned-center {
  position: relative;
  top: -2px;
}
.v-centered {
  top: -2px;
  position: relative;
}
.v-centered-1 {
  top: -2px;
  position: relative;
}
/*******************************************PRODUCT DETAILS PAGE*********************/
.product-details-content {
  background-color: #f6f7f9;
  padding-top: 40px;
  padding-bottom: 229px;
}
.product-details-content h3 {
  font-family: "Grava Medium";
  color: #282828;
  font-size: 24px;
  position: relative;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.product-details-content h3 .share-this {
  content: url("../img/product-details/share.png");
  position: absolute;
  right: 4px;
  top: 6px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.product-details-content h3 .share-this:hover {
  opacity: 0.5;
}

/************************************stacked slider style*******************************/
/* .dp-wrap {
  margin: 0 auto;
  position: relative;
  perspective: 1000px;
  width:350px;
  height:310px;
} */

/* .dp-slider {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
} */

/* .dp-slider div { transform-style: preserve-3d; }

.dp_item {
  display: block;
  position: absolute;
  text-align: center;
  color: #FFF;
  border-radius: 10px;
  transition: transform 1.2s;
  box-shadow: -11px 9px 15px #e4e0d9;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
}*/

.dp-img img {
  border-left: 1px solid #fff;
}
/*
#dp-slider .dp_item:first-child {
  z-index: 10 !important;
  transform: rotateY(0deg) translateX(0px) !important;
}

.dp_item[data-position="2"] {
  z-index: 9;
  transform: rotateY(0deg) translateY(8%) scale(0.9);
  -webkit-transform: rotateY(0deg) translateY(8%) scale(0.9);
  -moz-transform: rotateY(0deg) translateY(8%) scale(0.9);
  -ms-transform: rotateY(0deg) translateY(8%) scale(0.9);
  -o-transform: rotateY(0deg) translateY(8%) scale(0.9);
} */

/* .dp_item[data-position="3"] {
  z-index: 8;
  transform: rotateY(0deg) translateY(16%) scale(0.8);
  -webkit-transform: rotateY(0deg) translateY(16%) scale(0.8);
  -moz-transform: rotateY(0deg) translateY(16%) scale(0.8);
  -ms-transform: rotateY(0deg) translateY(16%) scale(0.8);
  -o-transform: rotateY(0deg) translateY(16%) scale(0.8);
}

.dp_item[data-position="4"] {
  z-index: 7;
  transform: rotateY(0deg) translateY(30%) scale(0.7);
  -webkit-transform: rotateY(0deg) translateY(30%) scale(0.7);
  -moz-transform: rotateY(0deg) translateY(30%) scale(0.7);
  -ms-transform: rotateY(0deg) translateY(30%) scale(0.7);
  -o-transform: rotateY(0deg) translateY(30%) scale(0.7);
}

#dp-next,  #dp-prev {
  position: absolute;
  top: 50%;
  right: 16%;
  height: 33px;
  width: 33px;
  z-index: 10;
  cursor: pointer;
}

#dp-prev {
  left: 15px;
  transform: rotate(180deg);
}

#dp-dots {
  position: absolute;
  bottom: 25px;
  z-index: 12;
  left: 38%;
  cursor: default;
  bottom: -65px;
}

#dp-dots li {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #cecfcf;
  border-radius: 50%;
}

#dp-dots li:hover {
  cursor: pointer;
  background: #ff4e19;
  transition: background .3s;
}

#dp-dots li.active {
  background: #ff4e19;
}

.dp_item { width: 85%; }

.dp-content,  .dp-img { text-align: left; }

.dp_item {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 5px solid #fff;
  width:350px;
  height:310px;
}

.dp-content {
  padding-left: 100px;
  padding-right: 0;
  display: inline-block;
  width: 100%;
}

.dp-content h2 {
  color: #41414B;
  font-family: Circular Std Bold;
  font-size: 48px;
  max-width: 460px;
  margin-top: 8px;
  margin-bottom: 0px;
}

.dp-content p {
  color: #74747F;
  max-width: 490px;
  margin-top: 15px;
  font-size: 24px;
}

.dp-content .site-btn {
  margin-top: 15px;
  font-size: 13px;
  padding: 19px 40px;
} */

/* .dp-img:before {
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  content: "";
  position: absolute;
  height: 100%;
  width: 25%;
  z-index: 1;
  top: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
  background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
  background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255));
} */
.stacked-slider {
  background-image: url("../img/product-details/slider-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.dp-img img {
  object-fit: cover;
  object-position: right;
}
.stacked-slider {
  width: 350px;
  height: 310px;
  margin-left: auto;
  margin-right: auto;
}
.dp-img img {
  width: 335px;
  height: 285px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 3px;
  position: relative;
  top: 0px;
  left: 5px;
  border-radius: 15px;
}

/* #dp-slider .dp_item:hover:not(:first-child) { cursor: pointer; } */

/***************custom stacked slider style*/
.stacked-slider {
  margin-top: 30px;
  height: 320px;
}
.slick-slide {
  outline: none;
}
.slick-dots li {
  background-color: #cecfcf;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 10px;
  height: 10px;
}
.slick-dots .slick-active {
  background-color: #ff4e19;
}
.slick-dots li button:before {
  content: "";
}
@media (max-width: 420px) {
  /* .dp-wrap {
    width: 280px;
    height: 250px;
   } */
  .dp-img img {
    width: 260px;
    height: 225px;
  }
  .stacked-slider {
    width: 280px;
    height: 250px;
  }
  /* .dp_item{
    width: 280px;
    height: 250px;
   } */
}
/*****************/
.quantity-price {
  display: flex;
}
.quantity-price .quantity {
  color: #008000;
  font-family: "Lato", sans-serif;
  font-size: 18px;
}
.quantity-price .price {
  color: #282828;
  font-weight: bold;
}
.quantity-price .price .currency {
  color: #282828;
  font-size: 16px;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}
.product-details-content .details p {
  color: #373d47;
  margin-top: 30px;
}
.product-details-content .details .country {
  font-family: "Lato", sans-serif;
  font-size: 16px;
}
.margin-top {
  margin-top: 130px;
}
.preferences .slick-list,
.preferences .slick-track,
.preferences .slick-slide {
  overflow: visible;
}
/* .cart-footer form .preferences{
  display: flex;
  justify-content: space-around;
} */
.preferences .slick-prev {
  z-index: 10000;
}
.preferences .slick-slide {
  text-align: center;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.preferences .slick-prev:before {
  content: "\f053";
  font-family: "FontAwesome";
  color: #373d47;
}
.preferences .slick-next:before {
  content: "\f054";
  font-family: "FontAwesome";
  color: #373d47;
}
.cart-footer form label {
  color: #373d47;
  font-size: 18px;
}
.size {
  text-align: center;
}
/* .size, .color, .qty{
  width:calc(98% / 3);
} */
.cart-footer .size .size-txt {
  color: #282828;
  font-size: 28px;
  font-weight: bold;
}
.btn:focus {
  box-shadow: none !important;
}
.size .dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  margin-left: auto;
  font-size: 25px;
  position: relative;
  left: 6px;
  top: 5px;
}
.cart-footer .add-to-cart {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.add-to-cart .favourite {
  display: flex;
  width: 50px;
  height: 50px;
  background-color: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-shadow: -4px 2px 15px #d9d9d9;
  transition: all 0.5s ease-in-out;

  box-shadow: -5px 2px 10px #d2d2d2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.add-to-cart .favourite svg {
  width: 40px;
}
.add-to-cart .add {
  display: flex;
  width: 80%;
  height: 50px;
  background-color: #1680c4;
  color: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.add-to-cart .favourite img {
  width: 35px;
  height: 30px;
}
.add-to-cart .add img {
  width: 30px;
  height: 25px;
  display: block;
  margin-inline-end: 10px;
}
.color-content .black-color {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #000;
  border: 2px solid #b7b2b2;
}
.color .dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  margin-left: auto;
  font-size: 25px;
  position: relative;
  left: 6px;
  top: 5px;
}
.color .dropdown-menu,
.size .dropdown-menu,
.qty .dropdown-menu {
  min-width: 4rem;
}
.color .black-color {
  width: 30px;
  height: 30px;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #000;
}
.color .red-color {
  width: 30px;
  height: 30px;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #ff0000;
}
.color .light-blue-color {
  width: 30px;
  height: 30px;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: lightblue;
}
.color .dropdown-item {
  padding: 0px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.cart-footer .qty .qty-txt {
  color: #282828;
  font-size: 28px;
  font-weight: bold;
}
.qty .dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  margin-left: auto;
  font-size: 25px;
  position: relative;
  left: 6px;
  top: 5px;
}
.color-content .black-color,
.color-content .red-color,
.color-content .light-blue-color {
  display: inline-block;
}
.add-to-cart .favourite:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  box-shadow: -4px 2px 15px #d9d9d9, 3px 6px 15px #d9d9d9;
}
.add-to-cart .add:hover {
  text-decoration: none;
  opacity: 0.7;
}
.quantity-price .price {
  margin-inline-start: auto;
}
.payment-summery .price {
  margin-inline-start: auto;
}
.store-page-tabs {
  min-height: 56vh;
}
@media (max-width: 600px) {
  .slick-next {
    right: -10px;
  }
  .slick-prev {
    left: -10px;
  }
}

@media (max-width: 420px) {
  .slick-next {
    right: -5px;
  }
  .slick-prev {
    left: -5px;
  }
}
/*********************ADD PRODUCT1 **********************/
.add-product {
  margin-top: 25px;
}
.heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heading h3 {
  margin-bottom: 0px;
  position: relative;
  top: 5px;
  font-family: "Grava Medium";
  font-size: 22px;
  font-weight: bold;
  color: #000;
  text-transform: capitalize;
}
.content-container {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 95px;
  width: 95px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  position: relative;
}

.content-container .img-icon {
  width: 57px;
  height: 48px;
  display: block;
  margin: 15px 0px;
}
.content-type {
  font-family: "Segoe Semibold";
  text-align: center;
  margin-top: 10px;
  color: #3786c8;
  font-size: 8px;
  font-size: 14px;
}
.img-video {
  margin-top: 30px;
  margin-bottom: 50px;
}
.img-video h3 {
  font-family: "Grava Medium";
  font-size: 22px;
  font-weight: bold;
  color: #000;
  text-transform: capitalize;
}
.delete-img {
  position: absolute;
  right: 5px;
  top: 0px;
}
.add-video {
  position: absolute;
  right: 2px;
  top: 5px;
}
.delete-img img,
.add-video img {
  width: 15.52px;
  height: 15.52px;
}
/*********X***********ADD PRODUCT1 **********X***********/

/********************ADD PRODUCT2 *********************/
.custom__dropdown {
  display: flex;
  padding-inline-start: 0px;
  border-bottom: 2px solid #e7e7e9;
}
.add-product .show > .btn-secondary.dropdown-toggle,
.add-product .btn-secondary:focus,
.add-product .btn-secondary:not(:disabled):not(.disabled):active {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.add-product .dropdown-toggle::after {
  font-size: 35px;
  position: relative;
  top: -10px;
}
.add-product .dropdown-menu {
  right: 0;
}
.custom__textarea {
  width: 100%;
  border: none;
  outline: none;
  color: #000;
  border-bottom: 2px solid #e7e7e9;
  font-size: 18px;
  min-height: 85px;
  font-weight: bold;
  margin-top: 20px;
}
.custom__textarea::placeholder {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.min-height-170px {
  min-height: 125px !important;
}
.next__btn {
  font-family: "Grava Medium";
  display: flex;
  width: 92%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #1680c4;
  text-transform: capitalize;
  color: #fff !important;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.next__btn:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
}
.skip__btn {
  display: flex;
  width: 92%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  text-transform: capitalize;
  color: #1680c4;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.skip__btn:hover {
  /* border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #1680c4; */
  color: #ff5a00;
  text-decoration: none;
}
/************************************add_producrt progressbar****************************/

.add-product__page .my-progress-bar span {
  width: 20%;
  height: 10px;
  border-bottom: none;
  border-top: none;
  /* border-left:0.2px solid #95a395; */
  border-right: none;
  background-color: #d9d9d9;
}
.my-progress-bar .span1 {
  border-left: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.my-progress-bar .span4 {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.my-progress-bar .span5 {
  border-right: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.add-product__page .my-progress-bar .first-stage {
  width: 20%;
  background-color: #316b9e !important;
}
.my-progress-bar .second-stage {
  width: 40% !important;
  background-color: #316b9e !important;
}
.my-progress-bar .third-stage {
  width: 60% !important;
  background-color: #316b9e !important;
}
.my-progress-bar .forth-stage {
  width: 80% !important;
  background-color: #316b9e !important;
}
.my-progress-bar .final-stage {
  width: 100% !important;
  background-color: #316b9e !important;
}
.active-span {
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.add-product__page .my-progress-bar .circle {
  width: 0;
  height: 0px;
  border-right: none;
}
.circle:before {
  content: "\f00c";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #316b9e !important;
  font-family: "FontAwesome";
}
.first-stage-position:before {
  left: 18%;
  bottom: -5px;
  font-size: 11px;
}
.add-product__page .second-stage-position:before {
  left: 38%;
}
.add-product__page .third-stage-position:before {
  left: 58%;
}
.add-product__page .forth-stage-position:before {
  left: 78%;
  bottom: -5px;
}

.forgot-password {
  color: #ff0000;
  width: 100%;
  text-align: end;
  display: block;
  padding-top: 20px;
}
.terms-lbl {
  display: flex !important;
  justify-content: flex-start!important;
}
#upload {
  display: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.upload__img {
  width: 95px;
  height: 95px;
  background: #fff;
  position: relative;
  text-align: center;
  line-height: 90px;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 16%);
  border-radius: 20px;
}
.upload__img .plus-img {
  position: absolute;
  width: 15.52px;
  height: 15.52px;
  top: 8px;
}
.margin-tb-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
#upload_link span {
  font-family: "Segoe Semibold";
  font-size: 11px;
  margin-inline-start: 15px;
}
.categories__info {
  margin-inline-start: 15px;
}
.production-dimensions__info {
  margin-inline-start: 15px;
}
.shipping__info {
  margin-inline-start: 15px;
}
.shipping__info p {
  margin-top: 40px;
  color: #000;
  font-family: "Grava LightOblique";
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chec-custom:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ddf0f5;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  /* top: 6px; */
  top: 0px;
  vertical-align: bottom;
}

.own-shipping {
  display: none;
}
.own-shipping:checked + .red-theme:after {
  background-color: #fbdace !important;
  border: none;

  top: 8px;
  z-index: 100;
  width: 25px;
  border-radius: 50%;
  height: 25px;
}

.own-shipping:checked + label:after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
  background-color: #fbdace !important;
  border: none;
}
.chec-custom {
  font-weight: bold;
}
.sale-price__info {
  margin-inline-start: 15px;
  margin-top: 35px;
  border-bottom: 2px solid #e7e7e9;
}

.line-break {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 2px solid #e7e7e9;
  color: #000;
  font-size: 16px;
  padding-bottom: 15px;
}
.line-break::placeholder {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.on-sale {
  display: none;
}
.on-sale:checked + .red-theme:after {
  background-color: #fbdace !important;
  border: none;

  top: 8px;
  z-index: 100;
  width: 25px;
  border-radius: 50%;
  height: 25px;
}

.on-sale:checked + label:after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* margin-inline-end: 10px; */
  top: 0px;
}
.own-shipping__lbl:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ddf0f5;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-inline-end: 10px;
  position: relative;
  vertical-align: bottom;
}
.orange-btn {
  width: 50%;
  height: 50px;
  font-family: "Grava Medium";
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff5a00;
  color: #fff;
  font-size: 20px;
  border-radius: 25px;
  margin: 10px auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.orange-btn:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
}
.link-btn {
  width: 45%;
  height: 50px;
  font-family: "Grava Medium";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ff5a00;
  font-size: 20px;
  margin: 10px auto;
  margin-top: 25px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.link-btn:hover {
  color: #1680c4;
  text-decoration: none;
}
.capitalize {
  text-transform: capitalize !important;
}
#upload_link:hover {
  color: #ff5a00;
  text-decoration: none;
}
.variants__info {
  margin-inline-start: 15px;
}
.font-roman {
  font-family: "Grava Roman" !important;
}
@media (max-width: 420px) {
  .heading h3 {
    font-size: 17px;
  }
  .heading img {
    width: 40px;
  }
  .countries-content .form-container .your-country label {
    font-size: 14px;
  }

  .img-video h3 {
    font-size: 17px;
  }
  .content-type {
    font-size: 8px;
  }
  .start {
    font-size: 16px;
  }
  .header-content h3 {
    font-size: 16px;
  }
  .contact-information__input {
    font-size: 16px;
  }
  .custom__textarea {
    font-size: 16px;
  }
  .next__btn {
    font-size: 16px;
  }
  .skip__btn {
    font-size: 16px;
  }
  .upload__img {
    width: 81px;
    height: 84px;
  }
  .upload__img {
    line-height: 80px;
  }
  #upload_link span {
    font-size: 8px;
  }
  .upload__img .plus-img {
    width: 10px;
    height: 10px;
  }
  .shipping__info p {
    font-size: 14px;
  }
  .link-btn {
    font-size: 16px;
  }
  .orange-btn {
    font-size: 16px;
  }
  .imgs .store-logo .img-container,
  .imgs .store-banner .img-container {
    width: 81px;
    height: 84px;
  }
}
@media (max-width: 375px) {
  .content-container {
    width: 65px;
    height: 65px;
  }
  .content-container .img-icon {
    width: 35px;
    height: 30px;
  }
  .delete-img img,
  .add-video img {
    width: 10px;
    height: 10px;
  }
}
/*********X***********ADD PRODUCT2 **********X***********/

/********************MY STORE **************************/
.my-store {
  margin-top: 25px;
}
.store__img {
  position: relative;
  top: 5px;
  width: 55px;
}
.imgs {
  margin-top: 20px;
  display: flex;
}
.imgs .store-logo .img-container,
.imgs .store-banner .img-container {
  width: 95px;
  height: 95px;
  background-color: #fff;
  text-align: center;
  line-height: 90px;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 16%);
  border-radius: 20px;
  position: relative;
  margin-bottom: 5px;
}
.imgs .store-logo {
  margin-inline-end: 30px;
}
.imgs .store-logo span,
.imgs .store-banner span {
  font-family: "Segoe Semibold";
  font-size: 11px;
  display: block;
  margin: 0px auto;
  padding-inline-start: 10px;
}
.imgs .x-img {
  width: 15.52px;
  height: 15.52px;
  position: absolute;
  top: 8px;
}
.imgs .store-logo,
.imgs .store-banner {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.imgs .store-logo:hover,
.imgs .store-banner:hover {
  text-decoration: none;
  color: #ff5a00;
}
.your-info {
  margin-inline-start: 15px;
}
.store-info {
  margin-inline-start: 15px;
}
/**********X*********MY STORE ***************X**********/

/*************************SOLD HISTORY***************** */
.sold-history {
  margin-top: 25px;
}
.search__input::placeholder {
  font-family: "Grava Medium";
  color: #94939f;
}
.search__div {
  position: relative;
}
.search__icon {
  position: absolute;
  bottom: 10px;
  right: 5px;
  width: 25px;
}

.orders .outer__li {
  background-color: #fff;
  min-height: 145px;
  box-shadow: 0px 0px 30px #e8f0f7;
  padding: 15px 25px;
  margin-bottom: 15px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
}
.orders .order-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.orders .order-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orders .order-heading .order-num {
  color: #ff5a00;
  font-family: "Grava Bold";
  font-size: 20px;
}
.outer__li .print img {
  width: 30px;
}

.orders .left,
.orders .right {
  font-family: "Grava Roman";
  color: #3b3b3b;
  font-size: 18px;
}
.orders .left li,
.orders .right li {
  margin-bottom: 15px;
}
@media (max-width: 420px) {
  .orders .left,
  .orders .right {
    font-size: 14px;
  }
  .orders .order-heading .order-num {
    font-size: 16px;
  }
  .outer__li .print img {
    width: 25px;
  }
}
/**********X**************SOLD HISTORY******X********** */

/*************************ORDER DETAILS****************/
.order-details__page {
  margin-top: 25px;
}
.order-num-details,
.shipping-address {
  display: flex;
  justify-content: space-between;
}
.order-details .left {
  font-size: 18px;
  font-family: "Grava Roman";
  color: #636363;
  width: 30%;
}
.order-details .right {
  font-size: 18px;
  font-family: "Grava Light";
  color: #636363;
  width: 59%;
}
.order-details .left li,
.order-details .right li {
  margin-bottom: 18px;
}
.print__icon img {
  width: 30px;
}
.item-img {
  display: flex;
  justify-content: center;
  height: 125px;
  background-color: #efece4;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.order-items .description {
  background-color: #fff;
  padding-bottom: 20px;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.first-row {
  display: flex;
  padding-top: 15px;
}
.first-row li {
  width: 25%;
}
.first-row li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.on-sale__lbl:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ddf0f5;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-inline-end: 10px;
  position: relative;
  vertical-align: bottom;
}
.on-sale:checked + label:after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #ec440a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
  top: 0px;
  transition: all 0.3s ease-in-out;
  background-color: #fbdace !important;
  border: none;
}
li .cont1 {
  font-size: 12px;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
  font-family: "Lato Bold";
  color:#333;
}
.second-row {
  display: flex;
  margin-top: 20px;
}
.second-row li {
  width: 25%;
}
.second-row .heading1 {
  font-family: "Lato Regular";
  font-size: 12px;
  color: #94939f;
  display: flex;
  justify-content: center;
}
.order-items .order-item {
  box-shadow: 0px 0px 30px #e7eff5;
  margin-bottom: 15px;
}
@media (max-width: 420px) {
  .order-details .left li,
  .order-details .right li {
    margin-bottom: 14px;
    font-size: 14px;
  }
  .order-details .left {
    width: 50%;
  }
  .order-details .right {
    width: 50%;
  }
  .imgs .x-img {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 375px) {
  li .cont1 {
    font-size: 10px;
  }
}
/***********X*************ORDER DETAILS******X*********/

/*************************MY PRODUCTS******************/
.btn-secondary:hover {
  color: #000;
  background-color: transparent;
  border-bottom: 2px solid #e7e7e9;
}
.list-products .o__li {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e7e7e9;
}
.list-products .p-img {
  width: 35%;

  background-color: #efece5;
  display: flex;
  align-items: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.list-products .p-img img {
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.list-products .p-details {
  padding-inline-start: 15px;
  padding-inline-end: 8px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.list-products .p-controls img {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.list-products .p-details .p-name {
  font-family: "Lato Bold";
  font-size: 17px;
  color: #000;
}
.list-products .p-details .p-price {
  font-family: "Lato Regular";
  font-size: 14px;
  color: #3786c8;
}
.list-products .p-details .p-left {
  font-family: "Lato Bold";
  font-size: 14px;
  color: #000;
}
.list-products .p-details .left-price {
  display: flex;
  justify-content: space-between;
}
.list-products .p-details .date {
  display: flex;
  font-family: "Lato Light";
  font-size: 14px;
}
.list-products .p-details div:first-child {
  margin-inline-end: 10px;
}
.list-products .p-details .date img {
  position: relative;
  top: -3px;
}
.list-products .p-details .shipping-d {
  display: flex;
  font-family: "Lato Light";
  font-size: 14px;
}
.list-products .p-details .shipping-d img {
  position: relative;
  top: -3px;
}

.list-products .p-details li {
  margin-bottom: 12px;
}
.list-products .p-controls {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.list-products .p-controls img {
  width: 20px;
}
.list-products .p-controls li {
  margin-bottom: 20px;
}
@media (max-width: 420px) {
  .list-products .p-details li {
    margin-bottom: 6px;
  }
  .list-products .p-img {
    width: 100px;
    height: 125px;
  }
  .list-products .p-details {
    width: fit-content;
  }
}
/***********X*************MY PRODUCTS*********X*******/

/************************MY ACCOUNT****************/
.heading:first-of-type {
  margin-bottom: 25px;
}
.my-account__page .first-accordion .card {
  border: none;
  background-color: transparent;
  margin-bottom: 25px;
}
.my-account__page .first-accordion .card .card-header {
  border-bottom: none;
  background-color: transparent;
  padding: 0px;
}
.my-account__page .first-accordion .card .card-header .btn {
  padding: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.my-account__page .first-accordion .card-header .btn-link:after {
  top: 5px;
  background-color: #1680c4;
  color: #fff;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.accordion1-btn {
  font-family: "Grava Bold";
  color: #000;
  font-size: 20px;
  min-height: 35px;
  display: flex;
  align-items: center;
}
.my-account__page .second-accordion .card {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  box-shadow: 0px 0px 30px #dbdbdd;
}
.my-account__page .second-accordion .accordion2-btn {
  display: block !important;
  padding: 20px !important;
  font-family: "Grava Bold";
  color: #000;
  font-size: 16px;
  text-align: start !important;
  position: relative;
}
.my-account__page .second-accordion .accordion2-btn span {
  font-family: "Grava Roman";
  font-size: 12px;
  color: #cccccc;
}
.my-account__page .first-accordion .card-body {
  padding: 0px;
}
.my-account__page .second-accordion .card-body {
  padding: 20px;
}
.my-account__page .first-accordion .card-header .accordion2-btn:after {
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #ff5a00;
  content: "\f054";
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-size: 20px;
}
.my-account__page
  .first-accordion
  .card-header
  .accordion2-btn.collapsed:after {
  font-family: "FontAwesome";
  font-size: 20px;
}
.my-account__page .first-accordion .card-header .accordion2-btn:hover,
.my-account__page .first-accordion .card-header .accordion1-btn:hover {
  text-decoration: none;
  color: #000;
}

/***********X*************MY PRODUCTS*********X*******/

/*************************COUNTRIES0*****************/
.countries-form input::placeholder {
  color: #94939f;
}
.countries-slider {
  margin-top: 35px;
}
.cont {
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 0px 10px #e5f1f9;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  width: fit-content;
  /* margin-left:20px;
  margin-right: 20px; */
}
.cont img {
  width: 92px;
  height: 92px;
}

.c-name {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.countries-select {
  display: flex;
  justify-content: space-between;
}
.countries-select .gap input[type="radio"] {
  display: none;
}
.gap label {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.direct-next {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.indirect-next {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}
.active label {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.gap {
  padding-top: 35px;
  padding-bottom: 35px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.countries-select .gap .c-name {
  display: none;
}
.countries-select .active .c-name {
  display: flex !important;
  justify-content: center;
}

/*Start of reset Accordion Class*/
.reset-accordion .card-header {
  background-color: transparent;
  border-bottom: none;
}
.reset-accordion .card {
  border: none;
}
.reset-accordion .btn-link:hover {
  color: #000;
  text-decoration: none;
}
.reset-accordion .card-body {
  padding-left: 0px;
  padding-right: 0px;
}
.reset-accordion .card-header {
  padding-left: 0px;
  padding-right: 0px;
}
.reset-accordion .btn-link {
  padding-left: 0px;
  padding-right: 0px;
}
/* End of Reset Accordion Class */

.cities-accordion .btn-link {
  color: #000;
  font-family: "Grava Bold";
  font-size: 17px;
  width: 100%;
  text-align: start;
}
.uppercase {
  text-transform: uppercase;
}
/* @media(max-width:420px){
  .cont {
    padding:15px;
    display:flex;
    justify-content: center;
  }
  .cont img{
    width:25px;
    height:25px
  }
  .c-name{
    font-size: 11px;
    padding-inline-start: 10px;
  }
} */
@media (max-width: 768px) {
  .cont img {
    width: 55px;
    height: 55px;
  }
  .cont {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .cont img {
    width: 35px;
    height: 35px;
  }
  .cont {
    padding: 10px;
  }
  .c-name {
    font-size: 8px;
  }
}
@media (max-width: 420px) {
  .cont img {
    width: 25px;
    height: 25px;
  }
  .cont {
    padding: 7px;
  }
  .cont {
    margin-left: 5px;
    margin-right: 5px;
  }
}
/************X************COUNTRIES0******X*********/
.iti__country-list {
  width: 90% !important;
}
.iti {
  width: 95%;
}
/* .iti-mobile .iti--container{
  left:10px;
} */
.my-progress-bar .second-stage.width50 {
  width: 50% !important;
  background-color: #316b9e !important;
}
.no-padding-onsides {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}
.width100 {
  width: 100%;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
.area-dropdown .dropdown-menu {
  right: 0px;
}
.checkout-centered {
  position: relative;
  left: -20px;
}
.top-1px {
  position: relative;
  top: 1px;
}
.controls-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 420px) {
  .price {
    font-size: 18px;
  }
}
/* **************************COMPLETED*********************************** */
.completed {
  min-height: 100vh;
}
.completed h3 {
  font-size: 25px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 0px;
}
.completed .card {
  background-color: transparent;
  border: none;
}
.order-items-accordion-header {
  background-color: transparent;
  border: none;
  border-top: 1px solid #94939F;
  border-bottom: 1px solid #94939F;
}
.completed .card-header:first-child {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  padding-inline-start: 0px;
  padding-inline-end: 5px;
}
.order-items-details {
  display: flex;
  justify-content: space-between;
}
.continue-shopping__btn,
.order-details {
  display: flex;
  width: 80%;
  height: 50px;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.continue-shopping__btn {
  background-color: #1680c4;
  color: #fff;
}
.continue-shopping__btn:hover {
  background-color: transparent;
  border: 2px solid #1680c4;
  color: #1680c4;
  text-decoration: none;
}
.order-details {
  border: 2px solid #1680c4;
  margin-top: 15px;
  color: #1680c4;
}
.order-details:hover {
  background-color: #1680c4;
  color: #fff;
  text-decoration: none;
}
.cart-content_ul li img {
  margin-left: 25px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
 
}
.cart-content_ul li .cart-content_ul__img{
  width: 170px;
}
.order-items-details li:first-child {
  color: #94939f;
  font-weight: 700;
}
.order-items-details li:last-child {
  font-weight: bold;
  color: #282828;
  font-family: "Grava Medium";
}
.order-items #accordion {
  margin-top: 50px;
  margin-bottom: 40px;
}
.my-btn-group {
  margin-top: 100px;
  margin-bottom: 50px;
}
.completed #accordion .btn-link {
  width: 100%;
  text-align: start;
  color: #282828;
  font-family: "Grava Medium";
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  padding-inline-start: 0px;
}
.completed .card-header .btn-link.collapsed:after {
  content: "+";
  color: #282828;
  top: 50%!important;
  right: 0px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.card-header .btn-link:after {
   content: url("../img/completed/minus-15.svg");
   color: #282828;
   top: 50%;
   right: 0px;
   transform:translateY(-50%) ;
   -webkit-transform:translateY(-50%) ;
   -moz-transform:translateY(-50%) ;
   -ms-transform:translateY(-50%) ;
   -o-transform:translateY(-50%) ;
}
.no-padding-start {
  padding-inline-start: 0px;
}
.margin-start-15 {
  margin-inline-start: 15px !important;
}
.text-decription .my-color {
  color: #282828;
  font-family: "Grava Medium";
  font-size: 20px;
  font-weight: 700;
}
.text-decription .color-value {
  font-family: "Grava Medium";
  color: #94939f;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-inline-start: 5px;
}
.font-20px {
  font-size: 20px !important;
}
.text-decription .my-price {
  font-weight: bold;
  font-size: 25px;
  color: #282828;
  margin-top: 5px;
}
.text-decription .my-currency {
  font-weight: 700;
  font-size: 12px;
  color: #282828;
  margin-top: 5px;
}
.lead-text {
  color: #94939f;
  font-size: 12px;
  font-weight: bold;
}
.flex-column {
  flex-direction: column;
}
.flex-column .color-type {
  margin-top: 10px;
}
@media (max-width: 400px) {
  .completed .cart-content_ul li .cart-content_ul__img {
    width: 115px;
    margin-inline-start: 15px;
  }
}
/******************************************Terms & Conditions**************************************/
.header__div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0px
}
.header__div .logo{
width: 160px;

}
.header__div .logo img{
  max-width: 100%;
  width: 160px;
  height: 45px;
}
.header__div .menu-toggler2{
  width: 22px;
  height: 15px;
}
.header__div .my-cart{
  width: 24.5px;
  height: 24.5px;
}
.fit-content{
  width: fit-content!important;
}
.my-banner img{
    width: 100%;
    display: block;

}
.my-heading{
  font-family: "Grava Normal";
  color: #1680C4;
  font-size: 25px;
  margin-bottom: 0px;
  font-weight: bold;
  margin-top:0px
}
.terms-conditions{
  padding-top: 20px
}
.terms-condtions__div{
  margin-top:25px
}
.terms-condtions__div:last-of-type{
  margin-bottom: 10px;
}
.terms-condtions__div h3{
  font-family: "Grava Medium";
  color:#313131;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0px;
}
.terms-condtions__div p{
  font-family: "Grava Roman";
  color: #313131;
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 11px;
}
.about-ooddss{
  background-color: #F7F8FA;
  padding-top:25px;
}
.about-ooddss h2{
  font-family: 'Open Sans', sans-serif;
  color: #1680C4;
  font-size: 15px;
  margin-bottom: 0px;
}
.about-ooddss p{
  font-family: 'Open Sans', sans-serif;
  color:#373D47;
  font-size: 11px;
  margin-top:15px;
  margin-bottom: 20px;
}
.subscribe__form{
  display: flex;
  align-items: center;
  gap:10px;
  padding-bottom: 30px;
  border-bottom: 1px solid #707070;
}
.subscribe__form input{
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  height: 36px;
  border: 1px solid #DCDCDC;
  width: calc(100% - 98px);
  padding-inline-start: 5px;
}
.subscribe__form input:focus{
  outline: none;
}
.subscribe__form input::placeholder{
  color:#858585
}
.subscribe__btn{
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  width: 88px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #93CA52;
  color: #fff;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.subscribe__btn:hover{
  background-color: #ff5A00;
}
.my-footer{
  background-color: #F7F8FA;
}
.my-footer .footer-bottom{
  background-color: #fff;
  text-align: center;
}
.my-socials{
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-footer img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.reset-accordion-style .card{
  border: none;
  background-color: transparent;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.reset-accordion-style .card-header{
  padding:0px;
  background-color: transparent;
  border-bottom: none;
}
.reset-accordion-style .btn-link{
  width: 100%;
  text-align: start;
}
.reset-accordion-style .btn-link:hover{
  text-decoration: none;
}
.my-new-accordion{
  margin-top: 30px;
}
.my-new-accordion .card-header .btn-link.collapsed:after{
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/terms&conditions/expand.svg);
  background-position: center;
  background-repeat: no-repeat;

}
.my-new-accordion .card-header .btn-link:after{
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/completed/minus.png);
  background-position: center;
  background-repeat: no-repeat;

  transition: none;
  -webkit-transition: filter 3s ease-in-out;
  right: 0px;
  top:50%;
  background-size: 75%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.my-new-accordion .card-header .btn-link{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  color:#313131;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}


.my-new-accordion .card-header{
  height: 40px;
}
.my-new-accordion .card:not(:last-of-type){
  margin-bottom: 30px;


}
.my-new-accordion .card{
  border-bottom: 1px solid #313131
}
.my-new-accordion .card .card-body{
  padding-top:10px
}
.my-new-accordion .card-header .btn-link{
  text-decoration: none;
  transform: all .3s linear;
  -webkit-transform: all .3s linear;
  -moz-transform: all .3s linear;
  -ms-transform: all .3s linear;
  -o-transform: all .3s linear;
}
.my-new-accordion .card-header .btn-link:hover{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
  text-decoration: none;
}
.footer__logo{
  width: 187px;
  height: 53px;
  margin-left:auto;
  margin-right: auto;
}
.my-socials{
  display: flex;
  align-items: center;
  gap:30px;
  margin-top:20px
}
.my-socials svg{
  width: 20px;
  height: 20px;

}
.footer-top{
  padding-top:30px;
  padding-bottom: 20px;
}
.footer-bottom{
  font-family: 'Open Sans', sans-serif;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  font-weight: 500;
}
/*********************X********************Terms & Conditions****************X*********************/

/******************************************Edit Profile 1******************************************/
.new-heading{
  font-family: "Grava Medium";
  font-size: 23px;
  color:#313131;
  font-weight: bold;
}
.page-content{
  padding-top:40px;
  padding-bottom: 35px;
  min-height: calc(100vh - 148px);
}
.page__h1{
  font-family: "Grava Medium";
  font-size: 20px;
  color:#1680C4;
  font-weight: 600;
  margin-bottom: 0px;
}
.edit-profile__form{
  padding-top:10px
}
.form__div{
  margin-top: 25px;
}
.form__div label{
  font-family: "Grava Roman";
  font-size: 14px;
  display: block;
  margin:0px;
  color: #313131
}
.form__div input{
  font-family: "Grava Roman";
  font-size: 13px;
  display: block;
  width: 100%;
  background-color: transparent;
  height: 46px;
  padding-inline-start: 12px;
  outline: none;
  border: 1px solid #707070;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  margin-top:10px
}
.form__div input::placeholder{
  color: #94939F
}
.blue__btn{
  font-family: "Grava Roman";
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border:none;
  outline: none;
  color: #fff;
  background-color: #1680C4;
  font-size: 20px;
  margin-top:30px;
  box-shadow: rgba(55, 134, 200, 0.14) 0px 2px 8px 0px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.blue__btn:hover{
  background-color: transparent;
  color:  #1680C4;
  border: 1px solid #1680C4;
}
/********************X*********************Edit Profile 1********************X*********************/

/******************************************List View**********************************************/
.list-item{
  min-height: unset;
  width: 100%;
  display: flex;
  padding-top:10px;
  padding-inline-start: 15px;
  padding-inline-end: 20px;
  padding-bottom: 15px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px;
  margin-bottom: 15px;
}
.list-item .container{
  padding:0px
}
.list-item .img-container{
  min-width: 120px;
  height: 138px;
  background-color: #CAD4DD;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-inline-end: 30px;
}
.list-item .product-controls{
  margin-inline-start: auto;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  gap:15px;
  padding-top:10px
}
.list-item .favourite-item{
  cursor: pointer;
}
.list-item .favourite-item svg{
  width: 23px;
  height: 23px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.list-item .favourite-item:hover svg{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
}
.list-item .increase-one{
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF9938;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.list-item .increase-one:hover{
  background-color: #ff9977;
}

.list-item  .product-name{
  font-family: "Grava Roman";
  font-size: 15px;
  color:#373D47;
  text-transform: uppercase;
  margin-top:10px
}
.list-item  .sub-name{
  font-family: "Grava Roman";
  font-size: 15px;
  color:#373D47;
}
.list-item .product-details .price{
  margin-top:20px
}
.list-item .product-details .price .price__span{
  font-family: "Grava Roman";
  /* font-size: 14px;
  color:#1986C7 */

}
.list-item .product-details .price .number{
  font-family: "Grava Roman";
  font-size: 25px;
}
.pos-fixed{
  position: fixed;
    bottom: 0px;
    width: 100%;
}
.item .product-controls{
  display: none;
}
.list-item .grid-favourite{
  display: none;
}
.list-item .plus-sign{
  display: none;
}
.list-item .product-controls{
  display: flex;
}
.tablinks.active{
  color: #FF9938
}
.tabcontent{
  display: none
}
#all-sec{
  display: block;
}
/********************X*********************List View*************************X*******************/

/******************************************Order history*********************************************/
.order-tabs{
  display: flex;
  align-items: center;
  border: 1px solid #1680C4
}
.order-tabs li {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  background-color: #EEEEEE;
  color: #1680C4;
  font-size: 16px;
  font-family: "Grava Roman";
}
.order-tabs li.active{
  background-color: #1680C4;
  color: #fff
}
.order__card{
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.order__card .first-section{
  display: flex;
  gap:30px;
  padding-top:10px;
  position: relative;
  padding-bottom: 25px;

}
/* .order__card .first-section .order__li:not(:first-child)  .order-number{
  display: none;
}
.order__card .first-section .order__li:not(:first-child)  .order-controls{
  display: none;
} */
.order__card .order-controls{
  display: flex;
  gap: 15px;
  align-items: center;
  position: absolute;
  top:0px;
  right: 5px;
}
.order__card .order-controls svg{
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.order__card .order-controls li {
  cursor: pointer;
}
.order__card .order-controls li:hover svg{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
}
.order__card .order-number{
  font-family: "Grava Medium";
  font-size: 11px;
  color:#94939F
}
.order__card .order-name{
  font-family: "Grava Medium";
  font-size: 15px;
  color:#373D47;
  margin-top:8px;
}
.order__card .order-quantity{
  display: flex;
  gap:15px;
  align-items: center;
  margin-top:8px
}
.order__card .order-quantity span:first-child{
  font-family: "Grava Medium";
  font-size: 15px;
  color:#373D47;
  font-weight: bold;
}
.order__card .order-quantity span:last-child{
  font-family: "Grava Medium";
  font-size: 11px;
  color:#94939F
}
.order__card .order-date{
  display: flex;
  align-items: center;
  gap:15px;
  font-weight: bold;
  margin-top:8px
}
.order__card .order-date span:first-of-type{
  font-family: "Grava Medium";
  font-size: 15px;
  color:#373D47;
  font-weight: bold;
}
.order__card .order-date span:last-of-type{
  font-family: "Grava Roman";
  font-size: 10px;
  color:#94939F;
}
.order__card .order-price{
  margin-top:8px
}
.order__card .order-price span:first-of-type{
  font-family: "Grava Medium";
  font-size: 18px;
  color:#1986C7;
  font-weight: bold;
}
.order__card .order-price span:last-of-type{
  font-family: "Grava Medium";
  font-size: 10px;
  color:#1986C7;
  font-weight: bold;
}
.order__card{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 15px;
  margin-bottom: 30px;
}
.order__card:last-of-type{
  margin-bottom: 0px;
}
.order-accordion .card-header{
  height: 60px;
  position: relative;
}
.order-accordion .card-header .btn-link{
  width: 100%;
  text-align: start;
}
.order-accordion .card{
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.order-accordion .card-header .btn{
  font-family: "Grava Medium";
  font-size: 15px;
  color:#282828;
  font-weight: bold;
}
.order-accordion .card-header .btn-link.collapsed:after{
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/terms&conditions/expand.svg);
  background-position: center;
  background-repeat: no-repeat;

}
.order-accordion .card-header .btn-link:after{
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/completed/minus.png);
  background-position: center;
  background-repeat: no-repeat;

  transition: none;
  -webkit-transition: filter 3s ease-in-out;
  right: 0px;
  top:50%;
  background-size: 75%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.order__card .order-location{
  display: flex;
  align-items: flex-start;
  gap: 20px
}
.order__p{
  font-family: "Grava Roman";
  font-size: 11px;
  color: #94939F!important;
  margin-bottom:0px;
}
.order__card .third-section{
  padding-top:15px
}
.third-section .payment-method {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top:25px;
  position: relative;
  width: 45%;
}
.third-section .payment-method span{
  font-family: "Grava Roman";
  font-size: 11px;
  color: #94939F
}
.third-section .payment-method:after{
  content: "";
  width: 1px;
  height: 11px;
  background-color: #707070;
  position: absolute;
  top:50%;
  right: 0px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.third-section .order-total-price{
  display: flex;
  align-items: center;
  margin-top: 25px;
  gap:10px
}
.third-section .order-total-price span:first-of-type{
  font-family: "Grava Medium";
  font-size: 15px;
  color:#373D47;
  text-transform: uppercase;
  font-weight: bold;
}
.third-section .order-total-price span:nth-of-type(2){
  font-family: "Grava Medium";
  font-size: 18px;
  color: #000;
  font-weight: bold;

}
.third-section .order-total-price span:last-of-type{
  font-family: "Grava Medium";
  font-size: 10px;
  color: #000;
}
.gap-30px{
  gap:30px
}
.order-card-img{
  width: 121px;
  height: 141px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.my-pagination .pagination{
  display: flex;
  justify-content: center;
}
.my-pagination .page-link {
  font-family: "Grava Roman";
  font-size: 15px;
  color:#94939F
}
.my-pagination .page-link.active{
  background-color:#1680C4;
  color: #fff;
}
.statuses{
  gap:20px;
  display: inline-flex;
  flex-wrap: wrap;
}
.statuses input[type="radio"]{
  /* appearance: none;
  -webkit-appearance:none;
  display: none; */
  opacity: 0;
}
.statuses label {
  font-family: "Grava Roman";
  color:#94939F;
  display: flex;
  font-size: 14px;
  gap:8px;
  width: 95px;
}
.statuses label:before{
  content:"";
  min-width: 18px;
  height: 18px;
  border: 1px solid #707070;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.statuses input[type="radio"]:checked + label:before{
  /* content:"\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900; */
  font-family: "FontAwesome";
  content: "\f00c";
  /* font-weight: 900; */
  font-size:10px;
  color: #fff;
  background-color:#1680C4;
  border:none
}
.page-controls{
  display: flex;
  margin-bottom: 0px;
  align-items: center;
  gap:20px
}
.page-controls .configure{
  min-width: 33px;
  height: 33px;
  background-color: #EEEEEE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}
.page-controls .configure:hover svg {
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(
1deg) brightness(105%) contrast(104%);
}
.page-controls .search__btn{
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}
.page-controls .search__btn:hover svg{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(
1deg) brightness(105%) contrast(104%);
}
.order-accordion .card-header:hover{
  text-decoration: none;
}
.modal-backdrop.show{
  opacity: 0.4;
}
#search__form.modal{
  margin:0px;
  position: absolute;
  top:0px;
  left:0px;
  right: 0px;
  padding-right: 0px!important;
}
#search__form .modal-dialog{
  margin:0px
}
#search__form .modal-content{
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
#search__form h2 {
  font-family: "Grava Medium";
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#1680C4;
  margin-bottom:0px;
  margin-top:30px;
  margin-bottom: 40px;
}
#search__form .my-form-group  label{
  font-family: "Grava Roman";
  margin-bottom: 0px;
  font-size: 14px;
  color:#94939F
}
#search__form .my-form-group input{
  width: 100%;
  margin-top:10px;
  height: 45px;
  border: 1px solid #94939F;
  outline: none;
  padding-inline-start: 15px;
  background-color: transparent;
}
#search__form .my-form-group{
  margin-bottom: 20px;
}
#search__form .my-form-group > div{
  width: calc(50% - 15px);
}
.gap-30px{
  gap:30px
}
#search__form .close__btn{
  width:100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:  #656565;
  margin-top:15px;
  color:#fff;
  font-family: "Grava Roman";
  font-size: 16px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
#search__form .close__btn:hover{
  border: 2px solid #656565;
  color:#656565;
  background-color: transparent;
}
#search__form .search__btn2{
  width:100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:  #1680C4;
  margin-top:15px;
  color:#fff;
  font-family: "Grava Roman";
  font-size: 16px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
#search__form .search__btn2:hover{
  border: 2px solid #1680C4;
  color:#1680C4;
  background-color: transparent;
}
#search__form .modal-body{
  padding-bottom: 40px;
}
input[type="date"]:in-range::-webkit-datetime-edit-year-field, input[type="date"]:in-range::-webkit-datetime-edit-month-field, input[type="date"]:in-range::-webkit-datetime-edit-day-field, input[type="date"]:in-range::-webkit-datetime-edit-text { 	display: none; }
input[type="date"]::-webkit-calendar-picker-indicator {
  height: 20px;
  width: 20px;
  padding: 0px;
  margin: 14px 20px;
  background-image: url(../img/order-history/calendar.png);
}
::-webkit-inner-spin-button {

-webkit-appearance: none;
}
  #order{
  display: block;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@media (min-width: 576px)
{
  .modal-dialog {
    max-width: unset;

}
}
/********************X*********************Order History*************************X*******************/
/******************************************Book Address Accordion************************************/
.address-book__accordion {
  margin-top:35px
}
.address-book__accordion .card{
  background-color: transparent;
}
.address-book__accordion .card-header{
  border-bottom: 1px solid #d3d3d3;
}
.address-book__accordion .btn-link{
  width: 100%;
  text-align: start;
  color: #1e89c8;
  font-weight: 600;
  position: relative;
  text-decoration: none;
}
.address-book__accordion .btn-link:hover{
  color: #1e89c8;
  opacity: 0.7;
}
.address-book__accordion .btn-link:after{
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../img/completed/minus.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: none;
    -webkit-transition: filter 3s ease-in-out;
    right: 0px!important;
    top: 50%!important;
    background-size: 75%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.address-book__accordion .card-header .btn-link.collapsed:after {
  content: "";
  background-image: url(../img/terms&conditions/expand.svg);

}
.default__address{
  margin-bottom: 0px;
}
.default__address li{
  color:#777;
  margin-bottom: 15px;
}
.address__controls{
  padding-inline-start: 25px;
  margin-top: 25px;
  gap:15px;
  display: flex;
}
a.my-edit__address{
    background: #1e89c8;
    color: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.my-delete__address{
    background-color: #ededed;
    width: 160px;
    height:38px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
a.my-edit__address:hover{
  color:#fff;
}
a.my-edit__address:hover,
.my-delete__address:hover{
  opacity: 0.7;
  box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
}
.my-address-border{
  margin: 20px 0px;
  border-bottom: 1px dashed #d3d3d3; 
}
@media(max-width:400px){
  .my-delete__address,
  .my-edit__address{
    width: calc(100% - 20px);
  }
}
/******************************************End Book Address Accordion************************************/


/*******************************************Fixes***************************************/
@media(max-width:575px){
  .cart-content .cart-product-controls a{
    margin:0px!important
  }
  .cart-content .cart-product-controls{
    /* display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-inline-start: auto;
    margin-inline-end: 10px;
    margin-bottom: 0px; */
    width: 100%;
    justify-content: flex-start;
    display: flex;
    margin-bottom: 0px;
    gap:15px;
  }
}
span.help-block{
  color:#ff0000!important;
  font-size: 14px;
  margin-top:5px
}
input[type=text]:focus::placeholder{
  opacity: 0!important;
}
.cart-footer .capacity .size-txt {
  color: #282828;
  font-size: 28px;
  font-weight: bold;
}
.color .black-color{
  border: 2px solid #b7b2b2;
}
.capacity .dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  margin-left: auto;
  font-size: 25px;
  position: relative;
  left: 6px;
  top: 5px;
}
.shipping-for{
  margin:25px 0px  15px 0px
}
  .shipping-for input[type=checkbox]{
display: none;
-webkit-appearance:none;
appearance: none;
}
.shipping-for label{
font-size: 18px;
position: relative;
}
.shipping__div{
margin-bottom:15px
}
.shipping__div label{
display: flex!important;
justify-content: flex-start!important;
align-items: center!important;
gap:18px;
margin-top:0px!important
}
.shipping-for label:before{
content:"";
width: 25px;
height: 25px;
border: 1px solid #d9d9d9;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s ease-in;
border-radius: 50%;
}
.shipping-for input[type=checkbox]:checked + label:before{
font-family: "FontAwesome";
content: "\f00c";
background-color: #fbdace ;
color: #ec440a;
border:none;
}
.adress-btns .btns{
  margin-top:15px
}
.adress-btns .btns a:first-of-type{
  width: calc(50% - 10px);
  background: #1e89c8;
  color: #fff;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  margin-inline-end: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.adress-btns .btns a:last-of-type{
    background-color: #ededed;
    width: 50%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.adress-btns .btns a:hover{
    opacity: 0.8;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    font-weight: 400;
}
.adress-btns .btns{
  display: flex;
}
.endless_container{
  width: 100%;
}
.endless_loading {
  text-align: center;
  margin:15px auto;
  color: #ff9938
}
.product-section .item:not(.list-item) .img-container .product-img {
  height: 260px;
}
.categories a.active{
  color: #ff9938
}
.list-item .img-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.list-item .img-container img{
  width: 100%;
  height: 138px;
}
.item-img{
  overflow: hidden;
}
.item-img img{
  height: 125px;
}
.cart-content_ul li .cart-content_ul__img{
  height: 170px;
}
.payment-detail1 ul,
.payment-detail2 ul{
    display: flex;
    gap: 5px;
}
.order-items-details{
  flex-wrap: wrap;
}
@media(max-width:480px){
  .payment-detail1 ul:first-child,
  .payment-detail2 ul:first-child{
    margin-top:10px
  }
}
.imgs a{
  width: calc(50% - 15px);
}
@media(max-width: 400px){
  .completed .cart-content_ul li img{
    height: 115px;
    width: 115px;
  }
  .imgs{
    flex-wrap: wrap;
  }
  .imgs .store-banner{
    margin-top:15px
  }
}
.list-item .increase-one a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
button.start{
  border:none;
  outline: none;
}
button.start:hover{
  opacity: 0.7;
}
a.continue-shopping__btn
{
  color:#fff
}
a.order-details{
  color:#1680c4
}
a.order-details:hover{
  color:#fff
}

/* @media(max-width:400px){
  .payment-detail1 ul:nth-of-type(2) li:last-child{
    width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

} */

.header-icons  li a:hover svg{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
}
.list-item .product-controls{
  align-items: center;
  margin-bottom: 2px;
}
.heading.result-heading{
  margin-top:100px!important;
  justify-content: center!important;
}
.result-content{
  margin-top:50px!important;
  text-align: center;
}
.goto-cart{
  text-align: center;
  margin-top:30px
}.goto-cart a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.goto-cart a:hover{
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(1deg) brightness(105%) contrast(104%);
  text-decoration: none;
}

@media(max-width:768px){
  .heading.result-heading{
    margin-top:70px
  }
  .heading.result-heading h2{
    font-size: 25px;
  }
  .result-content h3{
    font-size: 22px;
  }
  .result-content{
    margin-top:35px
  }
}
@media(max-width:768px){
  .cart-content .text-decription{
    width:  calc( 100% - 195px);
  }
}
@media(max-width:575px){
  .imgs{
    flex-wrap: wrap;
  }
  .imgs a{
    width: 100%;
  }
  .imgs a:first-child{
    margin-bottom: 20px;
  }
  .cart-content .text-decription{
    width:  calc( 100% - 110px);
    /* width:  calc( 100% - 135px); */
  }
}
input:focus::placeholder,
textarea:focus::placeholder{
  display: none;
}
.product-section .img-container{
  overflow: hidden;
  border-radius: 25px;

  margin: auto;
}
.product-section .favourite-container{
  width: 90%;
  margin:auto
}
.product-section .item .img-container .product-img{
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  cursor: pointer;
}
/* .product-section .img-container:hover .product-img{
  transform: scale(1.05) ;
} */
.item{
  padding-top:15px
}
/*******************************************End Of Fixes********************************/

/******************************************Edit Product dropdowns*******************/
.condition-dropdown,
.brand-dropdown,
.category-dropdown{
  width: 100%;
 
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#94939f !important;
  font-weight: bold;
  font-size: 18px;
}
.select2-container--default .select2-selection--single{
  border:none;
  background-color: transparent;
}
.select2-dropdown{
  border-top: 1px solid #aaa!important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left:0px
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #316b9e ;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: none
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after{
  content: "\f107";
  font-family: "FontAwesome";
  color:#94939f !important;
  font-size: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.brand__div,
.condition__div,
.category__div{
 border-bottom: 2px solid #e7e7e9 ;
 padding-bottom: 10px;
}
/*******************Color Swatch***********************/

.color-swatch__div .clr-field{
  width:100%;
}
.color-swatch__div .clr-field button{
  display: none;
}

a.my-back__btn{
  display: flex;
  width: 92%;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #1680c4;
  text-transform: uppercase;
  color: #fff;
  /* letter-spacing: 2px; */
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.my-back__btn:hover{
  opacity: 0.7;
  color: #fff
}
/**************************back btn****************************/
a.my-back__btn{
  display: flex;
  width: 92%;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #1680c4;
  text-transform: capitalize;
  color: #fff;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.my-back__btn:hover{
  opacity: 0.7;
  color: #fff
}
.radius-25{
  border-radius: 25px!important;
  -webkit-border-radius: 25px!important;
  -moz-border-radius: 25px!important;
  -ms-border-radius: 25px!important;
  -o-border-radius: 25px!important;
}
.radius-0{
  border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  -ms-border-radius: 0px!important;
  -o-border-radius: 0px!important;
}
.width100{
  width: 100%!important;
}
.margin-bottom-40px {
  margin-bottom: 24px!important;
}
.btn-link{
  position: relative;
}
.card-header .btn-link:after{
  right: 0px;
  top:0px!important;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.card-header .btn-link.collapsed::after{
right: 0px;
}
.card-header .btn-link::before{
  right: 0px;
  top:0px;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
@media(max-width:420px){
  .my-back__btn{
    font-size: 16px!important;
  }
  .blue__btn,
  a.start{
    font-size: 16px!important;
  }
}
a.btn-back{
  width: 42%;
  height: 50px;
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 25px;
  -webkit-border-radius: 18px;
  color: #1680c4;
  border : 1px solid #1680c4;
  /* letter-spacing: 2px; */
  font-size: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  text-transform: capitalize;
}
a.btn-back:hover{
  color: #ff5a00;
  text-decoration: none;
  border-color: #ff5a00;
}
.my-btns{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap:4%
}
a.skip__btn{
  width: 42%!important;
  text-transform: capitalize;
  border: 1px solid #1680c4;
  border-radius:18px;
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  -ms-border-radius:18px;
  -o-border-radius:18px;
  margin:0px;
  color: #1680c4;
}
.skip__btn:hover{
  border-color: #ff5a00;
}
.accordion2-btn{
  position: relative;
}
.my-account__page .first-accordion .card-header .accordion2-btn:after{
  right: 10px;
  top: 50% !important;;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/* *****************************************************nav links************** */
.stellarnav>ul>li>a {
  padding: 15px!important;
}
/* ***************************************************************************** */
@media(max-width:420px){
  a.btn-back{
    font-size: 16px;
  }
}
/***********************************************************/
.on-sale__lbl:before{
  display: none!important;
}
/**********************************************FIX CURRENCIES DROPDOWN*********************************/
.my-dropdown .dropdown-item{
  cursor: pointer;
}
.my-dropdown .dropdown-item:hover,
.my-dropdown .dropdown-item:focus{
  color: #fff;
  background-color: #ff9938;

}
 .price .number {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* .item:not(.list-item)  .currency{
  position:relative;
  top:5px;
} */
.item:not(.list-item){
  min-height: 420px;
}
/************************************************New Header*******************************************/
.top .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.top{
  box-shadow: rgb(226 239 248 / 70%) 0px 3px 24px;
}
.header-icons{
  justify-content: space-between;
}

.this-barrier:before,
.barrier-before:before{
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.header-icons li {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  width: 24%;
}
.header-icons li:first-child,
.header-icons li:last-child{
  width: 14%!important;
}
.text-start{
  text-align: start!important;
  padding-inline-start: 0px!important;
}
.text-end{
  text-align: end!important;
  padding-inline-end: 0px!important;
}
.currency__img img{
  width: 30px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
@media(max-width:420px){
  .currency__img img{
    width: 25px;
  }
}
.header-icons li{
  position: relative;
}
.header-icons li:after{
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #313131;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.header-icons li:last-child::after{
  display: none;
}
.currency__img:hover{
  filter: invert(59%) sepia(72%) saturate(562%) hue-rotate(336deg) brightness(108%) contrast(101%);
}
.header-icons li a:hover svg {
  filter: invert(42%) sepia(60%) saturate(4368%) hue-rotate(
1deg) brightness(105%) contrast(104%);
}
.switch-language{
  color:#9e9ea7!important;
}
.switch-language:hover{
  text-decoration: none;
}
.width-30-percent{
  text-align: center;
}
/********************************************************************/
.cart-content_ul li img.margin-start-15{
  height: 127px;
}
@media(max-width:768px){
  .favourite-container .grid-favourite{
    right:15px;
  }
}
.my-dropdown .btn{
  display: flex;
    gap: 5px;
    margin: auto;
}
/*******************************************************Terms and Conditons Fixes**********************/
.subscribe__btn{
  border:none;
}

.btn-link.terms-btn::after{
  top:50%!important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
/*****************************************************store images***************************************/
.product-section .item .img-container{
  /* background-image: url(attr(data-bg)); */
  background-image:  attr(data-image url);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 260px;
}
@media(max-width:480px){
  .product-section .item .img-container{
    height: 165px;
  }
}
@media(max-width:480px){
  .item:not(.list-item) {
    min-height: 345px;
}
}
@media(max-width:420px){
  .item:not(.list-item) {
    /* min-height: 370px; */
    min-height: 310px;
}
}
.product-section .list-item .favourite-container {

  width: 100%;
  margin-inline-end: 10px;
}
.favourite-container{
  position: relative;
}
.product-section .product-details .price{
  position: static!important;
  margin-inline-start: 0px!important;
}
.list-item .favourite-item .favourite.active svg path{
  fill: #FF9938;
}
.line-through{
  position:relative;
}
.line-through:before{
  content: "";
  width: calc(100% + 2px);
  height: 1px;
  background-color: #000;
  position: absolute;
  z-index: 3;
  left: calc(50% + 1px);
  top: calc(50% - 2px);
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
body{
  background: #f7f8fa;
  color:#333;
}
.list-item .product-controls {
  justify-content: space-between;
}
.clear-icon{
  display: none;
}
.search .clear-icon{
  top: -5px !important;
  right: 5px;
}
.clear-icon,
.search-icon{
cursor: pointer;
transition: all .3s ease-in-out;
}
.clear-icon:hover,
.search-icon:hover{
opacity: 0.7;
}
footer,
header{
  background-color:#fff;
}
.store-page-tabs{
  margin-bottom: 0px;
}
.order-accordion .card-header .btn{
  width: 100%;
  text-align: start;
}
.card-header .btn-link.status-btn:after{
  top:50%!important;
  transform: translateY(-50%)!important;
  -webkit-transform: translateY(-50%)!important;
  -moz-transform: translateY(-50%)!important;
  -ms-transform: translateY(-50%)!important;
  -o-transform: translateY(-50%)!important;
}
.login__link,
.login__link:visited{
  color:rgb(22, 128, 196);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  text-decoration: underline;
}
.login__link:hover{
 opacity: 0.7;
}
@media(max-width:520px){
  .profile-info label{
    width: 100%;
  }
  .profile-info label span {
    display: block;
    margin-bottom: 10px;
  }
}
/* @media(max-width:420px){
  .item  .currency{
    padding-top:0px;
    padding-bottom: 0px;
  }
} */
.flex-direction{
  flex-direction: column;
  align-items: flex-start;
}
/* .new-price{
  display: flex;
} */

/* .currency{
  line-height: 2.1;
} */
/************new added style for product card ****************/
.old-price span:first-child{
  font-size: 16px;
  text-decoration: line-through;
}
.old-price .currency{
  font-size: 12px!important;
}
.new-price span:first-child{
  font-size: 20px;
}
.new-price span{
  color: rgb(22, 128, 196);
}
.already-user{
  display: block;
  text-align: center;
}
.space-between{
  justify-content: space-between;
}
.flex-between{
  display: flex;
  justify-content: space-between;
}
.flex-between li:first-child{
  width: 60%;
}
.flex-between li:last-child{
  width: 40%;
}

@media(max-width:575px){
  li .cont1{
    flex-direction: column;
  }

}
.color, 
.size{
  margin-inline-end:10px;
}
.capacity{
  margin-inline-start: 15px;
}
.name-two-lines{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 23px; 
  max-height: 46px; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.item-name{
  width: 100%;
}
.item-two{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px; 
  max-height: 32px; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
.address-two-lines{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 20px;
  max-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.address-one-line{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  max-height: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.country-code__div {
  display: flex;
  align-items: center;

}

.country-dropdown {
  border: none !important;

  outline: none !important;
}

.select2-dropdown {
  min-width: 200px !important;
}

.country-code__div .select2 {
  height: 50px !important;
  border-bottom: 2px solid #e7e7e9 !important;
  display: flex;
  align-items: center;
  width: 50px !important;
}

.country-code__div .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  right: -3px;
}

.country-code__div .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  font-size: 25px;
  top: calc(50% + 2px);
}

.country-code__div .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable span {

}

.select2-container--default .select2-results__option--selectable span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.flag {
  width: 25px;
  height: 15px;
}
.custom-width{
  width: calc(100% - 45px);
}
.country-code__div .select2-selection__rendered{
  width: 16px!important;
}
#loading{
  position: fixed;
  left:0px;
  right:0px;
  top:0px;
  bottom: 0px;
  background-color: rgba(229, 229, 229, 0.7);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 100000;
}
@media(max-width:520px){
  .my-width{
    width: fit-content!important;
    margin-inline-end: 25px;
  }
  .subscribe{
    display: flex!important;
    align-items: center;
  }
  .subscribe span{
    margin-bottom: 0px!important;
  }
  .checkbox__div label:before{
    margin-top:0px!important;
  }
  .checkbox__div{
    margin-top:10px;
  }
  .profile-info__label span{
    width: fit-content!important;
  }
}

.checkout-centered{
  width: fit-content!important;
}
.favourite{
  display: block;
}
.cart-content_ul li input[type="checkbox"] + label:before{
  display: none!important;
}
@media(max-width:490px){
  .payment-detail1{
    width: 100%;
  }
}
.store-page-tabs .categories li{
  white-space: nowrap!important;
}
.list-item .favourite-item:hover svg {
filter: none !important;
}
.next__btn {
  border:none!important;
}
.my-account__page .first-accordion .card-header .accordion2-btn:after{
  display: none!important;
}
.card-header .btn-link:after{
  font-family: "FontAwesome"!important;
  content:"\f068"!important;
  color:#fff!important;
  font-size:16px;
}
.card-header .btn-link.collapsed:after {
  content: "\f107"!important;
}
.flex-container{
  display: flex;
  justify-content: space-between;
}
.flex-container a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.flex-container a:hover{
  opacity: 0.7;
}
.order-accordion .card-header .btn-link.collapsed:after,
.order-accordion .card-header .btn-link:after{
  content: ""!important;
}
.address-book__accordion .card-header .btn-link.collapsed:after,
.address-book__accordion .card-header .btn-link:after{
  content: ""!important;
}
.position-relative{
  position: relative;
}
.delete__item{
  /* position: absolute;
  right: 0px;
  top:27px; */
  cursor: pointer;
}
.delete__item i{
  font-size: 25px;
  color: #f00;
}
@media(min-width:768px){
  .text-decription{
    width: calc(100% - 170px);
  }
}
.endless_more{
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    text-transform: capitalize;
}
.my-new-accordion .card-header .btn-link:after,
.my-new-accordion .card-header .btn-link.collapsed:after{
  content: ""!important;
}
.message{
  list-style: none;
}
.stellarnav svg{
  fill: #777 !important;
}
.c-height{
  min-height: calc(100vh - 275px);
}
.help-block{
  color: red;
  font-size: 14px;
  padding-top: 3px;
}
.product-details-content .details ul{
  list-style-position: inside;
}
.close-menu{
  text-align: end!important;;
}
.payment-detail1 ul{
  justify-content: space-between;
}
.my-dropdown .dropdown-toggle{
  position: relative;
}
/* .my-dropdown .dropdown-toggle:after{
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
} */
@media(max-width:490px){

  .payment-detail1 ul:nth-child(2){
    flex-wrap: wrap;
  }
  .payment-detail1 ul:nth-child(2) li:first-child(1){
    width: 100%;
  }
  
}
.quantity-controls{
  display: flex;
  gap: 10px;
  margin-block: 15px;
  align-items: center;
}

.quantity-controls button{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px #e2e3e4;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: none;
}
.quantity-controls button img{
  width: 70%;
  min-width: 21px;
}
.qt-btn.decrease {
  margin-inline-end: 0px;
}
.qt-btn.increase{
  margin-inline-start: 0px;
}
/***********************Gift Message****************/
.gift-msg{
  margin-top:30px;
  margin-bottom: 45px;
}
.gift-msg__heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gift-msg__heading span{
  font-size:15px;
  color:#373D47;
  font-family: "Grava Medium";
}
.gift-msg__content{
  padding: 15px;
  background-color: #FFE5CD;
  font-size: 11px;
  color: #313131;
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: "Grava Roman";
}
.order-details__page{
  color: #212529;
}
.item .plus-sign img{
  width: 55%;
}
.item .quantity-controls {
  position: absolute;
    bottom: -8px;
}

.item.list-item .quantity-controls {
  position: absolute;
    bottom: 0px;
}
.item:not(.list-item) {
  padding-bottom: 55px;
}
.card-body .gift-msg{
  margin-top: 0px;
  margin-bottom: 25px;
}
.increase-one img{
  width: 55%;
}



.close-menu .icon-close{
  display: none!important;
}
.stellarnav svg {
  top: 0px!important;
}
.confirmation-accordion .card-header .btn-link:after{
  color:black!important;
  font-size: 30px;
}

.confirmation-accordion .card-header .btn-link:after {
  content: "\f106"!important;
}
.confirmation-accordion  .card-header .btn-link.collapsed:after {
  font-family: "FontAwesome";
  content: "\f107"!important;
}
.completed .card-header .btn-link.collapsed:after {
  content: "+"!important;
  color: #707070!important;
  top: 0px!important;
  transform: none;
}
.completed .card-header .btn-link:after {
  content: url(/static/mini/img/completed/minus-15.svg?edab5f54dfd4)!important;
}

@media(max-width:480px){
  .list-item .product-details {
    min-height: calc(100% - 21px);
    display: flex;
    flex-direction: column;
  }
  .item.list-item .quantity-controls{
    position: static;
    margin-top: 15;
    margin-bottom: 0px;
  }
}
.login__a, .logout__a{
  color:#9e9ea7!important;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  font-size: 18px!important;
}
.login__a:hover, .logout__a:hover{
  text-decoration: none;
  color: #ff5a00 !important;
}
@media(max-width:420px){
  .dropdown-toggle {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}
@media (max-width: 330px){
  .list-item .product-details {
    height: calc(100% - 43px);
}
}
.filter .dropdown .btn {
  padding-inline:15px!important;
}
.notify-btn i{
  font-size: 16px;
}
#loading img{
  width: 192px;
}
.quantity-controls{
  z-index:10;
}
@media(max-width:330px){
  .product-section{
    flex-direction: column;
  }
  .item:not(.list-item){
    width: 85%;
    margin-inline:auto;
  }
}
.quantity-price {
  justify-content: space-between;
  align-items: flex-start;
}
.quantity-price .prices{
  display: flex;
  flex-direction: column;
  gap:5px;
}
@media(max-width:420px){
  .quantity-controls button {
    width: 25px;
    height:25px;
    background-size: 65%!important;
  }
}

 
.ooddss-pagination{
  width: fit-content;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 15px;
}