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

#headerMain{
  height: 84px;
}
ul.header-nav-eat {
}

ul.header-nav-eat 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); /* 142.857% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

ul.header-nav-eat .partener {
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  /* gap: 8px; */
  padding: 10px 24px;
  border-radius: 100px;
  /*background: var(--brand-color);*/
}

ul.header-nav-eat .partener 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); /* 142.857% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

.hero {
  width: 100%;
  min-height: 60vh;
  position: relative;
  padding: 60px 0;
  display: flex;
  align-items: center;
}

.hero {
  background: #f6f6f6;
}

.hero h1 {
  color: #010f1c;
  font-family: Rubik;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px; /* 150% */
  letter-spacing: var(--Display-Large-Tracking, -0.25px);
}

.hero-form {
}
.hero-form .newsletter-form {
  max-width: 591px;
  margin-top: 25px;
  margin-bottom: 15px;
  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);
}

.hero-form .newsletter-form input[type="text"] {
  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;
}

.hero-form .hero-button {
  border: 0;
  margin: -5px -8px -5px 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: var(--brand-color);
  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;
}

.pricing-comparison {
  display: flex;
  padding: 14px 24px 13px 24px;
  justify-content: center;
  align-items: center;
  max-width: 420px;

  border-radius: 49px;
  background: #fff;
  margin-top: 32px;
}

.pricing-comparison li .head {
  color: #828282;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.pricing-comparison li:first-child .head {
  color: var(--brand-color);
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.pricing-comparison li .body span {
  color: #707070;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.133px;

  opacity: 0.8;
}

.pricing-comparison li .body span:nth-child(2) {
  color: #4d4d4d;
  font-size: 16px;
}

.pricing-comparison li:first-child .body span {
  color: var(--Colors-Orange, var(--Colors-Orange, #ff9500));
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.133px;
}

.pricing-comparison li:first-child .body span:nth-child(2) {
  color: #000;
  font-size: 16px;
}

/* last child pricing */
.pricing-comparison li:last-child .head {
  color: #000;
}

.pricing-comparison li:last-child .body span {
  color: var(--Colors-Orange, var(--Colors-Orange, #ff9500));
  text-align: center;
}

.pricing-comparison li:last-child .body span:nth-child(2) {
  color: #000;
}

.store-btns-div {
  margin-top: 25px;
}

#how-we-do-section {
  padding: 100px 0 90px 0;
}

#how-we-do-section h2 {
  text-align: center;
  font-family: Rubik;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.46px;
  color: #010F1C;
}

#how-we-do-section h4 {
  color: #ff5331;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: 2.88px;
}

#how-we-do-section .how-we-do-cards > div {
  display: flex;
  width: 348px;
  flex-direction: column;
  align-items: center;
  gap: 34px;
}

#how-we-do-section .how-we-do-cards > div .icon-div {
  width: 168px;
  height: 168px;
  border-radius: var(--Corner-Extra-large, 28px);
  background: #fafafa;

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

#how-we-do-section .how-we-do-cards > div .icon {
  color: #191720;
  text-align: center;
  font-family: poppins;
  font-size: 48.159px;
  font-style: normal;
  font-weight: 500;
  line-height: 53.159px;
  letter-spacing: -0.532px;
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 1000px;
}

#how-we-do-section .how-we-do-cards > div h3 {
  color: #010f1c;
  text-align: center;
  font-family: Rubik;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#how-we-do-section .how-we-do-cards > div p {
  color: #828282;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
/* start how are we different section */
#how-are-we-different h2{
    color: #FF5331;
    text-align: center;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 6.4px;
}
#how-are-we-different {
    padding: 60px 0 0px 0;
}
.how-are-we-different-p{
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    width: 684px;
}

.compare-table {
    text-align: center;
    margin: 20px 0;
    width: 849px;
}
#how-are-we-different th{
    border: 0px !important;
    padding: 30px;
}
#how-are-we-different td{
    vertical-align: middle;
    padding: 30px;
}
.cm-table-savings{
    color: #EB0029;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.cm-table-highlited{
    color: #010F1C;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.cm-table-highlited-price{
    color: #010F1C;
    font-family: Poppins;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px;
}
.cm-table-highlited-symbol{
    color: #FF9500;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px; /* 167.775% */
}
.cm-table-main-title{
    color: #FF5331;
    font-family: Lato;
    font-size: 24.293px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.19px;
}
.cm-table-title{
    color: #828282;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.19px;
    text-transform: uppercase;
}
.cm-table-price{
    opacity: 0.8;
    color: #4D4D4D;
    font-family: Poppins;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px;
}
.cm-table-price-symbol{
    color: #707070;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.133px; /* 167.775% */
    width: 55px;
}
.table-header {
    font-size: 1.5rem;
    color: #E75444; /* Customize the header color */
    font-weight: bold;
}

/* end how are we different section */
/* start mobile app section */
.hero-mob-sec {
  background: #FAFAFA;
  width: 100%;
  /*min-height: 60vh;*/
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 97px 0px 97px 80px;
  margin-bottom: 60px;
}
.hero-p{
  color: #494949;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  margin-bottom: 35px;
}
.mob-hero-span{
  color: #EB0029;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22.4px; /* 124.444% */
  letter-spacing: 2.88px;
  margin-bottom: 25px;
}
.mob-hero-h1{
  color: #010F1C;
  font-family: Rubik;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 40px;
}
/* end mobile app section */
#dishes-to-order-section {
  padding: 40px 0 60px 0;
}

#dishes-to-order-section h2 {
  color: #010f1c;
  font-family: Rubik;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.46px;
  text-transform: capitalize;
  text-align: center;
}

#dishes-to-order-section h2 .focus {
  color: #ff5331;
}

#dishes-to-order-section h4 {
  color: #142250;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
  text-align: center;
}

#dishes-to-order-section .dishes-row-1 {
  margin-top: 48px;
}

#dishes-to-order-section .dishes-row-1 .dish {
  width: 168px;
  height: 232px;
  border-radius: var(--Corner-Extra-large, 28px);
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}

#dishes-to-order-section .dishes-row-1 .dish .icon-div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

#dishes-to-order-section .dishes-row-1 .dish .icon-div .icon {
  color: #191720;
  text-align: center;
  font-family: poppins;
  font-size: 53.159px;
  font-style: normal;
  font-weight: 500;
  line-height: 53.159px; /* 100% */
  letter-spacing: -0.532px;
  display: block;
  background-color: white;
  /* padding: 30px; */
  padding: 26px 34px;
  border-radius: 1000px;
}

#dishes-to-order-section .dishes-row-1 .dish .icon-div .icon-text {
  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;
}

#dishes-to-order-section .dishes-row-1 .content {
  width: 568px;
  height: 232px;
  border-radius: var(--Corner-Extra-large, 28px);
  background: #fafafa;
}

#dishes-to-order-section .dishes-row-1 .content h6 {
  color: #142250;
  font-family: Poppins;
  font-size: 25.8px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.258px;

  padding-top: 38px;
  padding-left: 33px;
  max-width: 437px;
}

#dishes-to-order-section .dishes-row-1 .content h6 .focus-1 {
  color: #ff5331;
  font-weight: 600;
}

#dishes-to-order-section .dishes-row-1 .content h6 .focus-2 {
  color: #009b00;
  font-weight: 600;
}

.dishes-row-2 .quote-icon {
  margin-top: 10px;
}

.dishes-2-quote-text {
  color: #494949;
  font-family: poppins;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 147.826% */
  max-width: 545px;
  margin-top: 40px;
}

#newly-added {
  padding: 30px 0;
}

#newly-added .header h3 {
  color: #010f1c;
  font-family: Rubik;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.46px;
  text-transform: capitalize;
}

#newly-added .header p {
  color: #142250;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
}

#newly-added .header .buttons .slider-btn {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  border-radius: 60px;
  background: var(--Gray-5, #e0e0e0);
  position: static;
}

#newly-added .buttons .slider-btn:first-child {
  background: var(--Gray-5, #e0e0e0);
}

#newly-added .header .buttons .slider-btn:last-child {
  background: var(--brand-color);
}

#newly-added .cards-div {
}
#newly-added .cards-div .card {
  display: flex;
  width: 418px;
  height: 462px;
  padding: 284px 24px 41px 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 30px;
  background-image: 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(../image/ce-homepage/burger-background.jpeg);
  background-color: lightgray;
  background-position: -145.644px -135.796px;
  background-size: 258.821% 170.47%;
  background-repeat: no-repeat;
  color: white;
}

#newly-added .cards-div .card .content {
  text-align: left;
  width: 100%;
}

#newly-added .cards-div .card .content .title {
  color: #fff;
  font-family: Poppins;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px ;
}

#newly-added .cards-div .card .content .pricing {
  color: #fff;
  font-family: Poppins;
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
#newly-added .cards-div .card .content .pricing .currency {
  color: var(--Yellow, #f2c94c);
  font-size: 18px;
}
#newly-added .cards-div .card .content .clock {
  height: 22px;
}

#newly-added .cards-div .card .content .time {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#newly-added .cards-div .card .content .delivery {
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px;
}

#newly-added .cards-div .card .order-now a {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px;
  text-decoration: none;
  transition: padding-right 100ms;
}
/* Default state with transition */
#newly-added .cards-div .card .order-now svg {
  transition: margin-left 300ms;
}

/* Hover state */
#newly-added .cards-div .card .order-now a:hover svg {
  margin-left: 10px;
}


#trending,#recently_viewed {
  padding: 30px 0;
}

#trending .header h3,#recently_viewed .header h3{
  color: #010f1c;
  font-family: Rubik;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.46px;
  text-transform: capitalize;
}

#trending .header p,#recently_viewed .header p {
  color: #142250;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
}

#trending .header .buttons .slider-btn {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  border-radius: 60px;
  background: var(--Gray-5, #e0e0e0);
  position: static;
}

.swiper-container_1,
.swiper-container_2,
.swiper-container_3 {
  overflow: hidden;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: none !important;
}

#trending .buttons .slider-btn:first-child {
  background: var(--Gray-5, #e0e0e0);
}

#trending .header .buttons .slider-btn:last-child {
  background: var(--brand-color);
}

#trending .cards-div {
}
#trending .cards-div .card {
  display: flex;
  width: 418px;
  height: 462px;
  padding: 284px 24px 41px 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 30px;
  background-image: 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(../image/ce-homepage/burger-background.jpeg);
  background-color: lightgray;
  background-position: -145.644px -135.796px;
  background-size: 258.821% 170.47%;
  background-repeat: no-repeat;
  color: white;
}

#trending .cards-div .card .content {
}

#trending .cards-div .card .content .title {
  color: #fff;
  font-family: Poppins;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#trending .cards-div .card .content .pricing {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#trending .cards-div .card .content .pricing .currency {
  color: var(--Yellow, #f2c94c);
}

#trending .cards-div .card .content .time {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#trending .cards-div .card .content .delivery {
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px; /* 140% */
}

#trending .cards-div .card .order-now a {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px; /* 124.444% */
  text-decoration: none;
}

#footer {
  border-top: 1px solid;
  /*padding-top: 40px;*/
}

footer .footer-logo {
    max-height: 60px;
}

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;
}
#dropdownMenuButton1::after{
  content: none !important;

}
@media (min-width: 768px) {
  .hero h1 {
  }
  .header-bg-on-main {
    height: 84px;
  }
}
@media (max-width: 580px) {
  #hero h1 {
    text-align: center !important;
  }
  /* how-are-we-different */
  #how-are-we-different h2{
    color: #FF5331;
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3.52px;
  }
  .how-are-we-different-p{
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    width: 95%;
  }
  .compare-table {
      text-align: center;
      margin: 20px 0;
      width: auto;
      padding: 0px;
  }
  #how-are-we-different th{
      border: 0px !important;
      padding: 17px;
  }
  #how-are-we-different td{
      vertical-align: middle;
      padding: 17px;
  }
  .cm-table-savings{
      color: #EB0029;
      font-family: Rubik;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }
  .cm-table-highlited{
      color: #010F1C;
      font-family: Rubik;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }
  .cm-table-highlited-price{
      color: #010F1C;
      font-family: Poppins;
      font-size: 14.4px;
      font-style: normal;
      font-weight: 700;
      line-height: 20.133px;
  }
  .cm-table-highlited-symbol{
      color: #FF9500;
      text-align: center;
      font-family: Poppins;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 20.133px; /* 167.775% */
  }
  .cm-table-main-title{
      color: #FF5331;
      font-family: Lato;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.19px;
  }
  .cm-table-title{
      color: #828282;
      font-family: Lato;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.19px;
  }
  .cm-table-price{
      opacity: 0.8;
      color: #4D4D4D;
      font-family: Poppins;
      font-size: 14.4px;
      font-style: normal;
      font-weight: 700;
      line-height: 20.133px;
  }
  .cm-table-price-symbol{
      color: #707070;
      font-family: Poppins;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 20.133px; /* 167.775% */
      width: 55px;
  }
  .table-header {
      font-size: 1.5rem;
      color: #E75444; /* Customize the header color */
      font-weight: bold;
  }

  /* end how are we different section */
  .hero-mob-sec {
    padding: 64px 40px 64.075px 40px;
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .mob-hero-h1{
    color: #010F1C;
    text-align: center;
    font-family: Rubik;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.22px;
    margin-bottom: 32px;
  }
  .mob-hero-span{
    color: #EB0029;
    text-align: center !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px; /* 160% */
    letter-spacing: 2.24px;
    margin-bottom: 16px;
  }
  .hero-p{
    color: #828282;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    margin-bottom: 32px;
  }
  .hero-form .newsletter-form {
    padding: 10px 20px 9.5px 20px !important;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    align-items: center;
  }
}

/* @media (max-width: 767px) { */
@media (max-width: 1100px) {
  .site-logo {
    width: 140px;
  }

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

  ul.header-nav-eat {
    margin-top: 7px;
  }

  ul.header-nav-eat .partener {
    display: flex;
    height: 35px;
    padding: 6.17px 14.809px;
    justify-content: center;
    align-items: center;
    gap: 4.936px;
    align-self: stretch;
  }

  ul.header-nav-eat .partener a {
    color: #f2f2f2;
    text-align: center;
    font-family: Poppins;
    font-size: 11px;
    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;
  }

  #hero h1 {
    text-align: start;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.152px;
  }

  .hero-form .newsletter-form {
    border-radius: 56px;
    background: #fff;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
  }

 .hero-form .hero-button {
    display: flex;
    height: 48px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 56px;
    background: var(--brand-color);
    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: 1;
    border: 0;
  }

  .pricing-comparison {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
  }

  .pricing-comparison li p.head,
  .pricing-comparison li:first-child p.head,
  .pricing-comparison li:last-child p.head {
    font-size: 10.902px;
    font-weight: 500;
  }

  .pricing-comparison li .body span:first-child,
  .pricing-comparison li:first-child .body span:first-child {
    font-size: 10.902px;
    font-weight: 700;
  }

  .pricing-comparison li .body span:nth-child(2),
  .pricing-comparison li:first-child .body span:nth-child(2) {
    font-size: 12.203px;
    font-weight: 700;
  }

  .pricing-comparison li .body,
  .pricing-comparison li:first-child .body {
    margin-top: -2px !important;
  }

  .store-btns-div svg {
    width: 128.87px;
    height: 40px;

    margin-bottom: -30px;
  }

  #how-we-do-section {
    padding: 30px 0 50px 0;
  }

  #how-we-do-section h2 {
    font-size: 28px;
    line-height: 28px; /* 127.273% */
    letter-spacing: -0.22px;
  }

  #how-we-do-section h4 {
    font-size: 14px;
    letter-spacing: 2.24px;
  }

  #how-we-do-section .how-we-do-cards > div {
    max-width: 100%;
    gap: 15px;
  }

  #how-we-do-section .how-we-do-cards > div .icon-div {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    background: #fafafa;
  }

  #how-we-do-section .how-we-do-cards > div .icon {
    font-size: 37.971px;
    line-height: 37.971px;
    letter-spacing: -0.38px;
    display: block;
    background-color: white;
    padding: 20px;
    border-radius: 1000px;
  }

  #how-we-do-section .how-we-do-cards > div h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
  }

  #how-we-do-section .how-we-do-cards > div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }

  /* dishes to order */

  #dishes-to-order-section {
    padding: 40px 0 20px 0;
  }

  #dishes-to-order-section h2 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.22px;
  }

  #dishes-to-order-section h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; /* 166.667% */
    color: #828282;
  }

  #dishes-to-order-section .dishes-row-1 {
    margin-top: 20px;
  }

  #dishes-to-order-section .dishes-row-1 .dish {
    width: 96.456px;
    height: 135.868px;
    /* width: 168px;
    height: 232px; */
    border-radius: var(--Corner-Extra-large, 28px);
    background: #fafafa;

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

  #dishes-to-order-section .dishes-row-1 .dish .icon-div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }

  #dishes-to-order-section .dishes-row-1 .dish .icon-div .icon {
    font-size: 32.736px;
    line-height: 32.736px; /* 100% */
    letter-spacing: -0.327px;

    display: block;
    background-color: white;
    padding: 18px;
    border-radius: 1000px;
  }

  #dishes-to-order-section .dishes-row-1 .dish .icon-div .icon-text {
    font-size: 14.779px;
    line-height: 14.779px; /* 100% */
    letter-spacing: -0.148px;
  }

  #dishes-to-order-section .dishes-row-1 .content {
    border-radius: 16.897px;
    width: 342.759px;
    height: 140px;
  }

  #dishes-to-order-section .dishes-row-1 .content svg {
    width: 116.361px;
    height: 70.466px;
  }

  #dishes-to-order-section .dishes-row-1 .content h6 {
    padding-top: 25px;
    padding-left: 20px;
    max-width: 263px;

    letter-spacing: -0.156px;
    font-size: 15.569px;
  }

  .dishes-row-2 .quote-icon {
    margin-top: 10px;
    width: 44px;
    height: 36.366px;
  }

  .dishes-2-quote-text {
    max-width: 545px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px; /* 175% */
  }

  .mobile-dishes .dish img {
    width: 37px;
  }

  .quote-div {
  }

  /* newly added */

  #newly-added {
    padding: 20px 0;
  }

  #trending {
    padding: 30px 0;
  }

  #newly-added .content,
  #trending .content,#recently_viewed .content{
    margin-left: -15px;
  }

  #newly-added .header h3,
  #trending .header h3,#recently_viewed .header h3 {
    font-size: 22px;
    line-height: 28px; /* 127.273% */
    letter-spacing: -0.22px;
    text-align: center;
  }

  #newly-added .header p,
  #trending .header p,#recently_viewed .header p{
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; /* 175% */
    text-align: center;
    color: #828282;
  }

  .order-now {
    display: none !important;
  }

  .hero-form .newsletter-form input[type="text"] {
    padding: 2px;
  }

  #hero h1 {
    font-size: 20px;
  }

  #hero h1 .main-h {
    font-size: 36px;
  }

  #newly-added .cards-div {
  }
  #newly-added .cards-div .card,
  #trending .cards-div .card,
  #trending .cards-div .card,
  #trending .cards-div .card {
    display: flex;
    width: 281px;
    height: 298px;
    padding: 169px 35px 25px 16px;
    background-image: 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(../image/ce-homepage/burger-background.jpeg);
    background-color: lightgray;
    background-position: -145.644px -135.796px;
    background-size: 258.821% 170.47%;
    background-repeat: no-repeat;

  }

  #newly-added .cards-div .card .content .title,
  #trending .cards-div .card .content .title {
    font-size: 24px;
    font-weight: 600;
  }

  #newly-added .cards-div .card .content .pricing,
  #trending .cards-div .card .content .pricing {
    font-size: 18px;
  }
  #newly-added .cards-div .card .content .pricing .currency,
  #trending .cards-div .card .content .pricing .currency {
    color: var(--Yellow, #f2c94c);
    font-size: 16px;
  }

  #newly-added .cards-div .card .content .time,
  #trending .cards-div .card .content .time {
    font-size: 16px;
  }
  #newly-added .cards-div .card .content .delivery,
  #trending .cards-div .card .content .delivery {
    font-size: 14px;
  }

  #newsalam .cards-div .card .order-now,
  #newsalam .cards-div .card .order-now {
    display: none !important;
  }

  .clock {
    max-width: 19px;
  }

  /* footer */

  #footer {
    padding-top: 0px;
  }

  footer .footer-logo {
    max-height: 60px;
  }

  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;
  }
}

@media (max-width: 500px) {
  .swiper-slide.card {
    max-width: 281px;
  }
  .swiper-slide.card .content,
  #newly-added .content,
  #trending .content,#recently_viewed .content {
    margin-left: -75px !important;
  }
  footer  .footer-nav-col ul{
    columns: 2 !important;
    column-count: 2 !important;
  }
}

@media (max-width: 768px) {

  .swiper-slide.card {
    max-width: 100%;
  }
  .hero-mob-sec {
    padding: 97px 40px 97px 40px;
  }
  .pricing-comparison {
    margin-top: 25px;    
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .card {
    width: 310px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-main-section .d-custom-md-none{
    display: none !important;
  }
  .swiper-slide.card .content,
  #newly-added .content,
  #trending .content,#recently_viewed .content {
    /* margin-right: -20px !important; */
    margin-left: -70px !important;
  }
}

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

  #hero h1 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.152px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .swiper-slide.card .content,
  #newly-added .content,
  #trending .content,#recently_viewed .content {
    margin-left: -60px !important;
  }
  .swiper-slide.card {
    max-width: 280px;
    height: 280px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1201px) {
  #dishes-to-order-section .dishes-row-2 .dish {
    width: 150px;
    /* height: 232px;
    border-radius: var(--Corner-Extra-large, 28px);
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center; */
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  #newly-added {
    padding: 30px 0;
  }

  #trending {
    padding: 30px 0;
  }

  #newly-added .content,
  #trending .content {
  }

  #newly-added .header h3,
  #trending .header h3,#recently_viewed .header h3 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.22px;
    text-align: start;
  }

  #newly-added .header p,
  #trending .header p,#recently_viewed .header p {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: start;
    color: #828282;
  }

  .order-now {
    display: none !important;
  }

  #newly-added .cards-div {
  }
  #newly-added .cards-div .card,
  #trending .cards-div .card,
  #trending .cards-div .card,
  #trending .cards-div .card {
    display: flex;
    width: 231px;
    height: 281px;
    padding: 169px 35px 25px 16px;
    background-image: 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(../image/ce-homepage/burger-background.jpeg);
    background-color: lightgray;
    background-position: -145.644px -135.796px;
    background-size: 258.821% 170.47%;
    background-repeat: no-repeat;
  }

  #newly-added .cards-div .card .content .title,
  #trending .cards-div .card .content .title {
    font-size: 17px;
    font-weight: 600;
  }

  #newly-added .cards-div .card .content .pricing,
  #trending .cards-div .card .content .pricing {
    font-size: 13px;
  }
  #newly-added .cards-div .card .content .pricing .currency,
  #trending .cards-div .card .content .pricing .currency {
    color: var(--Yellow, #f2c94c);
    font-size: 10px;
  }

  #newly-added .cards-div .card .content .time,
  #trending .cards-div .card .content .time {
    font-size: 10px;
  }
  #newly-added .cards-div .card .content .delivery,
  #trending .cards-div .card .content .delivery {
    font-size: 8px;
  }

  #newsalam .cards-div .card .order-now,
  #newsalam .cards-div .card .order-now {
    display: none !important;
  }

  .clock {
    max-width: 13px;
  }
}



/* COMPAREEATS */
/* PROGRESS - DESKTOP */

#ce-progress-section {
  margin-top: 40px;
}

#ce-progress-section .progress-main {
  display: flex;
  max-width: 1323px;
  width: 100%;
  height: 80px;
  padding: 24px 59px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 56px;
  background: #fff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
}

#ce-progress-section .progress-point {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: fit-content;
  padding: 0;
  /* justify-content: center; */
}

#ce-progress-section .progress-point.active .progress-text {
  color: var(--brand-color);
}

#ce-progress-section .progress-text {
  color: #afafaf;
  text-align: center;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}

#ce-progress-section .progress-no {
  display: flex;
  line-height: 1px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  /* padding: 2px 4px; */
  border-radius: 11111px;
  fill: var(--brand-color);
  stroke-width: 2px;
  stroke: #fff;
  background-color: transparent;
  border: 2px solid #afafaf;
  color: #afafaf;
  flex-shrink: 0;
}

#ce-progress-section .progress-point.active .progress-no {
  color: white;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

#ce-progress-section .progress-line-div {
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  max-width: 436px;
  width: 100%;
  flex: 1 0 0;
}

#ce-progress-section .line {
  display: block;
  background: #afafaf;
  max-width: 436px;
  width: 100%;
  height: 2px;
}





/* FORM section */

#ce-create-partner-form-section {
  margin-top: 100px;
}

#ce-create-partner-form-section .form-main * {
  margin-bottom: 0;
}

#ce-create-partner-form-section .form-main {
  width: 556px;
  max-width: 556px;
  /* height: 806px; */
  flex-shrink: 0;
  border-radius: 35px;
  border: 1px solid #e8e8e8;
  background: #fff;
}

#ce-create-partner-form-section .address-input {
  /* border-radius: var(--Corner-Extra-small, 4px) var(--Corner-Extra-small, 4px)
    var(--Corner-None, 0px) var(--Corner-None, 0px); */
  border-radius: 222px;
  border: 1px solid #e8e8e8;
  background: #fff;
  display: flex;
  height: 56px;
  /* flex-direction: column; */
  /* justify-content: center;
align-items: flex-start; */
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  padding-left: 20px;
}

#ce-create-partner-form-section input.address-input {
  border: none;
  box-shadow: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding-right: 25px;
  /* padding-left: 20px; */
}

#ce-create-partner-form-section select.address-input {
  outline: none;
    border: 0;
    width: 81px;
  padding-left: 0px;
  height: 100%;
}

#ce-create-partner-form-section .enter-number  {
  width: 100%;
}

#ce-create-partner-form-section input.address-input::placeholder {
  color: #afafaf;
  font-family: Poppins;
  font-size: var(--Body-Large-Size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Body-Large-Line-Height, 24px); /* 150% */
  letter-spacing: var(--Body-Large-Tracking, 0.5px);
}

/*  input.address-input:focus {
  border: none;
} */

#ce-create-partner-form-section .address-input-title {
  color: #142250;
  font-family: Poppins;
  font-size: var(--Body-Small-Size, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Body-Small-Line-Height, 16px); /* 133.333% */
  letter-spacing: var(--Body-Small-Tracking, 0.4px);
  top: -8px;
  background: white;
}

#ce-create-partner-form-section .heading-main {
  color: #010F1C;
  text-align: center;
  font-family: Rubik;
  font-size: 32px;
  width: 100%;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: var(--Display-Large-Tracking, -0.25px);
  text-transform: capitalize;
}

#ce-create-partner-form-section .desc-main  {
  color: #828282;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
}

#ce-create-partner-form-section .proof-text {
  color: #828282;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
  /*margin-left: 10px;*/
}

#ce-create-partner-form-section button.create-partner-account-form-1-submit {
  margin-top: 30px;
  display: flex;
  width: 492px;
  height: 56px;
  /* flex-direction: column; */
  /* justify-content: center;
align-items: center; */
  gap: 8px;
  border-radius: 100px;
  background: var(--brand-color);
  border: 0;

  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  /* gap: 8px; */
  flex: 1 0 0;
  align-self: stretch;

  color: #f2f2f2;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px); /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

@media (max-width: 1100px) {
  #ce-create-partner-form-section .address-input {
    /* border-radius: var(--Corner-Extra-small, 4px) var(--Corner-Extra-small, 4px)
      var(--Corner-None, 0px) var(--Corner-None, 0px); */
    border-radius: 222px;
    border: 1px solid #e8e8e8;
    background: #fff;
    display: flex;
    /* height: 56px; */
    padding: 4px 16px;
    /* flex-direction: column; */
    /* justify-content: center;
  align-items: flex-start; */
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px){
    .hero-form .hero-button {
        display: flex;
        height: 40px;
        padding: 1px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 56px;
        background: var(--brand-color);
        box-shadow: 0px 10px 20px -10px rgba(234, 234, 234, 0.4);
        color: #fff;
        font-family: poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 1;
        border: 0;
        min-width: 100%;
        position: relative;
        top: -6.5px;
        left: 6px;
    }
}

input:focus {
    outline: none;
}