/* Import Components Wholesale Page */

@import url(../swiper-carousel.css);
@import url(../../css/components/btn-swiper.css);
@import url(../../css/components/wholesale-hero.css);
@import url(../../css/components/brand-features.css);
@import url(../../css/components/wholesale-industry-productsc.css);
@import url(../../css/components/wholesale-plans.css);
@import url(../../css/components/wholesale-cta.css);
@import url(../../css/components/wholesale-extra-service.css);
@import url(../../css/components/wholesale-content.css);
@import url(../../css/components/wholesale-faq.css);

/* Style Wholesale Page */

.wholesale-page .sec-bg-color-gradient {
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, rgb(241 245 249) 37.83%, #ffffff 100%);
    padding-top: 130px;
    padding-bottom: 0;
    position: relative;
    z-index: 0;
}

.wholesale-page .sec-bg-color {
    width: 100%;
    height: auto;
    background-color: #F1F5F9;
    padding-block: 100px;
    position: relative;
    z-index: 0;
}

/* All Media Queris Wholesale Page */

@media screen and (max-width: 1200px) {
    .wholesale-page .sec-bg-color-gradient {
        padding-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .wholesale-page .sec-bg-color {
        padding-block: 50px;
    }
}