*{
    box-sizing:border-box;
}
/*Navbar*/
.header .nav{
    gap:58px;
}
.header .nav .primary-button a {
    font-family: var(--font-family-manrope);
    color: #fff;
}
    a:hover {
        color: rgb(227.54, 239.18, 234.77) !important;
    }

/*Vendor Page*/
.download-section{

    background-color:#000;
}

  /* screen - landing-page */
.landing-page {
    align-items: center;
    background-color: var(--wht);
    display: flex;
    flex-direction: column;
    /*height: 8695px;*/
    overflow: hidden;
    width: 100%;
}

.landing-page .overlap-group9 {
    height: 954px;
    position: relative;
    width: 1921px;
}

.landing-page .overlap-group7 {
  height: 926px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1921px;
}

.landing-page .hero-section {
  background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
  /*height: 792px;*/
  /*left: 0;
  position: absolute;
  top: 0;*/
  width: 100%;
}

.landing-page .frame-1171276543 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 54px;
  left: 364px;
  position: absolute;
  top: 260px;
}

.landing-page .frame-1171276542 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 34px;
  position: relative;
}

.landing-page .we-are-your-stop-for-home-daily-needs {
  -webkit-background-clip: text !important;
 /* -webkit-text-fill-color: transparent;*/
  background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-manrope);
  font-size: 68px;
  font-weight: 700;
  letter-spacing: -2.04px;
  line-height: 78.9px;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.landing-page .we-have-a-plan-that-1 {
  color: #fff;
  font-weight: 400;
  line-height: 36.0px;
  position: relative;
  width: 486px;
}

.landing-page .overlap-group-1 {
  height: 691px;
  /*left: 1048px;*/
  position: relative;
  /*top: 55px;*/
  width: 105%;
  overflow-y:hidden;
  scrollbar-width: none;
}

.landing-page .subject-1 {
  height: 120%;
  left: 10px;
  object-fit: contain;
  position: absolute;
  width: 480px;
  top: -40px;
  width: 480px;
}

.landing-page .rectangle-2215 {
  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0) 100%);
  height: 416px;
  left: 1px;
  position: absolute;
  top: 275px;
  width: 561px;
}

    .landing-page .rectangle-2216 {
        background: linear-gradient(-180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        height: 264px;
        left: 1px;
        position: absolute;
        top: 430px;
        transform: rotate(180deg);
        width: 561px;
    }

.landing-page .service {
  align-items: center;
  background-color: var(--orange);
  border-radius: 11.12px;
  display: flex;
  flex-direction: column;
  gap: 14.82px;
  height: 96px;
  justify-content: center;
  right: 10px;
  padding: 18.53px;
  position: absolute;
  top: 197px;
  width: 91px;
}

.landing-page .clean-svgrepo-com-2-1 {
  height: 37.05px;
  margin-top: -5.30px;
  position: relative;
  width: 37.05px;
}

.landing-page .title {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9.26px;
  margin-bottom: -5.29px;
  margin-left: -2.98px;
  margin-right: -2.98px;
  position: relative;
}

.landing-page .cleaning {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .service-1 {
  background-color: #fc690f;
  border-radius: 11.12px;
  left: 0;
  position: absolute;
  top: 460px;
}

.landing-page .food-dish-hand-serve-svgrepo-com-1 {
  height: 33.35px;
  margin-top: -3.44px;
  position: relative;
  width: 33.35px;
}

.landing-page .title-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9.26px;
  margin-bottom: -3.44px;
  position: relative;
}

.landing-page .food {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .vector-12 {
  height: 80px;
  /*left: 429px;*/
  right: 80px;
  position: absolute;
  top: 349px;
  width: 108px;
}

.landing-page .service-2 {
  background-color: var(--foundation-primary-homifieddarker);
  border-radius: 11.12px;
  left: 450px;
  position: absolute;
  top: 570px;
}

.landing-page .washing-machine-mini {
  height: 33.35px;
  margin-top: -3.44px;
  position: relative;
  width: 33.35px;
}

.landing-page .title-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9.26px;
  margin-bottom: -3.44px;
  margin-left: -0.98px;
  margin-right: -0.98px;
  position: relative;
}

.landing-page .laundry {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .new {
  align-items: center;
  display: inline-flex;
  gap: 6.43px;
  justify-content: center;
  left: 73px;
  position: absolute;
  top: -7px;
}

.landing-page .star-1 {
  height: 21.99px;
  position: relative;
  width: 21.99px;
}

.landing-page .new-1 {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: 6.4px;
  font-weight: 700;
  left: 5px;
  letter-spacing: 0;
  line-height: 7.7px;
  position: absolute;
  top: 7px;
  white-space: nowrap;
}

.landing-page .frame-2 {
  align-items: center;
  display: inline-flex;
  gap: 222px;
  justify-content: center;
  left: 0;
  padding: 48px 368px;
  position: absolute;
  top: 0;
}

.landing-page .logo {
  height: 54px;
  position: relative;
  width: 138px;
}

.landing-page .homified {
  /*color: var(--foundation-primary-homifieddarker);
  font-family: var(--font-family-manrope);
  font-size: 30px;
  font-weight: 800;
  left: 0;
  letter-spacing: 0;
  line-height: 54.0px;
  position: absolute;
  top: 0;
  white-space: nowrap;*/

  width:100%;
  height:100%;
  object-fit:cover;
}

    .landing-page .primary-button {
        align-items: center;
        background-color: var(--foundation-primary-homifiednormal);
        border-radius: 52px;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 10px;
        height: 64px;
        justify-content: center;
        padding: 22px 40px;
        position: relative;
        cursor: pointer;
    }




.landing-page .continue {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.50px;
  position: relative;
  text-align: center;
  width: fit-content;
}

    .landing-page .slider {
        align-items: center;
        background: linear-gradient(90deg, rgb(248.05, 232.86, 153.15) 0%, rgb(255 255 255 / 31%) 80%);
        display: flex;
        gap: 24px;
        height: 162px;
        justify-content: start;
        left: 0;
        padding-top: 44px;
        padding-bottom: 44px;
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

.landing-page .index-slider{
    display: flex;
    flex-direction: column;
    overflow-y:hidden;
    scrollbar-width: none;
}
    .landing-page .deets {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 24px;
        justify-content: center;
        position: relative;
        word-wrap: break-word;
        word-break: break-all;
        box-sizing: border-box;
    }

        .landing-page .deets .we-deliver-on-time-a-3 {
            margin-bottom: 0;
        }

.landing-page .index-slider .notification {
    /*position: absolute;
  width: 100%;
  height: 100%;*/
    align-items: center;
    align-self:flex-start;
    transition: transform 0.5s ease;
    opacity: 0;
    transform: translateY(0);
    position: absolute;
}
.landing-page .index-slider .notification.active{
  opacity: 1;
  transform: translateY(0);
}

.landing-page .bold-duotone-essentional-ui-delivery {
  height: 60px;
  position: relative;
  width: 60px;
}

@media only screen and (max-width:992px) {
    .landing-page .slider {
        justify-content: center !important;
        justify-items: center;
    }
    .landing-page .index-slider .notification{
        align-self: center;
    }
}
@media only screen and (max-width:676px) {
    .landing-page .bold-duotone-essentional-ui-delivery {
        height: 40px;
        width: 40px;
    }

    .landing-page .deets .order-for-food-on-time {
        font-size: 18px;
        margin-bottom: 10px !important;
    }

    .landing-page .deets .we-deliver-on-time-a-3 {
        font-size: 15px;
    }
}
@media only screen and (max-width:515px) {
    .landing-page .bold-duotone-essentional-ui-delivery {
        height: 35px;
        width: 35px;
    }

    .landing-page .deets .order-for-food-on-time {
        font-size: 16px;
        margin-bottom: 0;
        width: 290px;
        word-wrap: break-word;
        box-sizing: border-box;
        white-space: normal;
        line-height: normal;
    }

    .landing-page .deets{
        gap:5px;
    }
        .landing-page .deets .we-deliver-on-time-a-3 {
            font-size: 14px;
            width: 290px;
            word-wrap: break-word;
            box-sizing: border-box;
            white-space: normal;
            line-height: normal;
        }

    .landing-page .index-slider .notification {
        align-self: flex-start;
    }
}
@media only screen and (max-width:390px) {
    .landing-page .subject-1 {
        position: relative;
        left: -20px;
    }
}

.landing-page .frame-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  position: relative;
}

.landing-page .order-for-food-on-time {
  color: var(--gray-1);
  font-weight: 700;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .we-deliver-on-time-a-1 {
  color: var(--gray-1);
  line-height: 36.0px;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .overlap-group8 {
    /*height: 1162px;*/
    /*margin-left: 61.08px;*/
    /*margin-top: 158px;*/
    margin-top: 200px!important;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 100px;
}

    .landing-page .second-section {
        align-items: center;
        background: linear-gradient(180deg, rgb(248, 253, 251) 0%, rgba(248, 253, 251, 0) 100%);
        border: 1px solid;
        border-color: transparent;
        border-image: linear-gradient(to bottom, rgb(178, 226, 213), rgba(178, 226, 213, 0)) 1;
        border-radius: 32px;
        display: inline-flex;
        flex-direction: column;
        gap: 80px;
        /*left: 138px;*/
        padding: 100px 120px 80px;
        position: relative;
        top: 0;
        width: 80%;
        overflow: hidden;
    }

.landing-page .frame-144573 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--foundation-primary-homifiedlight);
  display: flex;
  flex: 0 0 auto;
  gap: 140px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.landing-page .frame-144578 {
  align-items: flex-start;
  display: flex;
  gap: 110px;
  position: relative;
  width: 742px;
}

.landing-page .frame-144576 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  padding: 32px 0px;
  position: relative;
  width: 155.5px;
  justify-content: center;
  cursor: pointer
}

.landing-page .riders {
  color: #cacaca;
  font-family: var(--font-family-manrope);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1.20px;
  line-height: 46.4px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .frame-144574-1 {
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(4.37, 87.37, 64.58), rgb(8, 161, 119)) 1;
  border-top-style: solid;
  border-top-width: 4px;
  flex: 1;
  flex-grow: 1;
  padding: 32px 0px;
  position: relative;
}

.landing-page .main-catergory-container {
    overflow: clip;
    width:300px;
    cursor: pointer;
}
.landing-page .main-category {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-manrope);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.20px;
  line-height: 46.4px;
  margin-left: -7.00px;
  margin-right: -7.00px;
  margin-top: -4.00px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .we-deliver-on-time-a-2 {
  color: #757575;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 25.6px;
  margin-left: -18.00px;
  margin-right: -18.00px;
  text-align: center;
  width: 200px;
  /*width: 227px;*/
  opacity: 1;
  transition: opacity 2s ease-in-out;
}

.landing-page .transit{
    opacity:0;
}

.landing-page .txt-active{
    display:none;
}


.landing-page .frame-144575 {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 32px 0px;
  position: relative;
  width: 155.5px;
  cursor: pointer;
}

.landing-page .vendors {
  color: #cacaca;
  font-family: var(--font-family-manrope);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1.20px;
  line-height: 46.4px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .group-34499 {
  height: 728px;
  position: relative;
  width: 899.04px;
}

.landing-page .group-container {
  height: 728px;
  position: relative;
  width: 899px;
}

    .landing-page .group-34496 {
        align-items: flex-start;
        background-image: url(/frontend/assets/images/main/home-light-2.png);
        background-position: 50% 50%;
        background-size: cover;
        display: flex;
        height: 693px;
        left: 579px;
        min-width: 320px;
        position: absolute;
        top: 18px;
    }

.landing-page .home_-light {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  height: 693px;
  width: 320px;
}

.landing-page .group-34497 {
  align-items: flex-start;
  background-image: url(/frontend/assets/images/main//home-light-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 693px;
  left: 0;
  min-width: 320px;
  position: absolute;
  top: 18px;
}

.landing-page .light-container {
  height: 728px;
  left: 272px;
  position: absolute;
  top: 0;
  width: 360px;
  overflow-x: clip;
}

.landing-page .home_-light-1 {
  height: 693px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 18px;
  width: 320px;
}

.landing-page .i-phone-13-mini-starlight {
  height: 728px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 364px;
}

.landing-page .x2 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 136px;
  right: 25px;
  min-width: 226px;
  position: absolute;
  top: 155px;
}

.landing-page .group-34493 {
  align-self: flex-end;
  height: 134px;
  margin-bottom: 0;
  margin-left: -1px;
  width: 128px;
}

.landing-page .service-3 {
  background-color: var(--foundation-primary-homifiednormal);
  border-radius: 12px;
  position: relative;
}

.landing-page .cleaning-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .x3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  left: 20px;
  min-height: 250px;
  position: absolute;
  top: 347px;
  width: 157px;
}

.landing-page .service-4 {
  background-color: #fc690f;
  border-radius: 12px;
  position: relative;
}

.landing-page .food-dish-hand-serve-svgrepo-com-1-1 {
  height: 33.35px;
  margin-top: -3.44px;
  position: relative;
  width: 33.35px;
}

.landing-page .food-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .group-2 {
  align-self: flex-end;
  height: 141px;
  margin-right: -1.0px;
  width: 111px;
}

.landing-page .x1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  right: 25px;
  min-height: 159px;
  position: absolute;
  top: 727px;
  width: 182px;
}

.landing-page .group-5 {
  height: 49px;
  margin-left: -1px;
  margin-top: -1px;
  width: 118px;
}

.landing-page .service-5 {
  align-self: flex-end;
  background-color: var(--foundation-primary-homifieddarker);
  border-radius: 12px;
  position: relative;
}

.landing-page .washing-machine-mini-1 {
  height: 33.35px;
  margin-top: -3.44px;
  position: relative;
  width: 33.35px;
}

.landing-page .laundry-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.93px;
  position: relative;
  width: fit-content;
}

.landing-page .new-2 {
  align-items: center;
  display: inline-flex;
  gap: 6.43px;
  justify-content: center;
  left: 73px;
  position: absolute;
  top: -7px;
}

.landing-page .new-3 {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: 6.4px;
  font-weight: 700;
  left: 5px;
  letter-spacing: 0;
  line-height: 7.7px;
  position: absolute;
  top: 7px;
  white-space: nowrap;
}

.landing-page .section-container {
  /*height: 2229px;*/
  margin-top: 220px;
  position: relative;
  width: 100%;
}

.landing-page .third-section {
  align-items: flex-start;
  background-color: var(--aztec);
  display: flex;
  flex-direction: column;
  gap: 140px;
  justify-content: center;
  left: 0;
  padding: 220px 0px 220px 100px;
  position: relative;
  top: 0;
  width: 100%;
}

.landing-page .title-3 {
  color: #0b261f;
  font-family: var(--font-family-manrope);
  font-size: 333px;
  font-weight: 200;
  left: 0;
  letter-spacing: -9.99px;
  line-height: 426.2px;
  position: absolute;
  top: 1033px;
  white-space: nowrap;
}

.landing-page .frame-144582 {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  gap: 120px;
  position: relative;
  width: 100%;
}

.landing-page .order-heading-text {
  color: var(--wht);
  flex: 0.85;
  font-family: var(--font-family-manrope);
  font-size: 52px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 66.6px;
  margin-top: -0.50px;
  position: relative;
}

.landing-page .icon {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 35px;
  justify-content: center;
  position: relative;
}

.landing-page .icon-1 {
  height: 64.0px;
  transform: rotate(-180.00deg);
  width: 64.0px;
}

.landing-page .vector-1 {
  height: 14px;
  left: 19px;
  position: absolute;
  top: 23px;
  transform: rotate(180.00deg);
  width: 21px;
}

.landing-page .icon-2 {
  height: 64px;
  width: 64px;
}

.landing-page .vector-2 {
  height: 14px;
  left: 19px;
  position: absolute;
  top: 23px;
  width: 21px;
}

.landing-page .frame-144571 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 52px;
  position: relative;
  /*width: 100%;*/
}

.landing-page .group-34493-1 {
  background: linear-gradient(180deg, rgb(255, 91.8, 0) 0%, rgb(242, 153, 74) 100%);
  /*background-image: url(/frontend/assets/images/main//mask-group-13.png);*/
  background-size: 100% 100%;
  border-radius: 14.57px;
  height: fit-content;
  position: relative;
  /*width: 753px;*/
}
.landing-page .group-34495 {
  background: linear-gradient(180deg, #e3b21f 0%, #ffdf80 100%);
}
.landing-page .hide-slide-img {
  display: none;
}

.landing-page .frame-144570 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 60px;
  height: 500px;
  padding: 50px;
  position: relative;
  width:100%;
}

.landing-page .frame-144583 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 23px;
  position: relative;
}

.landing-page .transforming-your-da {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.80px;
  line-height: 48.0px;
  margin-top: -1.00px;
  position: relative;
  width: 100%;
}

.landing-page .your-time-is-preciou {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 43.2px;
  position: relative;
  width: 100%;
}

.landing-page .address {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: -0.56px;
  line-height: 33.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .group-34494 {
  background: linear-gradient(180deg, rgb(8, 161, 119) 0%, rgb(5.87, 115.89, 85.69) 100%);
  /*background-image: url(/frontend/assets/images/main//mask-group-12.png);*/
  background-size: 100% 100%;
  border-radius: 14.57px;
  height: fit-content;
  position: relative;
  /*width: 753px;*/
}

.landing-page .slider-img{
    width: 55%;
    position: absolute;
    bottom:0;
    right:0;
}
.landing-page .slider-img img{
    width: 100%;
}
.landing-page .frame-144570-1 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 23.31px;
  height: 500px;
  padding: 50px;
  position: relative;
  width:100%;
}

.landing-page .transforming-your-da-1 {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.80px;
  line-height: 48.0px;
  margin-top: -0.97px;
  position: relative;
  width: 454px;
}

.landing-page .your-time-is-preciou-1 {
  color: var(--wht);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 43.2px;
  margin-bottom: -31.37px;
  position: relative;
  width: 331px;
}

.landing-page .fourth-section {
  align-items: center;
  background-color: var(--wht);
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 896px;
  justify-content: center;
  left: 0;
  padding: 140px 0px;
  position: relative;
  top: 0;
  width: 100%;
}

.landing-page .download-homified-vendor {
  letter-spacing: -9.99px;
  line-height: 426.2px;
  /*margin-left: -913.50px;
  margin-right: -913.50px;*/
  position: relative;
  /*left:-756px;*/
  white-space: nowrap;
  width: 100%;
  font-size:200px;
  font-weight: 500;
}

.landing-page .apple {
  align-items: center;
  background-color: var(--aztec);
  border-radius: 6.9px;
  display: inline-flex;
  gap: 8.62px;
  justify-content: center;
  right: 20px;
  padding: 24px 45px;
  position: absolute;
  top: 234px;
  left:auto;
}

.landing-page .span0 {
  letter-spacing: -0.24px;
}

.landing-page .span1 {
  color: var(--wht);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-weight: 200;
  letter-spacing: -0.24px;
  display: none;
}

.landing-page .span2 {
  color: var(--wht);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: -0.24px;
}

.landing-page .google {
  align-items: center;
  background-color: var(--aztec);
  border-radius: 6.9px;
  display: inline-flex;
  gap: 8.62px;
  justify-content: center;
  left: 20px;
  padding: 24px 45px;
  position: absolute;
  bottom: 200px;
}


.landing-page .rider-download, .landing-page .vendor-google-download {
   bottom: inherit;
}

.landing-page .vendor-download .group-1-44650{
    left: inherit;
    height: inherit;
    width: 400px;
    position: relative;
    top: -200px;
    object-fit: contain;
    margin: auto;
}

.landing-page .vendor-download .download-homified-vendor{
    position: absolute !important;
    bottom: 100px;
    /*letter-spacing: 7px;
    font-size: 72px;
    line-height: inherit;*/
}

 .landing-page .vendor-download .apple, .landing-page .vendor-download .google {
    position: relative !important;
    top: 0;
    left:0;
    letter-spacing: 7px;
    font-size: 72px;
    line-height: inherit;
    width: auto;
}

 .landing-page .vendor-download .download-button-container{
    
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto;
    position: relative;
    width: 90%;
}

.landing-page .overlap-group11 {
    height: 2687px;
    position: relative;
    width: 1920px;
}

.landing-page .fifth-coming-soon {
  align-items: center;
  background: linear-gradient(180deg, rgb(218, 241, 235) 0%, rgba(248, 253, 251, 0) 100%);
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(178, 226, 213), rgba(178, 226, 213, 0)) 1;
  display: flex;
  flex-direction: column;
  gap: 120px;
  left: 0;
  padding: 180px 120px ;
  position: relative;
  top: 0;
  width: 100%;
}

.landing-page .frame-144574-2 {
  /*left: 0;*/
  /*padding: 52px;*/
  position: relative;
  width: 100%;
}


.landing-page .star-1-1 {
  height: 67.02px;
  position: relative;
  width: 67.02px;
}

.landing-page .rectangle-2224 {
  background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
  border: 0.5px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(8, 161, 119), rgba(8, 161, 119, 0)) 1;
  border-radius: 28px;
  height: 376px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-180.00deg);
  width: 376px;
}

.landing-page .group-container-1 {
  margin-left: 19px;
}

.landing-page .frame-144574-3 {
  left: 0;
  padding: 52px;
  position: absolute;
  top: 101px;
  width: 376px;
}

.landing-page .vector-3 {
  height: 104px;
  left: 137px;
  position: absolute;
  top: 0;
  width: 104px;
}

.landing-page .group-container-2 {
  margin-left: 32px;
}

.landing-page .overlap-group-2 {
  height: 294px;
  position: relative;
  width: 376px;
}

.landing-page .frame-144574-4 {
  left: 0;
  padding: 52px;
  position: absolute;
  top: 94px;
  width: 376px;
}

.landing-page .place {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 32.5px;
  margin-top: -4.00px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .testimonial {
  align-items: center;
  background-color: var(--wht);
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding: 160px 120px;
  position: relative;
  width: 98%;
}

.landing-page .testimonial-header {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    position: relative;
}



.landing-page .tab {
  align-items: center;
  background-color: var(--wht);
  border-radius: 99px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 24px;
  position: relative;
}

.landing-page .frame-144574-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

.landing-page .group-container-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 0;
  min-height: 784px;
  width: 376px;
}

.landing-page .icon-3 {
  border: 2px solid;
  border-color: var(--foundation-primary-homifiedlight-active);
  border-radius: 32px;
  position: relative;
}

.landing-page .service-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14.82px;
  height: 96px;
  justify-content: center;
  padding: 18.53px;
  width: 91px;
  z-index: 100;
}

.landing-page .tab-3 {
  align-items: center;
  background-color: var(--wht);
  border-radius: 99px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 24px;
  position: relative;
}

.landing-page .we-deliver-on-time-a-3 {
  font-weight: 400;
  position: relative;
}
.landing-page .we-deliver-on-time-a-3:active,
.landing-page .we-deliver-on-time-a-3:current, 
.landing-page .we-deliver-on-time-a-3:focus {
  animation: slide-top 2s ease;

}

/*Hero*/
.hero-content-container {
    padding-top: 120px;
}


.hero-content-container-text {
    margin-bottom: 100px;
}

.service-heading{
    width:100%;
    text-align:center;
}
.service-heading h1{
    margin-bottom: 30px;
    font-size: 45px;
    font-weight: 700;
    color: var(--foundation-primary-homifieddarker);
}
.services-features {
    width: 100%;
    position: relative;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:50px;
    justify-content:center;
}

/*.service-card {
    background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
    border: 0.5px solid transparent;
    border-image: linear-gradient(to bottom, rgb(8, 161, 119), rgba(8, 161, 119, 0)) 1;
    border-radius: 28px;*/
    /*height: 100%;*/
    /*left: 0;*/
    /*position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 50px
}*/
.service-card {
    background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
    border: 0.5px solid transparent;
    position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 50px;
    border-radius:28px;
}
.service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 0.5px;
    background-image: linear-gradient(to bottom right,rgb(8, 161, 119), rgba(8, 161, 119, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}
.R-side {
    background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
    border: 0.5px solid transparent;
    position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 50px;
    border-radius: 28px;
}
.R-side::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 0.5px;
    background-image: linear-gradient(to top right,rgb(8, 161, 119), rgba(8, 161, 119, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}
.L-side {
    background: linear-gradient(180deg, rgb(227.54, 239.18, 234.77) 0%, rgba(227.54, 239.18, 234.77, 0) 100%);
    border: 0.5px solid transparent;
    position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 50px;
    border-radius: 28px;
}
.L-side::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 0.5px;
    background-image: linear-gradient(to left,rgb(8, 161, 119), rgba(8, 161, 119, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}
.card-icon {
    width: 100px;
    height: 100px;
}
.card-icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    top: 5px;
}
.service-card-text {
    letter-spacing: 0;
    line-height: 25.6px;
    position: relative;
    text-align: center;
    width: 100%;
}

.landing-page .new-4 {
    align-items: center;
    display: inline-flex;
    gap: 19.61px;
    justify-content: center;
    right: -30px;
    position: absolute;
    top: -40px;
}

.landing-page .rider, .landing-page .vendor {
    background: url(/frontend/assets/images/main/grain-texture.png), linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
}
.landing-page .rider .subject-1, .landing-page .vendor .subject-1{
    z-index:1000;
}

.landing-page .rider .slider, .landing-page .vendor .slider {
    padding: 44px 70px;
    bottom: 0;
    background-color: #fff;
}

.landing-page .order-carousel {
    height: 700px;
}
.landing-page .order-carousel_track  {
    width: 150%;
}
.landing-page .order-carousel-slide {
    width: 700px;
}

/*.landing-page .rider .overlap-group8, .landing-page .vendor .overlap-group8 {
    margin-top: 158px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column !important;
    align-items: center !important;
}*/

.landing-page .frame-1171276526 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 30px;
    position: relative;
}
    .landing-page .frame-1171276526 .cards {
        position: relative;
        width: 100%;
    }
    .landing-page .frame-1171276526 .Text {
        position: absolute;
        top: 20%; 
        left: 15%; 
        font-size: 16px; 
        display: flex;
        flex-wrap: wrap; 
        width: 300px; 
    }

.landing-page .card-heading1 {
    color: green;
    font-size: 20px !important;
}
.landing-page .frame-1171276526 h3 {
    font-size: 20px !important;
}
@media only screen and (min-width: 992px) and (max-width:1300px) {
    .Text {
        width: 195px !important;
        font-size: 11px !important;
        top: 17% !important;
    }

    .landing-page .frame-1171276526 h3 {
        font-size: 16px !important;
    }
}
@media only screen and (min-width:1301px) and (max-width:1430px){
    .landing-page .ride .Text {
        width: 250px !important;
        top: 18% !important;
    }
}

@media only screen and (max-width: 332px) {
    .landing-page .frame-1171276526 h3 {
        font-size: 18px !important;
    }

    .landing-page .frame-1171276526 .Text {
        width: 230px;
        font-size:13px;
    }
} 



    /*Rider*/
    .landing-page .rider .subject-1 {
        height: fit-content;
        top: 100px;
    }

.landing-page .rider1 .apple {
    align-items: center;
    background-color: var(--aztec);
    border-radius: 6.9px;
    display: inline-flex;
    gap: 8.62px;
    justify-content: center;
    right: 20px;
    padding: 24px 45px;
    position: absolute;
    top: 234px;
    left: auto;
}

@media only screen and (min-width: 521px) and (max-width: 569px) {
    .landing-page .rider1 .google {
        margin-left: 15px;
    }
    
}

    @media only screen and (max-width:570px) {
        .landing-page .rider1 .google {
            top: 760px !important;
            left: 5px !important;
        }

        .landing-page .rider1 .apple {
            align-items: center;
            border-radius: 6.9px;
            display: inline-flex;
            gap: 8.62px;
            justify-content: center;
            left: 18px !important;
            width: fit-content !important;
            padding: 24px 45px;
            position: absolute;
            top: 815px !important;
        }
    }

    @media only screen and (max-width: 992px) {

        .landing-page .rider1 .google {
            left: auto;
            right: 20px;
            top: 234px;
            width: fit-content;
            bottom: auto
        }

        .landing-page .rider1 .apple {
            top: 350px;
        }
    }

    @media only screen and (max-width:366px) {
        .landing-page .rider1 .apple {
            padding: 24px 29px;
        }
    }
    .paragraph2 {
        font-family: "DM Sans", Helvetica;
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
    }
      
    @media only screen and (max-width:765px){
        .landing-page .paragraph2 {
            font-size: 40px !important;
        }
        .service-heading h1 {
            font-size: 40px!important;
        }
    }
   


    /*Rider end*/
    /*Vendor*/
    .landing-page .vendor1 .apple {
        align-items: center;
        background-color: var(--aztec);
        border-radius: 6.9px;
        display: inline-flex;
        gap: 8.62px;
        justify-content: center;
        right: 20px;
        padding: 24px 45px;
        position: absolute;
        top: 234px;
        left: auto;
    }

.landing-page .secondary-button {
    align-items: center;
    background-color: #fff;
    border-radius: 52px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    height: 64px;
    justify-content: center;
    padding: 22px 45px;
    position: relative;
    cursor: pointer;
    color: green !important;
}

    .landing-page .secondary-button:hover,
    .landing-page .secondary-button:focus {
        color: white !important;
        background-color: #08A177 !important
    }


@media only screen and (max-width:1199px) {

    .landing-page .overlap-group-1 {
        width: 126% !important;
    }
}
    @media only screen and (max-width:570px) {
        .landing-page .vendor1 .google {
            top: 760px !important;
            left: 5px !important;
            background:none!important;
        }

        .landing-page .vendor1 .apple {
            align-items: center;
            border-radius: 6.9px;
            display: inline-flex;
            gap: 8.62px;
            justify-content: center;
            left: 18px !important;
            width: fit-content !important;
            padding: 24px 45px;
            position: absolute;
            top: 815px !important;
            background: none !important;
        }
    }

@media only screen and (min-width: 521px) and (max-width: 569px) {
    .landing-page .vendor1 .google {
        margin-left: 15px;
    }
}

    @media only screen and (max-width: 992px) {

        .landing-page .vendor1 .google {
            left: auto;
            right: 20px;
            top: 234px;
            width: fit-content;
            bottom: auto
        }

        .landing-page .vendor1 .apple {
            top: 350px;
        }
    }

    @media only screen and (max-width:366px) {
        .landing-page .vendor1 .apple {
            padding: 24px 29px;
        }
    }


/*Vendor end*/

/*Contact*/
.contact-us {
    font-size: 68px;
    font-weight: 700;
    color: #045741;
    line-height: 78.88px;
}

.landing-page .contact1 .frame-1171276542 {
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 34px;
    position: relative;
    align-items: center !important;
    margin: auto;
    width: 100%;
}
.landing-page .contact1 .we-have-a-plan-that-1
 {
    font-weight: 400;
    line-height: 36.0px;
    position: relative;
    text-align: center;
}
.landing-page .contact1 .paragraph2 {
    font-weight: 400;
    line-height: 36.0px;
    position: relative;
    text-align: center;
    display: none;
    font-size:20px;
}
.landing-page .contact1 .tools{
    display: none !important;
}
.landing-page .contact1 .forms {
   /* width: 100%;*/
    height: 400px;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}
.landing-page .contact1 .Frame-1171276536 {
    /*width: 1183px;*/
    width: 900px;
    position: absolute;
    top: 450px;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #B2E2D5;
    background-color: #fff;
}
.landing-page .contact1 .Frame-1171276536 p {
    font-size: 16px;
    line-height: 20.83px;
    color: #121212;
}
.landing-page .contact1 .Frame-427320928 {
    border-radius: 99px;
    border: 1px solid #E6F6F1;
    padding: 12px 12px;
    color: #8F8F8F;
    font-size:16px;
    margin-right:15px;
}
.landing-page .contact1 .Frame-427320928 p {
    margin-bottom: 0 !important;
}

.landing-page .contact1 .status .delv {
    background-color: #DAF1EB;
    color: #03382A;
    font-weight: 700;
}
.landing-page .contact1 .Frame-1171276536 .btn {
    background-color: #BDBDBD!important;
    color:#fff;
    width:100%;
    border-radius:52px;
    padding:8px;
}



@media only screen and (max-width:768px){
  .landing-page .contact1 .forms {
       height:550px; 
  }

}
@media only screen and (max-width:477px) {

    .contact-us{
        font-size:58px;
    }
    .landing-page .contact1 .Frame-1171276536 {
        position: initial;
        border: none;
        margin-top: 152px;
    }
    
    .landing-page .contact1 .tools {
        display: flex !important;
    }
    .landing-page .contact1 .we-have-a-plan-that-1 {
        display: none !important
    }

    .landing-page .contact1 .paragraph2 {
        display: flex !important;
        font-size: 25px !important;
    }
}





.faq {
    padding: 100px 50px;
}

    .faq-header {
        font-weight: 700;
        line-height: 55.68px;
        font-size: 48px;
        color: #08A177;
        text-align: center;
        margin-bottom: 56px;
    }

    .accordion {
        width: 80%;
    }

        .accordion > .accordion-item:nth-child(odd) {
            background-color: #E6F6F1 !important;
        }

        .accordion > .accordion-item:nth-child(even) {
            background-color: #E6F6F14D !important;
        }

    .accordion-body {
        background-color: transparent !important;
    }

    .accordion-header, .accordion-header button {
        background-color: transparent !important;
        color: #000 !important;
        font-size: 20px;
        font-weight: 500;
        width:100%;
    }

    .accordion-item {
        padding: 40px;
    }
    /*.accordion-body {
    background-color: #E6F6F1 !important;
}*/
    .accordion-button:not(.collapsed)::after {
        background-image: url(/frontend/assets/images/main/bold-duotone---essentional--ui---close-circle-1.svg) !important;
    }

    .accordion-button::after {
        background-image: url(/frontend/assets/images/main/bold-duotone---essentional--ui---add-circle-2.svg) !important;
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    /*end*/
    @media only screen and (min-width:1378px) {
        .landing-page .frame-144570 {
            gap: 140px;
        }
    }

    @media only screen and (min-width:1323px) and (max-width:1378px) {
        .landing-page .frame-144570 {
            gap: 100px;
        }
    }

    @media only screen and (max-width:1241px) {
        .landing-page .fifth-coming-soon {
            padding-left: 30px;
            padding-right: 30px;
        }
    }
    @media only screen and (max-width:600px){
        .accordion-item {
            padding: 40px 0px 40px 0px;
        }
        .faq {
            padding: 100px 0px 100px 0px;
        }
        .accordion {
            width: 100%;
        }
    }
    /*@media only screen and (min-width:992px) and (max-width:1241px){
    .landing-page .address {
        font-size: 20px;
        font-weight: 600;
    }
    .landing-page .frame-144570 {
        padding-left: 30px;
        padding-right: 30px;
    }
}*/
    @media only screen and (min-width:992px) and (max-width:1177px) {
        .landing-page .address {
            font-size: 23px;
            font-weight: 500;
        }
    }

    @media only screen and (max-width:1086px) {
        .landing-page .testimonial {
            padding: 160px 50px;
        }
    }
    @media only screen and (max-width:500px) {
        .landing-page .overlap-group8 {
            margin-top: 170px!important;
        }

        .faq-header {
            margin-bottom: 76px;
        }
    }
@media only screen and (max-width:992px) {
    .hero-content-container {
        text-align: center;
        padding-top: 180px;
        padding-bottom: 14px !important;
    }

    .hero-content-container-text {
        margin-bottom: 0;
    }

    .we-have-a-plan-that-1 {
        margin: auto;
    }

    .landing-page .overlap-group-1 {
        width: 100% !important;
        height: inherit;
        overflow: visible;
    }


    .landing-page .subject-1 {
        position: initial;
        object-fit: cover;
        /*width: 398px;*/
    }

    .landing-page .rectangle-2215 {
        left: 52px;
    }

    .landing-page .rectangle-2216 {
        left: 52px;
    }

    .landing-page .service {
        right: 20px;
    }

    .landing-page .vector-12 {
        right: 70px;
    }

    .landing-page .service-2 {
        left: 490px;
    }

    .landing-page .service-1 {
        left: 60px;
    }

    .landing-page .slider {
        justify-content: center;
        bottom: -100px;
        top: inherit;
    }

    .landing-page .frame-144575 {
        /*display: block;
            width: 100%;*/
    }

    .landing-page .frame-144576 {
        /*display: block;
            width: 100%;*/
    }

    .landing-page .primary-button {
        background-color: transparent;
        color: #2b9478 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .landing-page .google {
        left: auto;
        right: 20px;
        width: fit-content;
    }

    .landing-page .apple, .landing-page .google {
        position: relative;
        top: -40px;
        left: inherit;
        width: 50%;
    }

    .landing-page .frame-144571 {
        display: flex;
        flex-direction: column;
    }

    .landing-page .order-carousel_track {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .landing-page .order-carousel_track-container {
        overflow: visible;
    }

    .landing-page .order-carousel {
        height: 100%;
    }

    .landing-page .third-section {
        padding-right: 30px;
        padding-left: 30px;
        align-items: center;
    }

        .landing-page .third-section .icon-3 {
            display: none;
        }

    .landing-page .order-carousel-slide {
        width: 80%;
    }

    .landing-page .order-heading-text {
        width: 100%;
        flex: inherit;
        text-align: center;
    }

    .landing-page .secondary-button {
        background-color: transparent;
        color: #fff !important;
        padding-left: 0;
        padding-right: 0;
        padding: 25px !important;
    }

        .landing-page .secondary-button:hover {
            background-color: transparent !important;
        }


    .landing-page .download-homified-vendor {
        position: absolute !important;
        bottom: 330px;
        letter-spacing: 7px;
        font-size: 72px;
        line-height: inherit;
       
    }
}
    


@media only screen and (max-width: 952px) {
    .landing-page .testimonial {
        padding: 160px 30px;
    }

    .landing-page .frame-144578 {
        gap: 0px;
    }
}

@media only screen and (max-width:900px) {

    .landing-page .frame-144578 {
        gap: 0px;
    }
    .landing-page .fifth-coming-soon {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media only screen and (max-width:768px) {
    .landing-page .rectangle-2215 {
        left: -30px;
    }

    .landing-page .rectangle-2216 {
        left: -30px;
    }
    .landing-page .service {
        right: -68px;
    }

    .landing-page .vector-12 {
        right: -20px;
    }
    .landing-page .service-2 {
        left: 410px;
    }

    .landing-page .service-1 {
        left: -20px;
    }
    .landing-page .we-are-your-stop-for-home-daily-needs{
        font-size:50px;
        margin:auto;
    }
    .landing-page .vendors, .landing-page .riders{
        font-size:30px;
    }
    .landing-page .frame-144578 {
        gap: 0px;
    }
}

@media only screen and (max-width:715px) {
    .landing-page .order-carousel-slide {
        width: 100%;
    }
}
@media only screen and (min-width:696px) {
    .landing-page .x2 {
        display: none;
    }
}
@media only screen and (max-width:696px) {
    .landing-page .x2 {
        display: none;
    }

    .landing-page .main-catergory-container {
        width: 200px;
    }

    .landing-page .main-category {
        font-size: 35px;
    }

    .landing-page .we-deliver-on-time-a-2 {
        font-size: 14px;
        width: 200px;
    }
}


@media only screen and (max-width:659px) {
    .landing-page .fifth-coming-soon{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media only screen and (max-width:623px) {
    .landing-page .apple, .landing-page .google {
        width: 80%;
    }
}

@media only screen and (max-width:609px) {
    .landing-page .vendor-download .download-homified-vendor{
        line-height: 500px;
    }
}

@media only screen and (max-width:576px) {
    .hero-app {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 5px;
    }

    .landing-page .x1, .landing-page .x3 {
        display: none;
    }

    .landing-page .vendors, .landing-page .riders {
        /*display: none;*/
    }

    .landing-page .group-34496, .landing-page .group-34497 {
        display: none;
    }

    .landing-page .transforming-your-da {
        font-size: 30px;
        line-height: 40px;
    }

    .landing-page .your-time-is-preciou {
        font-size: 22px;
    }

    .landing-page .frame-144570 {
        gap: 130px;
    }

    .landing-page .address{
        font-size: 22px;
    }

    .landing-page .frame-144576{
        justify-content: flex-end;
    }

    .landing-page .frame-144575{
        justify-content: flex-start;
    }

}
@media only screen and (max-width:541px) {
    .landing-page .slider {
        bottom: -100px;
    }

    .landing-page .service {
        left: 50%;
        top: 310px;
    }

    .landing-page .vector-12 {
        display: none;
    }

    .landing-page .service-2 {
        left: 50%;
    }

    .landing-page .service-1 {
        left: 50%;
        top: 420px;
    }

    .landing-page .service-2 {
        top: 530px;
    }
}

@media only screen and (max-width:530px) {
    .landing-page .frame-144570 {
        gap: 100px;
    }
}
@media only screen and (max-width:537px) {
    .landing-page .vendor-container, .landing-page .rider-container {
        display: none;
    }
}
@media only screen and (max-width:520px) {
    .frame-3 .paragraph{
        font-size: inherit;
    }
    /*.landing-page .google, .landing-page .apple{*/
        /*position: relative;*/
        /*left:10px;
        right: auto;
        margin: auto
    }*/
}
@media only screen and (max-width:510px) {
    .landing-page .frame-1171276542{
        width:100%;
    }
    .landing-page .we-have-a-plan-that-1{
        width:100%;
    }
    .landing-page .we-are-your-stop-for-home-daily-needs{
        margin:auto;
        line-height:45px;
        font-size:40px;
    }
    .landing-page .slider{
        padding-left: 10px;
    }
}
@media only screen and (max-width:475px) {
    .landing-page .transforming-your-da {
        font-size: 30px;
        line-height: 40px;
    }
    .landing-page .frame-144570{
        padding: 50px 30px;
    }
    .landing-page .frame-144570-1{
        padding: 50px 30px;
    }

    .landing-page .frame-144570 {
        gap:120px;
    }
    .landing-page .transforming-your-da {
        line-height: 35px;
    }

    .landing-page .your-time-is-preciou {
        line-height: 35px;
    }
}

@media only screen and (max-width:437px) {
    .landing-page .span0, .landing-page .span2 {
        font-size: 16px !important;
    }

    .landing-page .transforming-your-da {
        font-size: 25px;
        line-height: 35px;
    }

    .landing-page .your-time-is-preciou{
        line-height:35px;
    }

    .landing-page .frame-144570 {
        height: 450px;
    }
    .landing-page .frame-144570-1 {
        height: 450px;
    }

    .landing-page .address{
        font-size: 18px;
        font-weight: 600;
    }

}


@media only screen and (max-width: 400px){
    .landing-page .third-section{
        padding-left: 0;
        padding-right: 0;
    }
}


@media only screen and (max-width: 375px){
    .landing-page .vendor-download .group-1-44650{
        width: 100%;
    }
}