/* Import Components Export Page */

@import url(../swiper-carousel.css);
@import url(../../css/components/btn-swiper.css);
@import url(../../css/components/export-hero.css);
@import url(../../css/components/brand-features.css);
@import url(../../css/components/top-brands.css);
@import url(../../css/components/export-intro.css);
@import url(../../css/components/export-products.css);
@import url(../../css/components/world-market.css);
@import url(../../css/components/export-cta.css);
@import url(../../css/components/secure-delivery.css);
@import url(../../css/components/import-cta.css);
@import url(../../css/components/export-content.css);
@import url(../../css/components/export-faq.css);

/* Style Export Page */

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

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

.export-page .sec-top-brands .swiper-top-brands::after ,
.export-page .sec-top-brands .swiper-top-brands::before {
    background: linear-gradient(90deg, #f8fafc 24.9%, rgba(255, 255, 255, 0) 100%);
}

/* All Media Queris Export Page */

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