.first-div .flex-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 2vw;
    row-gap: 2vw;
}

.card-box {
    border: 1px solid var(--primary-100, #D4D4D3);
    background: #FFF;
    width: 31%;
    padding: 3%;
    height: 12vw;
}

.card-box p {
    color: var(--tertiary-900, #778A73);
    font-family: Gilroy-Regular;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 160% */
}

.card-box h3 {
    color: var(--primary-900, #282621);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Playfair Display";
    font-size: 1.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 111%;
    /* 111.111% */
}

.right-col {
    width: 72%;
}

p.desc-para {
    color: var(--primary-400, #939290);


    /* body-2 */
    font-family: Gilroy-Regular;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 155.556% */
    margin: 2% 0;
}

.second-div {
    border: none;
    padding-top: 0;
    width: 100%;
}

.table-wrapper-two {
    margin-top: 0;
}

table.stock-table th,
table.stock-table td {
    text-align: left;
}

table.stock-table th:first-of-type,
table.stock-table td:first-of-type {
    padding-left: 4%;
}

table.stock-table th:nth-of-type(2),
table.stock-table td:nth-of-type(2) {
    width: 50%;
}

@media (max-width:767px) {


    .right-col {
        width: 90%;
        padding-left: 0;
        margin: auto;
    }

    .card-box {
        width: 100%;
    }

    .card-box p {
        color: var(--tertiary-900, #778A73);
        font-family: Gilroy-Medium;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 175% */
    }

    .card-box h3 {
        color: var(--primary-900, #282621);
        font-family: "Playfair Display";
        font-size: 20px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .first-div img.img-fluid.disabled-one {
        display: none;
    }


    .first-div .swiper-button-prev.swiper-button-disabled img.img-fluid.disabled-one {
        display: none;
    }

    .first-div .swiper-button-prev img.img-fluid.disabled-one {
        display: block;
        transform: rotate(180deg);
    }

    .first-div .swiper-button-next.swiper-button-disabled img.img-fluid {
        display: block;
    }

    .first-div .swiper-button-next.swiper-button-disabled img.img-fluid.disabled-one {
        display: block;
        transform: rotate(180deg);
    }

    .first-div .swiper-button-next img.img-fluid.disabled-one {
        display: none;
    }

    .first-div .swiper-button-next.swiper-button-disabled img.img-fluid {
        display: none;
    }

    .first-div .swiper-button-prev img.img-fluid {
        display: none;
    }

    .first-div .swiper-button-prev.swiper-button-disabled img.img-fluid {
        display: block;
    }

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

    .card-box {
        width: 100%;
        min-height: 135px;
        padding: 7%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 7%;
        height: auto;
    }

    .first-div .swiper-button-next.swiper-button-disabled,
    .first-div .swiper-button-prev.swiper-button-disabled {
        opacity: 1 !important;
    }

    p.desc-para {
        color: var(--primary-400, #939290);
        font-family: Gilroy-Regular;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        position: absolute;
        bottom: 15px;
    }

    .first-div {
        position: relative;
    }

    .first-div .swiper-button-next,
    .first-div .swiper-button-prev {
        bottom: 0%;
        top: unset;
        width: 8vw;
        height: 8vw;
    }

    .first-div .swiper.mySwiper {
        padding-bottom: 13%;
    }

    .first-div .swiper-button-prev {
        right: 14%;
        left: unset;
    }

    .first-div .swiper-button-next img,
    .first-div .swiper-button-prev img {
        width: 100%;
        height: 100%;
    }

    table.stock-table th,
    table.stock-table td {
        font-size: 14px !important;
    }

    .swiper-wrapper {
        padding-bottom: 0;
    }

}