/*
Theme Name: lightningimportexport
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main {
    background: linear-gradient(0deg, #f9feff 0%, #0072be 279.74%);
}

.gb-headert h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 15px 0;
}

.gb-headert p {
    color: #004c98;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.header-nav .header-search-form input {
    width: 393px;
    height: 41px;
    border-radius: 10px;
    border: 1px solid #bcbcbc;
    background: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 18px;
    float: right;
}

/* div#\:0\.targetLanguage select:last-child {
    display: none;
} */

.header-bottom-nav.nav-left {
    height: 50px;
}

.header-bottom-nav.nav-left li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 35px;
    line-height: 50px;
    z-index: 1;
    overflow: hidden;
}

/* Nền hình thang */
.header-bottom-nav.nav-left li a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #0b4d97;
    /* tạo hình thang */
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    z-index: -1;
    opacity: 0;
    transition: 0.25s ease;
}

/* Hover hoặc current */
.header-bottom-nav.nav-left li a:hover::before,
.header-bottom-nav.nav-left li.current-menu-item a::before {
    opacity: 1;
}

.header-bottom-nav.nav-left li {
    margin: 0;
    height: 100%;
}

.header-bottom-nav.nav-left {
    height: 50px;
}

.gb-heading h2 {
    color: #004c98;
    text-shadow: 0 4px 4px rgba(11, 77, 151, 0.2);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.home-3 .tabbed-content .nav li a {
    background: #007fc6;
    border-radius: 0;
    padding: 22px 16px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.home-3 .tabbed-content .nav {
    border-bottom: 1px solid #007fc6;
}

.home-3 .tabbed-content .nav li.active a {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(270deg, #0097d9 0%, #00c5f3 47.6%, #0097d9 100%);
}

.home-3 .tabbed-content .nav li {
    background: #007fc6 !important;
}

.home-3 .tabbed-content .tab-panels {
    padding: 32px 50px;
    background: rgba(0, 151, 217, 0.21);
    margin: 30px 0 0 0;
}

.home-3 .product-small.box {
    border: none;
}

.product-small.box {
    padding: 13px;
    border-radius: 10px;
    background: #fff;
    margin: 0 0 20px 0;
    border: 1px solid #dedede;
}

.product-small.box .box-image {
    border-radius: 10px;
    overflow: hidden;
}

.product-small.box .box-text {
    padding: 19px 5px;
}

.product-small.box .box-text p {
    margin: 0;
}

.product-small.box .box-text p a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.product-small.box .box-image {
    border-radius: 10px;
    overflow: hidden;
}

.product-small.box .box-text {
    padding: 19px 5px;
}

.product-small.box .box-text p {
    margin: 0;
}

.product-small.box .box-text p a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.w3b-detail-wrapper {
    text-align: center;
}

.w3b-detail-wrapper a {
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
}

.w3b-form-row {
    display: flex;
    gap: 28px;
}

.w3b-col-6 {
    width: 50%;
}

.home-5 form p {
    margin: 0;
    text-align: center;
}

.home-5 form input {
    width: 100%;
    margin: 0 0 28px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    color: #515151;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 41px;
    padding: 0 12px;
}

.home-5 form textarea {
    height: 105px;
    margin: 0 0 28px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    color: #515151;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.home-5 form .wpcf7-submit {
    width: 156px;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #004c98;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

span.wpcf7-spinner {
    position: absolute;
}

.heading-footer h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.footer-1 h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.footer-1 p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.absolute-footer {
    display: none;
}

.footer-1 {
    padding-bottom: 30px !important;
}

.is-divider {
    display: none;
}

@media only screen and (min-width: 52em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* Thay cờ tiếng Việt */
    .gtranslate_wrapper .glink img[alt='vi'] {
        content: url('https://demo2025.web3b.com/lightningimportexport/wp-content/uploads/2025/12/vn.png');
    }

    /* Thay cờ tiếng Anh */
    .gtranslate_wrapper .glink img[alt='en'] {
        content: url('https://demo2025.web3b.com/lightningimportexport/wp-content/uploads/2025/12/en.png');
    }

    /* Thay cờ tiếng Trung */
    .gtranslate_wrapper .glink img[alt='zh-CN'] {
        content: url('https://demo2025.web3b.com/lightningimportexport/wp-content/uploads/2025/12/cn.png');
        width: 32px !important;
    }

    /* Fix kích thước đồng đều */
    .gtranslate_wrapper .glink img {
        width: 39px !important;
        height: auto !important;
        margin: 0;
        margin-left: 16px;
    }

    .home-2-text {
        position: absolute;
        top: 50%;
        left: -25px;
        width: 694px;
        height: 337px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="694" height="337" viewBox="0 0 694 337" fill="none"><g filter="url(%23filter0_d_2_27)"><path d="M24.5 20.5H669.5L526.889 308.5H24.5V20.5Z" fill="%23F5F5F5"/></g><defs><filter id="filter0_d_2_27" x="0" y="0" width="694" height="337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="12.25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.301961 0 0 0 0 0.607843 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_27"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_27" result="shape"/></filter></defs></svg>');
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        padding: 50px 120px 50px 50px;
    }
}

@media only screen and (max-width: 52em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    .gb-heading h2 {
        font-size: 24px;
    }

    .home-3 .tabbed-content .tab-panels {
        padding: 15px;
    }

    .home-3 .tabbed-content .nav li a {
        padding: 15px;
    }

    #logo {
        width: 100px !important;
    }

    .lang-switch img {
        margin-left: 5px !important;
        width: 30px;
    }

    .lang-switch img:last-child {
        width: 24px;
    }

    .gb-headert p {
        color: #fff;
        font-size: 10px;
        line-height: 15px;
    }

    .gb-headert h2 {
        font-size: 12px;
        line-height: normal;
        margin: 0;
        color: #fff;
    }

    .header-top {
        padding: 5px 0;
    }
}