/* Our Client Page Start */


/* Banner Section for Our Client Start */
.our_client_section {
    padding-bottom: 36px;
}

.our_client_section .grid_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(30px, 3.333vw, 64px);
    margin-top: clamp(20px, 3.333vw, 64px);
    max-width: 1640px;
}

.our_client_section .grid_wrapper .trusted_card h2,
.our_client_section .grid_wrapper .trusted_card h3,
.our_client_section .grid_wrapper .trusted_icon {
    margin-bottom: 7px;
}

.our_client_section .grid_wrapper .trusted_icon {
    transition: .4s ease-in-out;
}

.our_client_section .grid_wrapper .trusted_card {
    padding: 15px;
    border-radius: 8px;
    transition: all .4s ease-in-out;
    min-height: 240px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.our_client_section .grid_wrapper .trusted_card::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--strong_high);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .4s ease-in-out;
}

.our_client_section .grid_wrapper .trusted_card:hover::after {
    width: 100%;
}

.our_client_section .grid_wrapper .trusted_card:hover .trusted_icon {
    transform: translateY(-10px);
}

.our_client_section .grid_wrapper .trusted_card:hover {
    box-shadow: rgb(0 115 67 / 17%) 0px 7px 29px 0px;
    transform: translateY(-10px);
    cursor: default;
}

.our_client_section .grid_wrapper .trusted_icon {
    background-color: var(--strong_high);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 15px;
}

.our_client_section .grid_wrapper .trusted_icon img {
    width: 26px;
    height: 26px;
}

.our_client_section .flex_wrapper {
    max-width: 1561px;
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.our_client_section .flex_wrapper .flex_item:nth-child(1) {
    flex: 1;
    max-width: 816px;
}

.our_client_section .flex_wrapper .flex_item:nth-child(2) {
    flex: 1;
    max-width: 697px;
}

.our_client_section .flex_wrapper .flex_item h1 {
    margin-bottom: 8px;
}

.our_client_section .flex_wrapper .flex_item p {
    letter-spacing: 0.4px;
}

.our_client_section .grid_wrapper {
    max-width: 1704px;
    align-items: center;
}

@media(max-width: 767px) {
    .our_client_section .grid_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .our_client_section .flex_wrapper {
        flex-direction: column;
    }

    /* .our_client_section .trusted_card .trusted_icon img {
        width: 40px;
        height: 40px;
    } */
    .grocery_brand .header h2 {
        text-align: start;
    }
}

/* Banner Section for Our Client End */

/* Grocery Brand Section Start */
.grocery_brand {
    background-color: var(--primary_bg);
    position: relative;
    overflow: hidden;
}

.grocery_brand .header {
    text-align: center;
}

.grocery_brand .logo_slider1 {
    padding: clamp(20px, 2.031vw, 39px) 0 clamp(20px, 1.667vw, 32px) 0;
}

.grocery_brand .grocery_brand_wrapper {
    margin-top: clamp(30px, 33.333vw, 64px);
    display: flex;
    gap: clamp(30px, 3.75vw, 72px);
    position: relative;
}

.grocery_brand_wrapper .grocery_slider,
.grocery_brand_wrapper .grocery_brand_slider .swiper-wrapper {
    overflow: unset;
}

.grocery_brand .grocery_brand_wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    z-index: 99;
    background: var(--primary_bg);
    right: calc(100% - 27%);
    height: 100%;
}

.grocery_brand_slider .swiper-slide {
    padding: 32px;
    background-color: var(--primary_bg);
    border-radius: 16px;
    height: auto !important;
    border: 1px solid var(--strong_mid);
    cursor: default;
}

.grocery_brand_slider .swiper-slide.swiper-slide-active {
    background-color: rgb(0 252 155 / 9%);
}

.grocery_brand_slider .swiper-slide .grocery_box {
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 3.125vw, 60px);
    justify-content: space-between;
    height: 100%;
}


.grocery_brand_wrapper .next_slide,
.grocery_brand_wrapper .prev_slide {
    width: 48px;
    height: 48px;
    background-color: var(--secondary_bg);
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
}

.grocery_brand_wrapper .next_slide:hover,
.grocery_brand_wrapper .prev_slide:hover {
    background-color: var(--strong_high);
}

.grocery_brand_wrapper .next_slide:hover img,
.grocery_brand_wrapper .prev_slide:hover img {
    filter: invert(1);
}

.grocery_brand_wrapper .next_slide img,
.grocery_brand_wrapper .prev_slide img {
    width: 14px;
    height: 12px;
}

.grocery_brand_wrapper .next_slide {
    transform: rotate(180deg);
    margin-left: 16px;
}

.grocery_brand_wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.grocery_brand_wrapper .grocery_header {
    flex: 0 0 22.8%;
    max-width: 22.8%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    z-index: 99;
    background-color: var(--primary_bg);
}

.grocery_brand_wrapper .grocery_brand_slider {
    flex: 0 0 78%;
    max-width: 78%;
}

.grocery_brand_wrapper .grocery_brand_slider .swiper-wrapper {
    overflow: unset;
}

@media(max-width: 1300px) {
    .grocery_brand .grocery_brand_wrapper::before {
        right: calc(100% - 26%);
    }
}

@media(max-width: 991px) {
    .grocery_brand_wrapper {
        flex-direction: column;
    }

    .grocery_brand_wrapper .grocery_brand_slider,
    .grocery_brand_wrapper .grocery_header {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .grocery_brand_wrapper .grocery_header {
        justify-content: space-between;
        gap: 20px;
        flex-direction: row;
    }

    .grocery_brand .swiper-slide .logo_slide_img {
        flex-shrink: 0;
    }

    .grocery_brand .swiper-wrapper .logo_slide {
        width: auto !important;
    }

    .grocery_brand .grocery_brand_wrapper::before {
        position: unset;
    }
}

@media(max-width: 767px) {
    .grocery_brand_wrapper .grocery_header {
        flex-direction: column;
    }

    .grocery_brand {
        padding-bottom: 80px;
    }

    .grocery_brand .grocery_arrow {
        position: absolute;
        content: "";
        top: 103%;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Grocery Brand Section End */



/* Tab List */
.supermarket {
    background-color: var(--primary_bg);
    z-index: 99;
    position: sticky;
    top: 70px;
    padding: 0 20px;
}

/* Image Plus Content Plus Counter Section Start */
.categorize_section {
    display: none;
}

.categorize_section .header {
    text-align: center;
}

.categorize_section .header h2 {
    margin-bottom: 8px;
}

.categorize_section .header p {
    letter-spacing: 0.15px;
}

.categorize_section .flex_wrapper {
    margin: 32px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.categorize_section .content_box {
    flex: 1;
    max-width: 672px;
}

.categorize_section .img_box {
    flex: 0 0 56.3%;
    max-width: 56.3%;
}

.categorize_section .cat_content:not(:last-child) {
    margin-bottom: 32px;
}

.categorize_section p,
.categorize_section h3,
.categorize_section .counter_section {
    margin-bottom: 24px;
}

.categorize_section p:last-child {
    margin-bottom: 0;
}

.categorize_section .counter_section {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    gap: 24px;
}

.categorize_section .counter_box {
    flex: 0 0 31%;
}

.categorize_section .counter_box h4 {
    margin-bottom: 8px;
}

.categorize_section .content_box p {
    line-height: 155%;
    font-size: 18px;
    letter-spacing: 0.15px;
}

.categorize_section .cat_content h4,
.categorize_section .cat_content h3,
.categorize_section .cat_content h2,
.categorize_section .cat_content p {
    margin-bottom: clamp(16px, 1.25vw, 24px);
}

.categorize_section .cat_content p {
    font-size: 18px;
    letter-spacing: 0.15px;
}

.categorize_section .cat_content ul {
    margin-left: 27px;
}

.categorize_section .cat_content ul li {
    list-style: disc;
    font-size: 18px;
    letter-spacing: 0.19px;
    /* margin-bottom: clamp(16px, 1.25vw, 24px); */
    margin-bottom: 18px;
    line-height: 155%;
}

@media(max-width: 1024px) {
    .categorize_section .flex_wrapper {
        flex-direction: column;
    }

    .categorize_section .content_box {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .categorize_section .img_box {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width: 575px) {
    .categorize_section .header {
        text-align: start;
    }

    .categorize_section .cat_content ul {
        margin-left: 10px;
    }

    .categorize_section .cat_content ul li {
        font-size: 16px;
    }

    .categorize_section .counter_section {
        gap: 15px;
        flex-wrap: wrap;
    }

    .categorize_section .counter_box {
        flex: 0 0 45.5%;
    }

    .categorize_section .content_box p {
        font-size: 14px;
    }
}

/* Image Plus Content Plus Counter Section End */

/* Our Client Page End */