@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,500;9..40,600;9..40,700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,700&family=Poppins:wght@400;500;600&family=Source+Sans+3:wght@400;700&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Source Sans 3', sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
  color: #000;
}
html {
  overflow-x: hidden;
}
table {
  white-space: nowrap;
}
ul {
  list-style: none;
}
button {
  border: 0;
}
input, textarea {
  outline: none;
  border: 0;
}
a {
  font-family: 'DM Sans', sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: .3s;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: #000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #000;
}
h1 {
  font-size: 25px;
}
h2 {
  font-size: 50px;
  margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
p {
  color: #3B3B3B;
}
li {
  display: inline-block;
}
section, footer {
  float: left;
  width: 100%;
}
#wrapper {
  float: left;
  width: 100%;
}
.top-head {
  float: left;
  width: 100%;
  height: 45px;
}
.form-control, label {
  font-family: 'DM Sans', sans-serif;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999;
}
/************Login Style Start************/
.login-section {
  float: left;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.login-outer {
  max-width: 375px;
  margin: 0 auto;
  display: block;
  height: 635px;
}
a.logo {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.login-box {
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
  padding: 50px 25px;
  display: block;
  box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.15);
}
.order-frame {
  width: 100%;
  margin: 0 0 60px 0;
}
.desktop-none {
  display: none;
}
.login-box h1 {
  font-size: 24px;
}
.login-box .form-control {
  height: 57px;
  border-radius: 15px;
  border: 1px solid rgba(248, 0, 0, 0.40);
  background: #FFF;
  box-shadow: 12px 26px 50px 0px rgba(90, 108, 234, 0.07);
  margin-bottom: 12px;
  color: #3B3B3B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.login-box .form-control::placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.login-box .form-control:-ms-input-placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.login-box .form-control::-ms-input-placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.login-box input[type="submit"] {
  border-radius: 15px;
  background: linear-gradient(272deg, #F80000 -5.67%, #FFB79D 99.36%);
  width: 100%;
  height: 57px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 131.023%;
  margin-bottom: 20px;
  font-family: 'DM Sans', sans-serif;
}
.login-box input[type="submit"]:hover {
  background: linear-gradient(272deg, #FFB79D -5.67%, #F80000 99.36%);
}
.login-box h1 {
  text-align: center;
  margin-bottom: 15px;
  font-weight: 700;
}
.login-box a.forgot {
  display: block;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 166.523%;
  text-decoration-line: underline;
  padding-bottom: 50px;
  font-family: 'DM Sans', sans-serif;
}
.language-box {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: block;
}
.language-box li {
  display: inline-block;
  padding: 0 5px;
}
.language-box li a {
  position: relative;
}
.language-box li:first-child a:before {
  content: '';
  border: 3px solid #fff;
  overflow: hidden;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0;
  border-radius: 100%;
}
a.option {
  position: relative;
  width: 100%;
  height: 57px;
  line-height: 57px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  border-radius: 15px;
}
a.option::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 15px;
  padding: 3px;
  background: linear-gradient(45deg, #EEC795, #AA8452);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
a.option.btn-bg {
  background: linear-gradient(140deg, #EEC795 0%, #AA8452 100%);
}
a.option.btn-bg:before {
  display: none;
}
a.option:hover {
  background: linear-gradient(140deg, #EEC795 0%, #AA8452 100%);
}
a.logout {
  display: block;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 131.023%;
}
.login-outer.deliver-height {
  height: 404px;
}
.deliver-height .login-box h1 {
  margin-bottom: 55px;
}
.btn-back {
  position: absolute;
  left: 13px;
  top: 0;
  z-index: 999;
}
.deliver-height .login-box {
  padding: 70px 25px 60px 25px;
}
.btn-back img {
  margin-right: 20px;
}
/************Login Style End************/
/************Forgot Password Style Start************/
.forgot-pass-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.forgot-outer {
  height: 453px;
}
.forgot-pass {
  max-width: 500px;
  margin: 0 auto;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 40px 70px 10px rgba(0, 0, 0, 0.15);
  padding: 50px 47px;
}
.forgot-pass p {
  margin: 0 0 30px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 180.523%;
}
.input-col {
  border-radius: 22px;
  border: 1px solid rgba(248, 0, 0, 0.40);
  background: #FFF;
  box-shadow: 0px 0px 50px 0px rgba(90, 108, 234, 0.07);
  height: 81px;
  position: relative;
  width: 100%;
  margin-bottom: 78px;
}
.input-box .form-control::placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.input-box .form-control:-ms-input-placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.input-box .form-control::-ms-input-placeholder {
  color: #3B3B3B;
  opacity: 0.30000001192092896;
}
.input-col img {
  position: absolute;
  left: 25px;
  top: 20px;
}
.input-col label {
  color: var(--color-gray-3, #828282);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  display: block;
}
.input-col .holder {
  overflow: hidden;
  padding: 15px 0 0 80px;
}
.input-col .holder input[type="text"] {
  width: 93%;
}
.forgot-pass input[type="submit"] {
  width: 100%;
  border-radius: 15px;
  background: #EF3340;
  height: 57px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 131.023%;
}
.new-pass input[type="submit"] {
  margin-top: 25px;
}
.input-box {
  margin-bottom: 20px;
  position: relative;
}
.input-box .form-control {
  height: 61px;
  border-radius: 22px;
  border: 1px solid rgba(248, 0, 0, 0.40);
  background: #FFF;
  box-shadow: 0px 0px 50px 0px rgba(90, 108, 234, 0.07);
}
.hide-password {
  display: none
}
.forgot-pass ul li {
  overflow: hidden;
  display: block;
}
.forgot-pass ul li.focus .show-password:before {
  content: '';
  background: url(../images/eye-icon-2.svg) no-repeat left top;
  position: absolute;
  right: 23px;
  top: 23px;
  width: 22px;
  height: 15px;
  z-index: 9;
}
.forgot-pass ul li.focus .show-password:after {
  content: '';
  background: #fff;
  width: 25px;
  height: 15px;
  position: absolute;
  right: 23px;
  top: 23px;
}
.input-box img {
  position: absolute;
  right: 23px;
  top: 23px;
  width: 22px;
}
.forgot-pass .frame {
  overflow: hidden;
  border-radius: 26.109px;
  border: 3.916px solid #919B39;
  margin-bottom: 28px;
}
.forgot-pass .frame img {
  display: block;
  width: 100%;
}
.forgot-pass h3 {
  color: #09051C;
  font-family: 'Patua One', cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%;
  margin: 0 0 0 0;
}
.forgot-pass p {
  color: #09051C;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%;
  margin-bottom: 25px;
}
.forgot-pass a.btn-discover {
  width: 100%;
  height: 57px;
  border-radius: 15px;
  background: #919B39;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 57px;
}
.discover-heading h2 {
  margin: 0;
  color: #919B39;
  font-family: 'Patua One', cursive;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%;
  text-align: center;
}
.btn-dis {
  top: 0;
}
.discover-section .forgot-outer {
  height: 595px;
}
.discover-section {
  height: 88vh;
}
/************Forgot Password Style End************/
/**************Success Section Start***************/
.success-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}
.scuuess-box {
  max-width: 405px;
  margin: 0 auto;
}
.scuuess-box p {
  font-size: 23px;
}
.success-section img {
  margin-bottom: 30px;
}
.success-section h1 {
  background: #EF3340;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 131.023%;
}
.success-section h1.red {
  color: #D80027;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 131.023%;
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: #D80027;
  margin-bottom: 20px;
}
.warning-img {
  width: 175px;
  margin: 0 auto;
}
.success-section h2 {
  color: #09051C;
  text-align: center;
  font-size: 23px;
  line-height: 131.023%;
  margin: 0 0 35px 0;
}
.success-section a.btn-login {
  width: 100%;
  height: 57px;
  border-radius: 15px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 57px;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 2px;
}
/**************Success Section End***************/
/*******************Calender Style Start********************/
.calendar-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.calendar-box {
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
  max-width: 500px;
  padding: 60px 47px;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 40px 70px 10px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.calendar-box h1 {
  margin: 0 0 30px 0;
}
.ui-datepicker-header {
  color: #fff;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  padding: 0;
  position: relative;
}
.ui-datepicker-prev {
  position: absolute;
  left: 0;
  top: 0;
}
.ui-datepicker-next {
  position: absolute;
  right: 0;
  top: 0;
}
.ui-datepicker-year {
  display: block;
  color: #EF3340;
  font-size: 13.475px;
  font-weight: 400;
  line-height: 17.967px;
  padding: 5px 0 0 0;
}
.ui-datepicker-prev span, .ui-datepicker-next span {
  display: none;
}
.ui-datepicker-prev:after {
  content: "";
  background: url("../images/left-arrow.svg") no-repeat center center;
  cursor: pointer;
  width: 38px;
  height: 38px;
  border: 1px solid #CED3DE;
  border-radius: 12px;
  display: block;
}
.ui-datepicker-next:after {
  content: "";
  background: url("../images/right-arrow.svg") no-repeat center center;
  width: 38px;
  height: 38px;
  cursor: pointer;
  border: 1px solid #CED3DE;
  border-radius: 12px;
  display: block;
}
.ui-datepicker-calendar th {
  padding: 18px 0;
  color: #EF3340;
  font-size: 14.598px;
  font-weight: 400;
  line-height: 17.967px;
}
.ui-datepicker-calendar {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ui-datepicker-title {
  color: #000;
  font-size: 22.458px;
  font-weight: 400;
  line-height: 17.967px;
}
.ui-datepicker-calendar td {
  padding: 14px 0px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.458px;
}
.ui-datepicker-calendar .ui-state-default {
  text-decoration: none;
  color: #000;
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.ui-datepicker-calendar .ui-state-active {
  color: #fff;
  border-radius: 11.229px;
  background: #EF3340;
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.calendar-box .btn-next {
  width: 100%;
  height: 57px;
  border-radius: 15px;
  background: #EF3340;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 57px;
  margin-top: 10px;
}
.btn-calender {
  height: 45px;
  z-index: 9;
}
/*******************Calender Style End********************/
/******************Product Section Start******************/
.top-head {
  margin: 50px 0 15px 0;
}
.btn-pro {
  position: initial;
  float: left;
}
.p-absolute {
  position: absolute;
  top: 0;
}
.top-head h1 {
  display: block;
  text-align: center;
  margin: 0;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 131.023%; /* 32.756px */
  line-height: 45px;
}
.product-tab {
  display: block;
}
.product-tab .nav-tabs {
  text-align: center;
  display: inline-block;
  border: 0;
  margin-top: 23px;
}
.product-tab .nav-tabs li {
  border-radius: 27.5px;
  border: 1px solid rgba(248, 0, 0, 0.20);
  overflow: hidden;
  width: auto;
  padding: 0;
  margin: 0 4px;
  display: inline-block;
}
.product-tab .nav-tabs .nav-link {
  color: #000;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 15px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.product-tab .nav-tabs .nav-item.show .nav-link, .product-tab .nav-tabs .nav-link.active {
  border-color: transparent;
  background: #EF3340;
  color: #FEFEFE;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  border-radius: 23.5px;
}
.product-tab .nav-tabs li form.active .form-control, .product-section .product-tab .nav-tabs .nav-item form.active {
  background: #fff;
}
.overflow-row {
  max-height: 870px;
  margin-bottom: 30px;
  overflow-y: auto;
  padding: 0 1rem 0 0;
  scrollbar-gutter: stable;
}
.overflow-row_2 {
  max-height: 680px;
  overflow-y: auto;
  padding: 0 1rem 0 0;
  scrollbar-gutter: stable;
}
.overflow-row::-webkit-scrollbar, .overflow-row_2::-webkit-scrollbar {
  width: 12px;
}
.overflow-row::-webkit-scrollbar-track, .overflow-row_2::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}
.overflow-row::-webkit-scrollbar-thumb, .overflow-row_2::-webkit-scrollbar-thumb {
  background-color: #EF3340;
  border-radius: 100px;
}
.product-box {
  padding: 13px;
  width: 100%;
  float: left;
  border-radius: 19.097px;
  border: 1.273px solid #ECECEC;
  background: #FFF;
  margin-bottom: 15px;
}
.product-box .frame {
  float: left;
  width: 100%;
  border-radius: 12.731px;
  overflow: hidden;
  margin: 0;
  margin-bottom: 10px;
}
.product-box .frame img {
  display: block;
  width: 100%;
}
.product-box .text-box span.stock {
  float: left;
  border-radius: 1273.148px;
  background: #00CF78;
  display: flex;
  padding: 3.819px 12.731px;
  align-items: flex-start;
  gap: 5.093px;
  color: #FFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 6px 6px 0;
}
.product-box .text-box span.delivery {
  border-radius: 1273.148px;
  background: #EFEFEF;
  float: left;
  padding: 3.819px 12.731px;
  align-items: flex-start;
  gap: 5.093px;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 6px 0;
}
.product-box .text-box span.delivery b {
  padding-right: 5px;
}
.product-box .text-box h2 {
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 22.917px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  clear: both;
  margin: 0;
}
.product-box .text-box p {
  color: rgba(0, 0, 0, 1);
  font-family: 'Poppins', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 275;
  line-height: 100%; /* 10.185px */
  margin: 0 0 12px 0;
}
.list-col {
  border-radius: 12.731px;
  background: #EFEFEF;
  display: flex;
  padding: 7.639px 6.366px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.546px;
  align-self: stretch;
}
.list-col {
  margin: 0 0 10px 0;
}
.list-col li {
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding: 0 0 0 18px;
}
.list-col li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6.366px;
  height: 6.366px;
  border-radius: 100%;
  border: 1px solid#EF3340;
}
.product-box .text-box strong.price {
  float: left;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 4px 0 0 0;
}
.product-box .text-box strong.price sub {
  font-size: 8px;
  bottom: 0;
  padding-left: 2px;
}
.product-box .text-box a.btn-add {
  float: right;
  border-radius: 1273.148px;
  border: 1px solid #EF3340;
  background: #FFF;
  padding: 7px 12.731px;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-box .text-box a.btn-add:hover {
  background: #EF3340;
  color: #fff;
}
.product-box .text-box input[type="text"] {
  float: right;
  border: 0.382px solid #000;
  background: #FFF;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  text-align: center;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 5px 0 0;
  padding: 0 3px;
}
.wan-spinner {
  display: inline-block;
}
.wan-spinner .plus {
  background: linear-gradient(140deg, #AA8452 0%, #EEC795 100%);
  float: left;
}
.wan-spinner .plus:before {
  content: '';
  background: url("../images/plus-icon.svg") no-repeat center center;
  width: 11px;
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wan-spinner .minus {
  background: #f5f0e9;
  float: left;
}
.wan-spinner .minus:before {
  content: '';
  background: url("../images/minus-icon.svg") no-repeat center center;
  width: 11px;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wan-spinner .minus, .wan-spinner .plus {
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  width: 26px;
  height: 26px;
  font-size: 0;
}
.wan-spinner input {
  width: 40px !important;
  float: left;
  height: 26px;
  text-align: center;
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.571px;
}
.btm-row {
  margin-top: 35px;
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  padding: 15px 0;
  clear: both;
}
.btn-more {
  display: inline-block;
  height: 57px;
  line-height: 57px;
  color: #919B39;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12.729px;
  border: 1px solid #919B39;
  background: #FFF;
  position: relative;
  padding: 0 60px;
  margin: 0 10px;
}
.btn-more:hover {
  background: #919B39;
  color: #fff;
}
a.btn-order {
  display: inline-block;
  padding: 0 64px;
  height: 57px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 57px;
  border-radius: 12.729px;
  background: #919B39;
  border: 1px solid transparent;
  margin: 0 10px;
  position: relative;
}
a.btn-order:hover {
  border: 1px solid #919B39;
  background: #fff;
  color: #919B39;
}
.product-box-2 {
  text-align: center;
  margin-bottom: 20px;
}
.product-box-2 .frame-2 {
  margin: 0 auto;
  width: 200px;
  height: 120px;
  border-radius: 16px;
  overflow: hidden;
}
.product-box-2 .frame-2 img {
  display: block;
  width: 100%;
}
.product-box-2 a.title {
  display: block;
  border-radius: 0 0 16px 16px;
  border: 2px solid #F2EAEA;
  border-top: 0;
  background: #FFF;
  width: 200px;
  margin: 0 auto;
  padding: 27px 0 16px 0;
  color: #09051C;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 131.023%;
  margin-top: -11px;
}
.product-box-3 {
  border-radius: 13px;
  border: 2px solid #D3D7B0;
  background: #FFF;
  padding: 10px;
  overflow: hidden;
  clear: both;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 110px;
  margin: 0 auto 10px;
}
.product-box-3 h3 {
  color: #919B39;
  text-align: center;
  font-family: Patua One;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.product-box-3 h3 span {
  display: block;
}
.product-box-3 a.btn-pro {
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #919B39;
  padding: 5px 10px;
  color: #919B39;
  text-align: center;
  font-family: Source Sans Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%;
  margin: 0 auto;
}
.product-box-3 a.btn-pro:hover {
  color: #fff;
  background: #919B39;
}
.frame-outer {
  max-width: 379px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 70vh;
  position: relative;
}
.frame-outer h4 {
  margin-bottom: 50px;
}
.center-frame, .center-frame img {
  width: 100%;
  margin: 0 auto;
}
.frame-outer a.btn-order {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 75%;
}
.btn-cart {
  position: absolute;
  top: 5px;
  z-index: 999;
  right: 13px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  line-height: 36px;
  background: rgba(239, 51, 64, 0.20);
  text-align: center;
}
.spacer {
  padding: 20px 0 10px 0;
  position: relative;
  border-bottom: 1px solid #EF3340;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.pro-logo {
  position: absolute;
  left: 0;
}
.cart-btn {
  position: absolute;
  right: 0;
  top: 43px;
  border-radius: 23.5px;
  border: 1px solid rgba(145, 155, 57, 0.30);
  background: #EF3340;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  padding: 12px 15px;
  color: #FEFEFE;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-btn img {
  margin-right: 10px;
}
.search-box button {
  position: absolute;
  left: 15px;
  top: 0;
  border: 0;
  padding: 0;
  background: none;
}
.search-box .form-control {
  padding-left: 39px;
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 13.317px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0;
  border-radius: 0;
  height: 39px;
  width: 215px;
}
.breadcrumb-menu .search-box .form-control {
  padding-left: 20px;
}
.search-box .form-control::placeholder {
  color: #919B39;
  opacity: 1;
}
.search-box .form-control:-ms-input-placeholder {
  color: #919B39;
  opacity: 1;
}
.search-box .form-control::-ms-input-placeholder {
  color: #919B39;
  opacity: 1;
}
.product-col {
  border-radius: 10px;
  border: 2px solid #D3D7B0;
  background: #FFF;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.product-col .frame {
  margin: 0 auto 10px;
}
.product-col .text-box h3 {
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.product-col strong.title {
  display: block;
  color: #868686;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 0 9px 0;
}
.product-col a.btn-add {
  display: inline-block;
  border-radius: 7px;
  background: #919B39;
  padding: 5px 10px;
  color: #FFF;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%; /* 18.343px */
}
/*
.product-tab .nav-tabs li:last-child .nav-link.active {
  background: none;
}
*/
.product-tab .form-control:focus {
  box-shadow: none;
}
.search-results {
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  justify-content: center;
  max-width: 768px;
  margin: 0 auto;
  height: 426px;
  border-radius: 25px;
  border: 1px solid #F2EAEA;
  background: #FFF;
  color: #000;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 13.317px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sidebar {
  border-radius: 20px;
  border: 1px solid rgba(239, 51, 64, 0.50);
  background: #FFF;
  padding: 30px 20px 50px 20px;
  max-width: 245px;
}
.sidebar h2 {
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 131.023%; /* 26.205px */
}
.sidebar strong.title {
  color: #EF3340;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%; /* 20.964px */
  padding: 0 0 10px 0;
  display: block;
}
.sidebar ul {
  margin-bottom: 22px;
}
.sidebar ul li {
  display: block;
  overflow: hidden;
  clear: both;
  padding-bottom: 9px;
}
.sidebar ul li:last-child {
  padding-bottom: 0;
}
.sidebar .checkcontainer {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[type=checkbox], .sidebar [type=radio] {
  padding: 0;
}
.sidebar .checkcontainer input:checked ~ .checkmark {
  background-color: #EF3340;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #EF3340;
  border-radius: 4px;
}
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}
.checkcontainer .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/******************Product Section End******************/
/*******************Cart Section Start********************/
.cart-section {}
.cart-section .thumb {
  float: left;
  margin: 0 16px 0 0;
}
.cart-section ul {
  margin: 0 0 10px 0;
}
.cart-section ul li {
  overflow: hidden;
  clear: both;
  display: block;
  border-bottom: 1px solid rgba(103, 103, 103, 0.10);
  padding: 6px 0;
}
.cart-section .holder {
  padding: 0 200px;
}
.cart-section .left-col {
  float: left;
  width: 485px;
  margin-right: 0;
}
.cart-section .left-col .inner-col {
  margin-bottom: 30px;
}
.cart-section h3 {
  color: #EF3340;
  font-family: 'Poppins', sans-serif;
  font-size: 22.567px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-bottom: 1.254px solid rgba(239, 51, 64, 0.30);
  padding-bottom: 4px;
  margin: 0 0 14px 0;
}
.cart-section h4 {
  color: #0A0D13;
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  margin: 0 0 5px 0;
}
.cart-section a.add-note {
  display: block;
  color: #EF3340;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 85.714% */
  text-decoration-line: underline;
  padding-bottom: 0;
}
.cart-section a.btn-remove {
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 7px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px; /* 142.857% */
  text-decoration-line: underline;
}
.cart-section strong.count {
  float: right;
  color: #0A0D13;
  font-family: 'DM Sans', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cart-section strong.count span {
  display: block;
  color: #ACACAC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 75% */
  padding: 6px 0 0 0;
}
.cart-section .right-col {
  float: right;
  width: 411px;
  border-radius: 15px;
  border: 1px solid #EF3340;
  background: #FFF;
  padding: 20px 20px 30px 20px;
  position: relative;
  margin-bottom: 13px;
}
.cart-section .right-col h3 {
  border: 0;
  margin: 0;
  color: #EF3340;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cart-section .right-col textarea {
  border-radius: 15px;
  background: rgba(248, 0, 0, 0.10);
  min-height: 169px;
  color: rgba(1, 15, 7, 0.50);
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  letter-spacing: -0.395px;
  width: 100%;
  padding: 14px 12px;
  margin: 12px 0 0 0;
  resize: none;
}
.cart-section p {
  color: #010F07;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  letter-spacing: -0.395px;
  margin: 0;
}
.cart-section .right-col strong.total {
  display: block;
  color: #010F07;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.395px;
  padding: 22px 0 0 0;
}
.cart-section .right-col strong.total span {
  font-weight: 400;
}
.cart-section a.btn-continue {
  display: block;
  height: 48px;
  border-radius: 12.729px;
  background: #919B39;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.578px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 88%;
}
.cart-section a.btn-order {
  padding: 15px 0;
  min-width: 440px;
  margin: 0;
  height: auto;
  border: 0;
  border-radius: 12.729px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.578px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 17.79px */
}
/*******************Cart Section End********************/
/*******************Order Section Start*******************/
.order-section h1 {
  margin-bottom: 50px;
}
.order-section a.btn-tomorrow {
  height: 57px;
  width: 100%;
  display: block;
  border-radius: 15px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 57px;
  margin-bottom: 12px;
}
.order-section a.btn-select-date {
  height: 57px;
  width: 100%;
  display: block;
  border-radius: 15px;
  background: #fff;
  color: #EF3340;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 57px;
  margin-bottom: 35px;
}
.order-section strong.balance {
  display: block;
  border-radius: 15px;
  border: 1px solid rgba(239, 51, 64, 0.50);
  color: #EF3340;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%;
  text-align: center;
  padding: 7px 0;
  position: relative;
}
.order-section strong.balance span {
  display: block;
  font-weight: 400;
}
.order-section strong.balance i.pop {
  position: absolute;
  right: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  background: #EF3340;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
/*******************Order Section End*******************/
/*******************Modal Style Start*******************/
.modal-style-1 .modal-dialog {
  max-width: 289px;
}
.modal-style-3 .modal-dialog {
  max-width: 426px;
}
.modal-style-1 .modal-header,
.modal-style-3 .modal-header
{
  text-align: center;
  padding: 25.3px 23px 22.671px 23px;
  justify-content: center;
  border: 0;
}
.modal-style-1 .modal-body, 
.modal-style-3 .modal-body 
{
  padding: 28px 43px 25px 43px;
  text-align: center;
}
.modal-style-1 .modal-body img {
  margin-bottom: 20px;
}
.modal-style-1 h3,
.modal-style-3 h3 
{
  color: #EF3340;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 19.194px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 25.148px */
  margin: 0;
}
.modal-style-1 h3 span,
.modal-style-3 h3 span 
{
  color: #EF3340;
}
.modal-style-1 b,
.modal-style-3 b
{
  display: block;
  color: #EF3340;
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.023%;
}
.modal-style-1 .modal-footer,
.modal-style-3 .modal-footer {
  padding: 0 43px 28px 33px;
  border: 0;
}
.modal-style-1 .btn-add {
  width: 100%;
  height: 43px;
  border-radius: 15px;
  background: linear-gradient(272deg, #F80000 -5.67%, #FFB79D 99.36%);
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 12.682px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  margin: 0 0 10px 0;
}
.modal-style-3 .btn-confirm
{
  background: linear-gradient(272deg, #F80000 -5.67%, #FFB79D 99.36%);
  color: #FFF;
  text-align: center;
}
.modal-style-3 .btn-cancel
{
  background: linear-gradient(272deg, #6c757d -5.67%, #c1c2c3 99.36%);
  color: #FFF;
  text-align: center;
}
.modal-style-1 .btn-add:hover,
.modal-style-3 .btn-confirm:hover
{
  background: linear-gradient(272deg, #FFB79D -5.67%, #F80000 99.36%);
}
.modal-style-3 .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.modal-style-1 .btn-cart {
  color: #000;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.523%; /* 19.983px */
  position: inherit;
  height: auto;
  background: none;
}
.modal-style-1 .btn-cart:hover {
  color: #EF3340;
}
.modal-style-1 .btn-cancel {
  width: 100%;
  height: 45px;
  border-radius: 11.889px;
  background: #fff;
  color: #919B39;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 12.682px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  margin: 10px 0 0 0;
}
.modal-style-1 .modal-content, .modal-style-2 .modal-content {
  border-radius: 20px;
  border: 3px solid rgba(239, 51, 64, 0.40);
  background: #FFF;
}
.modal-style-2 .modal-dialog {
  max-width: 305px;
}
.modal-style-2 .modal-content {
  border-radius: 20px;
  border: 2px solid #919B39;
  background: #FFF;
  text-align: left;
}
.modal-style-2 {
  padding-right: 0 !important;
}
.modal-style-2 .modal-header .btn-close {
  background: url("../images/close-icon.png") no-repeat left top;
  opacity: 1;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 24px;
  height: 24px;
  padding: 0;
}
.modal-style-2 .modal-header {
  padding: 25px 20px 20px 20px;
  display: block;
  text-align: left;
  position: relative;
  border: 0;
}
.modal-style-2 h1 {
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal-style-2 b {
  color: #010F07;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: -0.315px;
}
.modal-style-2 h3 {
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%;
  border-bottom: 1px solid rgba(103, 103, 103, 0.10);
  padding-bottom: 4px;
  margin: 0 0 8px 0;
}
.modal-style-2 .modal-body {
  padding: 0 20px 20px 20px;
}
.quantity-col strong.title {
  float: left;
  border-radius: 23.5px;
  border: 1px solid #B6B6B6;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  padding: 0 60px 0 10px;
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
  margin-right: 13px;
}
.product-qut {
  margin-bottom: 15px;
}
.modal-style-2 textarea {
  border-radius: 10px;
  border: 1px solid #B6B6B6;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  height: 78px;
  padding: 6px 10px;
  color: #919B39;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  resize: none;
}
.modal-style-2 a.btn-add {
  width: 100%;
  border-radius: 12.185px;
  background: #919B39;
  height: 46px;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 12.997px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  margin: 0;
}
.modal-style-2 a.btn-cancel {
  width: 100%;
  border-radius: 12.185px;
  background: #fff;
  height: 46px;
  color: #919B39;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 12.997px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  margin: 0;
}
.modal-style-2 .modal-footer {
  padding: 0 20px 10px 20px;
  border: 0;
}
.cart-section .modal-style-1 .modal-body {
  padding: 22px 20px 0 20px;
}
.cart-section .modal-style-1 .modal-body h3 {
  margin: 0 0 30px 0;
  padding: 0;
  border: 0;
}
.cart-section .modal-style-1 .btn-more {
  height: 45px;
  line-height: 45px;
  font-size: 12.682px;
}
/*******************Modal Style End*******************/
/*Radio Style Start*/
.product-qut ul li {
  float: left;
}
.product-qut .checkcontainer {
  float: left;
  position: relative;
  padding-left: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-qut ul li:first-child .checkcontainer .radiobtn {
  width: 143px;
  border-radius: 23.5px;
}
.product-qut .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[type=checkbox], [type=radio] {
  padding: 0;
}
.product-qut .checkcontainer input:checked ~ .radiobtn {
  background-color: #919B39;
  color: #fff;
  border: 1px solid #F2EAEA;
}
.product-qut .radiobtn {
  float: left;
  border-radius: 23.5px;
  border: 1px solid #F2EAEA;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  width: 40px;
  height: 40px;
  color: #919B39;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
.quantity-col {
  margin-bottom: 15px;
  overflow: hidden;
  clear: both;
}
.quantity-col .checkcontainer {
  float: left;
  position: relative;
  padding-left: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.quantity-col .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.quantity-col .checkcontainer input:checked ~ .radiobtn {
  background-color: #919B39;
  color: #fff;
  border: 1px solid #919B39;
}
.quantity-col .radiobtn {
  float: left;
  border-radius: 23.5px;
  border: 1px solid #919B39;
  background: #FFF;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
  width: 30px;
  height: 30px;
  color: #919B39;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.quantity-col ul li {
  float: left;
}
/*Radio Style End*/
.breadcrumb-row {
  margin: 8px auto 0;
  width: 60%;
}
.breadcrumb-row .breadcrumb {
  margin: 0;
  padding: 10px 16px;
  border-radius: 23.5px;
  border: 1px solid #F2EAEA;
  background: #919B39;
  box-shadow: 0px 18px 40px 0px rgba(211, 209, 216, 0.25);
}
.breadcrumb-row .breadcrumb li {
  color: #FFF;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.breadcrumb-row .breadcrumb li a {
  color: #FFF;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.breadcrumb-row .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">");
  color: #FFF;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mobile {
  display: none;
}
.product-section .tab-content {
  background: none;
  clear: both;
}
footer {
  position: absolute;
  bottom: 30px;
}
footer .left-box {
  float: left;
}
footer .left-box strong {
  color: #151515;
  text-align: center;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
footer .left-box strong img {
  margin-left: 6px;
}
footer span.num {
  float: right;
  color: #EF3340;
  text-align: right;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
footer span.num a {
  color: #EF3340;
  text-align: right;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-decoration: none;
  padding-right: 20px;
}
.top-space {
  margin-top: 30px;
  overflow: hidden;
}
.tab {
  display: none;
}
.current {
  display: block;
}
.btm-row button {
  border-radius: 12.729px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.578px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  display: inline-block;
  min-width: 440px;
  height: 48px;
}
.btm-row .previous {
  background-color: #bbbbbb;
}
.step {
  height: 60px;
  width: 60px;
  cursor: pointer;
  margin: 0;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  color: #EF3340;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 32.325px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  border: 1px solid #EF3340;
  position: relative;
}
.step.active {
  color: #fff;
  background-color: #EF3340;
  /* border: 1px solid #000; */
}
.step.active.current {
  border: 2px solid #741118;
}
.btm-row .step.finish {
  background-color: #4CAF50;
}
.error {
  color: #f00;
}
.step-menu strong {
  display: inline-block;
  text-align: center;
  margin-left: 54px;
  position: relative;
}
.step-menu strong b {
  padding: 4px 0 0 0;
  display: block;
  color: #EF3340;
  font-family: 'Poppins', sans-serif;
  font-size: 9.05px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.step-menu .step:before {
  content: '';
  position: absolute;
  left: 59px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 57px;
  height: 3px;
  background: #EF3340;
}
.step-menu strong:nth-child(4) .step:before {
  display: none;
}
#myForm {
  float: left;
  width: 100%;
}
.clearfix {
  clear: both;
}
.min-space {
  margin-top: -70px;
}
.billing-col {
  border-radius: 15px;
  border: 1px solid #EF3340;
  background: #FFF;
  padding: 24px 27px;
}
.billing-col h2 {
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 26.205px */
  margin: 0 0 20px 0;
}
.billing-col .form-control {
  width: 100%;
  height: 42px;
  border-radius: 15px;
  border: 1px solid rgba(248, 0, 0, 0.40);
  background: #FFF;
  color: #161616;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.billing-col .checkcontainer {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 10.185px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.billing-col .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.billing-col [type=checkbox] {
  padding: 0;
}
.billing-col .checkcontainer input:checked ~ .checkmark {
  background-color: #EF3340;
}
.billing-col .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #EF3340;
  border-radius: 4px;
}
.billing-col .checkcontainer input:checked ~ .checkmark:after {
  display: block;
}
.billing-col .checkcontainer .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.billing-col .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.delivery-col {
  margin: 45px 0 0 0;
}
.delivery-col h2 {
  margin: 0;
}
.delivery-col b {
  display: block;
  padding-bottom: 15px;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 13.102px */
}
.btn-submit {
  width: 100%;
  height: 48px;
  border-radius: 12.729px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.578px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 17.79px */
}
#myForm .holder {
  padding: 0 95px 0 70px;
}
.step-menu {
  float: right;
}
.btn-placing-order {
  min-width: 300px;
  height: 48px;
  border-radius: 12.729px;
  background: #EF3340;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.578px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.thank-you-box {
  float: left;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #EF3340;
  background: #FFF;
  padding: 117px 54px 116.861px 54px;
  text-align: center;
  margin: 0 0 25px 0;
}
.thank-you-box h2 {
  color: #EF3340;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 25.011px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%; /* 32.77px */
  margin: 0 0 7px 0;
}
.thank-you-box strong {
  display: block;
  color: #09051C;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 19.175px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.023%;
  padding: 0 0 30px 0;
}
.thank-you-box .btn-back-login {
  border-radius: 12.506px;
  background: linear-gradient(99deg, #F80000 -0.82%, #EF3340 101.53%);
  height: 47px;
  line-height: 47px;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13.339px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
}
.FONTS {
  font-family: 'DM Sans', sans-serif;
  font-family: 'Nunito Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-family: 'Source Sans 3', sans-serif;
}
.login-box input[type="submit"], a.option, a.btn-order, a.btn-order:before, a.btn-more, .product-box .text-box a.btn-add, .modal-style-1 .btn-add, .modal-style-1 .btn-cart {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* input error */
.parsley-error {
  border-color: #f46a6a;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list>li {
  color: #f46a6a;
  font-size: 12px;
  list-style: none;
  margin-top: 5px;
}



.invalid-feedback {
  color: #dc3545; /* Red color for error messages */
  font-size: 0.875rem; /* Adjust font size as needed */
}

/* Style for the is-invalid class applied to the form control */
.is-invalid {
  /* border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(#dc3545,.25); */
    box-shadow: 0 0 0 0.25rem rgb(220 43 34 / 23%) !important;
}


/*  */


.modal.fade {
  background: rgba(0, 0, 0, 0.5);
}


.cart-section .thumb {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.cart-section .cart-image {
  width: 80%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.cart-btn-disabled {
  color: #EF3340 !important;
  background: #FEFEFE !important;
  border: 1px solid rgba(248, 0, 0, 0.20) !important;;
}




/* drop down */

.feature-dropdown {
  margin-bottom: 18px;
  display: none;
}

.feature-dropdown .dropdown-toggle {
  display: block;
  padding: 10px 15px;
  background-color: #EF3340;
  color: #fff;
  border: none;
  cursor: pointer;
  margin: auto;
  width: 90%;
  border-radius: 23.5px;
}

.feature-dropdown .dropdown-menu {
  display: block;
  position: absolute !important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 23px;
  padding: 0;
  z-index: 1000;
  width: 90%;
  float: left;
  left: 18px !important;
}

.feature-dropdown .dropdown-menu .sidebar {
  display: block;
  max-width: 100%;
  width: 100%;
}

.product-info{
  display: inline-flex;
  margin: 10px 5px;
  padding: 10px 10px;
  border-radius: 10px;
  background: #F0F0F0;
  gap: 10px;
  /* align-items: center; */
}
.product-info img {
  width: 24px;
  height: 24px;
}
.product-info h5 {
  font-size: 16px;
}