.continue {
    color: var(--foundation-primary-homifiednormal);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-m);
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.50px;
    position: relative;
    text-align: center;
    width: fit-content;
}
.download-section {
    background-color: #000;
}

 .section-section {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 97px;
    margin-left: -170px;
    margin-top: 200px;
    position: relative;
}

 .card-2 {
    background: linear-gradient(180deg, rgb(230, 246, 241) 0%, rgb(255, 255, 255) 100%);
    border-radius: 24px;
    display: inline-flex;
    gap: 60px;
    padding: 80px;
}

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

 .bold-duotone-essentional-ui-delivery {
    height: 40px;
    margin-right: -5159.00px;
    margin-top: -10389.00px;
    position: relative;
    width: 40px;
}

 .card-1 {
    display: flex;
    gap: 24px;
    width: 375px;
}

 .frame-1171276528 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

 .frame-427321022 {
    align-items: center;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    overflow: hidden;
    padding: 28px 24px;
    position: relative;
    width: 375px;
}

 .new-order {
    flex: 1;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -0.50px;
    position: relative;
}

 .timer {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
    position: relative;
}

 .line-duotone-time-clock-circle {
    height: 16px;
    position: relative;
    width: 16px;
}

 .frame-427320927 {
    align-items: center;
    border-radius: 44px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: center;
    position: relative;
}

 .text-1 {
    color: var(--red);
    font-family: var(--font-family-dm_sans);
    font-size: 14px;
    font-weight: 700;
    margin-top: -0.50px;
}

 .receiver {
    align-items: flex-start;
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    margin-left: -0.50px;
    margin-right: -0.50px;
    position: relative;
    width: 376px;
}

 .senders-info-1 {
    border-radius: 8px 8px 0px 0px;
    padding: 20px 24px;
}

 .frame-427321247 {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 6px;
    height: 16px;
    position: relative;
}

 .deet {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
}

 .order-id {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .title {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .x038-ad {
    letter-spacing: 0;
    line-height: 13.9px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

 .new {
    color: var(--orange);
    font-family: var(--font-family-dm_sans);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -0.50px;
    position: relative;
    width: fit-content;
}

 .bold-duotone-arrows-alt-arrow-down {
    height: 16px;
    position: relative;
    width: 16px;
}

 .pickup-address {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    padding: 16px 24px;
    position: relative;
    width: 100%;
}

 .bold-duotone-buildin {
    height: 16px;
    margin-right: -5146.00px;
    margin-top: -10777.50px;
    position: relative;
    width: 16px;
}

 .deet-3 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .x-address {
    color: var(--concord);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-s);
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .store {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    position: relative;
}

 .the-ofada-spot {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .text-2 {
    margin-top: -1.00px;
}

 .x20b-off-gold-lane-ikoyi-lagos {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .bold-duotone-map-location-map-point {
    height: 16px;
    margin-right: -5146.00px;
    margin-top: -10844.50px;
    position: relative;
    width: 16px;
}

 .deet-4 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .x20b-kingston-street {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .arrow {
    height: 34px;
    left: 5469px;
    position: absolute;
    top: -10626px;
    width: 40px;
}

 .guide {
    align-items: center;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: center;
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 375px;
}

 .primary-button-1 {
    padding: 16px;
}

 .continue-1 {
    color: var(--red);
}

 .primary-button-2 {
    background-color: var(--foundation-primary-homifiedlight);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    padding: 14px;
}

 .continue-2 {
    color: var(--blk);
}

 .card-3 {
    background: linear-gradient(180deg, rgb(241.84, 241.84, 241.84) 0%, rgb(255, 255, 255) 100%);
    border-radius: 24px;
    display: inline-flex;
    gap: 60px;
    padding: 80px;
}

 .card-1-1 {
    align-items: flex-start;
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 375px;
}

 .guide-1 {
    align-items: center;
    align-self: stretch;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    flex-direction: column;
    gap: 28px;
    justify-content: center;
    padding: 32px 28px;
    width: 100%;
}

 .frame-42732092 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    position: relative;
    width: 100%;
}

 .order {
    flex: 1;
    letter-spacing: 0;
    line-height: 13.9px;
    margin-top: -1.00px;
    position: relative;
}

 .guide-item {
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

 .line-39 {
    height: 270px;
    left: 8px;
    position: absolute;
    top: 17px;
    width: 1px;
}

 .order-timeline {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    position: relative;
    width: 100%;
}

 .tick-circle {
    height: 16px;
    position: relative;
    width: 16px;
}

 .deet-1 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 6px;
    position: relative;
}

 .order-received {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .tab {
    align-items: center;
    border-radius: 22px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
    justify-content: center;
    padding: 6px 12px;
    position: relative;
}

 .x1030am {
    letter-spacing: 0.30px;
    line-height: 14.0px;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

 .tab-1 {
    background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .confirmed {
    letter-spacing: 0.30px;
    line-height: 14.0px;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

 .order-accept {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .tab-2 {
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-3 {
    background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-4 {
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-5 {
    background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .order-in-transit {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .tab-6 {
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-7 {
    background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-8 {
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-9 {
    background: linear-gradient(180deg, rgb(4.37, 87.37, 64.58) 0%, rgb(8, 161, 119) 100%);
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .order-delivered {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .tab-10 {
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .tab-11 {
    background-color: #e6f6f199;
    border-radius: 22px;
    gap: 4px;
    padding: 6px 12px;
}

 .confirm {
    color: var(--foundation-primary-homifieddarker);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 500;
    letter-spacing: 0.30px;
    line-height: 14.0px;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

 .card-4 {
    background: linear-gradient(180deg, rgb(255, 225.49, 208.89) 0%, rgb(255, 255, 255) 100%);
    border-radius: 24px;
    display: inline-flex;
    gap: 60px;
    padding: 80px;
}

 .guide-frame {
    align-items: center;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    gap: 20px;
    padding: 24px 20px;
    width: 375px;
}

 .card {
    align-items: flex-start;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-hover);
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px;
    justify-content: center;
    padding: 16px;
    position: relative;
}

 .icon {
    align-items: flex-start;
    background-color: #f8cba433;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 8px;
    position: relative;
}

 .bold-duotone-time-clock-circle {
    height: 16px;
    position: relative;
    width: 16px;
}

 .deet-2 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    position: relative;
}

 .number {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .x-orders {
    letter-spacing: 0;
    line-height: 14.0px;
    position: relative;
    width: fit-content;
}

 .icon-1 {
    background-color: var(--foundation-primary-homifiedlight);
}

 .text-3 {
    margin-top: -1.00px;
}

 .icon-2 {
    background-color: #eb575733;
}

 .bold-duotone-essentional-ui-close-circle {
    height: 16px;
    position: relative;
    width: 16px;
}

 .number-1 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .guide-frame-1 {
    gap: 24px;
    padding: 20px 24px;
}

 .arrow-1 {
    left: 4335px;
    top: -10452px;
}

 .order-1 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

 .senders-info {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    padding: 16px 0px;
    position: relative;
    width: 327px;
}

 .bold-duotone-time-clock-circle-1 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .frame-42732124 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 6px;
    justify-content: flex-end;
    position: relative;
}

 .id {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    position: relative;
}

 .title-1 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .text-4 {
    margin-top: -1.00px;
}

 .address {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .pending {
    color: var(--orange);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -0.50px;
    position: relative;
    width: fit-content;
}

 .line-duotone-arrows-arrow-right {
    height: 16px;
    position: relative;
    width: 16px;
}

 .id-1 {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    position: relative;
}

 .title-2 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .text-5 {
    margin-top: -1.00px;
}

 .address-1 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .in-transit {
    color: var(--foundation-primary-homifiednormal);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -0.50px;
    position: relative;
    width: fit-content;
}

 .line-duotone-arrows-arrow-right-1 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .card-5 {
    background: linear-gradient(180deg, rgb(255, 249.83, 224.85) 0%, rgb(255, 255, 255) 100%);
    border-radius: 24px;
    display: inline-flex;
    gap: 60px;
    padding: 80px;
}

 .guide-frame-2 {
    gap: 4px;
    padding: 24px 32px;
}

 .service {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 18px;
    justify-content: center;
    padding: 12px 0px;
    position: relative;
    width: 100%;
}

 .profile {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 10px;
    justify-content: center;
    position: relative;
}

 .rectangle-4329 {
    height: 28px;
    position: relative;
    width: 28px;
}

 .deet-5 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    justify-content: center;
    position: relative;
}

 .name-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
}

 .frame-427321247-1 {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    height: 16px;
    position: relative;
}

 .title-3 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .map {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 375px;
}

 .receiver-1 {
    align-items: flex-start;
    align-self: stretch;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px 8px 0px 0px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px;
    position: relative;
    width: 100%;
}

 .pickup-address-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    padding: 20px;
    position: relative;
    width: 100%;
}

 .bold-duotone-buildin-1 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .deet-6 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .x-address-1 {
    color: var(--concord);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .text-6 {
    margin-top: -1.00px;
}

 .x20b-off-gold-lane-ikoyi-lagos-1 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .bold-duotone-map-location-map-point-1 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .deet-7 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    position: relative;
}

 .x20b-kingston-street-1 {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .arrow-2 {
    left: 32px;
    top: 75px;
}

 .senders-info-2 {
    border-radius: 0px 0px 8px 8px;
    padding: 24px 40px;
}

 .view-on-map {
    color: var(--blk);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-s);
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .bold-duotone-map-location-routing-2 {
    height: 16px;
    margin-right: -3732.00px;
    margin-top: -10936.00px;
    position: relative;
    width: 16px;
}

 .frame-144572 {
    align-items: center;
    background-color: var(--aztec);
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 896px;
    justify-content: center;
    margin-top: 230px;
    padding: 140px 0px;
    position: relative;
    width: 1920px;
}

 .logo {
    height: 54px;
    position: relative;
    width: 216px;
}

 .title-4 {
    letter-spacing: -9.99px;
    line-height: 426.2px;
    margin-left: -913.50px;
    margin-right: -913.50px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

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

 .google {
    align-items: center;
    background-color: var(--wht);
    border-radius: 6.9px;
    display: inline-flex;
    gap: 8.62px;
    justify-content: center;
    left: 263px;
    padding: 24px 45px;
    position: absolute;
    top: 694px;
}

 .frame-427321326 {
    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;
    padding: 240px 120px 180px;
    position: relative;
    width: 1920px;
}

 .frame-144574-1 {
    top: 206px;
}

 .new-1 {
    align-items: center;
    display: inline-flex;
    gap: 19.61px;
    justify-content: center;
    left: 318px;
    position: absolute;
    top: 0;
}

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

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

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

 .frame-144574-2 {
    /*top: 101px;*/
}

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

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

 .overlap-group-1 {
    height: 294px;
    position: relative;
    width: 376px;
}

 .frame-144574-3 {
    top: 94px;
}

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

 .testimonial {
    align-items: center;
    background-color: var(--wht);
    display: flex;
    flex-direction: column;
    gap: 120px;
    margin-top: 50px;
    padding: 160px 120px;
    position: relative;
    width: 1920px;
}

 .tab-12 {
    background-color: var(--wht);
    border-radius: 99px;
    gap: 8px;
    padding: 16px 24px;
}

 .bold-duotone-like-star {
    height: 16px;
    position: relative;
    width: 16px;
}

 .tab-13 {
    background-color: var(--wht);
    border-radius: 99px;
    gap: 8px;
    padding: 16px 24px;
}

 .tab-14 {
    background-color: var(--wht);
    border-radius: 99px;
    gap: 8px;
    padding: 16px 24px;
}

 .arrow-3 {
    height: 34px;
    position: absolute;
    width: 40px;
}

 .at-the {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .bold-duotone-essentional-ui-delivery-3 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .card-6 {
    align-items: flex-start;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
}

 .confirmed-5 {
    letter-spacing: 0.30px;
    line-height: 14.0px;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

 .continue-3 {
    font-family: var(--font-family-dm_sans);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    text-align: center;
    width: fit-content;
}

 .frame-144574-4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    left: 0;
    padding: 52px;
    position: absolute;
    width: 376px;
}

 .guide-2 {
    display: flex;
    flex: 0 0 auto;
    position: relative;
}

 .guide-frame-3 {
    align-items: center;
    background-color: var(--wht);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-active);
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 375px;
}

 .icon-3 {
    align-items: flex-start;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 8px;
    position: relative;
}

 .order-id-4 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .primary-button-3 {
    align-items: center;
    border-radius: 52px;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 10px;
    height: 52px;
    justify-content: center;
    position: relative;
}

 .senders-info-3 {
    align-items: center;
    align-self: stretch;
    background-color: var(--foundation-primary-homifiedlight);
    border: 0.5px solid;
    border-color: var(--foundation-primary-homifiedlight-hover);
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    position: relative;
    width: 100%;
}

 .tab-15 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    position: relative;
}

 .text {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

 .the-ofada-spot-4 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

 .tick-circle-6 {
    height: 16px;
    position: relative;
    width: 16px;
}

 .x1030am-6 {
    letter-spacing: 0.30px;
    line-height: 14.0px;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}
/*@media only screen and (max-width:570) {
    .landing-page .apple {
        align-items: center;
        background-color: var(--aztec);
        border-radius: 6.9px;
        display: inline-flex;
        gap: 8.62px;
        justify-content: center;
        left: -42px !important;
        padding: 24px 45px;
        position: absolute;
        top: 772px !important;
    }

    .landing-page .google {
        left: 5px!important;
    }
}*/