/*
Theme Name: Azzan
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
    --heading-color: #1e1e1e;
    --body-color: #1e1e1e;
    --light-color: #fff;
    --dark-color: #000;
    --primary-color: var(--fs-color-primary);
    --secondary-color: var(--fs-color-secondary);
    --heading-font: "Big Shoulders Text", sans-serif;
    --body-font: "Readex Pro", sans-serif;
    --icon-font: "fl-icons";
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.bg-dark {
    background-color: #212529 !important;
}

.bg-grey {
    background-color: #f6f6f6 !important;
}

.d-none {
    display: none !important;
}

.font-bold {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

.text-right {
    text-align: right;
}

.header-nav-main .has-dropdown .menu-item-has-children>a {
    color: #fff !important;
    font-size: 1.03em;
}

.text-nowrap {
    white-space: nowrap !important;
}

.flatsome-pro-max-acf-field .social-icons.share-icons {
    color: var(--heading-color);
}

.flatsome-pro-post-title .title .title-main {
    font-size: 1.6em;
}

.social-icons.share-icons a:hover {
    color: var(--fs-color-secondary);
}

@media screen and (max-width: 48em) {
    .single-post .social-icons.text-right {
        text-align: left;
    }
}

.title {
    letter-spacing: 0;
    text-transform: unset;
}

.bg-gray {
    background-color: #f2f1ee;
}

.bg-gray .obelix-blog-list--six .box-blog-post .box-text {
    background-color: #f9f9f9;
}

.stuck .header-main .header-nav-main.nav-left>li>a {
    display: unset;
}

#gt_float_wrapper img {
    display: none;
}

.gt_float_switcher {
    position: relative !important;
    overflow: unset !important;
    font-family: var(--body-font) !important;
}

.gt_float_switcher .gt_options {
    position: absolute !important;
    right: 0 !important;
    top: 114% !important;
    font-size: 15px;
    text-align: right;
    box-shadow: 0px 3px 15px rgb(132 132 132 / 34%);
    background-color: white !important;
    transition: all 0.2s cubic-bezier(0.3, 1.1, 0.4, 1.1) !important;
    transition-delay: 0 !important;
    background-color: var(--primary-color) !important;
}

.gt_float_switcher .gt_options a {
    padding: 5px 10px;
    white-space: nowrap;
    color: white !important;
}

.gt_float_switcher .gt_options a:hover {
    background-color: var(--light-color) !important;
    color: var(--primary-color) !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    text-align: center;
    padding: 3px 7px !important;
    line-height: 14px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    display: none !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 16px;
    top: -1px !important;
    font-family: var(--heading-font);
    font-weight: 800;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    color: #000;
}

.gt_float_switcher {
    box-shadow: none !important;
    border: 1px solid white;
    border-radius: 2px !important;
    /* height: 100%; */
}

.gt_float_switcher .gt_options {
    transition: all 0.2s ease;
    transition-delay: 0 !important;
}

.gt_float_switcher .gt_options.gt-open {
    max-width: unset !important;
    display: block !important;
}

#gt_float_wrapper {
    display: flex !important;
}

.gt_float_switcher .gt-selected {
    background-color: #efefef !important;
    border-radius: 5px;
}

.header-main.nav-dark .gt_float_switcher .gt-selected {
    background-color: white !important;
}

/* Start:Section title */
.section-title {
    --font-size: 60px;
    margin-bottom: 0.5rem;
}

.section-title-normal {
    border-bottom: none;
}

.section-title-normal span {
    border-bottom: none;
    font-size: var(--font-size);
}

.section-title .title {
    font-size: 50px;
}

.section-title b {
    display: none;
}

.section-title span {
    text-transform: math-auto;
}

.section-title.section-title-center {
    justify-content: center;
}

.section-title .section-title-main {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 200;
}

@media screen and (max-width: 48em) {
    .section-title {
        --font-size: 40px;
    }
}

/* End:Section title */
a.button {
    gap: 8px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: none;
    position: relative;
    /* z-index: 0; */
    font-family: var(--heading-font);
    font-weight: 800;
    text-transform: uppercase;
}

/* .a.button.primary {
    --button-color: white;
    --button-bg-color: var(--primary-color);
    --button-hover-color: rgb(34, 34, 34);
} */
a.button * {
    z-index: 1;
}

/* a.button:before {
    transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5%;
    width: 125%;
    height: 100%;
    background: var(--button-hover-color);
    opacity: 0;
    z-index: 0;
    opacity: 1;
    border-radius: var(--button-border-radius, 0px);
    transform-origin: bottom left;
    backface-visibility: hidden;
    transform: rotate3d(0, 0, 1, 6deg) translate3d(-1.2em, 110%, 0);
    will-change: transform;
}

a.button:hover::before {
    transform: rotate3d(0, 0, 1, 0) translateZ(0);
} */
a.button:focus::before {}

.about-us-btn {
    display: flex;
    gap: 5px;
    font-size: 24px;
    align-items: center;
}

/* End:Section title */
/*
* Element Name: Flatsome Icons Library
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.icon-search-2:before {
    content: "\ea46";
}

.icon-heart-2:before {
    content: "\ea47";
}

.icon-user-2:before {
    content: "\ea48";
}

.icon-shopping-bag-2:before {
    content: "\ea49";
}

.icon-download:before {
    content: "\ea3d";
}

.icon-file:before {
    content: "\ea40";
}

.icon-grid:before {
    content: "\ea42";
}

.icon-minus:before {
    content: "\ea44";
}

.icon-eye:before {
    content: "\ea39";
}

.icon-face-frown:before {
    content: "\ea3b";
}

.icon-bars-2:before {
    content: "\ea28";
}

.icon-bars-filter:before {
    content: "\ea2a";
}

.icon-bars-sort:before {
    content: "\ea2c";
}

.icon-box-archive:before {
    content: "\ea2e";
}

.icon-box-ballot:before {
    content: "\ea30";
}

.icon-box-circle-check:before {
    content: "\ea32";
}

.icon-box-taped:before {
    content: "\ea34";
}

.icon-circle-check:before {
    content: "\ea36";
}

.icon-ticket-simple:before {
    content: "\ea38";
}

.icon-alarm-clock:before {
    content: "\e9d4";
}

.icon-bell:before {
    content: "\e9d6";
}

.icon-caret-down:before {
    content: "\e9d8";
}

.icon-caret-left:before {
    content: "\e9da";
}

.icon-caret-right:before {
    content: "\e9dc";
}

.icon-caret-up:before {
    content: "\e9dd";
}

.icon-circle-exclamation:before {
    content: "\e9e0";
}

.icon-circle-info:before {
    content: "\e9e2";
}

.icon-circle-user:before {
    content: "\e9e4";
}

.icon-clipboard:before {
    content: "\e9e6";
}

.icon-earth-americas:before {
    content: "\e9e8";
}

.icon-eye-slash:before {
    content: "\e9ea";
}

.icon-face-smile:before {
    content: "\e9ec";
}

.icon-folder-open:before {
    content: "\e9ee";
}

.icon-folder:before {
    content: "\e9f0";
}

.icon-gear:before {
    content: "\e9f2";
}

.icon-globe:before {
    content: "\e9f4";
}

.icon-hashtag:before {
    content: "\e9f6";
}

.icon-house-chimney:before {
    content: "\e9f8";
}

.icon-image:before {
    content: "\e9fa";
}

.icon-inbox:before {
    content: "\e9fc";
}

.icon-key:before {
    content: "\e9fe";
}

.icon-paper-plane-top:before {
    content: "\ea01";
}

.icon-paper-plane:before {
    content: "\ea02";
}

.icon-paperclip:before {
    content: "\ea04";
}

.icon-pen-nib:before {
    content: "\ea06";
}

.icon-pen-to-square:before {
    content: "\ea08";
}

.icon-percent:before {
    content: "\ea0a";
}

.icon-print:before {
    content: "\ea0c";
}

.icon-quote-left:before {
    content: "\ea0e";
}

.icon-quote-right:before {
    content: "\ea10";
}

.icon-rotate-left:before {
    content: "\ea12";
}

.icon-rotate-right:before {
    content: "\ea14";
}

.icon-share-all:before {
    content: "\ea16";
}

.icon-share-from-square:before {
    content: "\ea18";
}

.icon-share-nodes:before {
    content: "\ea1a";
}

.icon-share:before {
    content: "\ea1c";
}

.icon-shield-check:before {
    content: "\ea1e";
}

.icon-shop:before {
    content: "\ea20";
}

.icon-triangle-exclamation:before {
    content: "\ea22";
}

.icon-wallet:before {
    content: "\ea24";
}

.icon-wrench:before {
    content: "\ea26";
}

.icon-angle-down:before {
    content: "\e900";
}

.icon-angle-left:before {
    content: "\e902";
}

.icon-angle-right:before {
    content: "\e904";
}

.icon-angle-up:before {
    content: "\e906";
}

.icon-arrow-down:before {
    content: "\e908";
}

.icon-arrow-down-arrow-up:before {
    content: "\e90a";
}

.icon-arrow-down-from-line:before {
    content: "\e90c";
}

.icon-arrow-down-left:before {
    content: "\e90e";
}

.icon-arrow-down-long:before {
    content: "\e910";
}

.icon-arrow-down-right:before {
    content: "\e912";
}

.icon-arrow-down-small-big:before {
    content: "\e914";
}

.icon-arrow-up-big-small:before {
    content: "\e915";
}

.icon-arrow-up-small-big:before {
    content: "\e917";
}

.icon-arrow-down-to-line:before {
    content: "\e919";
}

.icon-arrow-left:before {
    content: "\e91b";
}

.icon-arrow-left-from-line:before {
    content: "\e91d";
}

.icon-arrow-left-long:before {
    content: "\e91f";
}

.icon-arrow-left-long-to-line:before {
    content: "\e921";
}

.icon-arrow-left-to-line:before {
    content: "\e923";
}

.icon-arrow-right:before {
    content: "\e925";
}

.icon-arrow-right-arrow-left:before {
    content: "\e927";
}

.icon-arrow-right-from-line:before {
    content: "\e929";
}

.icon-arrow-right-long:before {
    content: "\e92b";
}

.icon-arrow-right-long-to-line:before {
    content: "\e92d";
}

.icon-arrow-right-to-line:before {
    content: "\e92f";
}

.icon-arrows-rotate:before {
    content: "\e931";
}

.icon-arrows-up-down-left-right:before {
    content: "\e933";
}

.icon-arrow-up:before {
    content: "\e935";
}

.icon-arrow-up-from-line:before {
    content: "\e937";
}

.icon-arrow-up-left:before {
    content: "\e939";
}

.icon-arrow-up-long:before {
    content: "\e93b";
}

.icon-arrow-up-right:before {
    content: "\e93d";
}

.icon-arrow-up-right-from-square:before {
    content: "\e93f";
}

.icon-arrow-up-to-line:before {
    content: "\e941";
}

.icon-basket-shopping-simple:before {
    content: "\e943";
}

.icon-calendar:before {
    content: "\e945";
}

.icon-calendar-circle-plus:before {
    content: "\e947";
}

.icon-calendar-days:before {
    content: "\e949";
}

.icon-shopping-cart:before {
    content: "\e908";
}

.icon-cart-circle-plus:before {
    content: "\e94d";
}

.icon-shopping-bag:before {
    content: "\e94f";
}

.icon-shopping-paper-bag:before {
    content: "\e9d1";
}

.icon-shopping-basket:before {
    content: "\e951";
}

.icon-cart-flatbed:before {
    content: "\e953";
}

.icon-certificate:before {
    content: "\e955";
}

.icon-chat:before {
    content: "\e957";
}

.icon-check:before {
    content: "\e959";
}

.icon-chevron-down:before {
    content: "\e95b";
}

.icon-chevron-left:before {
    content: "\e95d";
}

.icon-chevron-right:before {
    content: "\e95f";
}

.icon-chevron-up:before {
    content: "\e961";
}

.icon-clock:before {
    content: "\e963";
}

.icon-collapsed:before {
    content: "\e965";
}

.icon-credit-card:before {
    content: "\e967";
}

.icon-dribbble:before {
    content: "\e969";
}

.icon-envelop:before {
    content: "\e96a";
}

.icon-envelope-open-text:before {
    content: "\e96c";
}

.icon-equalizer:before {
    content: "\e96e";
}

.icon-equalizer-simple:before {
    content: "\e970";
}

.icon-expand:before {
    content: "\e972";
}

.icon-expand-2:before {
    content: "\e974";
}

.icon-feed:before {
    content: "\e977";
}

.icon-file-certificate:before {
    content: "\e979";
}

.icon-filter:before {
    content: "\e97b";
}

.icon-filter-list:before {
    content: "\e97c";
}

.icon-flickr:before {
    content: "\e97f";
}

.icon-folder-arrow-down:before {
    content: "\e980";
}

.icon-folder-arrow-up:before {
    content: "\e982";
}

.icon-gift:before {
    content: "\e984";
}

.icon-heart:before {
    content: "\e988";
}

.icon-headset:before {
    content: "\e986";
}

.icon-house-blank:before {
    content: "\e98a";
}

.icon-instagram:before {
    content: "\e98c";
}

.icon-line:before {
    content: "\e98d";
}

.icon-lock:before {
    content: "\e98f";
}

.icon-lock-open:before {
    content: "\e991";
}

.icon-magnifying-glass-minus:before {
    content: "\e993";
}

.icon-magnifying-glass-plus:before {
    content: "\e995";
}

.icon-map-location-dot:before {
    content: "\e997";
}

.icon-map-pin-fill:before {
    content: "\e999";
}

.icon-menu:before {
    content: "\e99b";
}

.icon-money-check-pen:before {
    content: "\e99d";
}

.icon-pen-alt-fill:before {
    content: "\e99f";
}

.icon-phone:before {
    content: "\e9a1";
}

.icon-pinterest:before {
    content: "\e9a3";
}

.icon-play:before {
    content: "\e9a4";
}

.icon-plus:before {
    content: "\e9a6";
}

.icon-search:before {
    content: "\e9a8";
}

.icon-square-sliders:before {
    content: "\e9aa";
}

.icon-square-sliders-vertical:before {
    content: "\e9ab";
}

.icon-star:before {
    content: "\e9ac";
}

.icon-store:before {
    content: "\e9ae";
}

.icon-tag:before {
    content: "\e9b0";
}

.icon-thumbs-up:before {
    content: "\e9b2";
}

.icon-timer:before {
    content: "\e9b4";
}

.icon-trash:before {
    content: "\e9b6";
}

.icon-truck:before {
    content: "\e9b8";
}

.icon-user-magnifying-glass:before {
    content: "\e9bc";
}

.icon-user:before {
    content: "\e9ba";
}

.icon-xmark:before {
    content: "\e9be";
}

.icon-eye-solid:before {
    content: "\ea3a";
}

.icon-face-frown-solid:before {
    content: "\ea3c";
}

.icon-bars-2-solid:before {
    content: "\ea27";
}

.icon-bars-filter-solid:before {
    content: "\ea29";
}

.icon-bars-sort-solid:before {
    content: "\ea2b";
}

.icon-box-archive-solid:before {
    content: "\ea2d";
}

.icon-box-ballot-solid:before {
    content: "\ea2f";
}

.icon-box-circle-check-solid:before {
    content: "\ea31";
}

.icon-box-taped-solid:before {
    content: "\ea33";
}

.icon-circle-check-solid:before {
    content: "\ea35";
}

.icon-ticket-simple-solid:before {
    content: "\ea37";
}

.icon-alarm-clock-solid:before {
    content: "\e9d3";
}

.icon-bell-solid:before {
    content: "\e9d5";
}

.icon-caret-down-solid:before {
    content: "\e9d7";
}

.icon-caret-left-solid:before {
    content: "\e9d9";
}

.icon-caret-right-solid:before {
    content: "\e9db";
}

.icon-caret-up-solid:before {
    content: "\e9de";
}

.icon-circle-exclamation-solid:before {
    content: "\e9df";
}

.icon-circle-info-solid:before {
    content: "\e9e1";
}

.icon-circle-user-solid:before {
    content: "\e9e3";
}

.icon-clipboard-solid:before {
    content: "\e9e5";
}

.icon-earth-americas-solid:before {
    content: "\e9e7";
}

.icon-eye-slash-solid:before {
    content: "\e9e9";
}

.icon-face-smile-solid:before {
    content: "\e9eb";
}

.icon-folder-open-solid:before {
    content: "\e9ed";
}

.icon-folder-solid:before {
    content: "\e9ef";
}

.icon-gear-solid:before {
    content: "\e9f1";
}

.icon-globe-solid:before {
    content: "\e9f3";
}

.icon-hashtag-solid:before {
    content: "\e9f5";
}

.icon-house-chimney-solid:before {
    content: "\e9f7";
}

.icon-image-solid:before {
    content: "\e9f9";
}

.icon-inbox-solid:before {
    content: "\e9fb";
}

.icon-key-solid:before {
    content: "\e9fd";
}

.icon-paper-plane-solid:before {
    content: "\e9ff";
}

.icon-paper-plane-top-solid:before {
    content: "\ea00";
}

.icon-paperclip-solid:before {
    content: "\ea03";
}

.icon-pen-nib-solid:before {
    content: "\ea05";
}

.icon-pen-to-square-solid:before {
    content: "\ea07";
}

.icon-percent-solid:before {
    content: "\ea09";
}

.icon-print-solid:before {
    content: "\ea0b";
}

.icon-quote-left-solid:before {
    content: "\ea0d";
}

.icon-quote-right-solid:before {
    content: "\ea0f";
}

.icon-rotate-left-solid:before {
    content: "\ea11";
}

.icon-rotate-right-solid:before {
    content: "\ea13";
}

.icon-share-all-solid:before {
    content: "\ea15";
}

.icon-share-from-square-solid:before {
    content: "\ea17";
}

.icon-share-nodes-solid:before {
    content: "\ea19";
}

.icon-share-solid-solid:before {
    content: "\ea1b";
}

.icon-shield-check-solid:before {
    content: "\ea1d";
}

.icon-shop-solid:before {
    content: "\ea1f";
}

.icon-triangle-exclamation-solid:before {
    content: "\ea21";
}

.icon-wallet-solid:before {
    content: "\ea23";
}

.icon-angle-down-solid:before {
    content: "\e901";
}

.icon-wrench-solid:before {
    content: "\ea25";
}

.icon-angle-left-solid:before {
    content: "\e903";
}

.icon-angle-right-solid:before {
    content: "\e905";
}

.icon-angle-up-solid:before {
    content: "\e907";
}

.icon-arrow-down-solid:before {
    content: "\e909";
}

.icon-arrow-down-arrow-up-solid:before {
    content: "\e90b";
}

.icon-arrow-down-from-line-solid:before {
    content: "\e90d";
}

.icon-arrow-down-left-solid:before {
    content: "\e90f";
}

.icon-arrow-down-long-solid:before {
    content: "\e911";
}

.icon-arrow-down-right-solid:before {
    content: "\e913";
}

.icon-arrow-up-big-small-solid:before {
    content: "\e916";
}

.icon-arrow-down-small-big-solid:before {
    content: "\e918";
}

.icon-arrow-down-to-line-solid:before {
    content: "\e91a";
}

.icon-arrow-left-solid:before {
    content: "\e91c";
}

.icon-arrow-left-from-line-solid:before {
    content: "\e91e";
}

.icon-arrow-left-long-solid:before {
    content: "\e920";
}

.icon-arrow-left-long-to-line-solid:before {
    content: "\e922";
}

.icon-arrow-left-to-line-solid:before {
    content: "\e924";
}

.icon-arrow-right-solid:before {
    content: "\e926";
}

.icon-arrow-right-arrow-left-solid:before {
    content: "\e928";
}

.icon-arrow-right-from-line-solid:before {
    content: "\e92a";
}

.icon-arrow-right-long-solid:before {
    content: "\e92c";
}

.icon-arrow-right-long-to-line-solid:before {
    content: "\e92e";
}

.icon-arrow-right-to-line-solid:before {
    content: "\e930";
}

.icon-arrows-rotate-solid:before {
    content: "\e932";
}

.icon-arrows-up-down-left-right-solid:before {
    content: "\e934";
}

.icon-arrow-up-solid:before {
    content: "\e936";
}

.icon-arrow-up-from-line-solid:before {
    content: "\e938";
}

.icon-arrow-up-left-solid:before {
    content: "\e93a";
}

.icon-arrow-up-long-solid:before {
    content: "\e93c";
}

.icon-arrow-up-right-solid:before {
    content: "\e93e";
}

.icon-arrow-up-right-from-square-solid:before {
    content: "\e940";
}

.icon-arrow-up-to-line-solid:before {
    content: "\e942";
}

.icon-basket-shopping-simple-solid:before {
    content: "\e944";
}

.icon-calendar-solid:before {
    content: "\e946";
}

.icon-calendar-circle-plus-solid:before {
    content: "\e948";
}

.icon-calendar-days-solid:before {
    content: "\e94a";
}

.icon-shopping-cart-solid:before {
    content: "\e94c";
}

.icon-shopping-cart-plus-solid:before {
    content: "\e94e";
}

.icon-shopping-bag-solid:before {
    content: "\e950";
}

.icon-shopping-paper-bag-solid:before {
    content: "\e9d2";
}

.icon-shopping-basket-solid:before {
    content: "\e952";
}

.icon-cart-flatbed-solid:before {
    content: "\e954";
}

.icon-certificate-solid:before {
    content: "\e956";
}

.icon-chat-solid:before {
    content: "\e958";
}

.icon-check-solid:before {
    content: "\e95a";
}

.icon-chevron-down-solid:before {
    content: "\e95c";
}

.icon-chevron-left-solid:before {
    content: "\e95e";
}

.icon-chevron-right-solid:before {
    content: "\e960";
}

.icon-chevron-up-solid:before {
    content: "\e962";
}

.icon-clock-solid:before {
    content: "\e964";
}

.icon-collapsed-solid:before {
    content: "\e966";
}

.icon-credit-card-solid:before {
    content: "\e968";
}

.icon-envelope-solid:before {
    content: "\e96b";
}

.icon-envelope-open-text-solid:before {
    content: "\e96d";
}

.icon-equalizer-solid:before {
    content: "\e96f";
}

.icon-equalizer-simple-solid:before {
    content: "\e971";
}

.icon-expand-solid:before {
    content: "\e973";
}

.icon-expand-2-solid:before {
    content: "\e975";
}

.icon-feed-solid:before {
    content: "\e978";
}

.icon-file-certificate-solid:before {
    content: "\e97a";
}

.icon-heart-solid:before {
    content: "\e989";
}

.icon-house-chimney-blank-solid:before {
    content: "\e98b";
}

.icon-headset-solid:before {
    content: "\e987";
}

.icon-gift-solid:before {
    content: "\e985";
}

.icon-folder-arrow-up-solid:before {
    content: "\e983";
}

.icon-folder-arrow-down-solid:before {
    content: "\e981";
}

.icon-filter-list-solid:before {
    content: "\e97d";
}

.icon-filter-solid:before {
    content: "\e97e";
}

.icon-lock-solid:before {
    content: "\e990";
}

.icon-lock-open-solid:before {
    content: "\e992";
}

.icon-line-solid:before {
    content: "\e98e";
}

.icon-map-pin-fill-solid:before {
    content: "\e99a";
}

.icon-menu-solid:before {
    content: "\e99c";
}

.icon-map-location-dot-solid:before {
    content: "\e998";
}

.icon-magnifying-glass-minus-solid:before {
    content: "\e994";
}

.icon-magnifying-glass-plus-solid:before {
    content: "\e996";
}

.icon-money-check-pen-solid:before {
    content: "\e99e";
}

.icon-pen-alt-fill-solid:before {
    content: "\e9a0";
}

.icon-phone-solid:before {
    content: "\e9a2";
}

.icon-play-solid:before {
    content: "\e9a5";
}

.icon-search-solid:before {
    content: "\e9a9";
}

.icon-star-solid:before {
    content: "\e9ad";
}

.icon-plus-solid:before {
    content: "\e9a7";
}

.icon-store-solid:before {
    content: "\e9af";
}

.icon-tag-solid:before {
    content: "\e9b1";
}

.icon-thumbs-up-solid:before {
    content: "\e9b3";
}

.icon-timer-solid:before {
    content: "\e9b5";
}

.icon-trash-solid:before {
    content: "\e9b7";
}

.icon-truck-bolt-solid:before {
    content: "\e9b9";
}

.icon-user-solid:before {
    content: "\e9bb";
}

.icon-user-magnifying-glass-solid:before {
    content: "\e9bd";
}

.icon-xmark-solid:before {
    content: "\e9bf";
}

.icon-minus-solid:before {
    content: "\ea45";
}

.icon-grid-solid:before {
    content: "\ea43";
}

.icon-file-solid:before {
    content: "\ea41";
}

.icon-download-solid:before {
    content: "\ea3e";
}

.icon-ellipsis-solid:before {
    content: "\ea3f";
}

.icon-apple:before {
    content: "\e9c0";
}

.icon-google-play:before {
    content: "\e9c1";
}

.icon-skype:before {
    content: "\e9c2";
}

.icon-snapchat:before {
    content: "\e9c3";
}

.icon-telegram:before {
    content: "\e9c4";
}

.icon-facebook:before {
    content: "\e976";
}

.icon-facebook-messenger:before {
    content: "\e9c5";
}

.icon-linkedin:before {
    content: "\e9c6";
}

.icon-tumblr:before {
    content: "\e9c7";
}

.icon-tiktok:before {
    content: "\e9c8";
}

.icon-twitch:before {
    content: "\e9c9";
}

.icon-twitter:before,
.icon-x::before {
    content: "\e9ca";
}

.icon-youtube:before {
    content: "\e9cb";
}

.icon-vk:before {
    content: "\e9cc";
}

.icon-500px:before {
    content: "\e9cd";
}

.icon-google-plus:before {
    content: "\e9ce";
}

.icon-threads:before {
    content: "\ea4a";
}

.icon-discord:before {
    content: "\ea4b";
}

.icon-zalo:before {
    content: "\e9cf";
}

.icon-zalo-line:before {
    content: "\ea4c";
}

.icon-whatsapp:before {
    content: "\e9d0";
}

/**** End Flat Awesome Icons Library ****/
/*
* Element Name: Footer One
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.obelix-footer--one {
    font-size: 14px;
}

.obelix-footer--one .obelix-contact-list-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

.obelix-footer--one .obelix-contact-list-block li {
    position: relative;
    margin-left: 0 !important;
    padding-left: 0;
    margin-bottom: 0.5em;
    font-size: 14px;
}

.obelix-footer--one .obelix-contact-list-block li:last-child {
    margin-bottom: 0;
}

.obelix-footer--one .obelix-contact-list-block li {
    line-height: 1.6;
}

.obelix-footer--one .obelix-contact-list-block li i {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.obelix-footer--one .col {
    padding-bottom: 0;
}

.obelix-footer--one .ux-menu-link__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: unset;
}

.obelix-footer--one .ux-menu-link__link>span {
    position: relative;
    font-size: 14px;
}

.obelix-footer--one .ux-menu-link__link>span::before {
    background: var(--fs-color-secondary);
    opacity: 0.5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    width: 100%;
}

.obelix-footer--one .ux-menu-link__link:hover>span::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.obelix-footer--one .widget-title {
    margin-bottom: 15px !important;
    line-height: 1.45 !important;
    font-size: 21px;
    text-transform: uppercase;
}

.obelix-footer--one .social-icons {
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.obelix-footer--one:not(.dark) .social-icons a,
.obelix-footer--one:not(.dark) .social-icons {
    color: #3d3d3d;
}

.obelix-footer--one .social-icons .button.icon {
    margin: 0;
}

.obelix-footer--one .social-icons .button.icon i {
    top: 0;
}

.obelix-footer--one.dark .footer-top {
    border-bottom: solid 1px #ffffff14;
}

.obelix-footer--one .footer-top {
    border-bottom: solid 1px #0000001a;
}

.obelix-footer--one .footer-top .ux-logo-link {
    padding-left: 0 !important;
}

.obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
}

.obelix-footer--one .col-inner>*:last-child {
    margin-bottom: 0;
    font-size: 14px;
}

.obelix-footer--one .obelix-contact-list-block li svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline;
}

.obelix-footer--one .obelix-contact-list-block li i,
.obelix-contact-list-block svg {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: 0.2em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
}

@media screen and (max-width: 549px) {
    .obelix-footer--one {
        font-size: 16px !important;
    }

    .obelix-footer--one .widget-title {
        font-size: 1.2em;
        margin-bottom: 6px !important;
    }

    .obelix-footer--one .col-inner {
        text-align: left !important;
    }

    .obelix-footer--one .row-collapse>.col {
        padding: 0 15px !important;
    }

    .obelix-footer--one .social-icons {
        margin: 24px 0 16px !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .obelix-footer--one .footer-center>.col:last-of-type>.col-inner {
        display: block;
    }

    .obelix-footer--one .footer-center>.col:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .obelix-footer--one .footer-center .ux-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        display: block;
    }
}

/* End Footer One */
.header-main .header-nav-main.nav-left>li>a {
    padding: 8px 16px;
    border-radius: 3px;
    font-size: 18px;
    transition: all ease 0.3s;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
}

.header-main .header-nav-main.nav-left>li>a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
}

.header-main .header-nav-main.nav-left .icon-angle-down {
    display: none;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border .header-main li.has-dropdown:before,
.nav-dropdown-has-arrow.nav-dropdown-has-border .header-main li.has-dropdown:before,
.nav-dropdown-has-arrow .header-main li.has-dropdown:after {
    display: none !important;
}

.header-main .header-nav-main.nav-left .sub-menu {
    backdrop-filter: blur(40px);
    background: white;
    box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
    border: none;
    color: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    left: 0;
    /* padding: 0; */
    width: auto;
    min-width: 180px;
}

.header-main .header-nav-main.nav-left .sub-menu li {
    padding: 0;
}

.header-main .header-nav-main.nav-left .sub-menu li a {
    position: relative;
    border-radius: 8px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    color: var(--body-color);
    font-family: var(--heading-font);
    padding: 12px 18px;
    display: inline-block;
    text-align: start;
    width: 100%;
    margin: 0;
    border: none;
    text-transform: capitalize;
}

.header-main .header-nav-main.nav-left .sub-menu li a:hover {
    background: #ebebeb;
}

.header-main .header-cart-link.nav-top-link {
    padding: 0;
}

@media screen and (max-width: 849px) {
    .header-main.nav-dark .mobile-nav a {
        color: var(--heading-color);
    }

    .header.transparent .header-main.nav-dark .mobile-nav a {
        color: #fff;
    }

    .mobile-sidebar .sidebar-menu .nav .menu-item a {
        color: var(--heading-color);
        font-size: 21px;
        text-transform: uppercase;
        font-weight: 800;
        font-family: var(--heading-font);
    }

    .mobile-sidebar .sidebar-menu .nav ul .menu-item a {
        font-size: 19px;
    }

    .mobile-sidebar .sidebar-menu .nav .toggle {
        font-size: 13px;
    }

    .mobile-sidebar .nav-vertical>li+li {
        border: none;
    }

    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        background-color: #fff;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active,
    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.current-menu-item>a,
    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active>a,
    .mobile-sidebar .nav-sidebar.nav-vertical .sub-menu li.menu-item.current-menu-item a {
        color: var(--primary-color);
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active>button i::before,
    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active>button i::after {
        background-color: var(--primary-color);
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .sub-menu {
        padding-bottom: 5px;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .sub-menu li {
        padding-left: 0;
        margin-left: 2em !important;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .sub-menu li:not(:last-child) {
        border: none;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .sub-menu a {
        padding-left: 0;
        margin-left: 0;
        text-transform: capitalize;
    }
}

/* search-light-box-open Start */
.search-light-box-open .mfp-wrap {
    --padding: 100px;
    --height: 450px;
}

.search-light-box-open .mfp-wrap .mfp-container {
    padding: 0;
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content {
    height: 100%;
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content #search-lightbox {
    height: var(--height);
    display: flex;
    align-items: center;
    background-color: #fff;
    max-width: unset;
    padding: var(--padding);
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content #search-lightbox .ux-search-submit {
    color: #000 !important;
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content #search-lightbox .search-field {
    border-bottom: 1px solid #cbcbcb;
    border-radius: 0;
    color: #000 !important;
    margin: 0;
    padding: 0;
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content #search-lightbox .search-field::placeholder {
    color: #000 !important;
    opacity: 1;
}

.search-light-box-open .mfp-wrap .mfp-close {
    right: var(--padding);
}

.search-light-box-open .mfp-wrap .autocomplete-suggestion {
    color: #000;
}

.search-light-box-open .mfp-wrap .autocomplete-suggestion span.amount {
    color: inherit !important;
}

.search-light-box-open .mfp-wrap .autocomplete-selected span.amount {
    color: var(--body-color) !important;
}

.search-light-box-open .mfp-wrap .mfp-container .mfp-content #search-lightbox .searchform-wrapper .autocomplete-suggestions {
    max-height: calc(var(--height) - 150px);
}

@media screen and (max-width: 48em) {
    .search-light-box-open .mfp-wrap {
        --padding: 20px;
        --height: 350px;
    }
}

/* search-light-box-open End */
.section-title-row .col .button {
    min-width: max-content;
    margin-bottom: 1rem !important;
}

.product-category .box-text {
    margin-top: 18px;
}

.product-category .box-text .header-title {
    font-size: 24px;
}

.product-category .box-text .count {
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: normal;
}

.box-blog-post {}

.box-blog-post .box-text .is-divider {
    display: none;
}

.box-blog-post .post-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.box-blog-post .post-title a {
    display: inline;
    -o-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    letter-spacing: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, rgb(30 30 30 / 0.53%) 0%, rgb(30 30 30 / 53%) 100%);
    background-position: 0 calc(100% - 0.145em);
    background-size: 0 1px;
    -webkit-transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    background-repeat: no-repeat;
    text-decoration: none;
}

.box-blog-post .post-title:hover a {
    background-size: 100% 1px;
    text-decoration: none;
    color: inherit;
}

.box-blog-post .box-image {}

body.search-results .box-blog-post .box-image {
    height: 100%;
}

body.search-results .box-blog-post .badge {
    display: none;
}

body.search-results .box-blog-post .image-cover {
    padding-top: 75% !important;
}

body.search-results .box-blog-post .post-title {
    font-size: 28px;
    text-align: left;
}

.box-blog-post .cat-label {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 7px;
    margin-top: 4px;
    color: black;
    opacity: 1;
}

body.search-results .box-blog-post .from_the_blog_excerpt {
    display: none;
}

.banner h1,
.banner h2,
.banner h3 {
    line-height: 1.4;
}

/* Blog archive start */
.archive .post-sidebar {
    border-left: none !important;
}

.post.format-standard:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.post.format-standard .entry-category {
    display: none;
}

.post.format-standard .wp-post-image {
    border-radius: 10px;
    height: 600px;
    object-fit: cover;
}

.single-post .page-header-excerpt {
    display: none;
}

.posts-section-title-related {
    font-size: 38px;
}

.post.type-post .entry-meta,
.post.format-standard .is-divider,
.post.format-standard .badge {
    display: none;
}

.post.format-standard .entry-content {
    padding-top: 0;
}

.post.format-standard .entry-meta {
    position: absolute;
    top: -10px;
    font-size: 16px;
}

.post.format-standard .entry-header {
    position: relative;
    margin-top: 2rem;
}

.post.format-standard .entry-header-text {
    position: relative;
    margin-top: 2rem;
}

#post-list .post.format-standard .entry-header-text {
    margin-top: 0;
}

.post.format-standard .entry-title a {
    font-size: 38px;
}

.post.format-standard .more-link {
    background-color: #f3f3f3;
    color: #000;
    border: none;
    letter-spacing: normal;
    padding: 8px 24px;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
    transition: all ease 0.3s;
}

.post.format-standard .more-link:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.archive-page-header .page-title {
    --size: 48px;
    font-size: var(--size);
    margin-top: var(--size);
}

@media screen and (max-width: 48em) {
    .archive-page-header .page-title {
        --size: 40px;
    }
}

aside.widget .searchform input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 60px;
    letter-spacing: -0.01em;
    border-radius: 14px;
    padding-right: 50px;
    background: #f6f6f6;
    border: 1px solid transparent;
    box-shadow: none;
    transition: all ease 0.3s;
}

aside.widget .searchform input[type="search"]:focus {
    border-color: var(--primary-color);
    background-color: transparent;
}

aside.widget.widget_categories ul li,
.widget_product_categories>ul>li {
    border-radius: 5px;
    padding: 9px 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-items: center;
    background: #f6f6f6;
    letter-spacing: 0;
    color: rgba(30, 30, 30, 0.8);
    margin-bottom: 10px;
    border: none !important;
    box-shadow: none;
}

aside.widget.widget_categories ul li:hover,
aside.widget.widget_categories ul li:hover a,
aside.widget.widget_categories .current-cat,
.widget_product_categories>ul>li:hover,
.widget_product_categories>ul>li:hover a,
.widget_product_categories>ul>li.current-cat {
    color: var(--primary-color);
}

aside.widget.widget_categories .current-cat>a {
    color: currentColor;
}

aside.widget .is-divider {
    display: none;
}

aside.widget:not(:last-child) {
    margin-bottom: 3rem;
}

aside.widget span.widget-title {
    border-bottom: none;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-family: var(--heading-font);
    font-weight: 600;
}

aside.widget>*:nth-child(3) {
    margin-bottom: 0;
    margin-top: 20px;
}

aside.widget .searchform .flex-row>.flex-col:last-of-type {
    position: absolute;
    right: 8px;
}

aside.widget .searchform .button.icon,
aside.widget .searchform .button.icon:hover {
    color: #000;
    min-width: unset;
    border-radius: 5px;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    background-color: transparent;
    border: none;
}

aside.widget.flatsome_recent_posts .recent-blog-posts .badge {
    --size: 75px;
    width: var(--size);
    height: var(--size);
}

aside.widget.flatsome_recent_posts .recent-blog-posts {
    align-items: center !important;
    padding: 0px 0px;
}

aside.widget.flatsome_recent_posts .recent-blog-posts .bg-fill {
    border-radius: 10px;
}

aside.widget.flatsome_recent_posts .recent-blog-posts a {
    font-size: 18px;
    font-weight: 500;
    color: var(--heading-color);
}

aside.widget.flatsome_recent_posts .recent-blog-posts .flex-grow {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

aside.widget.flatsome_recent_posts .recent-blog-posts a {
    display: inline;
    -o-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    letter-spacing: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-position: 0 calc(100% - 0.145em);
    background-size: 0 1px;
    -webkit-transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    background-repeat: no-repeat;
    text-decoration: none;
    font-family: var(--heading-font);
    font-weight: 600;
}

aside.widget.flatsome_recent_posts .recent-blog-posts .flex-grow:hover a {
    background-size: 100% 1px;
    text-decoration: none;
    color: inherit;
}

aside.widget.flatsome_recent_posts .recent-blog-posts .post_comments {
    display: none;
}

.widget.flatsome_recent_posts li+li {
    margin: 10px 0;
    padding: 10px 0 0;
}

.tag-list .tag,
.tagcloud a {
    border-radius: 33px;
    padding: 10px 21px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    background: #f6f6f6;
    display: inline-block;
    color: rgba(30, 30, 30, 0.8);
    letter-spacing: -0.01em;
    border: none;
    font-size: 16px !important;
    opacity: 1;
    transition: all ease 0.3s;
}

.tag-list .tag:hover,
.tagcloud a:hover {
    background: var(--primary-color);
    color: #fff;
}

.tag-list .tag {
    margin-right: 5px;
}

.social-icons .button.icon {
    line-height: 2.2 !important;
}

.social-icons .button.icon:not(.is-outline) {
    --bg-color: #f5f5f5;
    --color: var(--body-color);
    background-color: var(--bg-color) !important;
    border-color: #fff !important;
    transition: none;
}

.social-icons .button.icon:not(.is-outline) i {
    color: var(--color) !important;
    top: 1px;
}

.social-icons .button.icon:not(.is-outline):hover {
    --bg-color: var(--primary-color);
    --color: #fff;
}

@media screen and (max-width: 48em) {
    .post.format-standard .wp-post-image {
        height: 300px;
    }

    .post.format-standard .entry-title a {
        font-size: 26px;
    }
}

/* Blog archive end */
/* Blog single start */
.single-format-standard .blog-featured-title .page-title-inner {
    min-height: 400px !important;
}

.single-format-standard .blog-featured-title .page-title-inner .entry-category {
    font-size: 20px;
}

.single-format-standard .blog-featured-title .page-title-inner .entry-title {
    text-transform: capitalize;
    font-size: 60px;
}

.single-format-standard .blog-featured-title .page-title-inner .is-divider {
    display: none;
}

article.post {
    font-size: 18px;
}

@media screen and (max-width: 48em) {
    .single-format-standard .blog-featured-title .page-title-inner .entry-category {
        font-size: 18px;
    }

    .single-format-standard .blog-featured-title .page-title-inner {
        min-height: 300px !important;
    }

    .single-format-standard .blog-featured-title .page-title-inner .entry-title {
        font-size: 40px;
    }
}

/* Blog single end */
/* Product loop start */
.product.product-small .image-tools {
    margin-bottom: 14px;
}

.add-to-cart-wrapper .added_to_cart,
.add-to-cart-wrapper .add-to-cart-grid {
    gap: 8px;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
    padding: 13px 26px !important;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 100% !important;
    transition: all ease 0.3s;
}

.add-to-cart-wrapper .add-to-cart-grid {
    background-color: var(--primary-color) !important;
}

.product.product-small .box-image {
    overflow: hidden;
}

.product.product-small .box-image img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.shop-container .product.product-small .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product.product-small .product-title {
    font-size: 26px;
    font-family: var(--heading-font);
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}

.product.product-small .category {
    font-size: 13px;
    color: var(--body-color);
    letter-spacing: 0;
}

.product.product-small .box-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    flex-wrap: wrap;
    gap: 0;
}

.product.product-small {
    /* padding: 0 20px 20px; */
}

.product.product-small .price-wrapper {
    font-size: 18px;
    font-family: var(--heading-font);
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 600;
    /* line-height: 1; */
    /* margin: 0; */
    /* color: red; */
}

.product.product-small .price-wrapper .price {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.product.product-small .price-wrapper .price:has(del) {
    flex-direction: row-reverse;
}

.product.product-small .add-to-cart-button {
    margin-bottom: 13px;
    margin: 0 auto;
    width: 90%;
}

.product.product-small .price-wrapper .amount {}

.product.product-small .title-wrapper {
    width: 100%;
    margin-bottom: 0;
    /* line-height: 1; */
}

.product-info-text {
    opacity: 0.8;
    font-size: 15px;
    letter-spacing: 0;
    color: black;
    letter-spacing: 0;
}

.product-info-text .flavor {
    text-transform: uppercase;
}

.product.product-small .add-to-cart-button>a {
    color: white;
    background-color: var(--primary-color);
    /* border: none; */
    text-transform: capitalize;
}

.product.product-small .add_to_cart_button {
    --padding: 13px 15px;
    --button-color: black;
    --button-bg-color: white;
    --button-hover-color: var(--secondary-color);
    padding: var(--padding);
    font-size: 13px;
    border-radius: 0;
    margin-top: 0;
    line-height: 1;
    /* padding: 1px 13px; */
    color: var(--button-color) !important;
    border: solid 1px var(--button-hover-color);
    background: var(--button-bg-color) !important;
    opacity: 1;
    font-size: 14px;
    font-family: var(--heading-font);
    text-transform: uppercase;
    transition: all ease 0.3s;
}


.product.product-small .add_to_cart_button:hover {
    --button-bg-color: var(--button-hover-color);
    color: #fff !important;
}

.product.product-small .add_to_cart_button::before {
    z-index: -1;
}

.product.product-small .add_to_cart_button:hover {
    /* padding: var(--padding);
    background-color: var(--button-hover-color) !important;
    border-color: var(--button-hover-color) !important; */
}

.product.product-small .price-wrapper span.amount {
    font-weight: inherit;
    /* line-height: 1; */
    color: #94795c;
}

.product.product-small .price-wrapper span.amount bdi {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.product.product-small .badge-container {
    top: 10px;
    left: 18px;
    right: auto;
    margin: 0;
}

.product.product-small .badge-container .badge-circle {
    --size: 18px;
    width: auto;
    height: auto;
}

.product.product-small .badge-container .badge-circle .badge-inner {
    border-radius: 0px !important;
    padding: 4px 6px;
}

.product.product-small .badge-container .badge-circle .badge-inner span {
    font-size: 12px;
    line-height: 1;
}

.product.product-small .price-wrapper del span.amount bdi {
    text-decoration: line-through;
    color: #000000;
}

.shop-page-title .page-title-inner {
    display: block;
    margin-top: 10px;
    padding-bottom: 80px;
}

.shop-page-title .page-title-inner .flex-grow {
    width: 100%;
    display: block;
}

.shop-page-title .page-title-inner .flex-col:last-of-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-page-title .page-title-inner .woocommerce-result-count {
    margin: 0;
}

table.variations .label {
    font-size: 18px;
    text-transform: capitalize;
}

.variations_form .ux-swatch {
    --bg-color: #efefef;
    --color: var(--body-color);
}

.variations_form .ux-swatch.ux-swatch--label {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 3px;
    height: 40px;
    text-transform: capitalize;
    background-color: var(--bg-color);
    box-shadow: 0 0 0 2px var(--bg-color) !important;
    color: var(--color);
}

.variations_form .ux-swatch.selected {
    --bg-color: var(--primary-color);
    --color: #fff;
    box-shadow: 0 0 0 2px var(--bg-color) !important;
}

.ux-swatches--rounded * {
    border-radius: 99px;
}

.ux-swatch {
    box-shadow: 0 0 0 2px #d5d5d5;
}

.ux-swatches-attribute-ux_image .ux-swatch--image {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    border-radius: 3px;
}

table.variations label {
    font-size: 17px;
}

.single_variation_wrap .woocommerce-variation-price {
    padding: 20px 0 15px;
}

.single_variation_wrap .woocommerce-variation-price span.amount {
    font-size: 24px;
    color: var(--primary-color);
}

h1.shop-page-title {
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.showroom-sidebar select,
.woocommerce-ordering select {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    outline: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #000;
    padding-left: 25px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #ececec;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-right: 60px;
    box-shadow: none;
    width: 100%;
    margin: 0;
}

.product.product-small {}

@media screen and (max-width: 849px) {
    .product.product-small .image-tools {
        margin-bottom: unset;
    }

    .woocommerce-ordering {
        width: 100%;
    }
}

@media screen and (max-width: 48em) {
    .product.product-small .title-wrapper {
        margin-bottom: 10px;
    }

    .product.product-small .add-to-cart-button,
    .product.product-small .price-wrapper {
        margin-bottom: 0;
    }

    .product.product-small .add-to-cart-button {
        margin-top: 2px;
    }
}

.nav-pagination {
    display: flex;
    justify-content: center;
}

.nav-pagination>li>a {
    border-color: #ececec;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-weight: 600;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    border-width: 1px;
    transition: all 0.3s ease-in-out;
}

.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

.store-box {
    height: 100%;
    border: 1px solid #ececec;
    overflow: hidden;
    padding: 15px;
    border-radius: 14px;
    background: #f6f6f6;
}

.store-box.center {
    text-align: center;
}

.store-box .box-text {
    padding-top: 0;
}

.store-box .content-box {
    padding: 15px 0;
    margin-top: 15px;
}

.store-title {
    font-size: 26px;
    margin-bottom: 25px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}

.store-title a:hover {
    color: var(--primary-color);
}

.store-address,
.store-time,
.store-phone {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6;
}

.store-address .item {
    margin-bottom: 1rem;
    font-size: 18px;
}

.store-map iframe {
    width: 100%;
    height: 220px;
    border: 0;
    border-radius: 8px;
}

.store-readmore {
    margin-top: 15px;
}

.store-readmore .button {
    margin-bottom: 0;
    background-color: transparent;
    color: var(--body-color);
    border: 1px solid rgb(30 30 30 / 10%);
    width: 100%;
    padding: 10px 24px !important;
}

.store-readmore .button:hover {
    background-color: transparent;
    box-shadow: none;
}

.shop-sidebar .widget {
    background: #fff;
    padding: 20px;
    border: 1px solid #ececec;
    border-radius: 10px;
}

.store-thumbnail {
    width: 100%;
    height: 275px;
    object-fit: cover;
    border-radius: 14px;
}

.store-pagination {
    margin-top: 30px;
    text-align: center;
}

.store-popup {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    max-width: 1000px;
    margin: auto;
}

.popup-image {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.popup-title {
    margin-bottom: 20px;
    font-size: 28px;
}

.popup-address,
.popup-phone,
.popup-time {
    margin-bottom: 15px;
    line-height: 1.8;
}

.popup-content {
    margin-top: 20px;
}

.popup-map {
    margin-top: 30px;
}

.popup-map iframe {
    width: 100%;
    height: 400px;
    border: 0;
    border-radius: 10px;
}

.mfp-content .store-popup-wrapper {
    display: block !important;
    border-radius: 14px;
}

.showroom-sidebar .widget-title {
    font-size: 28px;
    text-transform: capitalize;
}

.showroom-sidebar button {
    margin-top: 30px;
}

.showroom-sidebar button .button {
    margin-bottom: 0;
}

.showroom-sidebar label {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.showroom-sidebar select {
    width: 100%;
}

/* =========================
JOB POST
========================= */
.job-post__thumbnail {
    margin-bottom: 30px;
}

.job-post__thumbnail img {
    width: 100%;
    border-radius: 10px;
}

.job-post__header {
    margin-bottom: 30px;
}

.job-post__title {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.4;
}

.job-post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.job-post__meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    opacity: 0.7;
}

.job-post__content {
    line-height: 1.8;
}

.job-post__content h2,
.job-post__content h3 {
    margin-top: 35px;
    margin-bottom: 15px;
}

.job-post__content p {
    margin-bottom: 15px;
}

.job-post__content ul {
    padding-left: 20px;
}

/* =========================
APPLY
========================= */
.job-apply {
    margin-top: 40px;
}

.job-apply__inner {
    padding: 30px;
    border: 1px solid #ececec;
    border-radius: 10px;
    background: #fafafa;
}

.job-apply__title {
    margin-bottom: 10px;
}

.job-apply__desc {
    margin-bottom: 20px;
}

/* =========================
SIDEBAR
========================= */
.job-sidebar__section {
    margin-bottom: 30px;
    padding: 25px;
    border: 1px solid #ececec;
    border-radius: 10px;
}

.job-sidebar__title {
    margin-bottom: 24px;
    font-size: 22px;
    text-transform: capitalize;
}

/* =========================
SMALL CARD
========================= */
.job-card-sm {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    color: inherit;
}

.job-card-sm:last-child {
    margin-bottom: 0;
}

.job-card-sm__thumbnail img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 8px;
}

.job-card-sm__title {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.5;
}

.job-card-sm__date {
    font-size: 13px;
    opacity: 0.7;
}

/* =========================
CONTACT
========================= */
.job-contact__item {
    margin-bottom: 10px;
}

.job-contact__item:last-child {
    margin-bottom: 0;
}

.job-form label {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.job-input,
.job-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 5px;
}

.job-textarea {
    min-height: 120px;
    resize: vertical;
}

.job-submit {
    background: #000;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.job-submit:hover {
    opacity: 0.85;
}

/* =========================
MOBILE
========================= */
@media (max-width: 849px) {
    .job-post__title {
        font-size: 28px;
    }

    .job-sidebar {
        margin-top: 30px;
    }
}

/* Liên hệ */
.contact-page .page-title {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-page .sub-title {
    opacity: 0.7;
    font-size: 20px;
}

.contact-page .tool-section {
    padding: 30px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}

.contact-page .tool-section .col {
    padding-bottom: 0;
}

.company-box {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.company-box .info-box {
    margin-bottom: 18px;
}

.company-box .info-item {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.company-box .info-item svg {
    --size: 16px;
    width: var(--size);
    height: var(--size);
    /* fill: var(--primary-color); */
}

.company-box .company-name {
    font-size: 38px;
    margin-bottom: 30px;
}

.main-contact-section .container {
    background: #f6f6f6;
    border-radius: 16px;
    padding: 100px 60px 55px 60px;
}

.main-contact-section form .col {
    padding-bottom: 6px;
}

.contact-section {
    text-align: center;
}

.support-section .col {
    /* background-image: url("./assets/images/contact-us-shape.webp"); */
    padding: 60px 0;
    margin: 0 auto;
}

.support-section .title {
    font-size: 44px;
}

.showroom-section {
    text-align: center;
}

.main-contact-section form input:not(.wpcf7-submit),
.main-contact-section form textarea {
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-radius: 12px;
    background: #ffffff;
    height: 50px;
    box-shadow: none;
}

.main-contact-section form input:focus,
.main-contact-section form textarea:focus {
    box-shadow: none;
    border-color: var(--primary-color);
    background-color: transparent;
}

.main-contact-section form label {
    font-size: 16px;
    margin-bottom: 8px;
}

.map-section iframe {
    width: 100% !important;
}

.main-contact-section form .wpcf7-submit {
    /* width: 100%; */
    height: 48px;
    border-radius: 9px;
    text-transform: capitalize;
}

.contact-section {
    padding: 60px 0;
}

.contact-info {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
    border-radius: 8px;
}

.contact-form .button.primary {
    width: 100%;
    background: #111;
    color: #fff;
}

.button.style-flip span {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
}

.button.style-flip:hover span span.text-1 {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
}

.button.style-flip span span.text-1 {
    position: relative;
    display: block;
    transition: 0.3s;
}

.button.style-flip:hover span span.text-2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button.style-flip span span.text-2 {
    position: absolute;
    top: 100%;
    display: block;
    transition: 0.3s;
}

@media screen and (max-width: 48em) {
    .contact-page .tool-section .col:last-of-type {
        text-align: left;
        margin-top: 18px;
    }

    .main-contact-section .container {
        padding: 15px;
    }

    .company-box {
        padding: 0;
    }

    .support-section .title {
        font-size: 36px;
        padding: 15px;
    }
}

.product-main .product-title {
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 4px;
}

.product-main .is-divider {
    display: none;
}

.product-main .product-short-description {
    margin-bottom: 18px;
}

.product-main #product-sidebar {
    display: none;
}

.product-main .product_meta>span {
    font-size: 16px;
    margin-top: 18px;
    padding-top: 18px;
}

.product-gallery .woocommerce-product-gallery .wp-post-image {
    /* border-radius: 20px; */
}

.product-thumbnails a {
    /* border-radius: 6px; */
    overflow: hidden;
}

.cart .ux-quantity {
    border: 1px solid #ececec;
    border-radius: 2px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    width: max-content;
}

.cart .quantity input[type="number"],
.cart .quantity .button.minus,
.cart .quantity .button.plus {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.cart .quantity input[type="number"] {
    min-width: 100px;
}

.cart .single_add_to_cart_button {
    background-color: #fff;
    color: var(--heading-color);
    flex: 1;
    border-radius: 2px;
}

.cart .single_add_to_cart_button:hover {
    background-color: #000;
    color: #fff;
}

.cart .ux-buy-now-button {
    width: 100%;
    border-radius: 2px;
    padding: 5px 10px;
}

.product-thumbnails .is-nav-selected a,
.product-thumbnails a:hover {
    border-color: var(--heading-color);
}

.product-gallery .woocommerce-product-gallery .image-tools a.button {
    padding: initial;
    color: white;
    background-color: #ffffff24;
    backdrop-filter: blur(6px);
    border: none;
}

.product-gallery .woocommerce-product-gallery .image-tools a.button i {
    top: 1px;
}

.product-page-accordian {
    font-size: 18px;
}

.product-page-accordian .accordion-item {
    background-color: transparent;
    margin-bottom: 18px;
    border: solid 1px #e0e0e0;
}

.product-page-accordian .accordion-item .accordion-title {
    padding: 15px 20px;
    border: none;
    background-color: white;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    /* border: solid 1px #e0e0e0; */
}

.product-page-accordian .accordion-item .accordion-inner img {
    width: 100%;
}

.product-page-accordian .accordion-item .accordion-title .toggle {
    left: unset;
    right: 0;
}

.product-page-accordian .accordion-item .accordion-title .toggle .icon-angle-down {
    font-size: 22px;
    margin-top: 10px;
}

.product-page-accordian .accordion-item .accordion-title.active .toggle .icon-angle-down {
    margin-top: 0;
}

.single-product .product-section {
    padding-top: 20px;
    margin-top: 40px;
}

@media screen and (max-width: 48em) {
    .product-page-accordian .accordion-item .accordion-inner {
        padding: 20px;
    }

    .cart .quantity input[type="number"] {
        min-width: 60px;
    }
}

.product-main {}

/* cart start */
#cart-popup .cart-popup-title>span {
    font-size: 24px;
    text-align: left;
}

#cart-popup .is-divider {
    width: 100%;
    max-width: 100%;
    height: 1px;
}

ul.product_list_widget li a.remove {
    border: none;
    color: #000;
    font-size: 36px !important;
    font-weight: 300 !important;
}

ul.product_list_widget li {
    padding: 10px 0 5px 82px;
    margin-bottom: 10px;
}

ul.product_list_widget li a {
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 600;
}

#cart-popup .woocommerce-mini-cart-item a {
    color: var(--heading-color);
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 600;
}

ul.product_list_widget li .quantity {
    opacity: 1;
}

ul.product_list_widget li img {
    --size: 70px;
    width: var(--size);
    height: var(--size);
    border: 1px solid #e0e2e3;
    border-radius: 4px;
    margin: 0;
}

.cart-item .icon-shopping-bag:after {
    background-color: var(--primary-color);
    box-shadow: none;
    top: -2px;
    opacity: 1;
    right: -7px;
}

.cart-sidebar .widget-title,
.cart_totals th.product-name,
.woocommerce-cart-form .shop_table thead th {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: normal;
    border-width: 1px;
}

.cart_totals th.product-name {
    font-size: 20px;
}

.woocommerce-cart-form .shop_table thead th {
    border: none;
}

.woocommerce-cart-form .shop_table {}

.woocommerce-cart-form .shop_table thead {
    background-color: var(--secondary-color);
    color: #fff;
    border: none;
}

.woocommerce-cart-form .shop_table thead th:first-child {
    border-radius: 5px 0 0 5px;
}

.woocommerce-cart-form .shop_table thead th:last-child {
    border-radius: 0 5px 5px 0;
}

.woocommerce-cart-form .shop_table td,
.woocommerce-cart-form .shop_table thead th {
    padding: 20px 10px;
    box-shadow: none;
    vertical-align: middle;
}

.woocommerce-cart-form__cart-item .product-thumbnail img {
    height: 100px;
    border-radius: 10px;
    /* width: 80px; */
}

.woocommerce-cart-form .shop_table tbody td {
    font-size: 16px;
    font-weight: bold;
}

.woocommerce-cart-form .shop_table tbody td a.remove {
    border: none;
    color: #000;
    font-weight: 500;
    font-size: 24px !important;
}

@media screen and (max-width: 48em) {
    .woocommerce-cart-form .shop_table tbody td a.remove {
        background: #f9f9f9;
        color: red;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.woocommerce-cart-form .quantity input[type="number"] {
    min-width: 50px !important;
    height: 2em;
    display: flex;
    align-items: center;
}

.cart_totals .button {
    display: inline-flex;
}

.cart_totals .button,
.woocommerce-cart-form .actions a.button {
    padding: 8px 24px;
    line-height: 1;
    height: 50px;
}

.cart_totals .button.checkout-button {
    border-color: var(--secondary-color);
}

.woocommerce-cart-form .actions a.button {}

.woocommerce-cart-form .actions a.button:hover {
    border-color: var(--primary-color);
}

.shop_table .order-total th,
.shop_table .order-total td,
.cart_totals th.product-name {
    border-width: 1px;
    text-shadow: none;
}

.cart_totals tbody .amount,
.cart_totals tbody th {
    font-size: 16px;
}

.cart_totals table {
    border: none;
}

.cart-sidebar .ux-cart-coupon button {
    height: 50px;
    border-radius: 99px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    box-shadow: none;
}

.cart-sidebar .ux-cart-coupon .input-text {
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
}

.cart-sidebar .ux-cart-coupon .input-text:focus {
    border-color: var(--primary-color);
}

.cart-sidebar .ux-cart-coupon button:hover {
    border-color: #f1f1f1;
}

button#place_order,
.woocommerce-cart-form button[name="update_cart"] {
    border-radius: 2px;
    text-transform: capitalize;
    height: 50px;
    font-family: var(--heading-font);
    text-transform: uppercase;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout .has-border,
.woocommerce .cart-collaterals {
    padding: 16px 24px 28px;
    background: #ffffff;
    box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
    border-radius: 12px;
    border: none;
    margin-bottom: 2rem;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields {
    border-top: none;
}

.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit),
.woocommerce-checkout #customer_details .woocommerce-billing-fields input,
.woocommerce-checkout #order_comments_field textarea {
    width: 100%;
    height: 50px;
    box-shadow: none;
    padding: 0 26px;
    line-height: 52px;
    font-size: 14px;
    text-transform: capitalize;
    border: 1px solid #00000030;
    background: rgb(255 255 255);
    border-radius: 3px;
}

.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):focus,
.woocommerce-checkout #customer_details .woocommerce-billing-fields input:focus,
.woocommerce-checkout #order_comments_field textarea:focus {
    background: #fff;
    border-color: var(--primary-color);
}

.wpcf7-form .wpcf7-submit {
    border-radius: 50px;
}

form.checkout h3 {
    font-size: 26px;
    margin-bottom: 1.5rem;
}

.shop_table thead th {
    border-width: 1px;
    font-size: 15px;
}

.shop_table .cart_item td {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
}

.shop_table tfoot * {
    font-size: 15px;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-container .select2-selection--single {
    height: 52px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: rgba(183, 195, 143, 0.1);
    font-size: 14px;
    padding: 0 25px;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-container .select2-selection__rendered {
    line-height: 50px;
    color: var(--border-color);
    padding-left: 0;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-container .select2-selection__arrow {
    height: 50px;
    right: 15px;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-container .select2-selection__arrow b {
    border-color: #444 transparent transparent transparent !important;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields input::placeholder {
    color: #444;
}

/* cart end */
.about-section img {
    border-radius: 15px;
}

.icon-box.quy-trinh {
    background-color: #fff;
    padding: 25px;
    border-radius: 15px;
}

.icon-box.quy-trinh .title {
    text-transform: capitalize;
    font-size: 24px;
}

.quy-trinh-san-xuat .row>.col {
    padding: 0 15px !important;
}

@media screen and (max-width: 48em) {
    .quy-trinh-san-xuat .row>.col {
        padding: 0 30px 30px !important;
    }
}

.row.tam-nhin {}

.row.tam-nhin .col {
    padding: 0;
}

.row.tam-nhin {
    align-items: stretch !important;
}

.row.tam-nhin>.col {
    display: flex;
}

.row.tam-nhin>.col>.col-inner {
    flex: 1;
}

.row.tam-nhin:nth-of-type(even) .col:last-of-type .col-inner,
.row.tam-nhin:nth-of-type(odd) .col:first-of-type .col-inner {
    background: #f6f6f6;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.row.tam-nhin .title {
    font-size: 38px;
    text-transform: uppercase;
}

.row.tam-nhin .desciption {
    font-size: 18px;
}

@media (max-width: 849px) {

    .row.tam-nhin>.col .img,
    .row.tam-nhin>.col .img .img-inner,
    .row.tam-nhin>.col .img .img-inner img {
        height: 100%;
    }

    .row.tam-nhin>.col .img .img-inner img {
        object-fit: cover;
    }
}

@media (max-width: 48em) {
    .row.tam-nhin:nth-of-type(odd) .col:first-of-type {
        order: 2 !important;
    }

    .row.tam-nhin:nth-of-type(odd) .col:last-of-type {
        order: 1 !important;
    }
}

.row.tam-nhin {}

/* Time line */
.timeline-item {
    --bg-hover: #f5f5f5;
    --border-color: #ececec;
    display: flex;
    padding: 25px 15px;
    transition: all 0.4s ease;
    font-size: 18px;
}

.bg-gray .timeline-item {
    --bg-hover: #efefef;
    --border-color: #e9e9e9;
}

.timeline-left {
    flex: 1;
    transition: all 0.4s ease;
    display: flex;
    flex-wrap: wrap;
}

.timeline-item-wrap .timeline-left .title {
    width: 740px;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: bold;
}

.timeline-item-wrap .timeline-left .description {
    color: rgba(27, 23, 15, 0.6);
}

.cs-timeline-item-wrap .timeline-left span {
    text-transform: capitalize;
}

.timeline-left span {
    font-weight: 600;
    letter-spacing: -0.03em;
}

.timeline-right {
    font-weight: 600;
    letter-spacing: -0.03em;
    transition: all 0.4s ease;
}

.timeline-item-wrap .timeline-item+.timeline-item {
    border-top: 1px solid var(--border-color);
}

.timeline-item-wrap .timeline-item .timeline-left .title svg {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    margin-right: 0;
    width: 0;
}

@media (max-width: 849px) {
    .timeline-item-wrap .timeline-item .timeline-left .title svg {
        display: none;
    }
}

.timeline-item-wrap .timeline-item:hover .timeline-left .title svg {
    opacity: 1;
    visibility: visible;
    margin-right: 6px;
    width: 24px;
}

.timeline-item-wrap .timeline-item:hover .timeline-left {
    margin-left: 15px;
}

.timeline-item:hover {
    background-color: var(--bg-hover);
    border-radius: 15px;
    border-top: transparent !important;
}

.timeline-item:hover {
    border-top-color: transparent;
}

.timeline-item:hover+.timeline-item {
    border-top-color: transparent;
}

@media screen and (max-width: 48em) {
    .timeline-item {
        display: block;
        text-align: center;
    }

    .timeline-left {
        display: block;
    }

    .timeline-item-wrap .timeline-left {
        margin-left: 0;
    }

    .timeline-item-wrap .timeline-left .title {
        width: 100%;
        display: block;
    }
}

/*
* Element Name: FAQ Three
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.obelix-faq--three {
    --base-text-color: #272933;
}

.obelix-faq--three .title-block.subtitle {
    color: var(--heading-color);
    display: inline-block;
}

.obelix-faq--three .title-block.subtitle span {
    color: var(--fs-color-primary);
    padding: 0 3px;
}

.obelix-faq--three .title-block.title>* {
    color: var(--heading-color);
    margin-bottom: 1rem;
}

.obelix-faq--three .desc {
    margin-bottom: 2rem;
}

.obelix-faq--three .connect-wrap {
    border-radius: 20px;
    border: 1px solid #dedede;
    padding: 24px 30px 23px;
}

.obelix-faq--three .connect-wrap .social-icons>span {
    display: block;
    color: var(--base-text-color);
    margin-bottom: 0.8rem;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon:first-of-type {
    margin-left: 0;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon {
    border: none;
    position: relative;
    overflow: hidden;
    color: var(--fs-color-primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0.4em;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon>i {
    top: auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 94%;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--fs-color-primary);
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0.1;
    z-index: -1;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon:hover {
    background-color: transparent !important;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon:hover>i {
    color: white !important;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon:hover::after {
    opacity: 1;
}

.obelix-faq--three .connect-wrap .button.is-underline {
    overflow: hidden;
    color: var(--base-text-color);
}

.obelix-faq--three .connect-wrap .button.is-underline:before {
    display: block;
    width: 300%;
    left: 0;
    bottom: 2px;
    height: 1px;
    background: -o-linear-gradient(left, currentColor 0 33%, transparent 33% 66%, currentColor 66% 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(33%, transparent), color-stop(66%, currentColor));
    background: linear-gradient(90deg, currentColor 0 33%, transparent 33% 66%, currentColor 66% 100%);
    -webkit-transform: translateX(-66%);
    -ms-transform: translateX(-66%);
    transform: translateX(-66%);
    -webkit-transition: all 1.2s cubic-bezier(0.53, 0.95, 0.28, 1.03);
    -o-transition: all 1.2s cubic-bezier(0.53, 0.95, 0.28, 1.03);
    transition: all 1.2s cubic-bezier(0.53, 0.95, 0.28, 1.03);
}

.obelix-faq--three .connect-wrap .button.is-underline:hover {
    color: var(--fs-color-primary);
}

.obelix-faq--three .connect-wrap .button.is-underline:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.3;
}

.obelix-faq--three .accordion-title {
    border-top: none;
    padding: 16px 35px;
    font-size: 1.15rem;
    line-height: 1.5;
    font-weight: 600;
    /* font-family: var(--heading-font); */
}

.obelix-faq--three .accordion-title.active {
    background-color: transparent;
    /* border-bottom: 1px solid #DEDEDE; */
}

.obelix-faq--three .accordion-item {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0;
    background: #f5f5f5;
}

.bg-gray .obelix-faq--three .accordion-item {
    background: white;
}

.obelix-faq--three .accordion .accordion-inner p {
    font-size: 1rem;
}

.obelix-faq--three .accordion .accordion-inner>*:last-child {
    margin-bottom: 0;
}

.obelix-faq--three .accordion .toggle {
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    opacity: 1;
}

.mobile-sidebar .menu-item .toggle .icon-angle-down,
.product-page-accordian .accordion-item .accordion-title .toggle .icon-angle-down,
.obelix-faq--three .accordion-title .toggle {
    --size: 36px;
    position: absolute;
    width: var(--size);
    height: var(--size);
    display: block;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    border: none;
    transition: all ease 0.3s;
}

.mobile-sidebar .menu-item .toggle .icon-angle-down::before,
.mobile-sidebar .menu-item .toggle .icon-angle-down::after,
.product-page-accordian .accordion-item .accordion-title .toggle .icon-angle-down::before,
.product-page-accordian .accordion-item .accordion-title .toggle .icon-angle-down::after,
.obelix-faq--three .accordion-title i:before,
.obelix-faq--three .accordion-title i:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--body-color);
}

.mobile-sidebar .menu-item .toggle .icon-angle-down::after,
.product-page-accordian .accordion-item .accordion-title .toggle .icon-angle-down::after,
.obelix-faq--three .accordion-title i:after {
    width: 14px;
    height: 2px;
}

.mobile-sidebar .menu-item.active .toggle .icon-angle-down::before,
.product-page-accordian .accordion-item .accordion-title.active .toggle .icon-angle-down::before,
.obelix-faq--three .accordion-title.active i:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.mobile-sidebar .menu-item.active .toggle .icon-angle-down::after,
.product-page-accordian .accordion-item .accordion-title.active .toggle .icon-angle-down::after,
.obelix-faq--three .accordion-title.active i:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.obelix-faq--three .accordion-title.active {
    color: var(--primary-color);
}

@media screen and (max-width: 549px) {
    .obelix-faq--three .accordion-inner {
        padding: 15px 20px 20px;
    }

    .obelix-faq--three .accordion-title {
        padding: 20px;
    }

    .obelix-faq--three .accordion-title span {
        width: 90%;
        display: block;
    }
}

/**** End FAQ Three ****/
.blog-featured-title+#main .post-sidebar {
    border-left: none;
}

#content.blog-single {
    padding-top: 70px;
}

.blog-featured-title+#main .post-sidebar {
    padding-top: 0;
}

.back-to-top {
    --size: 38px;
    width: var(--size) !important;
    min-width: var(--size) !important;
    max-width: var(--size) !important;
    height: var(--size) !important;
    min-height: var(--size) !important;
    max-height: var(--size) !important;
    padding: 0 !important;
    line-height: var(--size) !important;
    box-sizing: border-box;
    right: 29px;
    background-color: var(--primary-color) !important;
    border: none !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: auto !important;
}

.back-to-top i {
    top: 0px;
    font-size: 14px !important;
}

.back-to-top i::before {
    content: "\e935";
}

.page-title .entry-title {
    font-size: 60px;
}

@media screen and (max-width: 48em) {
    .page-title .entry-title {
        font-size: 40px;
    }
}

body.active-scroll-btn .floating-chat .fab {
    transform: translateY(-40px) !important;
}

.footer-center {
    font-size: 16px;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
    /* border-radius: 4px; */
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0;
    padding: 13px 24px;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button.wc-forward {
    background-color: #232323 !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
    background-color: var(--primary-color) !important;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    box-shadow: none;
}

.cart-popup-inner {
    background: #fff;
}

.widget_shopping_cart ul.product_list_widget li {
    padding-left: 82px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical-fly-out>li>a,
.dark .nav-vertical>li>ul li a,
.dark .nav>li.html,
.dark .nav>li>a,
.nav-dark .is-outline,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button,
.nav-dropdown.dark .nav-column>li>a,
.nav-dropdown.dark>li>a {
    color: #fff;
}

.overlay,
.title-overlay,
.section-bg-overlay {
    background-image: url("./assets/images/bg-overlay.png");
    opacity: 0.8;
}

.logo-left .logo {
    padding-bottom: 8px;
}

body:not(.page-template-page-transparent-header) .header-wrapper:not(.stuck) .nav-dark .logo a {
    display: flex;
}

header:not(.has-transparent) .header-wrapper:not(.stuck) .nav-dark .header-logo {
    display: block !important;
}

body:not(.page-template-page-transparent-header) .header-wrapper:not(.stuck) .nav-dark .header-logo-dark {
    display: none;
}

.faq-product .banner-col .title-block.title>* {
    color: #fff;
    margin-bottom: 0px;
}

#commentform textarea {
    box-shadow: none;
}

#commentform .submit {
    border-radius: 99px;
}

.related-products-wrapper .product-section-title {
    font-size: 26px;
    letter-spacing: 0;
}

body.search-results h4.uppercase {
    font-size: 38px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.button .icon-angle-right:before {
    content: "\e93d";
}

.button .icon-angle-right {
    top: 1px;
}

.slider-nav-top .flickity-button {
    margin: 0 !important;
    top: -60px;
    bottom: auto;
}

.slider-nav-top .flickity-prev-next-button.previous {
    left: auto;
    right: 53px;
}

.slider-nav-top .flickity-prev-next-button.next {
    right: 0px !important;
    left: auto;
}

.slider-nav-top.with-readmore .flickity-button {
    top: -65px;
}

.slider-nav-top.with-readmore .flickity-prev-next-button.previous {
    right: 170px;
}

.slider-nav-top.with-readmore .flickity-prev-next-button.next {
    right: 120px !important;
}

.flickity-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
    border-radius: 48%;
    background-color: transparent;
    border: solid 1px #adadad;
    color: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flickity-button svg {
    display: none;
}

.flickity-button:before {
    speak: none !important;
    display: inline-block;
    font-display: block;
    font-family: fl-icons !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none !important;
}

.flickity-button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.flickity-prev-next-button.previous:before {
    content: "\e91b";
}

.flickity-prev-next-button.next:before {
    content: "\e925";
}

.category-page-row {
    padding-top: 52px;
}

.row.category-page-row>.large-3 {
    flex-basis: 23%;
    max-width: 23%;
}

.row.category-page-row>.large-3 aside {
    padding-right: 20px;
}

.row.category-page-row>.large-9 {
    flex-basis: 77%;
    max-width: 77%;
}

.shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.shop-toolbar .woocommerce-ordering {
    margin: 0;
}

.woocommerce-result-count {
    margin: 0;
}

.cta-wrapper .col.large-3 {
    flex-basis: 30%;
    max-width: 30%;
}

.cta-wrapper .col.large-6 {
    flex-basis: 40%;
    max-width: 40%;
}

.cta-wrapper a {
    margin-bottom: 0;
}

.cta-title .subtitle {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 13px;
    font-family: var(--heading-font);
}

.cta-title .subtitle::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 63%;
    height: 8px;
    background-color: var(--secondary-color);
    z-index: -1;
    transition: all ease 1s;
    opacity: 0.2;
    margin: 0 auto;
    right: 0;
}

.cta-wrapper .banner .text-box {
    transition: all 0.3s ease;
}

.cta-wrapper .banner:hover .text-box {
    bottom: 11%;
}

.cta-wrapper .banner h3 {
    margin-bottom: 0;
}

.cta-wrapper .banner a {
    margin: 0;
}

.cta-wrapper .banner {
    border-radius: 15px;
    overflow: hidden;
}

.cta-wrapper .banner .text-box {}

.rotate-symbol .img-inner {
    overflow: visible;
    position: relative;
}

.rotate-symbol .img-inner::after {
    content: "";
    --symbol-size: 273%;
    position: absolute;
    width: var(--symbol-size);
    height: var(--symbol-size);
    left: 50%;
    top: 53%;
    background-image: url("./assets/images/symbol-company-text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center center;
    animation: rotate-symbol-animation 14s linear infinite;
}

@keyframes rotate-symbol-animation {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

span.amount {
    color: #94795c;
    font-family: var(--heading-font);
}

.product-info .breadcrumbs>p {
    margin-bottom: 4px;
}

.product-info .product-info-text {
    margin-bottom: 18px;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #cdcdcd;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--primary-color);
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    border-radius: 0;
    height: 13px;
    width: 13px;
    opacity: 1;
    background-color: var(--primary-color);
}

.widget_price_filter .ui-slider-horizontal {
    margin-bottom: 10px;
    height: 3px;
}

.widget_price_filter .price_slider_amount .button {
    border-radius: 3px;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    box-shadow: none;
    margin: 0;
    width: auto;
    max-width: 61px;
}

.price_slider_wrapper .price_slider_amount {
    display: inline-flex;
    flex-direction: column-reverse;
}

.price_slider_wrapper .price_slider_amount .price_label {
    margin-bottom: 20px;
    padding-top: 0px;
}

.price_slider_wrapper .price_slider_amount {}

.price_slider_wrapper .price_slider_amount {}

article .article-inner>figure.aligncenter {
    margin-bottom: 1rem;
}

.hide-nav .flickity-button {
    display: none !important;
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
}

.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button {
    top: 40%;
    box-shadow: none;
}

.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button.previous {
    left: 2px !important;
}

.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button.next {
    right: 2px !important;
}

.tuyen-dung-box .store-readmore .button {
    padding: 15px 26px !important;
}

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

    .cta-wrapper .col.large-6,
    .cta-wrapper .col.large-3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .row.category-page-row>.large-9 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .medium-logo-center .flex-left {
        max-width: 60px;
    }

    .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code,
    .mobile-nav.nav-right li i.icon-search,
    .mobile-nav.nav-right li i.icon-shopping-bag {
        font-size: 22px !important;
    }

    .mobile-nav.nav-right li {
        margin: 0 10px;
    }

    .mobile-nav.nav-right>li>a {
        padding: 0;
    }

    .mobile-nav.nav-right .html_topbar_right {
        margin: 0 5px 0;
    }
}

@media (max-width: 849px) {
    .row.category-page-row>.large-9 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 679px) {
    .quy-trinh-san-xuat .row>.col {
        margin-bottom: 30px;
    }
}