:root{
    --font-size-18 : 18px;
    --font-size-14 : 14px;
    --font-size-12 : 12px;
    --font-size-32 : 32px;
    --border-color : #F1F1F1;
    --font-size-24 : 24px;
    --font-weight-600 : 600;
    --font-family-rubik : Rubik;
    --font-family-poppins : Poppins;
    --primary-color : #828282;
    --secondary-color : #142250;
    --tertiary-color :#010F1C;
    --btn-bg-color :#EB0029;


}

.navbar-collapse {
  flex-grow: 0;
}

/*ul.navbar-nav {
}*/

/*ul.navbar-nav li {
  color: #142250;
  text-align: center;
  font-family: Poppins;
  font-size: var(--Label-Large-Size, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

ul.navbar-nav li:nth-child(3) {
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  // gap: 8px;
  padding: 10px 24px;
  border-radius: 100px;
  background: #eb0029;
}

ul.navbar-nav li:nth-child(3) a {
  color: #f2f2f2 !important;
  text-align: center;
  font-family: Poppins;
  font-size: var(--Label-Large-Size, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}*/
.cat_web_description p, .cat_web_description div {
    word-break: break-word !important;
    color: #828282;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.set-box p {
  word-break: break-word !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    align-items: center;
  }
  .set-box p {
      margin-top: 16px;
      margin-bottom: 24px;
    }
  .tabs-bar-row{
    margin-bottom: 5px;
  }
  #nav-tabContent {
      margin-bottom: 30px;
  }
}

/* FOOTER */

#footer {
  padding-top: 40px;
}

footer .footer-logo {
}

footer .footer-logo-text {
  color: var(--Gray-1, #333);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}

footer .right h6,
footer .footer-nav-col h5 {
  color: #000;
  font-family: Rubik;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 22.4px; /* 112% */
}

footer .nav-item a {
  color: var(--Gray-1, #333);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}

footer .footer-central-nav {
  padding-left: 50px;
}

.copyright {
  background: linear-gradient(0deg, #fafafa 0%, #fafafa 100%),
    linear-gradient(0deg, #0e50c4 0%, #0e50c4 100%), #3ebfd1;
  height: 48px;
}

.copyright p {
  color: #010f1c;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: lowercase;
}

/* SEARCH FORM */
.hero-form {
  margin-top: 25px;
  margin-bottom: 25px;
}
.hero-form .newsletter-form {
  max-width: 100%;

  padding: 12px 16px 12px 20px;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  display: flex;
  transition: 0.3s;
  border-radius: 56px;
  background: #fff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);

  width: 100%;
  height: 80px;
  /* flex-shrink: 0; */
  border-radius: 56px;
  border: 1px solid #e8e8e8;
  background: #fff;
  box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
}

.hero-form .newsletter-form input[type="email"] {
  border: 0;
  padding: 4px;
  width: 100%;
  background-color: color-mix(
    in srgb,
    var(--background-color),
    transparent 50%
  );
  color: var(--default-color);

  color: #afafaf;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09px;
  width: 80%;
  max-width: 747px;
  /* width: 100%; */
}

.hero-form {
  flex-grow: 1;
}

#ce-search > div {
  max-width: 970px;
}

.ce-options,
.ce-map {
  border-radius: 56px;
  border: 1px solid #e8e8e8;
  background: #fff;
  box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
  width: 80px;
  height: 80px;
  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-form .newsletter-form input[type="submit"] {
  display: flex;
  width: 169px;
  height: 64px;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 56px;
  background: #eb0029;
  box-shadow: 0px 10px 20px -10px rgba(234, 234, 234, 0.4);
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: -5px -8px -5px 0;
  border: 0;
  /* border: 0;
  display: flex;
  width: 169px;
  height: 64px;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 56px;
  background: #eb0029;
  box-shadow: 0px 10px 20px -10px rgba(234, 234, 234, 0.4);
  color: #fff;
  font-family: poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; */
}

.hero-form input:focus {
  box-shadow: none;
  text-shadow: none;
  border: none;
  outline: none;
}

/* SLIDER BTN */

.ce-slider-btn {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  background: var(--Gray-5, #e0e0e0);
  border: 0;
}

.ce-slider-btn.btn-2 {
  background: #eb0029;
}

#ce-header {
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
}

#ce-items-slider-section {
  /* margin: 0 0 60px 0; */
  display: flex;
  justify-content: center;
}

/* #ce-items-slider-section .container {
  max-width: 1520px;
} */

.ce-items-slider-div > div {
  /* border-radius: var(--Corner-Extra-large, 28px);
  background: #fafafa;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  gap: 30px; */

  /* width: 252px; */
  /* flex-direction: column; */
  /* flex-shrink: 0; */
}

.ce-card {
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
}
.d-md-ruby{
    display: ruby  !important;
}
.d-sm-ruby{
  display: none !important;
}

@media (max-width: 767px) {
  .d-md-ruby{
    display: none !important;
  }
  .d-sm-ruby{
    display: flex !important;
  }
  .ce-card {
    min-width: 350px;
  }

  .ce-selling-items .img-div {
    width: auto !important;
  }
}

/* .ce-items-slider-div .swiper-container_1 .swiper-slide { */
.swiper-container_1 {
  overflow: hidden;
  max-width: 80%;
}

@media (max-width: 992px) {
  .swiper-container_1 {
    max-width: 100%;
  }
}

/* @media (max-width: 766px) {
  .ce-selling-items {
    padding-left: 6vw;
  }
}

@media (min-width: 767px) and (max-width: 1099px) {
  .ce-selling-items {
    padding-left: 3vw;
  }
} */

@media (max-width: 600px) {
  ul.navbar-nav {
    gap: 0.5rem;
  }
  .cat_web_description p, .cat_web_description div {
    margin-bottom: 30px;
  }
}

.swiper-container_1 .swiper-slide {
  border-radius: var(--Corner-Extra-large, 28px);
  background-color: #fafafa;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: space-around;
  gap: 20px;

  /* width: 252px; */
  /* flex-direction: column; */
  /* flex-shrink: 0; */
}

.swiper-container_1 .swiper-slide p {
  margin: 0;

  /* width: 252px; */
  /* flex-direction: column; */
  /* flex-shrink: 0; */
}

.ce-item-title {
  color: #142250;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 100% */
  letter-spacing: -0.24px;
}
.ce-icon-div {
  width: 95px;
  height: 95px;
  flex-shrink: 0;
  fill: #fff;
  background: white;
  filter: drop-shadow(0px 18px 44px rgba(135, 135, 135, 0.09));
  border-radius: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-form input[type="email"]::placeholder {
  color: #afafaf;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09px;
}

#ce-header .dropdown-toggle::after {
  display: none !important;
}

.inner-options-2-section .dropdown-toggle::after {
  display: none !important;
}

.location-dropdown {
  border-radius: 9px;
  background: #fafafa;
  display: inline-flex;
  padding: 8px 16px;
  align-items: center;
  border: 0;
  color: black;
  gap: 8px;
}

.location-dropdown:focus {
  background: #fafafa;
  color: black;
  /* border: 0;
  box-shadow: none; */
}

.location-dropdown:hover {
  background: #fafafa;
  color: black;
  /* border: 0;
  box-shadow: none; */
}

#ce-header .delivery,
.inner-options-2 .delivery {
  color: #142250;
  text-align: center;
  font-family: Poppins;
  font-size: var(--Title-Small-Size, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Title-Small-Line-Height, 20px); /* 142.857% */
  letter-spacing: var(--Title-Small-Tracking, 0.1px);
}

#ce-header .collection,
.inner-options-2 .collection {
  color: #828282;
  text-align: center;
  font-family: Poppins;
  font-size: var(--Title-Small-Size, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Title-Small-Line-Height, 20px); /* 142.857% */
  letter-spacing: var(--Title-Small-Tracking, 0.1px);
}

.delivery-and-collection-div > button {
  border: 0;
  background: transparent;
}

.delivery-and-collection-div > button svg:last-child {
  display: none;
}

.delivery-and-collection-div > button.active svg:last-child {
  display: block;
}

.delivery-and-collection-div > button.active p,
.delivery-and-collection-div button.active svg {
  color: #142250 !important;
  fill: #142250 !important;
}

.inner-options-1 {
  margin-bottom: -30px;
}

.inner-options-2 button svg:first-child {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.inner-options-2 {
  max-width: 400px;
  display: none !important;
}

.ce-selling-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  justify-content: center;
  grid-template-rows: repeat(2, 1fr);
  column-gap: 27px;
  row-gap: 55px;
}

.ce-selling-items .img-div {
display: flex;
width: 312px;
height: 295px;
padding: 248px 24px 24px 236px;
justify-content: flex-end;
align-items: center;
border-radius: 30px;
background: linear-gradient(1deg, rgba(0, 0, 0, 0.70) 0.85%, rgba(0, 0, 0, 0.21) 29.36%, rgba(0, 0, 0, 0.00) 61.89%), url(./selling-item.jpeg) lightgray -145.643px -46px / 233.105% 172.203% no-repeat;
}

.rating p {
color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22.4px; /* 140% */
}

.ce-selling-items-section .card-title {
color: #010F1C;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ce-selling-items-section .delivery {
color: #828282;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22.4px; /* 160% */
}

.ce-selling-items-section .price {
color: #010F1C;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.ce-selling-items-section .price .currency {
color: #FFC30B;
}

.ce-selling-items-section .duration .text {
color: #010F1C;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ce-selling-items-section .clock {
display: flex;
  align-items: center;
  justify-content: center;
}

button#dropdownMenuButton1 {
  box-shadow: none !important;
}

@media (max-width: 1160px) {
  .inner-options-1 {
    display: none !important;
  }
  .inner-options-2-section .inner-options-1 {
    display: flex !important;
  }
}

.ce-selling-items-section .delivery {
  align-self: center;
}

@media (max-width: 1200px) {
  #ce-header .container {
    max-width: 100%;
  }
}

/* SEARCH FORM */
@media (max-width: 992px) {
  .hero-form {
    /* margin-left: 12px;
    margin-right: 12px; */
  }
}

/* @media (max-width: 767px) { */
@media (max-width: 1100px) {
  .ce-selling-items {
    row-gap: 35px !important;
  }

  .hero-form {
    max-width: 500px;
  }

  .hero-form input[type="email"]::placeholder {
    color: #afafaf;
    font-family: Poppins;
    font-size: 11.103px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.056px;
  }

  .hero-form .newsletter-form input[type="submit"] {
    width: 81px;
    height: 38px;
    padding: 8.342px 11.122px;
    gap: 4.449px;
    border-radius: 31.143px;
    background: #eb0029;
    box-shadow: 0px 5.561px 11.122px -5.561px rgba(234, 234, 234, 0.4);
    font-size: 10.01px;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 2.5px;
  }

  .ce-options,
  .ce-map {
    border-radius: 31.087px;
    border: 0.555px solid #e8e8e8;
    box-shadow: 0px 0px 18.874px 0px rgba(0, 0, 0, 0.1);
    width: 44.41px;
    height: 44.41px;
    flex-shrink: 0;
  }

  .ce-options svg,
  .ce-map svg {
    width: 16px;
    height: 16px;
  }

  .hero-form .newsletter-form {
    max-width: 100%;
    padding: 12px 16px 12px 20px;
    position: relative;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    display: flex;
    transition: 0.3s;
    border-radius: 56px;
    background: #fff;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);

    width: 100%;
    height: 44px;
    /* flex-shrink: 0; */

    border-radius: 31.143px;
    border: 0.556px solid #e8e8e8;
    box-shadow: 0px 0px 18.908px 0px rgba(0, 0, 0, 0.1);
  }

  .hero-form .newsletter-form input[type="email"] {
    border: 0;
    padding: 4px;
    width: 100%;
    background-color: color-mix(
      in srgb,
      var(--background-color),
      transparent 50%
    );
    color: var(--default-color);

    color: #afafaf;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.09px;
    width: 80%;
    max-width: 747px;
    /* width: 100%; */
  }

  .swiper-container_1 .swiper-slide {
    /* border-radius: var(--Corner-Extra-large, 28px);
    background-color: #fafafa;
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-around;
    gap: 20px; */

    /* display: flex;
width: 118.251px;
padding: 7.508px;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0; */
    border-radius: 13.139px;

    gap: 15.016px;
    padding: 8px;
    /* width: 252px; */
    /* flex-direction: column; */
    /* flex-shrink: 0; */
  }

  .ce-item-title {
    letter-spacing: -0.12px;
    font-size: 12px;
    line-height: 11.262px; /* 93.85% */
  }

  .ce-icon-div {
    /* width: 95px;
      height: 95px;
      flex-shrink: 0;
      fill: #FFF;
      background: white;
      filter: drop-shadow(0px 18px 44px rgba(135, 135, 135, 0.09));
      border-radius: 68px;
      display: flex;
      align-items: center;
      justify-content: center; */

    width: 44px;
    height: 44px;
    flex-shrink: 0;
    fill: #fff;
    filter: drop-shadow(0px 18px 44px rgba(135, 135, 135, 0.09));
  }

  .ce-icon-div svg {
    width: 24.444px;
    height: 24.444px;
    flex-shrink: 0;
  }

  /* .ce-card .img-div { */
  /* height: 198px;
    align-self: stretch; */
  /* } */

  .ce-card .img-div {
    /* height: 198px;
    align-self: stretch; */
    border-radius: 16px !important;
    background: linear-gradient(
        359deg,
        rgba(0, 0, 0, 0.7) 0.74%,
        rgba(0, 0, 0, 0.21) 42.39%,
        rgba(0, 0, 0, 0) 99.45%
      ),
      url(./selling-item.jpeg) lightgray 50% / cover no-repeat !important;
    max-height: 198px;
    /* background-size: cover; */
    padding: 148px 18px 18px 148px !important;
  }

  /* let */
  .ce-card {
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
    border-radius: 16px;
    border: 1px solid #f1f1f1;
  }

  .ce-card .card-body {
    padding-left: 12px !important;
    padding-bottom: 13px !important;
  }

  .ce-card .card-body h5 {
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
    color: var(--Schemes-On-Secondary-Container, #1d192b);
    font-size: 24px;
  }

  .ce-card .card-body .delivery {
    color: var(--Schemes-On-Secondary-Container, #1d192b);
  }

  .ce-card .card-body .price {
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
    color: var(--Schemes-On-Secondary-Container, #1d192b);
    /* font-size: 18px; */
  }

  .ce-card .card-body .price .currency {
    color: var(--Yellow, #f2c94c);
    font-size: 16px;
  }

  .ce-card .card-body .duration {
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
  }

  .ce-card .card-body .duration .text {
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
    color: var(--Schemes-On-Secondary-Container, #1d192b);
    font-size: 16px;
  }

  .ce-card .rating {
    margin-bottom: -123px;
  }

  .ce-card .rating p {
    color: black;
  }

  .ce-card .card-body .duration .clock {
    width: 20px;
    height: 20px;
    /* max-width: 312px;
  margin-left: auto;
  margin-right: auto; */
  }

  #footer {
    margin-top: 100px !important;
  }

  .site-logo {
    width: 140px;
  }

  .navbar > .container {
    flex-wrap: nowrap;
  }

  /*ul.navbar-nav {
    margin-top: 7px;
  }

  ul.navbar-nav li:nth-child(3) {
    display: flex;
    height: 35px;
    padding: 6.17px 14.809px;
    justify-content: center;
    align-items: center;
    gap: 4.936px;
    align-self: stretch;
  }

  ul.navbar-nav li:nth-child(3) a {
    color: #f2f2f2;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12.34px;
    letter-spacing: 0.062px;
  }*/

  .cart svg {
    width: 24px;
    height: 24px;
  }

  .cart .badge {
    /* margin-top: -20px !important;
    margin-left: -15px !important;
    padding: 4px 6px !important; */
    /* font-size: 10px !important; */
  }

  /* footer */

  #footer {
    padding-top: 0px;
  }

  footer .footer-logo {
  }

  footer .footer-logo-text {
    text-align: center;
  }

  footer .right h6,
  footer .footer-nav-col h5 {
    color: #000;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
  }

  footer .nav-item a {
    color: var(--Gray-1, #333);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }

  footer .footer-central-nav {
    padding-left: 0px;
  }

  .copyright {
    background: linear-gradient(0deg, #fafafa 0%, #fafafa 100%),
      linear-gradient(0deg, #0e50c4 0%, #0e50c4 100%), #3ebfd1;
    height: 48px;
  }

  .copyright p {
    color: #010f1c;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: lowercase;
  }
}


.custom-border-top {
    border: 1px solid var(--border-color);
}
.custom-border-bottom{
    border-bottom: 1px solid var(--border-color);
}
.custom-border{
    border: 1px solid var(--border-color);
}

.font-size-24{
    font-size: var(--font-size-24);
}

.font-weight-600{
    font-weight: var(--font-weight-600);
}

.ff-rubik{
    font-family: var(--font-family-rubik);
}
.ff-poppins{
    font-family: var(--font-family-poppins);
}

.text-pc{
    color: var(--primary-color);
}
.bg-pc{
    background-color: var(--primary-color);
}
.text-sc{
    color: var(--secondary-color);
}
.bg-sc{
    background-color: var(--secondary-color);
}
.text-tc{
    color: var(--tertiary-color);
}
.bg-tc{
    background-color: var(--tertiary-color);
}
.font-size-18{
    font-size: var(--font-size-18);
}
.font-size-14{
    font-size: var(--font-size-14);
}
.font-size-12{
    font-size: var(--font-size-12);
}
.btn-bg-color{
    background-color: var(--btn-bg-color);
}
.font-size-32{
    font-size: var(--font-size-32);
}

.pound-text{
    font-size: 20px;
    margin-bottom: 0px;
}
.price-text{
    font-size: 24px;
    margin-bottom: 0px;
}
.shareModalSpan{
    cursor: pointer;
}
.food-tile{
    cursor: pointer;
}

.custom-modal-border-radius{
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}
.form-check-input[type=radio]{
    border-width: 2.4px!important;
    height: 24px!important;
    width: 24px!important;
    border-color: #49454F!important;
}
input::placeholder,
textarea::placeholder {
    color: #AFAFAF!important;
    font-family: Poppins!important;
    font-size: 16px!important;
    font-weight: 400!important;
}
.modal-custom-bg-img{
    background-image: url("images/food.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 412px;
    width: 100%;
    margin: auto;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;

}
.detail-modal-heading{
    font-size: 24px;
}
.custom-radio-label {
    display: block;
    border-radius: 5px;
    font-size: 16px;
}

.form-check-input {
    margin-top: 0.3rem;
    margin-right: 10px;
    border-color: var(--secondary-color);
}

.custom-form-check{
    padding: 15px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin: 0.5rem 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer !important;

}
.custom-form-check:hover {
    background-color: #f1f1f1;
}
.custom-form-check .form-check {
    display: flex;
    align-items: center;
    padding-left: 0.5em !important;
}
.custom-form-check.variant-choice.get-variant-extra-items.active {
    border: 2px solid #ff2a2aa1 !important;
}
.btn-circle {
    border-radius: 50% !important;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1.33px solid #F1F1F1;
    box-shadow: 0px 6.06px 14.82px -4.04px #87878717;
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px !important;
    line-height: normal !important;

}
.custom-border-none{
    border: none!important;
}

.quantity-control{
    width:14%;
    align-items: center;
}

.required-btn-style{
    font-size: 10px;
    color: #828282;

}
.qtyAdded {
    background: red;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 10px;
}
.custom-modal-btn-position {
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 1;
}
#moreInfoModal button.btn-close ,#reviewModal button.btn-close, #foodSelectionModal button.btn-close, #shareModal button.btn-close , #noteModal button.btn-close {
    padding: 15px !important;
    background: #FAFAFA !important;
    margin: 0;
    position:absolute;
}
#foodSelectionModal button.btn-close-img {
    top: 40px;
    left: auto;
    right: 40px;
}
.custom-modal-btn-position:hover{
    background: #FAFAFA;
}
.custom-modal-btn-position::before {
    content: '\00d7';
    font-size: 34px;
    position: relative;
    top: -21px;
    left: -3px;
}
.add-cart-custom-position{
    position: absolute!important;
    bottom: 0%;
    right: 0;
    left: 0%;
    margin: auto 0;
    background: #fff;
    border-bottom-left-radius: 28px;
    width: 99%;
    height: 121px;
    border-top: 1px solid #E8E8E8;
    border-bottom-right-radius: 28px;
    padding: 0 1rem;
}
p#foodSelectionProductDesc {
    margin-bottom: 0;
}
.note-section {
    margin-top: 0px;
    margin-bottom: 20%;
}
.custom-textarea-height{
    min-height: 120px!important;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border: 1px solid #E8E8E8;
    border-radius:8px;
}
.add-cart-btn-color{
    background: #EB0029;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.text-color-light{
    color: #828282;

}
.details-text{
    display: none;
}
.custom-w-sm-50{
    width: 83%;
}





/* //////////////////////////////////////////////  Map Modal /////////////////////////////////////// */

.accordion-button::after {
    font-family: 'Arial', sans-serif;
    content: '﹢';
    font-size: 20px;
    font-weight: bold;
    color: #000;

}

.accordion-button.collapsed::after {
    content: '﹢';
    color: var(--primary-color);
    font-size: 20px;


}
.map-border-r{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.accordion-button:not(.collapsed)::after {
    content: '﹣';
    color: var(--primary-color);
    font-size: 20px;
    margin-top: 1%;
}
.accordion-button:not(.collapsed)::after{
    background-image: unset!important;
}

.accordion-button::after{
    background: unset!important;
}
.accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion-button:not(.collapsed){
    background-color: unset;
    color: unset;
}

.accordion-header .accordion-button {
    box-shadow: none;
}

.accordion-button-border-custom{
    border-top: 1px solid #F1F1F1!important;
    border-bottom: 1px solid #F1F1F1!important;
}
.map-modal-btn{
    position: relative;
}

.custom-map-modal-btn-position{

    background: #FAFAFA;
    border-radius: 50%;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 1;
    height: 22px;
    width: 22px;
}
.custom-map-modal-btn-position:hover{
    background: #FAFAFA;
}
.custom-map-modal-btn-position::before {
    content: '\00d7';
    font-size: 22px;
    color: #000;
    position: absolute;
    top: -1.1%;
    left: 33.8%;
}
.modal-title-style{
    font-size: 40px;
}


/* //////////////////////////////////////////// Review Modal //////////////////////////////////////////// */
.progress-box{
    height: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: none;
    color: var(--primary-color);
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 3px solid var(--secondary-color);
    color: var(--secondary-color);
}

.nav-tabs .nav-link:hover {
    border: none;
    color: var(--primary-color);
}

.scrollbar-hidden {
    scrollbar-width: none;
}


/* /////////////////////////// Custom Input style /////////////////////////////////////// */

.position-relative{
    position: relative;
}
.custom-input-style{
    background-color: unset!important;
    padding-right: 0;
    border-right: 0!important;
    border: none;
    background-color: transparent;
    border-radius: 50px 0 0 50px;
}
.custom-input{
    border-left: 0!important;
    border: none;
    border-radius: 0 50px 50px 0;
}
.custom-label{
    background: #fff;
    font-size: 12px;
    position: absolute;
    left: 1%;
    top: -12%;
    z-index: 1;
    width: 5.8%
}
.custom-input-group {
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #ced4da;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* /////////////// Edit Address ////////////////////////// */
.custom-label-edit-address{
    background: #fff;
    font-size: 12px;
    position: absolute;
    left: 4%;
    top: -7%;
    z-index: 1;
    padding: 0 4px;
}
.edit-address .custom-input{
    padding: 2% 3%;
}
.edit-address .custom-map-modal-btn-position:nth-child(2){
    position: absolute;
    right: 4.5%
}
.edit-address .custom-map-modal-btn-position:nth-child(1)::before{
    content: '\2190';
    top:-9.1%;
    left: 21.8%;
}
.fw-medium{
    font-weight: 500;
}
.c-px-4{
    padding-left: 1.5!important;
    padding-right: 1.5!important;
}
.c-px-5{
    padding-left: 3!important;
    padding-right: 3!important;
}
.hr-border{
    border-top: 1px solid #E8E8E8;
    display: none;
}
.review-name{
    font-size: 28px;
    line-height: 24px;
}
.star-box{
    margin: 0.3rem 0;
}
.sub-desc{
    font-size: 21px;
}
@media (max-width : 768px){
    .add-cart-custom-position {
        height: 80px;
    }
    .share-box{
        flex-wrap: wrap;
    }
    .share-box div{
        flex-basis: 30%;
    }
    .share-box div:nth-child(1){
        text-align: left!important;
    }
    .share-box div:nth-child(3){
        text-align: end!important;
    }
    .share-box div:nth-child(4){
        text-align: left!important;
    }
    .share-box div:nth-child(4) p{
        margin-left: 9%;
        text-align: left;
    }

    .share-box div:nth-child(6){
        text-align: end!important;
    }
    .share-box div:nth-child(6) p{
        margin-right: 18%;
        text-align: end!important;
    }
    .custom-textarea-height{
        min-height: 160px!important;
    }
    .input-group.quantity-control{
        width: 30%;
    }
    .custom-w-sm-50{
        width: 60%!important;
    }
    .desc-text{
        font-size: 14px!important;
        width: 100%!important;
        font-weight: 400!important;
    }
    .desc-text p{
        margin-bottom: 0px;
    }
    .pound-text{
        margin-bottom: 1rem;
    }
    .font-size-24{
        font-size: 16px!important;
    }
    .m-c-height{
        min-height: 100%;
    }
    .custom-modal-border-radius{
        border-radius: 28px;
    }
    .font-size-32{
        font-size: 24px;
    }

    /* .share-modal{
        height: 100vh;
    } */
    .details-text{
        display: block;
        font-size: 24px;
    }
    .detail-modal .modal-header{
        flex-flow: column;
        border-bottom: 1px solid #E8E8E8;
    }
    .modal-custom-bg-img{
        /*margin-top: 6%;*/
        width: 100%;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        height: 264px;
    }
    .custom-modal-btn-position:hover{
        background: #e8e8e8;
    }
    .hr{
        height: 1px;
        width: 100%;
        background-color: #E8E8E8;
        margin-top: 0.7rem;
    }
    .btn-circle{
        height: 30px;
        width: 30px;
        font-size: 18px;

    }
    .address .modal-title-style{
        font-size: 24px!important;
        margin-right: unset!important;
        text-align: center;
    }
    .sub-desc{
        font-size: 16px;
    }
    .edit-address .modal-body{
        padding-left:8px;
        padding-right: 8px;
    }
    .custom-label-edit-address{
        font-size: 10px;
    }
    input::placeholder,
    textarea::placeholder {

        font-size: 12px!important;

    }
    .map-border-r{
        height: 220px;
    }
    .edit-address .modal-body button{
        width: 95%;
        margin: auto;
    }
}
@media (max-width : 425px){
    .hr-border{
        border-top: 1px solid #E8E8E8;
        display: block;
    }
    .review-section{
        flex-flow: column!important;
        align-items: flex-start!important;
        gap: 10px;
    }
    .font-size-18{
        font-size: 14px!important;

    }
    .address .modal-title-style{
        font-size: 20px!important;
    }
    .review-name{
        font-size: 24px;
    }
    .detail-modal-heading{
        font-size: 20px;
    }
    .c-px-4{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .c-px-5{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .share-box div:nth-child(6) p{
        margin-right: 22%;
        text-align: end!important;
    }
    .share-modal{
        padding-left: 10px;
        padding-right: 10px;
    }
    .star-box{
        margin: 0.3rem 0;
    }
    .progress-box-custom{
        margin:0.6rem 0;
        width: 100%;
    }
    .progress-box-custom div{
        padding: 0!important;
        padding-left: 2px;
    }
    .sub-desc{
        font-size: 12px;
    }
    .address .modal-body{
        padding-left: 0;
        padding-right: 0;
    }
    .custom-label{
        left: 3%;
        font-size: 10px;
        width: 15%;
    }
    .font-size-32{
        font-size: 16px;
    }
    .edit-address .modal-body{
        padding-left:10px;
        padding-right: 10px;
    }


}
@media (max-width : 375px){
    .font-size-24{
        font-size: 14px!important;
    }
    .btn-circle{
        height: 24px;
        width: 24px;
        font-size: 16px;
    }

    .input-group.quantity-control{
        width: 35%;
    }
    .address .modal-title-style{
        font-size: 16px!important;
    }
    .share-box div:nth-child(6) p{
        margin-right: 25%;
        text-align: end!important;
    }
    .modal-header{
        padding-left: 0;
        padding-right: 0;
    }
    .review-modal{
        padding-left: 0;
        padding-right: 0;
        padding-left:6px;
        padding-right:6px;
    }
}
@media (max-width : 320px){

    .share-box div:nth-child(6) p{
        margin-right: 28%;
        text-align: end!important;
    }
    .address .modal-title-style{
        font-size: 14px!important;
    }
}


/************Hungry Cart Set*************/
.div-hungry-set {
    padding: 30px;
}
.div-hungry-set div#nav-home p {
    padding: 0px 70px;
}

/************Store Close CSS*************/
.div-store-closed-set {
    padding: 30px;
}
.div-store-closed-set div#nav-home p {
    padding: 0px 40px;
}

/********Radio Box Style**************/
div.radio-with-Icon {
    display: block;
}
div.radio-with-Icon p.radioOption-Item {
    display: inline-block;
    width: auto;
    height: 100px;
    box-sizing: border-box;
    border: none;
}
div.radio-with-Icon p.radioOption-Item label {
    width: 100%;
    padding: 10px 10px;
    color: #de1831;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    color: #828282;
    font-family: "Rubik";
    font-size: var(--Title-Small-Size, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Title-Small-Line-Height, 20px);
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
    margin-bottom: 0px;
    display: grid;
}
div.radio-with-Icon p.radioOption-Item label span {
    font-size: 11px;
    font-weight: 300;
    color: #828282;
}
div.radio-with-Icon p.radioOption-Item label::after,
div.radio-with-Icon p.radioOption-Item label:after,
div.radio-with-Icon p.radioOption-Item label::before,
div.radio-with-Icon p.radioOption-Item label:before {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
div.radio-with-Icon p.radioOption-Item label i svg path {
    fill: #828282;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/*Cart Style*/
/Cart Style/
.main-side-area-head {
    padding-top: 24px;
    padding-left: 16px;
}
div#nav-home {
    padding: 25px 5px;
}
.cart-popular-heading {
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
}
.row-2-cart-setup {
    padding: 16px 16px 24px 16px;
    border-bottom: 1px solid #eee;
}
.img-cart-bg-set {
    background: url(images/set-details-page-product-box.png);
    height: 62px;
    width: 62px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.cart-content-set h5 {
    text-align: left;
    color: #010f1c;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.cart-content-set h6 {
    text-align: left;
    color: #010f1c;
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
div#nav-home .cart-content-set p {
    color: #828282;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-bottom: 0px;
}
div#nav-home .cart-content-set p.text-center {
    color: #828282;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center !important;
    margin-bottom: 0px;
}
.pt-set-cart-later {
    padding-top: 16px;
}
.minus-box-cart {
    display: flex;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    padding: 5.726px;
    justify-content: center;
    align-items: center;
    gap: 3.368px;
    cursor: pointer;
    border-radius: 16px;
    border: 1.333px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 6.063px 14.821px -4.042px rgba(135, 135, 135, 0.09);
}
.plus-box-cart {
    display: flex;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    padding: 5.726px;
    justify-content: center;
    align-items: center;
    gap: 3.368px;
    border-radius: 16px;
    cursor: pointer;
    border: 1.333px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 6.063px 14.821px -4.042px rgba(135, 135, 135, 0.09);
}
div#nav-home .cart-content-set span {
    color: #828282;
    text-align: left;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    float: left;
    position: relative;
    top: 0px;
}
.cart-plus-min-btn {
    display: flex;
    position: relative;
    right: 15px;
    top: 10px;
}
div#nav-home .col-lg-3.cart-plus-min-btn p {
    color: #010f1c;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
}
.col-lg-8.cart-content-set {
    padding: 0;
}
.btn-right-cart-in {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 7.5px;
    justify-content: center;
    align-items: center;
    border-radius: 22.5px;
    background: #eb0029;
}
.btn-left-cart-in {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 7.5px;
    justify-content: center;
    align-items: center;
    border-radius: 22.5px;
    background: var(--Gray-5, #e0e0e0);
    margin-right: 5px;
}

.head-button-cart-set h4 {
    color: #010f1c;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    margin: 0;
    text-align: left;
/padding-left: 16px;/
}
.cart-popular-heading .head-button-cart-set p {
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.para-plus-icon {
    border-radius: 12px;
    border: 0.412px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 1.872px 4.575px -1.248px rgba(135, 135, 135, 0.09);
    display: flex;
    height: 16px;
    padding: 1.768px;
    justify-content: center;
    align-items: center;
    gap: 1.04px;
}
.para-plus-icon svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.img-add-to-cart-in {
    display: flex;
    width: 93px;
    height: 70px;
    padding: 42px 8px 8px 65px;
    justify-content: flex-end;
    align-items: center;
    border-radius: 4.321px;
    background: url(images/set-details-page-product-box.png) lightgray -11.582px -10.498px / 174.367% 159.95% no-repeat;
}
.img-add-to-cart-in .para-plus-in {
    display: flex;
    height: 20px;
    padding: 1.768px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0.412px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 1.872px 4.575px -1.248px rgba(135, 135, 135, 0.09);
    gap: 1.04px;
}
.content-in-cart h5 {
    color: var(--Schemes-On-Secondary-Container, #1d192b);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px;
    text-align: left;
    margin: 0;
}
.content-in-cart h6 {
    color: #010f1c;
    font-family: Rubik;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
}
.col-lg-3.btn-in-cart {
    display: flex;
}
.cart-line-3-set {
    padding: 0;
    margin: 16px 0px 24px 0px;
}
.content-in-cart h5 span {
    color: #f2c94c;
}
.main-side-area-head h4 {
    color: #010f1c;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    text-align: left;
    margin: 0;
}
div#nav-home .based-text-im {
    padding-top: 12.5px;
    margin: 0;
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: normal;
}
.line-cart-add-row-3 {
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    width: 100%;
}
.cart-calculate-set h4.how-much-you {
    color: #010f1c;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    padding-top: 24px;
    margin: 0;
    text-align: left;
    padding-left: 16px;
}
.cart-tbl th.custom-line-th {
    font-size: 10px;
    color: #010f1c;
    font-family: Rubik;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    padding: 0px;
}
.cart-tbl th {
    border-bottom: 0;
    border: none;
}
.cart-tbl th.top-line-set {
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    padding: 5px;
}
th.top-line-set.our-price-table-cust {
    color: #eb0029;
}
.cart-tbl td {
    color: #707070;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px;
    padding: 8px 0px;
    border: none;
}
.total-cust-tbl {
    color: #010f1c;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.133px;
}
.total-cust-tbl span {
    color: #ff9500;
}
.cart-tbl {
    border-radius: 16px;
    border: 1.333px solid #f1f1f1;
    background: #fff;
    display: flex;
    padding: 12px;
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 16px;
}
.car-after-tab {
    display: flex;
    border-radius: 8px;
    background: rgba(235, 0, 41, 0.1);
    padding: 5px 0px;
    margin: 15px 16px;
}
.car-after-tab h4 {
    color: #eb0029;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--Label-Large-Line-Height, 23px);
    letter-spacing: var(--Label-Large-Tracking, 0.1px);
    padding-left: 20px;
    margin: 0;
}
.icon-set-tab-after svg {
    position: relative;
    top: -2px;
    left: 10px;
}
.cart-tbl .table {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.cart-end-text {
    display: flex;
    margin-top: 15px;
}
.cart-end-text h5 {
    color: #010f1c;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}
.cart-end-text h6 {
    color: #010f1c;
    text-align: right;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}
.total-cal-set {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    justify-content: right;
}
.cart-end-btn-set {
    color: #f2f2f2;
    padding: 16px;
    margin-top: 20px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: var(--Label-Large-Line-Height, 20px);
    letter-spacing: var(--Label-Large-Tracking, 0.1px);
    border-radius: 100px;
    background: #eb0029;
    width: 100%;
}
.cart-end-btn-set a {
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--Label-Large-Line-Height, 20px);
    letter-spacing: var(--Label-Large-Tracking, 0.1px);
    display: block !important;
    width: 100%;
    color: #fff;
    text-decoration: none;
}
.cart-end-btn-set {
    margin-top: 15px;
}
.cart-footer-area {
    margin-top: 32px;
    width: 100%;
    background: #0cc;
    padding: 0px 22px;
    border-radius: 0px 0px 18px 18px;
    border-top: 1px solid #f1f1f1;
    background: #f6f6f6;
    box-shadow: 0px 0px 26.3px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding-bottom: 15px;
}

/*Hungry Cart Set/
.div-hungry-set {
    padding: 30px;
}
.div-hungry-set div#nav-home p {
    padding: 0px 70px;
}

/*Store Close CSS/
.div-store-closed-set {
    padding: 30px;
}
.div-store-closed-set div#nav-home p {
    padding: 0px 40px;
}

/*Radio Box Style*/
div.radio-with-Icon {
    display: block;
}
div.radio-with-Icon p.radioOption-Item {
    display: inline-block;
    width: auto;
    height: auto;
    /*height: 100px;*/
    box-sizing: border-box;
    border: none;
}
div.radio-with-Icon p.radioOption-Item label {
    width: 100%;
    padding: 10px 10px;
    color: #de1831;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    color: #828282;
    font-family: "Rubik";
    font-size: var(--Title-Small-Size, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Title-Small-Line-Height, 20px);
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
    margin-bottom: 0px;
    display: grid;
}
div.radio-with-Icon p.radioOption-Item label span {
    font-size: 12px;
    font-weight: 300;
    color: #828282;
}
div.radio-with-Icon p.radioOption-Item label::after,
div.radio-with-Icon p.radioOption-Item label:after,
div.radio-with-Icon p.radioOption-Item label::before,
div.radio-with-Icon p.radioOption-Item label:before {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
div.radio-with-Icon p.radioOption-Item label i svg path {
    fill: #828282;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {
    opacity: 1;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label,  div.radio-with-Icon p.radioOption-Item label:hover {
    /*opacity: 1;*/
    /*border-bottom: 3px solid #de1831;*/
    /*color: #ed2043;*/
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label i svg path,  div.radio-with-Icon p.radioOption-Item label:hover i svg path {
    /*fill: #ed2043;*/
    fill: black;
}
@media only screen and (max-width: 600px) {
    .collapse:not(.show) {
        display: none;
    }
    .tabs-arrow-set {
        display: block;
    }
    .main-banner-img {
        border-radius: 0px;
        width: 100% !important;
        height: auto;
    }
    section.section.section-main-banner-mobile {
        padding: 0;
    }
    .heat-icon-set {
        position: relative;
        top: -225px;
    }
    .show-mobile {
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }
    section.section.section-main-banner .col-lg-12 {
        padding: 0;
        width: 100%;
    }
    .details-page-main-head h2 {
        color: #010f1c;
        font-family: Rubik;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        padding-bottom: 12px;
        line-height: normal;
        margin-bottom: 0px;
    }

    .sidebar-box-set {
        border-radius: 16px;
        background: transparent;
        padding: 0;
        padding-top: 22px;
    }
    div#nav-tab {
        justify-content: left;
    }
    h3.tab-head-active,
    h3.tab-sec-heading {
        font-size: var(--Title-Small-Size, 12px);
    }

    .main-nav-bar-setup {
        padding-top: 0px !important;
    }
    body > section.tabs-sec-main-set > div > div > div.col-lg-9 > div.main-nav-bar-setup > div.row > div > div {
        display: none;
    }
    section.section.section-main-banner {
        padding-top: 0px;
        padding-bottom: 31px;
    }
    /*.tabs-bar ul li:nth-child(n+4)
                        {
                            display: none;
                        }*/
    .tabs-bar ul
    {
        width: 400px;
        overflow-x: auto;
    }
    button#nav-home-tab {
        padding-top: 0px;
    }
    button#nav-profile-tab {
        padding-top: 0;
    }
    .tabs-bar {
        overflow-x: auto;
        /*width: 424px;*/
        display: inline-block;
    }
    .tabs-bar ul li {
        margin-right: 43px;
        white-space: nowrap;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .bot-set {
        position: relative;
        top: 5px;
    }
    .tab-content-jumbo h4 {
        font-size: 18px;
        font-weight: 500;
    }
    .tab-content-jumbo a {
        color: #000;
        font-size: 30px;
        float: right;
        position: relative;
        top: -50px;
        right: 16px;
    }
    .tab-content-jumbo {
        border-bottom: 1px solid #eee;
        padding-top: 18px !IMPORTANT;
    }

    .set-box h3 {
        font-size: 16px;
    }
    .set-box p {
        font-size: 12px;
    }
    .box-inner-set {
        position: absolute;
        width: 90%;
        margin: 0 auto;
    }
    .img-plus-icon {
        display: none;
    }
    .img-inner-box {
        height: 100px;
    }
    .set-box.set-box-01 {
        border: none;
    }
    .row.box-inner-set p,
    .row.box-inner-set span {
        font-size: 10px !important;
    }
    .main-nav-bar-setup .col {
        position: relative;
        top: 4px;
    }
    .main-nav-bar-setup .col.nav-bar-btn-set
    {
        display: none;
    }

    section.inner-options-2-section {
        display: none;
    }
    #nav-jumbo > div:nth-child(13) {
        border: none;
    }




    .row-2-cart-setup .row {
        display: flex;
    }
    #app > main > section:nth-child(2) > div > div > div.col-lg-4.hide-mobile.text-center {
        display: block !important;
    }
    .row-2-cart-setup .row .col-lg-9 {
        position: relative;
        top: 5px;
        padding-left: 20px;
        width: 70%;
    }
    .m-c-height{
        margin: 0px !important;
    }
    .custom-modal-border-radius{
        border-radius: 0 !important;
    }

    .tabs-bar ul.category-nav li {
        margin-right: 22px !important;
    }

    .tabs-bar ul li {
        margin-top: 7px;
        margin-bottom: 18px;
    }
}



.button-drop-setup {
    position: relative;
    top: -10px;
}

.section {
    padding: 50px 0px;
}

.heat-icon-set {
    cursor: pointer;
    width: 48px;
    height: 48px;
    padding: 8.589px;
    background: rgba(20, 34, 80, 0.41);
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -385px;
    float: right;
    right: 16px;
    transition: all 400ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images-count-set {
    background: #00000059;
    padding: 4px 8px;
    display: inline-flex;
    float: right;
    position: relative;
    top: -50px;
    right: -28px;
    background: rgba(20, 34, 80, 0.41);
    border-radius: 14px;
}

.promo-text.bg-brand{
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
    background-color: #FFCC38 !important;
}
.promo-text.bg-brand h6, .promo-text.bg-brand marquee{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    color: #142250;
    line-height: 24px;
}

.counting-set {
    color: #fff;
    font-weight: 700;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

.main-banner-img {
    border-radius: 0px 0px 10px 10px;
    height: 400px;
    object-fit: cover;
}

.details-page-main-head {
    display: ruby;
}

.details-page-main-head h2 {
    color: #010f1c;
    font-family: Rubik;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 12px;
    line-height: normal;
    margin-bottom: 0px;
}

.details-page-main-head svg {
    position: relative;
    top: -5px;
    left: 10px;
}

.details-page-second {
    display: flex;
}

.details-page-second p {
    color: #010f1c;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.details-page-second svg {
    margin-right: 10px;
    margin-top: 2px;
}

.details-page-third {
    display: flex;
}

.details-page-third .rating {
    font-size: 12px;
    color: #010f1c;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    padding-left: 10px;
}

.rating-count {
    color: #828282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 5px;
    padding-top: 2px;
}

.see-reviews {
    color: #010f1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-decoration-line: underline;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.more-info {
    color: #010f1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    padding-left: 5px;
    cursor: pointer;
}

.sidebar-box-set {
    border-radius: 16px;
    background: #fafafa;
    padding: 20px 10px;
}

h3.tab-head-active {
    color: #ed2043;
    text-align: center;
    font-family: Rubik;
    font-size: var(--Title-Small-Size, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Title-Small-Line-Height, 20px);
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
    margin-bottom: 0px;
}

.para-tab-active {
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: -15px;
}

h3.tab-sec-heading {
    color: #828282;
    text-align: center;
    font-family: 'Rubik';
    font-size: var(--Title-Small-Size, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Title-Small-Line-Height, 20px);
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
    margin-bottom: 0;
}

p.tab-para-set {
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}

div#nav-home {
    text-align: center;
}

div#nav-tab {
    text-align: center;
    justify-content: center;
}

.nav-link.active {
    background: transparent !important;
}

.wrapper {
    padding: 35px;
    position: relative;
    overflow-x: hidden;
    max-width: 1000px;
    background: #fff;
    border-radius: 13px;
}

.wrapper .icon {
    position: absolute;
    top: 0;
    height: 100%;
    width: 120px;
    display: flex;
    align-items: center;
}

.icon:first-child {
    left: 0;
    display: none;
    background: linear-gradient(90deg, #fff 70%, transparent);
}

.icon:last-child {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(-90deg, #fff 70%, transparent);
}

.icon i {
    width: 55px;
    height: 55px;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
}

.icon i:hover {
    background: #efedfb;
}

.icon:first-child i {
    margin-left: 15px;
}

.icon:last-child i {
    margin-right: 15px;
}

.wrapper .tabs-box {
    display: flex;
    gap: 12px;
    list-style: none;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.tabs-box.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

.tabs-box .tab {
    cursor: pointer;
    font-size: 1.18rem;
    white-space: nowrap;
    background: #f5f4fd;
    padding: 13px 20px;
    border-radius: 30px;
    border: 1px solid #d8d5f2;
}

.tabs-box .tab:hover {
    background: #efedfb;
}

.tabs-box.dragging .tab {
    user-select: none;
    pointer-events: none;
}

.main-nav-bar-setup .tabs-box .tab.active {
    border: 1px solid #0cc;
    border-color: transparent;
}

.tab-content-jumbo h4 {
    color: #142250;
    font-family: Rubik;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.set-box.set-box-01 {
    border-radius: 16px;
    border: 1px solid #f1f1f1;
    margin-top: 16px;
    background: white;
}

.set-box h3 {
    color: #142250;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.set-box p {
    color: #828282;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-inner-set {
     display: ruby;
}

.main-nav-bar-setup .col {
    width: 16%;
    position: relative;
    top: 0px;
}

.box-inner-set span {
    color: #828282;
    font-family: Poppins;
    font-size: 10px;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: table;
    margin: 0 auto;
}

.box-inner-set p {
    display: ruby;
    color: #707070;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px; /* 167.775% */
    opacity: 0.8;
    margin-bottom: 0px;
}

.box-inner-set {
    position: relative;
    left: 10px;
    padding: 17px 16px;
    border-radius: 10px;
    background: #fafafa;
    width: 100%;
    text-align: center;
    gap: 10px;
    border-radius: 10px;
    background: #FAFAFA;
}

.box-inner-set .our-price {
    color: #eb0029 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box-inner-set p.price-tag {
    color: #142250 !important;
    font-family: Poppins;
    /*font-size: 14px;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px;
    opacity: 1;
    display: ruby;
}

.price-tag span {
    color: #ff9500 !important;
}

.our-save {
    color: #142250 !important;
}

.our-save-p {
    color: #142250 !important;
    display: ruby;
}

.our-save-p span {
    color: #ff9500 !important;
}

.img-inner-box {
    width: 100%;
    height: 100%;
    border-radius: var(--Corner-None, 0px) 14px 14px var(--Corner-None, 0px);
}

.img-inner-box2 {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    object-fit: cover;
}
#headerMain > div > div > div.d-flex.align-items-center.\).flex-fill.justify-content-end > nav > div > ul > li:nth-child(3) > a{
    position: relative;
}

.set-box.set-box-01 .col-lg-8 {
    padding: 20px 0px 35px 40px;
}

.set-box.set-box-01 .col-lg-12 {
    padding: 20px 0px 20px 40px;
}

.nav-circle-right {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 7.5px;
    justify-content: center;
    align-items: center;
    border-radius: 22.5px;
    background: #EB0029;
    cursor: pointer;
}

.nav-circle-left {
    border-radius: 22.5px;
    background: var(--Gray-5, #E0E0E0);
    display: flex;
    width: 24px;
    height: 24px;
    padding: 7.5px;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    cursor: pointer;
}

.nav-bar-btn-set {
    display: flex;
}

.main-nav-bar-setup .col {
    color: #142250;
    text-align: center;
    font-family: Rubik;
    font-size: var(--Title-Small-Size, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Title-Small-Line-Height, 20px); /* 142.857% */
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
    padding-right: 0px;
    padding-left: 0px;
}

.main-nav-bar-setup .col.active::after {
    background: #828282;
    content: "";
    height: 3px;
    width: 80px;
    position: absolute;
    margin: 0 auto;
    left: 122px;
    display: table;
}

.heat-icon-set img {
    padding-top: 0px;
}

.set-bot-height {
    margin-bottom: -50px;
}

section.section.section-main-banner {
    padding-bottom: 25px;
    padding-top: 10px;
}

.images-count-set img {
    margin-right: 10px;
}

.tabs-bar {
    display: flex;
}

.tabs-bar ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
    /*border-bottom: 2px solid #F1F1F1;*/
}
.tabs-bar ul::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
}
.tabs-bar ul.category-nav li{
    list-style: none;
    margin-right: 25px;
    font-family: 'Rubik';
    color: #142250;
    text-align: center;
    font-size: var(--Title-Small-Size, 14px);
    /*font-size: var(--Title-Small-Size, 16px);*/
    font-style: normal;
    font-weight: 500;
    line-height: var(--Title-Small-Line-Height, 20px);
    letter-spacing: var(--Title-Small-Tracking, 0.1px);
}

.tabs-bar ul
{
    width:100%;
}

.tabs-bar ul.category-nav li.active a {
    color: #ed2043 !important;
    /*color: #010F1C !important;*/
    font-size: 14px;
    font-weight: 500;
}
.tabs-bar ul.category-nav li a {
    color: #000000 !important;
    /*color: white !important;*/
    font-size: 14px;
}
.tabs-bar ul.category-nav li
{
    margin-right: 22px;
    /*background-color: #242e30;*/
    border-color: #262626;
    color: #fff;
    padding: 5px 12px;
    display: flex;
    height: 32px;
    border-radius: 50rem;
    align-items: center;
}

.tabs-bar ul.category-nav li.active {
    margin-right: 22px;
    background-color: #242e30;
    border-color: #262626;
    color: #fff;
    padding: 5px 12px;
    display: flex;
    height: 32px;
    border-radius: 50rem;
    align-items: center;
    /*margin-bottom: 5px;*/
}
.tabs-bar ul.category-nav li.active a {
    color: white !important;
}

.details-page-third p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.main-nav-bar-setup {
    padding-top: 25px;
}

.active .bot-set {
    background: #de1831;
    /*background: #142250;*/
    height: 3px;
    border-radius: 100px 100px var(--Corner-None, 0px) var(--Corner-None, 0px);
}

.tab-content-jumbo {
    padding-top: 42px;
    /*padding-top: 18px;*/

}

.img-plus-icon {
    border-radius: 16px;
    border: 1.333px solid #F1F1F1;
    background: #FFF;
    box-shadow: 0px 6.063px 14.821px -4.042px rgba(135, 135, 135, 0.09);
    display: flex;
    height: 32px;
    padding: 5.726px;
    justify-content: center;
    align-items: center;
    gap: 3.368px;
    position: relative;
    top: -44px;
    float: right;
    right: 12px;
    margin-bottom: -30px;
    cursor: pointer;
}

button#nav-home-tab {
    border: none;
    padding-bottom: 0px;
}

#nav-home-tab > svg:nth-child(4) {
    position: relative;
    top: 6px;
}

button#nav-profile-tab:hover {
    border: none;
}

div#nav-home p {
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

div#nav-home h3 {
    color: #010F1C;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
}

.variant-choices .variant-choice {
    border: 1px solid #f1f1f1 !important;
}

.custom-radio-label {
    background-color: transparent !important;
}

.add-cart-btn-color, .add-cart-btn-color[disabled] {
    background: #EB0029 !important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
}

.btn.btn-circle.plusQtyBtn, .btn.btn-circle.minusQtyBtn {
    line-height: 1.2;
    border-color: #212529;
}

.btn.btn-circle.plusQtyBtn[disabled], .btn.btn-circle.minusQtyBtn[disabled] {
    line-height: 1.2;
    border-color: #ececec;
}
.cart-end-btn-set.disabled{
    background: #eb002990 ! IMPORTANT;
}

h6.cartQtyLabel {
    margin-top: 0px !important;
}

.modal-header {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    background-color: transparent !important;
    border-bottom: 0;
    z-index: 9999999;
}

.p-0 {
    padding: 0 !important;
}

/*Responsive Styles*/
.section-main-banner {
    display: block;
}

.show-mobile {
    display: none;
}

.hide-mobile {
    display: block;
}

.addCartItemNoteBtn{
    cursor: pointer;
}

button.addNoteBtn {
    background: #eb0029 !important;
    border: 0;
    padding: 10px 24px;
}
.old-addFavProviderBtn, .old-delFavProviderBtn {
    top: 0;
    right: 0;
    color: #fff;
    font-size: 1.5rem;
    position: relative; !important;
    z-index: 100;
    text-shadow: #ccc 2px 2px 15px;
}
.delFavProviderBtn {
    color: #eb0029;
}
.cart-end-btn-set.diabled {
    background: #eb002969 !important;
}

.table {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}
th.top-line-set.our-price-table-cust {
    text-align: right;
}
.box-inner-set {
    padding: 25px 0px;
}


.tabs-bar ul.category-nav li a {
    white-space: nowrap;
}
.tabs-bar {
    display: inline-block;
    padding: 0px 15px;
}
.tabs-bar ul {
    overflow-x: auto;
    max-width: 800px;
}

#category-items-281 > div > div > div.col-lg-8 > div > div:nth-child(5) > p {
    color: #010F1C !important;
}

#category-items-281 > div > div > div.col-lg-8 > div > div:nth-child(5) > p span {
    color: #ff9500 !important;
}

#category-items-281 > div > div > div.col-lg-8 > div > div:nth-child(6) > p {
    color: #010F1C !important;
    opacity:1;
}

.img-inner-box {
    height: 195px;
    object-fit: cover;
}



/* width */
/*::-webkit-scrollbar {
    width: 6px;
}*/


#app > main > section:nth-child(2) > div > div > div.col-lg-4.hide-mobile.text-center {
    background: #FAFAFA;
    border-radius: 16px;
    height: max-content;
}

.row-2-cart-setup {
    padding: 0;
}

#nav-home > div.cart-side-area.cart-summary > div.row-2-cart-setup > div:nth-child(2) {
    padding-bottom: 0px;
}

.cart-content-set h5
{
    margin:0;
}
.col-lg-8.cart-content-set {
    position: relative;
    left: -30px;
    top: 10px;
}

.divDeleteCartItemBtn{
    width: 32px;
    height: 32px;
    /*margin-left: 8px;*/
    padding: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.368px;
    border-radius: 16px;
    cursor: pointer;
    border: 1.333px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 6.063px 14.821px -4.042px rgba(135, 135,135,0.09);
}
.divDeleteCartItemBtn svg {
    position: relative;
    /*top: -2px;*/
}
.divAddCartItemNoteBtn{
    width: 32px;
    height: 32px;
    /*margin-left: 8px;*/
    /*padding: 5.726px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.368px;
    border-radius: 16px;
    cursor: pointer;
    border: 1.333px solid #f1f1f1;
    background: #fff;
    box-shadow: 0px 6.063px 14.821px -4.042px rgba(135, 135,135,0.09);
}
.divAddCartItemNoteBtn svg {
    position: relative;
    /*top: -2px;*/
}
#category-items-281 > div > div > div.col-lg-8 > div > div:nth-child(5) > span {
    color: #eb0029 !important;
}
.tab-content-jumbo h4
{
    color: #010F1C;
}

.set-box h3 {
    color: #010F1C;
}

.cart-calculate-set h4.how-much-you
{
    padding-left:0px;
}
.cart-tbl
{
    margin-left:0px;
}

td.total-cust-tbl {
    color: #010F1C;
    font-size: 12px;
}

.form-control:focus {
    box-shadow: unset;
    border: revert !important;
    background-color: unset;
 }

#category-items-281 > div > div > div.col-lg-8 > div > div:nth-child(6) > span {
    color: #010F1C !important;
    font-size: 10px;
    font-weight:500;
}
.hidden{
    display: none;
}
p.variant-section-header, p.vpi-section-header span, .vpi-section-header span {
    font-family: "Rubik";
    color: #010F1C;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
@media only screen and (max-width: 600px) {
    .section-main-banner {
        display: none;
    }

    .main-banner-img {
        border-radius: 0px;
        width: 100% !important;
    }

    .cat_web_description{
      margin-bottom: 10px !important;
      margin-top: 10px !important;
    }

    section.section.section-main-banner-mobile {
        padding: 0;
    }

    .heat-icon-set {
        position: relative;
        top: -115px;
    }

    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    .section-main-banner {
        display: block;
    }
    .main-banner-img {
        height: 230px;
    }
    section.section.section-main-banner {
        padding-bottom: 25px;
        padding-top: 0px;
    }
    .heat-icon-set {
        position: relative;
        top: -222px;
    }
    .details-page-main-head h2 {
        font-size: 24px !important;
    }
    .details-page-third {
        margin-bottom: 25px;
    }
    .img-inner-box {
        height: 120px !important;
        border-radius: 0px 14px 0px 0px;
    }
    .set-box.set-box-01 .col-lg-8 .row.box-inner-set {
        position: absolute;
        left: 10px;
        width: 360px;
        top: 130px;
        padding: 10px 0px;
    }
    .set-box p {
        line-height: 20px;
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /*word-break: break-all;*/
        word-break: break-word;
    }

    .set-box h3 {
        font-size: 16px;
    }

    .main-nav-bar-setup .col {
        position: relative;
        top: 4px;
        width: 25%;
    }
    #category-items-281 > div > div > div.col-lg-8 > p:nth-child(3) {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 60px;
        position: relative;
    }

    #app > main > section:nth-child(2) > div > div > div.col-lg-8 > div.col-lg-4.show-mobile {
        display: none;
    }
    .tabs-bar ul.category-nav li a {
        /*color: white !important;*/
        font-size: 13px;
        font-weight: 500 !important;
    }
    .tabs-bar ul {
        border-bottom: 2px solid #F1F1F1;
    }
}

@media only screen and (max-width: 375px) {
    .set-box.set-box-01 .col-lg-8 .row.box-inner-set {
        width: 310px;
    }
}

@media only screen and (max-width: 320px) {
    .set-box.set-box-01 .col-lg-8 .row.box-inner-set {
        width: 250px;
    }
    .main-nav-bar-setup .col {
        width: 20%;
    }
}


/**       Final CSS       **/
.modal-backdrop {
    width: 100%;
    height: 100%;
}

/********Review Popup Style***********/

#reviewModal .modal-content {
    position: relative;
    top: 50px;
}
#reviewModal .modal-title-style {
    font-size: 40px;
    color: #010F1C;
    font-weight: 600;
}

#reviewModal > div > div > div.modal-body.review-modal > div.d-flex.justify-content-between.align-items-center.mb-3.review-section > div.row.progress-box-custom {
    width: 75%;
    position: relative;
    left: 10px;
}

ul#reviewTabs li button {
    color: #828282;
    font-weight: 600;
    border-bottom: none;
}
ul#reviewTabs li button.active {
    color: #010F1C;
    border-bottom:6px solid #010F1C;
}

/********Review Popup Style***********/

#moreInfoModal .modal-content {
    position: relative;
    top: 0px;
}
#noteModal .modal-title-style, #foodSelectionModal .modal-title-style, #moreInfoModal .modal-title-style, #reviewModal .modal-title-style, #shareModal .modal-title-style {
    color: #010F1C;
    text-align: center;
    width: 100%;
}
#moreInfoModal .desc-text {
    display: none;
}
#nav-tabContent .collapse:not(.show) {
    display: block;
}
#nav-tabContent .tabs-arrow-set{
    display: none;
}
.col-lg-9.cart-content-set h6 {
    position: relative;
    left: 62px;
    margin-top: 0px;
}
a.more-info-a {
    display: flex;
}
.btn.btn-circle.plusQtyBtn i, .btn.btn-circle.minusQtyBtn i {
    display: flex;
    align-items: center;
    justify-content: center;
}
.promo-text{
    position: relative;
}

#noteModal .modal-header, #moreInfoModal .modal-header, #reviewModal .modal-header,#foodSelectionModal .modal-header, #shareModal .modal-header {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    padding: 15px;
    flex-flow: row;
}
@media only screen and (max-width: 600px) {
    #foodSelectionModal button.btn-close-img {
        top: 25px;
        right: 25px;
        left: auto;
    }
    .add-cart-custom-position {
        height: 65px;
    }
    .section-main-banner{
      margin-top: 20px;
    }
    .banner-container{
        padding-right: 7px;
        padding-left: 7px;
    }
    .promo-container{
        padding-right: 7px;
        padding-left: 7px;
        margin-top: -3px;
        margin-bottom: -7px;
    }
    #nav-tabContent .collapse:not(.show) {
        display: none;
    }
    #nav-tabContent .tabs-arrow-set{
        display: block;
    }
    .tab-content-jumbo a {
        color: #000;
        font-size: 30px;
        float: right;
        position: relative;
        top: -50px;
        right: 16px;
    }
    .tab-content-jumbo a span{
        color: #828282;
        font-size: 30px;
    }
    .box-inner-set p.price-tag{
        white-space: nowrap;
    }
    div#reviewModal {
        padding-right: 0px !important;
    }
    .set-box p span {
        font-size: 12px !important;
        color: #828282;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        display: ruby;
    }
    .img-plus-icon {
        height: 26px;
        width: 26px;
        padding: 5.726px;
        top: -30px;
        float: right;
        right: 2px;
    }
    .tab-content-jumbo h4 {
        color: #010F1C;
        font-family: Rubik;
        font-size: 15px;
        /*font-size: 18px;*/
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .tabs-bar ul.category-nav li{
        font-size: var(--Title-Small-Size, 16px);
      }
    /*************Mobile Responsive***************/
    #reviewModal .modal-content {
        top: 0px;
        min-height: max-content;
        left: 0px;
    }
    #reviewModal .modal-title-style {
        font-size: 24px;
        color: #010F1C;
        font-weight: 700;
        position: relative;
        top: 7px;
        left: 0px;
        width: 100%;
        margin-right: 0 !important;
        text-align: center;
    }
    #reviewModal > div > div > div.modal-body.review-modal > div.d-flex.justify-content-between.align-items-center.mb-3.review-section > div.row.progress-box-custom{
        width: 100%;
        left: 0;
    }
    #reviewModal > div > div > div.modal-body.review-modal > div.d-flex.justify-content-between.align-items-center.mb-3.review-section {
        display: inline-block !important;
        width: 100%;
    }
    #reviewModal > div > div > div.modal-body.review-modal > div.d-flex.justify-content-between.align-items-center.mb-3.review-section > div:nth-child(1) {
        padding: 20px 0px;
    }
    #reviewModal .d-flex.align-items-center .col-2 {
        white-space: nowrap;
    }
    ul#reviewTabs li {
        padding: 0px 12px;
    }

    /********Mobile Review Popup Style***********/
    div#moreInfoModal {
        padding-right: 0px !important;
    }
    #moreInfoModal .modal-content {
        top: 0px;
        min-height: max-content;
        left: 0px;
    }

    /********Mobile Share Popup Style***********/
    div#shareModal {
        padding-right: 0px !important;
    }
    #shareModal .share-box div:nth-child(6) p {
        text-align: end !important;
    }

    .share-modal {
        padding-left: 10px;
        padding-right: 10px;
        min-height: max-content;
    }


    /********Mobile foodSelectionModal Popup Style***********/
    div#foodSelectionModal {
        padding: 0 5px !important;
        padding-right: 0px !important;
    }
    #foodSelectionModal .details-text {
        display: block;
        font-size: 24px;
        position: relative;
        /*left: 225px;*/
        /*top: 4px;*/
        width: 100%;
        text-align: center;
    }
    #foodSelectionModal h6.cartQtyLabel.text-center.mx-2.pt-2 {
        position: relative;
        top: -2px;
        font-size: 20px;
    }


    div#nav-home {
        padding: 0px 5px;
    }
    .col-lg-3.cart-plus-min-btn {
        width: 30%;
        justify-content: right;
    }
    .row.col9SubRow .col-lg-4{
        width: 30%;
    }
    .row.col9SubRow .col-lg-8{
        width: 70%;
    }
    .col-lg-8.cart-content-set{
        left: 0 !important;
    }
    .cart-content-set h6 {
        margin: 0;
    }
    .col-lg-3.cart-content-set{
        width: 30%;
    }
    #nav-home > div.cart-side-area.cart-summary > div.row-2-cart-setup > div:nth-child(2){
        padding-bottom: 0px;
    }
    .row-2-cart-setup-sub-product {
        margin-top: 30px !important;
        /* padding-top: 40px; */
    }
    #nav-home > div.cart-side-area.cart-summary > div.row-2-cart-setup > div:nth-child(1) {
        margin-top: 0px !important;
    }
    .row-2-cart-setup{
        padding-bottom: 30px !important;
    }
    section#footer .container{
        z-index: -1;
    }
    .cart-footer-area {
        position: fixed;
        /*bottom: 0;*/
        bottom: 54px;
        left: 0;
        background-color: #fff;
        border-top: 1px solid #E8E8E8;
        z-index: 99;
        margin-top: 0px;
        padding-top: 10px;
    }
    .cart-end-text {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    .total-cal-set {
        float: right;
        width: 100%;
        text-align: right;
        margin-right: 51px;
        position: relative;
        top: -7px;
    }
    .set-box.set-box-01 {
        border: 1px solid #e9e9e9 !important;
        width: 100%;
        height: 200px;
        display: flex;
        flex-wrap: wrap;
    }
    .tab-content-jumbo {
        border-bottom: 1px solid #e9e9e9 !important;
    }
    .set-box.set-box-01 .col-8 {
        padding: 20px 0px 0px 15px;
    }
    section#footer .container{
        display: none;
    }
    .copyright {
        display: flex !important;
    }
    p.radioOption-Item i {
        display: none;
    }
    div#nav-tab {
        justify-content: center;
    }
    #app > main > section:nth-child(2) > div > div > div.col-lg-4.hide-mobile{
        background: #fff;
    }
    .cart-desk-items{
        display:none;
    }
    .nav-tabs {
         border-bottom:none !important;
    }
    a.more-info-a {
        display: flex;
    }
    .col-lg-12.order-1.d-block.d-md-none .details-page-third {
         margin-bottom: 0px;
    }
    .row.food-tile-inner-row{
        width: 100%;
        margin: 0;
        position: relative;
        /*top: -22px;*/
    }
    .food-tile-inner-col8{
        padding: 20px 0 0 20px;
    }
    .food-tile-inner-col4{
        padding-right: 0;
    }
    .main-nav-bar-setup .col.our-price-col {
        position: relative;
        /*top: -2px;*/
    }
    .mobile-addToCartBtn {
        font-size: 14px !important;
    }
    .cart-side-area.cart-summary .cart-calculate-set .cart-calculate-chart{
        display: none;
    }
    h5.checkout-btn-text i {
        position:relative;
        top:-3px;
        padding-right: 8px;
    }
    .cart-end-text h5{
        color: #fff;
        position: absolute;
        bottom: 10px;
        padding: 0px 10px;
        margin: 0px 10px;
    }
    .total-cal-set h6{
        color: #fff;
    }
    .cart-end-btn-set {
        margin-top: 0px;
    }
    .hungry-div{
        display:none;
    }
    .cart-side-area.cart-summary hr{
        display:none;
    }
    div.radio-with-Icon p.radioOption-Item label{
        padding: 0px;
    }
    div.radio-with-Icon p.radioOption-Item {
        /*height: 50px;*/
        height: auto;
    }

    .promo-text.bg-brand{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    .set-box.set-box-01 {
        position: relative;
        top: -20px;
    }
    #foodSelectionChoices .vpi-item-choices-container  > p:nth-child(2){
        display: none;
    }
    label.custom-radio-label.variant-name,
    label.custom-radio-label.vpi-product-name,
    .custom-form-check.vpi-item-choice > div:nth-child(2) > span,
    .custom-form-check.variant-choice.get-variant-extra-items > div:nth-child(2) > span
    {
        font-size: 14px !important;
    }
    /*.tabs-bar ul.category-nav li {*/
    /*    background-color: black;*/
    /*    padding: 8px;*/
    /*    border-radius: 25px;*/
    /*    color: #fff !important;*/
    /*}*/
    /*.tabs-bar ul.category-nav li a {*/
    /*    color: #ffffff !important;*/
    /*    font-weight: 400;*/
    /*}*/

    #foodSelectionModal .modal-title-style, #moreInfoModal .modal-title-style, #reviewModal .modal-title-style, #shareModal .modal-title-style , #noteModal .modal-title-style {
        font-size: 24px;
    }
    #noteModal .modal-header, #moreInfoModal .modal-header, #reviewModal .modal-header, #foodSelectionModal .modal-header, #shareModal .modal-header{
      padding: 0px;
      border-bottom: 1px solid #E8E8E8 !important;
    }
    .box-inner-set{
        left: 0px;
        width: 94%;
        padding: 5px 10px !important;
        /*padding: 0px 25px !important;*/
        bottom: 10px;
        display: flex;
        align-content: space-around;
    }
}
@media only screen and (max-width: 350px)
{
    .custom-modal-btn-position::before {
        font-size: 32px;
        top: -18px;
        left: -3px;
    }
}
.two-line-truncate1{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important; /* Limit to 2 lines */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
}
p#foodSelectionProductDesc{
    overflow: hidden;
    word-wrap: break-word;
}
.eZRzFp {
    position: relative;
    display: flex;
    padding: 0.25rem;
    gap: 0.25rem;
    border-radius: 0.5rem;
    background-color: rgba(229, 229, 229, 0.7);
    margin-top: 12px;
    margin-bottom: 12px;
}
.cJDEFi {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-block: 0.25rem;
    border-radius: 0.375rem;
    background: rgb(252, 252, 252);
    transition: width 200ms, transform;
}
.ebiOUn {
    position: relative;
    flex: 1 1 0%;
    padding: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
    text-align: center;
    border-radius: 0.375rem;
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: 200ms;
    transition-timing-function: ease;
    color: rgba(0, 0, 0, 0.5);
}
.cbAhnX {
    position: relative;
    display: inline-flex !important;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.85em;
    max-width: 100%;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    user-select: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 200ms;
    transition-timing-function: ease;
    /*padding: 0.5rem 1rem;*/
    padding: 0px;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0px;
}
/*div.radio-with-Icon p.radioOption-Item:has(input[type="radio"]:checked) {
    background: #FCFCFC;
}*/
div.radio-with-Icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
div.radio-with-Icon p.radioOption-Item label{
    padding: 0.5rem 1rem;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label, div.radio-with-Icon p.radioOption-Item label:hover {
    background: #FFFFFF;
    /*background: #FCFCFC;*/
    border-radius: 8px;
    border: 1px solid #FF1414;
    color: black;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label span {
    color: black;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"] {
    display: none;
}