/*
Theme Name: Watch Protection Film
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Fresh Digital
Author URI: https://freshdigital.co.th/
Description: Theme for Watch Protection Film
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1705373536
Updated: 2024-01-16 02:52:16

*/

.w-full {
    display: inline-block;
    width: 100%;
}

.yellow-line .elementor-divider-separator {
    border-image: linear-gradient(to right, #e7ae0208, #e7ae02, #e7ae0208) 1;
}

.blue-line-2 .elementor-divider-separator:before {
    border-image: linear-gradient(to right, transparent, #4f97ed8c, #4f97ed) 1;
}

.blue-line-2 .elementor-divider-separator:after {
    border-image: linear-gradient(to left, transparent, #4f97ed8c, #4f97ed) 1;
}

body:not(.elementor-editor-active) section.product-content:not(.active) {
    display: none;
    overflow: hidden;
}

section.product-content.active {
    display: block;
}

/* body:not(.elementor-editor-active) section.product-content.hide-section.active {
    display: none;
} */

section.product-content.hide-section.show.active {
    display: block;
}


.product-item {
    cursor: pointer;
}

.show-less a.elementor-button {
    color: #fff !important;
    cursor: pointer;
}

body:not(.elementor-editor-active) .swiper.mySwiper.e-con.e-flex,
body:not(.elementor-editor-active) .swiper.mySwiper .e-con.e-flex {
    flex-direction: initial !important;
    flex-basis: initial !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
    padding-bottom: 20px;
}

.swiper-pagination {
    display: block;
    z-index: 10;
    width: 100% !important;
    position: relative !important;
}

.swiper-pagination-bullet {
    background: #fff !important;
}

.swiper-pagination-wrapper {
    position: absolute;
    max-width: 100% !important;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin: 0 !important;
    z-index: 99;
}

/* body:not(.elementor-editor-active) .hide-section:not(.show) {
    display: none;
} */

#bt-showless-section a:not(.show) {
    display: none;
}