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

/*************** ADD CUSTOM CSS HERE.   ***************/
.gb-pb0 {
    padding-bottom: 0;
}

.top-divider {
    display: none;
}

.top-divider {
    display: none;
}

.stuck .header-main {
    background: #fff;
}

ul.header-nav.nav-left {
    margin-left: 460px;
}

ul.header-nav.nav-left>li>a {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

ul.header-nav.nav-left>li {
    margin: 0 24px;
}

li.header-search>a {
    background: #eee !important;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
}

.top-header1 {
    padding: 0 !important;
}

.top-header1 .section-content {
    display: flex;
    align-items: center;
    gap: 19px;
}

.top-header1 .gb-button {
    flex: 0 0 130px;
    /* cố định */
    margin: 0;
    gap: 0;
}

.top-header1 .icon-box {
    flex: 1;
    align-items: center;
}

.gb-button {
    padding: 7px 6px 7px 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.gb-button span {
    line-height: 24px;
}

.gb-button i:before {
    display: none;
}

.gb-button i {
    width: 29px;
    height: 29px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none"><circle cx="14.5" cy="14.5" r="14.5" fill="%23FFD05B"/><path d="M19.25 10.5C19.25 10.0858 18.9142 9.75 18.5 9.75L11.75 9.75C11.3358 9.75 11 10.0858 11 10.5C11 10.9142 11.3358 11.25 11.75 11.25L17.75 11.25L17.75 17.25C17.75 17.6642 18.0858 18 18.5 18C18.9142 18 19.25 17.6642 19.25 17.25L19.25 10.5ZM10.5 18.5L11.0303 19.0303L19.0303 11.0303L18.5 10.5L17.9697 9.96967L9.96967 17.9697L10.5 18.5Z" fill="white"/></svg>');
    margin: 0 !important;
    top: 0;
}

.top-header1 .icon-box .icon-box-text h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #ffd05b;
}

.top-header1 .icon-box .icon-box-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/* Container */
.home-1 .text-box .text-box-content .border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Default span */
.home-1 .text-box .text-box-content .border span {
    position: absolute;
    background: #fff;
    opacity: 0;
}

/* =========================================================
   1) BORDER 4 CẠNH CHẠY THEO THỨ TỰ:
      LEFT → TOP → RIGHT → BOTTOM
   ========================================================= */

/* === 4 cạnh === */

/* LEFT – chạy từ dưới lên trên */
.home-1 .b-left {
    width: 8px;
    left: 0;
    top: 82px;
    /* chiều cao cố định phần trên */
    height: 0;
    transform: scaleY(-1);
    /* lật để chạy từ dưới → lên */
    transform-origin: top;
}

/* TOP – trái → phải */
.home-1 .b-top {
    height: 8px;
    top: 0;
    left: 0;
    width: 0;
}

/* RIGHT – trên → dưới */
.home-1 .b-right {
    width: 8px;
    right: 0;
    top: 0;
    height: 0;
}

/* BOTTOM – phải → trái */
.home-1 .b-bottom {
    height: 8px;
    bottom: 0;
    right: 0;
    width: 0;
}

/* === ANIMATION THEO THỨ TỰ === */
.home-1 .is-selected .text-box .text-box-content .b-left {
    animation: borderLeft 0.6s forwards;
}

.home-1 .is-selected .text-box .text-box-content .b-top {
    animation: borderTop 0.6s 0.6s forwards;
}

.home-1 .is-selected .text-box .text-box-content .b-right {
    animation: borderRight 0.6s 1.2s forwards;
}

.home-1 .is-selected .text-box .text-box-content .b-bottom {
    animation: borderBottom 0.6s 1.8s forwards;
}

/* === KEYFRAMES === */

/* LEFT: dưới → lên */
@keyframes borderLeft {
    from {
        height: 0;
        opacity: 1;
    }

    to {
        height: 82px;
        opacity: 1;
    }
}

/* TOP: trái → phải */
@keyframes borderTop {
    from {
        width: 0;
        opacity: 1;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

/* RIGHT: trên → dưới */
@keyframes borderRight {
    from {
        height: 0;
        opacity: 1;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

/* BOTTOM: phải → trái */
@keyframes borderBottom {
    from {
        width: 0;
        opacity: 1;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

/* =========================================================
   2) BORDER EXTRA CHO UL (CHẠY CUỐI CÙNG)
   ========================================================= */

.home-1 .text-box .text-box-content .home-1-text1 .border-left-extra {
    position: absolute;
    left: 0;
    bottom: 0;
    /* chạy từ dưới lên */
    width: 8px;
    height: 0;
    background: #fff;
    opacity: 0;
}

.home-1 .is-selected .text-box .text-box-content .home-1-text1 .border-left-extra {
    animation: borderLeftExtra 0.6s 2.4s forwards;
    /* chạy sau các border khác */
}

@keyframes borderLeftExtra {
    from {
        height: 0;
        opacity: 1;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

/* =========================================================
   3) HIỆU ỨNG h3 SCALE (CHẠY ĐẦU TIÊN)
   ========================================================= */

.home-1 .text-box .text-box-content h3 {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 66px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 100px 0 0 0;
    margin: 0 0 10px 0;

    opacity: 0;
    transform: scale(1.5);
    transition: all 0.8s ease-in-out;
}

.home-1 .is-selected .text-box .text-box-content h3 {
    opacity: 1;
    transform: scale(1);
}

/* =========================================================
   4) UL LIST STYLE
   ========================================================= */

.home-1 .text-box .text-box-content ul {
    list-style: none;
    margin: 0;
    padding: 20px 330px 36px 60px;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.home-1 .is-selected .text-box .text-box-content ul {
    opacity: 1;
    transition-delay: 2.8s;
}

.home-1 .text-box .text-box-content ul li {
    color: #fffa66;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    position: relative;
}

.home-1 .text-box .text-box-content ul li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -30px;
    width: 18px;
    height: 19px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M8.66025 0L17.3205 4.75V14.25L8.66025 19L-6.67572e-06 14.25V4.75L8.66025 0Z" fill="white"/></svg>');
}

/* =========================================================
   5) IMAGE 1 & IMAGE 2 (DÙNG HIỆU ỨNG TRONG JS DELAY)
   ========================================================= */

.home-1-img1 {
    width: 270px !important;
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 2;
    opacity: 0;
    transform: rotate(0) scale(1.5);
    transition: all 0.6s ease-in-out;
}

.home-1 .is-selected .home-1-img1 {
    opacity: 1;
    transform: rotate(15deg) scale(1);
    transition-delay: 0.4s;
    /* sau H3 một chút */
}

.home-1-img2 {
    width: 65px !important;
    height: 65px !important;
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: 9;
    transform: scale(1.5);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
}

.home-1 .is-selected .home-1-img2 {
    opacity: 1;
    transform: scale(1);
    transition-delay: 3.5s;
}

.flickity-prev-next-button {
    width: 54px !important;
    height: 54px !important;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1 !important;
    transform: none !important;
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%) !important;
    border-radius: 50%;
}

.flickity-prev-next-button.previous {
    background: url('data:image/svg+xml,<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="27" cy="27" r="27" transform="matrix(-1 0 0 1 54 0)" fill="white"/><path d="M19.4697 27.5303C19.1768 27.2374 19.1768 26.7626 19.4697 26.4697L24.2426 21.6967C24.5355 21.4038 25.0104 21.4038 25.3033 21.6967C25.5962 21.9896 25.5962 22.4645 25.3033 22.7574L21.0607 27L25.3033 31.2426C25.5962 31.5355 25.5962 32.0104 25.3033 32.3033C25.0104 32.5962 24.5355 32.5962 24.2426 32.3033L19.4697 27.5303ZM34 27V27.75H20V27V26.25H34V27Z" fill="%23097725"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    left: 120px;
}

.flickity-prev-next-button.next {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"><circle cx="27" cy="27" r="27" fill="white"/><path d="M34.5303 27.5303C34.8232 27.2374 34.8232 26.7626 34.5303 26.4697L29.7574 21.6967C29.4645 21.4038 28.9896 21.4038 28.6967 21.6967C28.4038 21.9896 28.4038 22.4645 28.6967 22.7574L32.9393 27L28.6967 31.2426C28.4038 31.5355 28.4038 32.0104 28.6967 32.3033C28.9896 32.5962 29.4645 32.5962 29.7574 32.3033L34.5303 27.5303ZM20 27V27.75H34V27V26.25H20V27Z" fill="%23097725"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    right: 120px;
}

.flickity-prev-next-button svg {
    display: none;
}

.home-2 .flickity-prev-next-button {
    display: none;
}

.gb-heading h2 {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}

.gb-heading p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.home-2 .gb-heading p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.home-2-row1 .icon-box .icon-box-img {
    margin-bottom: 10px;
}

.home-2-row1 .icon-box .icon-box-text h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
}

.home-2-row1 .icon-box .icon-box-text p {
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.nav-dots-small .flickity-page-dots .dot,
.row-slider .flickity-page-dots .dot {
    background-color: #097725;
}

.home-3 .button.icon {
    width: 138px;
    height: 138px;
    background: rgb(255, 255, 255, 0.7);
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.home-3 .button.icon i {
    color: #097725;
}

.home-6 .banner {
    border-radius: 50px;
    overflow: hidden;
}

.home-6 h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    padding: 0 24px;
    position: relative;
    display: inline-block;
    width: auto;
}

.home-6 p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 20px 0;
}

.home-6 h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: -14px;
    width: 64px;
    height: 36px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

.home-6 h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 64px;
    /* cạnh ngang */
    height: 36px;
    /* cạnh dọc */
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.home-7 .gb-heading h2 {
    margin: 0 0 12px 0;
}

.home-7 .flickity-prev-next-button.previous,
.home-5 .flickity-prev-next-button.previous {
    left: -60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'%3E%3Ccircle cx='26.9272' cy='26.9272' r='26.9272' transform='matrix(-1 0 0 1 53.8544 0)' fill='%23097725'/%3E%3Cpath d='M17.0037 28.084C16.7108 27.7911 16.7108 27.3163 17.0037 27.0234L21.7766 22.2504C22.0695 21.9575 22.5444 21.9575 22.8373 22.2504C23.1302 22.5433 23.1302 23.0182 22.8373 23.3111L18.5946 27.5537L22.8373 31.7964C23.1302 32.0892 23.1302 32.5641 22.8373 32.857C22.5444 33.1499 22.0695 33.1499 21.7766 32.857L17.0037 28.084ZM36.3204 27.5537V28.3037H17.534V27.5537V26.8037H36.3204V27.5537Z' fill='white'/%3E%3C/svg%3E");
}

.home-7 .flickity-prev-next-button.next,
.home-5 .flickity-prev-next-button.next {
    right: -60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'%3E%3Ccircle cx='26.9272' cy='26.9272' r='26.9272' fill='%23097725'/%3E%3Cpath d='M36.8507 28.084C37.1436 27.7911 37.1436 27.3163 36.8507 27.0234L32.0777 22.2504C31.7848 21.9575 31.3099 21.9575 31.017 22.2504C30.7241 22.5433 30.7241 23.0182 31.017 23.3111L35.2597 27.5537L31.017 31.7964C30.7241 32.0892 30.7241 32.5641 31.017 32.857C31.3099 33.1499 31.7848 33.1499 32.0777 32.857L36.8507 28.084ZM17.5339 27.5537V28.3037H36.3203V27.5537V26.8037H17.5339V27.5537Z' fill='white'/%3E%3C/svg%3E");
}

.home-7 .flickity-prev-next-button {
    top: 50px;
}

.footer-1 h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.footer-1 .section-content .row:first-child p {
    display: flex;
}

.footer-1 .section-content .row:last-child p {
    margin: 0;
}

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

.footer-1 p img {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 !important;
}

.absolute-footer {
    display: none;
}

.footer-1 {
    border: none;
}

.gb-banner img {
    width: 100%;
    height: auto;
}

.gb-bread {
    padding: 23px 0;
    background: #f7f7f7;
}

#breadcrumbs {
    margin: 0;
    position: relative;
}

#breadcrumbs:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M1.25 8.75L10 3.125L18.75 8.75M16.875 7.5V16.875H3.125V7.5M8.125 11.875H11.875V16.875H8.125V11.875Z" stroke="black" stroke-linejoin="round"/></svg>');
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

#breadcrumbs span,
#breadcrumbs span a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pinfo-1 h2 {
    font-size: 61px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 40px 0;
}

.pinfo-1 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px;
}

.pinfo-1 h2 {
    font-size: 61px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 40px 0;
}

.pinfo-1 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px;
}

.pinfo-1 .text-box {
    padding-left: 100px;
}

.pinfo-8-row .col .col-inner:hover {
    border-radius: 6px;
    border: 1px solid #097725;
}

.pser-1 h3 {
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 46px 0;
}

.pser-1 h2 {
    color: #3d3d3d;
    text-align: justify;
    font-size: 59px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pser-1 p {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.pser-2 h3 {
    color: #e42b26;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.pser-2 h4 {
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.pser-2 .icon-box {
    align-items: center;
}

.pser-2 .icon-box h3 {
    color: #097725;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}

.pser-3-row h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 14px 0;
}

.pser-3-row p {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.product-main .product-gallery .vertical-thumbnails {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.single-product #main,
.tax-product_cat #main,
.post-type-archive-product #main {
    background: #fbfbfb;
}

.spromc-main {
    padding: 50px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    background: #fff;
}

.woocommerce-product-gallery__wrapper .flickity-prev-next-button {
    display: none;
}

.spromc-title h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.spromc-titled {
    color: #e42b26;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.spromc-desc>* {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
}

.spromc-desct {
    font-weight: 700;
    margin: 0 0 12px 0;
}

.spromc-item .spromc-desc:first-child .spromc-descn,
.spromc-item .spromc-desc:last-child .spromc-descn {
    color: #e42b26;
    font-weight: 700;
}

.spromc-desc {
    margin: 0 0 15px 0;
}

.spromc-descn ul {
    padding-left: 22px;
}

.spromc-descn ul li {
    color: #000;
}

.spromc-desc.is-inline>* {
    display: inline-block;
    margin: 0;
}

.spromc-main .gb-button {
    width: 100%;
    margin: 0;
    justify-content: center;
}

.sproc-main {
    margin: 50px 0 0 0;
}

.product-section {
    border: none;
}

.related-products-wrapper h3 {
    margin: 0;
    padding: 20px 35px;
    border-radius: 20px 20px 0 0;
    border: 1px solid #f0f0f0;
    background: #097725;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.product-small.box .box-image {
    padding: 50px;
}

.product-small.box .box-text {
    padding: 0 10px;
    margin: 0 0 12px 0;
}

.product-small.box .box-text .product-title {
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.product-small.box .box-text .product-title a {
    color: #e42b26;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.w3b-ctsp-tdp {
    padding: 35px 10px;
    background: #097725;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;

    /* NGĂN XUỐNG DÒNG */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-products-wrapper .slider-nav-reveal {
    overflow: inherit;
}

.related-products-wrapper {
    margin: 50px 0 0 0;
}

.related-products-combo h3 {
    background: #ff9d00;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    border: 1px solid rgba(61, 61, 61, 0.09);
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
}

ul.links.nav-pagination li {
    margin: 0 7px;
}

.nav-pagination>li>a {
    color: #097725 !important;
}

.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    color: #fff !important;
}

.w3b-cate-box {
    background: #097725;
    color: #fff;
    padding: 22px;
    border-radius: 20px;
}

.w3b-cate-title {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 22px 0;
}

.w3b-cate-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 10px 0;
    position: relative;
    padding: 0 0 0 10px;
}

.w3b-cate-head:before {
    content: '';
    width: 5px;
    height: 6px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="6" viewBox="0 0 5 6" fill="none"><path d="M5 3L0 0V6L5 3Z" fill="white"/></svg>');
    position: absolute;
    left: 0;
}

.w3b-cate-head .toggle {
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

.w3b-cate-content {
    display: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0 0 15px 0;
}

.w3b-cate-content ul {
    margin: 0;
    padding-left: 10px;
}

.w3b-cate-content li {
    margin-bottom: 6px;
}

.w3b-cate-content li a {
    font-size: 16px;
    color: #fff;
    line-height: normal;
}

.entry-header h1.entry-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 11px 0;
}

.is-divider {
    display: none;
}

.entry-header .entry-meta {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.entry-header-text.entry-header-text-top {
    padding: 0;
}

.slider:hover .flickity-prev-next-button {
    transform: translateY(-50%) !important;
}

.home-5 .tabbed-content .nav li a {
    border-radius: 4px;
    background: #f3f3f3;
    padding: 10px;
    width: 250px;
    color: #c1c1c1;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: inherit;
    justify-content: center;
}

.home-5 .tabbed-content .nav {
    gap: 16px;
}

.home-5 .tabbed-content .nav li.active a,
.home-5 .tabbed-content .nav li:hover a {
    background: #097725;
    color: #fff;
}

.home-5 .tabbed-content .tab-panels {
    padding-top: 37px;
}

.post-item .box-normal .image-cover {
    border-radius: 10px;
}

.post-item .box-normal .box-text h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 8px 0;
}

.post-item .box-normal .box-text h5 a {
    color: #3d3d3d;
}

.post-item .box-normal .box-text h5 a:hover {
    color: #097725;
}

.post-item .box-normal .box-text .post-meta {
    color: #ffd05b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 8px 0;
}

.post-item .box-normal .box-text p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.home-5 h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 38px 0;
}

.w3b-tabs {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin: 0 0 49px 0;
}

.w3b-tabs a {
    display: inline-block;
    padding: 10px;
    width: 250px;
    border-radius: 4px;
    background: #f3f3f3;
    color: #c1c1c1;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.w3b-tabs a.active,
.w3b-tabs a:hover {
    background: #097725;
    color: #fff;
}

.post-item .box-vertical .box-text {
    vertical-align: text-bottom;
}

.post-item .box-vertical .box-text h5 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 8px 0;
}

.post-item .box-vertical .box-text h5 a {
    color: #3d3d3d;
}

.post-item .box-vertical .box-text h5 a:hover {
    color: #097725;
}

.post-item .box-vertical .box-text .post-meta {
    color: #ffd05b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 8px 0;
}

.post-item .box-vertical .box-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.post-item .box-vertical .box-text .button {
    margin-top: 23px;
    border-radius: 40px;
    background: #097725;
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    width: 178px;
    height: 55px;
    padding: 6px 6px 6px 22px;
    text-align: left;
    line-height: 42px;
    position: relative;
}

.post-item .box-vertical .box-text .button:after {
    content: '';
    width: 41px;
    height: 41px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none"><circle cx="20.5" cy="20.5" r="20.5" fill="%23FFD05B"/><path d="M25.75 17C25.75 16.5858 25.4142 16.25 25 16.25L18.25 16.25C17.8358 16.25 17.5 16.5858 17.5 17C17.5 17.4142 17.8358 17.75 18.25 17.75L24.25 17.75L24.25 23.75C24.25 24.1642 24.5858 24.5 25 24.5C25.4142 24.5 25.75 24.1642 25.75 23.75L25.75 17ZM17 25L17.5303 25.5303L25.5303 17.5303L25 17L24.4697 16.4697L16.4697 24.4697L17 25Z" fill="white"/></svg>');
    position: absolute;
    right: 6px;
    top: 7px;
}

.post-item .box-vertical .image-cover {
    border-radius: 10px;
}

.gb-contact-fix {
    position: fixed;
    bottom: 80px;
    right: 14px;
    z-index: 999;
}

.gb-contact-fix .icon-box .icon-box-img {
    margin-bottom: 5px;
}

.home-5 {
    padding: 0 !IMPORTANT;
}

.pcon-1 p {
    margin: 0 0 18px 0 !important;
}

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

    #logo {
        position: absolute;
        top: -80px;
        z-index: 99;
        left: 15px;
    }

    .stuck #logo {
        position: relative;
        top: 0;
        z-index: 99;
        left: 0;
        width: auto !important;
    }

    .stuck ul.header-nav.nav-left {
        margin-left: 200px;
    }

    .header-main {
        z-index: 99;
    }

    .header-main .header-inner {
        position: relative;
    }

    #logo img {
        max-height: 100% !important;
    }

    .home-2-row1 {
        position: absolute;
        min-width: 150%;
        left: -25%;
        bottom: -230px;
    }

    .pinfo-1 .banner-layers {
        max-width: 100%;
    }

    .pser-3-stack {
        position: relative;
        height: 750px;
    }

    .pser-3-row {
        position: absolute;
        top: 0;
        left: 0;
    }

    .pser-3-stacklast {
        margin-bottom: 120px;
    }

    .product-gallery>.row>.large-3 {
        flex-basis: 17%;
        max-width: 17%;
    }

    .product-gallery>.row>.large-9 {
        flex-basis: 83%;
        max-width: 83%;
    }

    .product-thumbnails a {
        padding: 28px;
        height: 300px;
        display: flex;
        align-items: center;
        border-radius: 20px;
        border: 1px solid #f0f0f0;
    }

    .product-thumbnails .is-nav-selected a,
    .product-thumbnails a:hover {
        border: 1px solid #f0f0f0;
    }

    .woocommerce-product-gallery__image {
        padding: 24px !important;
        height: 450px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .row-small>.flickity-viewport>.flickity-slider>.col.product-small,
    .tax-product_cat .row-small>.col.product-small,
    .post-type-archive-product .row-small>.col.product-small,
    .home-4 .row-small>.col.product-small {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .related-products-wrapper .row-small:not(.row-collapse),
    .tax-product_cat .row-small:not(.row-collapse),
    .post-type-archive-product .row-small:not(.row-collapse),
    .home-4 .row-small:not(.row-collapse) {
        margin: 0 1px;
    }

    .product-small>.col-inner {
        border-right: 2px solid #cdcdcd;
        border-left: 2px solid #cdcdcd;
        background: #fff;
    }

    .related-products-wrapper .flickity-prev-next-button.next {
        right: 18px !important;
    }

    .related-products-wrapper .flickity-prev-next-button.previous {
        left: inherit !important;
        right: 52px !important;
    }

    .related-products-wrapper .flickity-prev-next-button {
        width: 24px !important;
        height: 24px !important;
        min-height: 24px;
        top: -48px !important;
        bottom: inherit;
        transform: none !important;
        box-shadow: none !important;
    }

    .tax-product_cat .product-small.box .box-image,
    .post-type-archive-product .product-small.box .box-image,
    .home-4 .product-small.box .box-image {
        height: 380px;
        display: flex;
        align-items: center;
    }

    .shop-page-title.category-page-title.page-title {
        display: none;
    }

    .pcon-1 h3 {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .pcon-1 p {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .pcon-1 p img {
        position: relative;
        top: 5px;
    }

    .my-mfp-video .mfp-iframe-holder .mfp-content {
        max-width: 80%;
    }
}

@media only screen and (max-width: 52em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .home-1 .text-box .text-box-content h3 {
        font-size: 35px;
        padding: 50px 0 0 0;
    }

    .home-1 .b-left {
        top: 40px;
    }

    @keyframes borderLeft {
        from {
            height: 0;
            opacity: 1;
        }

        to {
            height: 40px;
            opacity: 1;
        }
    }

    .home-1 .text-box .text-box-content ul li {
        font-size: 18px;
    }

    .home-1 .text-box .text-box-content ul {
        padding: 16px 0 12px 48px;
    }

    .home-1 .text-box .text-box-content ul li:before {
        top: 3px;
    }

    .home-1-img1 {
        width: 50% !important;
        top: -175px;
        right: 15px;
    }

    .home-1-img2 {
        width: 45px !important;
        height: 45px !important;
        bottom: -15px;
        right: -15px;
    }

    .gb-heading h2 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }

    .home-2 .gb-heading p {
        font-size: 16px;
        line-height: 26px;
    }

    .home-3 .button.icon {
        width: 80px;
        height: 80px;
    }

    .product-small.box .box-image {
        padding: 20px;
    }

    .product-small.box .box-text .product-title {
        font-size: 18px;
        font-weight: 700;
    }

    .w3b-ctsp-tdp {
        padding: 10px;
        font-size: 16px;
        font-weight: 700;
    }

    .gb-bread {
        padding: 10px 0;
        background: #f7f7f7;
    }

    #breadcrumbs span,
    #breadcrumbs span a {
        font-size: 14px;
    }

    .pinfo-1 .text-box {
        padding-left: 0;
    }

    .pinfo-1 h2 {
        font-size: 35px;
        margin: 0;
    }

    .pinfo-1 p {
        font-size: 20px;
        line-height: 36px;
        margin: 0;
    }

    .pser-1 h3 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }

    .pser-1 h2 {
        text-align: center;
        font-size: 28px;
    }

    .pser-1 p {
        font-size: 18px;
        line-height: 30px;
    }

    .pser-2 h3 {
        font-size: 28px;
    }

    .pser-2 h4 {
        font-size: 26px;
        line-height: 34px;
    }

    .pser-2 .icon-box .icon-box-img {
        width: 100px !important;
    }

    .pser-2 .icon-box {
        display: block;
    }

    .pser-2 .icon-box h3 {
        font-size: 18px;
        line-height: 26px;
        margin: 10px 0 0 0;
    }

    .pser-3-row h3 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }

    .pser-3-row p {
        font-size: 18px;
        padding: 0 15px;
        line-height: 30px;
    }

    .pser-3-stack .img {
        margin: 0 0 30px 0;
    }

    .pser-3-stack .text-right {
        display: flex;
        justify-content: end;
    }

    .nav-pagination>li>a,
    .nav-pagination>li>span {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 29px;
    }

    ul.links.nav-pagination li {
        margin: 0 5px;
    }

    .spromc-image {
        order: 2;
    }

    .product-thumbnails.small-columns-4 .flickity-slider>.col,
    .product-thumbnails .small-columns-4>.col {
        flex-basis: 33.3%;
        max-width: 33.3%;
    }

    .product-thumbnails a {
        height: 130px;
        display: flex;
        align-items: center;
    }

    .spromc-main {
        margin: 15px 0 0 0;
        padding: 15px;
    }

    .spromc-titled {
        font-size: 28px;
        margin: 0 0 10px 0;
    }

    .spromc-title h1 {
        font-size: 28px;
    }

    .sproc-main {
        margin: 30px 0 0 0;
    }

    .product-main {
        padding-bottom: 0;
    }

    .related-products-wrapper h3 {
        margin: 0;
        padding: 15px;
        font-size: 20px;
    }

    .w3b-tabs {
        flex-wrap: wrap;
    }

    .post-item .box-vertical .box-text {
        padding: 15px 0 0 0 !important;
    }

    .post-item .box-vertical .image-cover {
        padding-top: 297px !important;
    }

    .post-item .box-vertical .box-text h5 {
        font-size: 18px;
    }

    .post-item .box-vertical .box-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .entry-header h1.entry-title {
        font-size: 28px;
        margin: 0 0 11px 0;
    }

    .entry-header .entry-meta {
        font-size: 12px;
    }

    .home-5 h3 {
        font-size: 26px;
        margin: 0 0 20px 0;
    }
}