Delivery Time

<style>
    @media (min-width: 1024px) {
        .desktop:block {
            display: block;
        }

        .desktop:px-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .desktop:!text-content-3 {
            --tw-text-opacity: 1 !important;
            color: rgb(64 69 67/ 1) !important;
        }

        .desktop:!leading-[24px] {
            line-height: 24px !important;
        }

        .desktop:!text-[18px] {
            font-size: 18px !important;
        }

        .desktop:gap-[100px] {
            gap: 100px;
        }

        .desktop:!text-content-4 {
            --tw-text-opacity: 1 !important;
            color: rgb(88 93 91/ 1) !important;
        }

        .desktop:!leading-[16px] {
            line-height: 16px !important;
        }

        .desktop:!text-[12px] {
            font-size: 12px !important;
        }

        .desktop:!text-[14px] {
            font-size: 14px !important;
        }

        .desktop:gap-[4px] {
            gap: 4px;
        }
    }

    .mt-[32px] {
        margin-top: 32px;
    }

    .gap-[12px] {
        gap: 12px;
    }

    .flex-col {
        flex-direction: column;
    }

    .flex {
        display: flex;
    }

    .Fw700Fs20Hex111714 {
        font-weight: 700;
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .flex-row {
        flex-direction: row;
    }

    .w-full {
        width: 100%;
    }

    .flex {
        display: flex;
    }

    .gap-[4px] {
        gap: 4px;
    }

    .!tracking-[0.12em] {
        letter-spacing: .12em !important;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .!font-semibold {
        font-weight: 600 !important;
    }

    .!text-content-5 {
        --tw-text-opacity: 1 !important;
        color: rgb(112 116 114/ 1) !important;
    }

    .border-b-content-9 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(243 243 243 / var(--tw-border-opacity));
    }

    .border-b {
        border-bottom-width: 1px;
    }

    .h-1 {
        height: .25rem;
    }

    .!leading-[20px] {
        line-height: 20px !important;
    }

    .py-[12px] {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .border-content-9 {
        --tw-border-opacity: 1;
        border-color: rgb(243 243 243 / var(--tw-border-opacity));
    }

    .border-t {
        border-top-width: 1px;
    }

    .justify-between {
        justify-content: space-between;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .text-content-6 {
        --tw-text-opacity: 1;
        color: rgb(111 113 112 / var(--tw-text-opacity));
    }

    .leading-[24px] {
        line-height: 24px;
    }

    .font-medium {
        font-weight: 500;
    }

    .w-[18px] {
        width: 18px;
    }

    .h-[18px] {
        height: 18px;
    }

    svg {
        display: block;
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .duration-500 {
        transition-duration: .5s;
    }

    .transition-all {
        transition-property: all;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .max-h-0 {
        max-height: 0;
    }

    .mt-[18px] {
        margin-top: 18px;
    }

    .text-content-3 {
        --tw-text-opacity: 1;
        color: rgb(64 69 67 / var(--tw-text-opacity));
    }

    .font-normal {
        font-weight: 400;
    }

    .gap-[40px] {
        gap: 40px;
    }
</style>

<div class="mt-[32px] hidden desktop:block">
    <div class="flex flex-col gap-[12px] px-[16px] desktop:px-0">
        <h1 style="text-transform: capitalize; margin-bottom: clamp(0rem, 0vw, 0rem);"
            class="Fw700Fs20Hex111714 !text-content-2 desktop:!text-content-3 desktop:!text-[18px] desktop:!leading-[24px]">
            Delivery</h1>
        <div class="flex flex-row items-center flex-wrap gap-[40px] desktop:gap-[100px] w-full">
            <div class="flex flex-col gap-[4px]">
                <p style="margin-bottom: 0rem;"
                    class="Fw400Fs11HexA0A2A1 !font-semibold !text-content-2 desktop:!text-content-4 !leading-[14px] !tracking-[0.12em] uppercase desktop:!text-[12px] desktop:!leading-[16px]">
                    Delhi, NCR, Bangalore</p>
                <p style="margin-bottom: 0rem;"
                    class="Fw400Fs12HexA0A2A1 !text-content-5 desktop:!text-[14px] desktop:!leading-[16px]">2-3 Days
                    After Shipment</p>
            </div>
            <div class="flex flex-col gap-[4px]">
                <p style="margin-bottom: 0rem;"
                    class="Fw400Fs11HexA0A2A1 !font-semibold !text-content-2 desktop:!text-content-4 !leading-[14px] !tracking-[0.12em] uppercase desktop:!text-[12px] desktop:!leading-[16px]">
                    Pan India</p>
                <p class="Fw400Fs12HexA0A2A1 !text-content-5 desktop:!text-[14px] desktop:!leading-[16px]">4-5 Days
                    After Shipment</p>
            </div>
        </div>
        <div class="h-1 border-b border-b-content-9"></div>
        <div class="flex flex-col desktop:gap-[4px]">
            <p style="margin-bottom: 0rem; color: #6f7170;"
                class="Fw400Fs14HexA0A2A1 !leading-[20px] desktop:!text-[14px]">Free shipping above ₹339</p>
            <p style="color: #6f7170;" class="Fw400Fs14HexA0A2A1 !leading-[20px] desktop:!text-[14px]">Cash on delivery
                available at ₹20 COD
                charges</p>
        </div>
    </div>
</div>