/*
Theme Name: Obelix Coffee One
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
    --headings-font: "Oswald", sans-serif;
    --texts-font: "Roboto", sans-serif;
    --alt-font: "Dancing Script", handwriting;
    --heading-color: #1b1b1b;
    --body-color: #2d2d2d;
    --nav-color: #ffffff;
    --btn-radius: 5px;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
* 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";
}

.maxw-1560 {
    max-width: 1560px !important;
}

.button,
input[type="button"].button,
input[type="reset"].button,
input[type="submit"],
input[type="submit"].button {
    font-family: var(--headings-font);
    font-weight: 600;
    letter-spacing: 0.8px;
    font-size: 0.87rem;
}

.button:hover,
.dark .button.is-form:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    box-shadow: none !important;
}

.button.primary:hover {
    background-color: var(--fs-color-secondary) !important;
    border-color: var(--fs-color-secondary) !important;
}

.white.is-outline:hover {
    color: var(--fs-color-primary) !important;
}

.header-inner.container {
    max-width: 1590px !important;
}

.header-wrapper.stuck .header-bg-color {
    background: rgba(0, 0, 0, 0.9);
    box-shadow: none;
}

.header.transparent .header-nav-main.nav>li>a,
.header-wrapper.stuck .header-nav-main.nav>li>a {
    color: white !important;
}

.flickity-page-dots .dot {
    opacity: 1;
    width: 24px;
    height: 24px;
    position: relative;
    background-color: transparent !important;
    border-width: 2px;
    border-style: solid;
    border-color: transparent !important;
    border-image: initial;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    margin: 2px;
}

.flickity-page-dots .dot::before {
    top: 5px;
    left: 5px;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: var(--fs-color-primary);
    border-radius: 100%;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0.7;
}

.flickity-page-dots .dot.is-selected {
    border-color: var(--fs-color-primary) !important;
}

.flickity-page-dots .dot.is-selected::before {
    opacity: 1;
}

.slider-nav-light .flickity-page-dots .dot::before {
    background-color: rgb(255, 255, 255);
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    border-color: white !important;
}

.slider-nav-simple .flickity-prev-next-button {
    margin-top: -2%;
    background: white !important;
    min-height: unset;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 34%;
}

.slider-nav-simple:hover .flickity-prev-next-button {
    opacity: 1;
}

.slider-nav-simple .flickity-prev-next-button svg {
    padding: 14px !important;
}

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

.flickity-prev-next-button::before {
    height: 36px;
    line-height: 35px;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
    width: 100%;
    border: solid 1px white;
    border-radius: 50px;
    font-size: 13px;
}

.flickity-prev-next-button.next::before {
    content: "\e925";
    font-family: fl-icons;
}

.flickity-prev-next-button.previous::before {
    content: "\e91b";
    font-family: fl-icons;
}

@media screen and (max-width: 549px) {
    .slider-nav-simple .flickity-prev-next-button {
        opacity: 1;
    }

    .slider-nav-simple .flickity-prev-next-button {
        margin-top: -18%;
    }
}

/* Hero Slider */
.hero-slider-wrap .hero-banner {
    padding-top: 80vh !important;
}

.hero-slider-wrap .slider-wrapper {
    border-radius: 18px;
    overflow: hidden;
}

.hero-slider-wrap .content-inner-col {
    padding: 63px 0px 0px 0px;
}

.hero-slider-wrap .hero-banner .text-box {
    width: 90%;
}

.hero-slider-wrap .hero-banner .text-box .text-box-content {
    font-size: 100%;
}

.hero-slider-wrap .hero-banner .hero-title {
    font-size: 1.6rem;
}

.hero-slider-wrap .hero-content {
    font-size: 1.1rem;
}

.hero-slider-wrap .flickity-prev-next-button {
    left: 3%;
    right: auto;
    bottom: auto;
    transform: none !important;
}

.hero-slider-wrap .flickity-prev-next-button.previous {
    transform: translateY(-60%) !important;
}

.hero-slider-wrap .flickity-prev-next-button.previous::before {
    content: "\e935";
}

.hero-slider-wrap .flickity-prev-next-button.next {
    transform: translateY(60%) !important;
}

.hero-slider-wrap .flickity-prev-next-button.next::before {
    content: "\e908";
}

.hero-slider-wrap .flickity-page-dots {
    right: 0;
    left: auto;
    transform: rotate(90deg) translateX(-50%);
    bottom: auto;
    top: 50%;
}

.hero-social .social-icons a {
    display: inline-flex;
    align-items: center;
    margin-right: 18px;
}

.hero-social .social-icons a::after {
    content: attr(data-label);
    display: inline-block;
    font-size: .9rem;
    margin-left: 4px;
}

.hero-social .social-icons a,
.hero-social .text {
    text-transform: uppercase;
    font-family: var(--headings-font);
    letter-spacing: 0.8px;
    font-size: .9rem;
    font-weight: 400;
}

.hero-social .video-button-wrapper .button.open-video {
    margin-left: 10px;
}

.video-button-wrapper .button.open-video {
    border-width: 1px;
    display: inline-block;
    margin: 0;
}

.video-button-wrapper .button.open-video i {
    left: 2px;
    top: auto;
    position: relative;
}

.video-button-wrapper .button.open-video::before,
.pulse::before {
    animation: pulse 3s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
}

.video-button-wrapper .button.open-video::after,
.pulse::after {
    animation: pulse 3s 0.6s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
}

.video-button-wrapper .button.open-video::before,
.video-button-wrapper .button.open-video::after,
.pulse::before,
.pulse::after {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    content: "";
    position: absolute;
    border-radius: 100%;
    /* background-color: #c7a17a; */
    border: 2px solid #ffffff;
    background-color: transparent;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2.1);
    }
}

@media (min-width: 550px) {
    .hero-slider-wrap .hero-banner {
        padding-top: 70vh !important;
    }

    .hero-slider-wrap .hero-banner .text-box {
        width: 60%;
    }

    .hero-slider-wrap .hero-banner .hero-title {
        font-size: 1.75rem;
    }
}

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

.hero-slider-wrap .hero-banner [data-animate] {
    transition-duration: 0.6s;
}

.bg-second {
    background-color: #eceae3;
}

.product-small {
    --radius: 8px
}

.product-small.box {
    padding: 13px;
    background: white;
    border-radius: var(--radius);
}

.product-small .box-image {
    border-radius: calc(var(--radius) - 2px);
}

.product-small .box-text {
    display: flex;
    flex-wrap: wrap;
}

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

.product-small .box-text .price-wrapper,
.product-small .box-text .add-to-cart-button {
    width: 50%;
    flex-basis: 50%;
}

.product-small .box-text .add-to-cart-button {
    text-align: right;
}

.product-small .box-text .title-wrapper {
    width: 100%;
    margin-bottom: 14px;
}

.product-small .box-text .price-wrapper .price {
    width: auto;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 8px;
    text-align: center;
    border-radius: 3px;
    background-color: #c7a17a;
    border: solid 2px transparent;
}

.product-small .box-text .price-wrapper .price del {
    font-size: .8em;
}

.product-small .box-text .price-wrapper span.amount {
    /* font-size: 1.2rem; */
    font-weight: 600;
    font-family: var(--headings-font);
    color: white;
}

.product-title a {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: var(--headings-font);
    text-transform: uppercase;
    letter-spacing: .1px;
    transition: all ease .3s;
}

.product-small .wishlist-button {
    border-radius: 3px !important;
    border: none;
    background: white;
    color: black;
}

.product-small .wishlist-button i {
    top: -1px;
}

.product-small .wishlist-button:hover {
    color: white;
    background-color: var(--fs-color-primary);
}

.col-inner:has(.product-small) .badge-container {
    left: 30px;
    margin: 0;
    top: 28px;
}

.col-inner:has(.product-small) .badge-container .badge {
    height: auto;
}

.col-inner:has(.product-small) .badge-container .badge .badge-inner {
    padding: 6px 10px;
    border-radius: 3px;
    font-size: .9rem;
}

.grid-tools a {
    font-family: var(--headings-font);
}

.section-title-container.title-style-1 .section-title-main,
.section-title-container.title-style-1 .section-title {
    border: none;
}

.section-title-container.title-style-1 a {
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 10px 20px 10px 22px;
    border: 2px solid rgba(18, 16, 13, 0.3);
    border-radius: var(--btn-radius);
    transition: all ease .3s;
}

.section-title-container.title-style-1 a:hover {
    color: white;
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.mini_cart_item a,
.woocommerce-mini-cart__total {
    font-family: var(--headings-font);
}

a.icon-remove,
a.remove {
    /* top: 50%; */
    right: 0px;
    color: rgb(159, 1, 1);
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    background-color: #ffffff;
    transform: translateY(-50%);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
    border: none;
}

a.icon-remove,
a.remove:hover {
    color: #ffffff;
    background-color: red;
}

/* Custom Off Canvas */
.mfp-content {
    --mfp-bg: white;
    --mfp-box-shadow: white;
    --open-time: .6s;
    --close-time: .2s;
    --mfp-transition: cubic-bezier(1, 0, 0, 1);
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: var(--mfp-bg);
    box-shadow: var(--mfp-box-shadow);
    transition-duration: var(--open-time);
    transition-timing-function: var(--mfp-transition);
}

.off-canvas.off-canvas-right.mfp-removing .mfp-content,
.off-canvas.off-canvas-left.mfp-removing .mfp-content {
    transition-duration: var(--close-time);
    display: block !important;
    opacity: 1 !important;
}

.off-canvas.off-canvas-right.mfp-removing .mfp-content {
    transform: translateX(calc(var(--drawer-width)*1));
}

.off-canvas.off-canvas-left.mfp-removing .mfp-content {
    transform: translateX(calc(var(--drawer-width)*-1));
}

/*
* Element Name: Blog List Six Thirteen
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
section.obelix-blog-list--thirteen::after {
    content: "";
    display: block;
    z-index: 0;
    background-color: var(--fs-color-primary);
    opacity: .08;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}

.obelix-blog-list--thirteen .title-wrap>* {
    font-size: inherit;
    line-height: inherit;
}

.obelix-blog-list--thirteen .title-wrap .subtitle {
    display: inline-block;
    padding: .3em 1.2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: .3em;
    font-weight: 500;
    color: var(--fs-color-primary);
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}

.obelix-blog-list--thirteen .title-wrap .subtitle::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    z-index: 0;
    background: var(--fs-color-primary);
    opacity: .07;
}

.obelix-blog-list--thirteen .title-wrap .title {
    margin-bottom: .2em;
}

.obelix-blog-list--thirteen .box-blog-post {
    display: block;
    text-decoration: none;
    color: inherit;
    background-color: #ffffff;
    border: 8px solid #fdfdfd;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(225, 225, 225, 0.3);
    box-shadow: 0px 7px 15px 0px rgba(225, 225, 225, 0.3);
    border-radius: 6px;
    padding: .6rem;
}

.obelix-blog-list--thirteen .box-blog-post .box-image {
    border-radius: 5px;
}

.obelix-blog-list--thirteen .box-blog-post .box-text {
    border-radius: 0px 0px 9px 9px;
    position: relative;
}

.obelix-blog-list--thirteen.row-grid .box-blog-post .box-text {
    border-radius: 0px;
}

.obelix-blog-list--thirteen .box-blog-post .box-text-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.obelix-blog-list--thirteen .box-blog-post .box-text-inner>* {
    -ms-flex-order: 1;
    order: 1;
}

.obelix-blog-list--thirteen .box-blog-post .post-meta,
.obelix-blog-list--thirteen .cat-label {
    -ms-flex-order: 4 !important;
    order: 4 !important;
    font-size: .84rem;
    line-height: 1;
    opacity: 1;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.obelix-blog-list--thirteen .box-blog-post .post-meta::before,
.obelix-blog-list--thirteen .cat-label::before,
.obelix-blog-list--thirteen .box-blog-post .box-text .button::after {
    content: "";
    display: inline-block;
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
    background-color: var(--fs-color-primary);
    -webkit-mask-image: var(--icon-image);
    mask-image: var(--icon-image);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 7px;
}

.obelix-blog-list--thirteen .box-blog-post .post-meta {
    --icon-size: 14px;
    --icon-image: url("./assets/fl-element/blog-list-13/calendar-lines.svg");
}

.obelix-blog-list--thirteen .cat-label {
    --icon-size: 16px;
    --icon-image: url("./assets/fl-element/blog-list-13/folder-open.svg");
}

.obelix-blog-list--thirteen .box-blog-post .box-text .post-title {
    margin: 0rem 0 0.4em 0;
    position: relative;
    /* line-height: 1.5; */
}

.obelix-blog-list--thirteen.row-grid .grid-col-1-2 .box-blog-post .box-text .post-title {
    margin-bottom: 0;
    font-size: .98em;
}

.obelix-blog-list--thirteen .box-blog-post .post-title a {
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    letter-spacing: 0;
}

.obelix-blog-list--thirteen .box-blog-post a:hover {
    color: var(--fs-color-primary);
}

.obelix-blog-list--thirteen .box-blog-post .post-title {
    margin-bottom: .4em;
}

.obelix-blog-list--thirteen .box-blog-post .from_the_blog_excerpt {
    position: relative;
    margin-bottom: .5rem;
}

.obelix-blog-list--thirteen .box-blog-post .is-divider {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: none;
}

.obelix-blog-list--thirteen.row-grid .grid-col-1-2 .box-blog-post .box-text .button {
    display: none;
}

.obelix-blog-list--thirteen .box-blog-post .box-text .button {
    --icon-size: 14px;
    --icon-image: url("./assets/fl-element/blog-list-13/angles-right.svg");
    -ms-flex-order: 2;
    order: 2;
    text-transform: uppercase;
    border: none;
    font-weight: 400;
    font-size: .92em;
    padding: 0 0px .5em 0;
    width: 100%;
    text-align: start;
    border-bottom: 2px solid #f6f6f6 !important;
    margin: .2rem 0rem 1.2rem 0rem !important;
    border-radius: 0 !important;
    color: var(--fs-color-primary);
    display: flex;
    position: relative;
    align-items: center;
}

.obelix-blog-list--thirteen .box-blog-post .box-text .button::after {
    margin-left: 2px;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.obelix-blog-list--thirteen .box-blog-post .box-text .button:hover::after {
    margin-left: 12px;
}

.obelix-blog-list--thirteen.slider-nav-simple .flickity-prev-next-button {
    margin-top: -2%;
    background: white;
    min-height: unset;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}

.obelix-blog-list--thirteen.slider-nav-simple:hover .flickity-prev-next-button {
    opacity: 1;
}

.obelix-blog-list--thirteen.slider-nav-simple .flickity-prev-next-button svg {
    padding: 14px;
}

@media screen and (max-width: 549px) {
    .obelix-blog-list--thirteen .flickity-slider .col {
        -ms-flex-preferred-size: 86%;
        flex-basis: 86%;
        max-width: 86%;
    }

    .obelix-blog-list--thirteen .box-blog-post .image-cover {
        padding-top: 70% !important;
    }

    .obelix-blog-list--thirteen .box-blog-post .box-text p.from_the_blog_excerpt {
        font-size: 1em;
        line-height: 1.4;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .obelix-blog-list--thirteen.row-slider .flickity-prev-next-button {
        display: none;
    }

    .obelix-blog-list--thirteen .box-blog-post .post-title a {
        font-size: 18px;
    }

    .obelix-blog-list--thirteen .mobile-left .col-inner {
        text-align: left !important;
    }
}

.page-title * {
    text-shadow: none !important;
}

.page-title .title-overlay {
    background-image: url("./images/bg-overlay.png");
}

.obelix-page-banner .text-center>div {
    margin-left: 0;
}

.obelix-page-banner .page-title-inner {
    padding-top: 5rem;
}

.obelix-page-banner .woocommerce-breadcrumb .divider:last-of-type {
    /* display: none; */
}

.obelix-page-banner .woocommerce-breadcrumb {
    /* font-size: 0; */
}

.obelix-page-banner .woocommerce-breadcrumb a,
.obelix-page-banner .woocommerce-breadcrumb .divider {
    font-size: 1rem;
    transition: all ease .3s;
}

.obelix-page-banner .woocommerce-breadcrumb a:hover {
    color: var(--fs-color-primary);
}

/* .widget */
.post-sidebar {
    padding: 0 !important;
}

aside.widget {
    border-radius: 5px;
    background-color: white;
    padding: 1.7rem;
}

aside.widget span.widget-title {
    font-family: var(--headings-font);
    color: var(--heading-color);
    margin-bottom: 1rem;
    border: none;
    display: block;
    letter-spacing: .5px;
}

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

aside.widget li.cat-item {
    border: none;
}

aside.widget li.cat-item:not(:last-of-type) {
    margin-bottom: .9rem;
}

aside.widget li.cat-item a {
    display: flex;
    line-height: 1.4;
    font-size: .95rem;
    align-items: center;
    padding: 12.5px 20px;
    /* color: var(--body-color); */
    background-color: #f6f6f6;
    justify-content: space-between;
}

aside.widget li.cat-item a::after {
    font-family: 'fl-icons';
    content: "\e92b";
    color: inherit;
    font-size: .8em;
    opacity: .6;
}

aside.widget li.cat-item a:hover {
    color: #ffffff;
    background-color: #c7a17a;
}

.recent-blog-posts a {
    line-height: 1.4;
    font-family: var(--headings-font);
    font-size: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0;
}

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

.recent-blog-posts .badge,
.recent-blog-posts img {
    width: 80px;
    object-fit: cover;
}

a,
.button {
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.blog-wrapper.blog-single>.row>.large-9.col {
    flex-basis: 70%;
    max-width: 70%;
}

.blog-wrapper.blog-single>.row>.large-3.col {
    flex-basis: 30%;
    max-width: 30%;
    border: none;
}

.blog-wrapper.blog-single article,
.comment-list,
.comment-respond {
    background-color: white;
    border-radius: 5px;
}

.blog-wrapper.blog-single article .article-inner>*:not(.entry-header) {
    padding: 0 1.7rem;
}

.blog-wrapper.blog-single article .article-inner .entry-header .entry-header-text {
    margin: 2rem 0;
    padding: 0 1.7rem;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.blog-wrapper.blog-single .entry-image {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.entry-divider {
    display: none;
}

.entry-content blockquote {
    background-image: url('./images/bg_12.png');
    visibility: visible;
    animation-delay: 0.1s;
    animation-name: fadeInUp;
    font-family: "Oswald", sans-serif;
    background-color: #c7a17a;
    padding: 26px 44px;
}

.entry-content blockquote p {
    color: white;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    letter-spacing: 0.3px;
}

.entry-content blockquote p:before {
    content: "\ea0f";
    font-family: fl-icons;
    font-size: 40px;
    margin-bottom: 0px;
    font-weight: 900;
}

.entry-content img {
    max-width: unset;
    width: 100%;
}

.comments-area .comments-title {
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
    opacity: .6;
    margin-bottom: 1rem;
}

#comments .comment-respond {
    background-color: white;
    border: none;
}

.comment-list,
.comment-respond {
    padding: 1rem 1.7rem;
}

.navigation-post {
    padding-bottom: 1.2rem !important;
}

.navigation-post .next-prev-nav {
    border: none;
}

.navigation-post a {
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.navigation-post a span {
    display: inline-block;
    font-size: .8em;
    opacity: .8;
}

.blog-share {
    text-align: right;
    margin-top: 1.5rem;
    margin-bottom: .4rem;
}

.blog-share .share-icons::before {
    content: "Chia sẻ: ";
}

.blog-share .is-divider {
    display: none;
}

.blog-share .share-icons {
    color: var(--body-color);
}

/*
* Element Name: Dropdown Menu Four
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
@media (min-width: 850px) {

    header#header .header-nav.header-nav-main>li:hover>a,
    header#header .header-nav.header-nav-main>li.current-dropdown>a {
        color: var(--fs-color-primary);
        z-index: 10;
        position: relative;
    }

    /* All submenu style */
    header#header ul.sub-menu,
    header#header .nav-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0;
        padding: 1rem 0;
        border: none;
        min-width: 215px;
        background: white;
        -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
        text-align: left;
        border-radius: .8rem;
        -webkit-transition: all .85s cubic-bezier(.19, 1, .22, 1);
        -o-transition: all .85s cubic-bezier(.19, 1, .22, 1);
        transition: all .85s cubic-bezier(.19, 1, .22, 1);
        -webkit-transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, -webkit-transform;
        -o-transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility, -webkit-transform;
        display: block;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        max-height: unset;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    header#header .has-dropdown .icon-angle-down {
        opacity: 1;
    }

    header#header .header-nav.header-nav-main>li>.nav-dropdown {
        left: -26px;
        top: 100%;
        /* padding-top: 2.6rem; */
    }

    /* Right menu */
    header#header .nav-right .nav-dropdown {
        left: auto;
        right: auto;
        min-width: unset;
    }

    header#header .nav-right>li:not(:hover)>.nav-dropdown {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    header#header .nav-right .nav-dropdown a {
        white-space: nowrap;
    }

    header#header .nav-right .account-item .nav-dropdown {
        text-align: center;
    }

    header#header .header-search-dropdown .header-search-form {
        padding: .6em .8em !important;
    }

    header#header .nav-right .current-dropdown .nav-dropdown {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

    /* Submenu on hover, active */
    header#header .current-dropdown>.nav-dropdown,
    header#header .nav-dropdown li:hover>ul.sub-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: calc(100% - .5rem);
        top: -1rem;
        min-width: 180px;
    }

    header#header .nav-dropdown li {
        color: var(--obelix-header-color, #161618);
        width: 100%;
        display: block;
        position: relative;
        margin: 0 !important;
        border: none;
        opacity: 0;
        -webkit-transition: all .5s cubic-bezier(.17, .84, .44, 1);
        -o-transition: all .5s cubic-bezier(.17, .84, .44, 1);
        transition: all .5s cubic-bezier(.17, .84, .44, 1);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        width: auto;
    }

    header#header .header-nav.header-nav-main li.menu-item-has-children:hover>.nav-dropdown>li,
    header#header .header-nav.header-nav-main li.menu-item-has-children:hover>.sub-menu>li,
    header#header .header-nav.header-nav-main li.current-dropdown>.nav-dropdown>li {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    header#header .nav-dropdown li:hover {
        color: var(--fs-color-primary);
    }

    header#header .nav-dropdown a {
        display: block;
        padding: .6rem 1.6rem;
        margin: 0 !important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        color: inherit;
    }

    header#header .nav-dropdown li.menu-item-has-children>a {
        text-transform: unset;
        padding-right: 2.2rem;
    }

    header#header .nav-dropdown li.menu-item-has-children>a::after {
        font-family: 'fl-icons';
        content: '\e925';
        position: absolute;
        right: 1.2rem;
        top: 50%;
        -webkit-transform: translateY(-44%);
        -ms-transform: translateY(-44%);
        transform: translateY(-44%);
        font-weight: lighter;
    }

    /* Text hover style */
    header#header ul.sub-menu a:hover,
    header#header .nav-dropdown li.active>a {
        text-transform: none;
        color: var(--fs-color-primary);
    }
}

.nav-vertical li li.menu-item-has-children>a,
.nav-vertical li .children>li>a {
    font-weight: bold;
}

/* Mobile menu */
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background: #fff;
    border-right: 1px solid #eee;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}

.mfp-wrap.off-canvas-left .mfp-close {
    border-radius: 50%;
    opacity: 1;
    left: calc(var(--obelix-drawer-width, 300px) + 1rem);
    top: 1rem;
    background: white;
    color: var(--obelix-header-color, black);
    mix-blend-mode: normal;
}

.mfp-wrap.off-canvas-left .mfp-close svg {
    stroke-width: 1px;
    -webkit-transition: -webkit-transform .3s 0s cubic-bezier(.65, .05, .36, 1);
    transition: -webkit-transform .3s 0s cubic-bezier(.65, .05, .36, 1);
    -o-transition: transform .3s 0s cubic-bezier(.65, .05, .36, 1);
    transition: transform .3s 0s cubic-bezier(.65, .05, .36, 1);
    transition: transform .3s 0s cubic-bezier(.65, .05, .36, 1), -webkit-transform .3s 0s cubic-bezier(.65, .05, .36, 1);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.has-off-canvas.has-off-canvas-left .mfp-wrap.off-canvas-left .mfp-close svg {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

@media screen and (max-width: 849px) {
    .has-off-canvas.has-off-canvas-left #wrapper {
        -webkit-transition: -webkit-transform 0.3s ease-in;
        transition: -webkit-transform 0.3s ease-in;
        -o-transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
        -webkit-transform: translateX(var(--obelix-drawer-width, 300px));
        -ms-transform: translateX(var(--obelix-drawer-width, 300px));
        transform: translateX(var(--obelix-drawer-width, 300px));
        -webkit-transition-delay: .07s;
        -o-transition-delay: .07s;
        transition-delay: .07s;
    }

    .has-off-canvas.has-off-canvas-left #wrapper .mobile-nav {
        opacity: 0;
    }

    /* Hide scollbar */
    .off-canvas-left .mfp-content {
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        /* Firefox */
    }

    .off-canvas-left .mfp-content::-webkit-scrollbar {
        display: none;
        /* Safari and Chrome */
    }

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

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

    .mobile-sidebar .nav-sidebar.nav-vertical .children {
        padding-bottom: .4rem;
        padding-right: 20px;
        margin-top: -.4rem;
    }

    .mobile-sidebar .sidebar-menu a {
        color: var(--obelix-header-color);
        font-size: 1.05rem;
    }

    .mobile-sidebar .sidebar-menu .active>a {
        color: var(--fs-color-primary);
        border-color: transparent;
    }

    .mobile-sidebar .sidebar-menu .active>.sub-menu a::before {
        -webkit-transform: scaleX(1) !important;
        -ms-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
    }

    .mobile-sidebar .sidebar-menu .toggle {
        --toggle-line-width: 11px;
        --toggle-color: var(--obelix-header-color, #161618);
    }

    .mobile-sidebar .sidebar-menu .active>.toggle {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        --toggle-color: var(--fs-color-primary);
    }

    .mobile-sidebar .sidebar-menu .toggle i {
        position: relative;
    }

    .mobile-sidebar .sidebar-menu .toggle i::before,
    .sidebar-menu .toggle i::after {
        content: "";
        position: absolute;
        height: var(--toggle-line-width);
        width: 2px;
        top: calc(50% - var(--toggle-line-width) / 2);
        left: calc(50% - 1px);
        border-radius: 2px;
        background-color: var(--toggle-color);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .mobile-sidebar .sidebar-menu .toggle i::after {
        width: var(--toggle-line-width);
        height: 2px;
        top: calc(50% - 1px);
        left: calc(50% - var(--toggle-line-width) / 2);
    }

    .mobile-sidebar .sidebar-menu .active>.toggle i::before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    /* Child sub menu */
    .mobile-sidebar .nav-vertical li li.menu-item-has-children:not(:first-child) {
        margin-top: 0;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li li {
        padding-left: 1rem;
        margin: 0;
        position: relative;
    }

    s.off-canvas:not(.off-canvas-center) .nav-vertical li a {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-sidebar .nav-vertical li li.menu-item-has-children>a {
        letter-spacing: 0;
        text-transform: unset;
    }

    .mobile-sidebar .nav-vertical>li>ul li a {
        display: block;
        padding-top: .8rem;
        padding-bottom: .8rem;
        padding-left: 0 !important;
        margin: 0 0 0 1rem !important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
    }

    .mobile-sidebar .nav-vertical li li:last-child a {
        border: none;
    }

    /* Child Toggle */
    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle .toggle {
        margin: 0;
        right: -16px;
        position: absolute;
        top: 0;
        height: 46px;
        opacity: 1;
    }

    .mobile-sidebar .nav-vertical li li li a::after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -.7em;
        background: black;
        width: 4px;
        height: 1px;
        -webkit-transition: 0.4s ease-in;
        -o-transition: 0.4s ease-in;
        transition: 0.4s ease-in;
        z-index: 1;
    }

    .mobile-sidebar .nav-vertical li li li.active>a::after {
        background: var(--fs-color-primary);
    }
}

@media screen and (max-width: 549px) {
    .mfp-wrap.off-canvas-left .mfp-close {
        left: auto;
        right: calc((100vw - var(--obelix-drawer-width, 300px)) / 2 - 24px);
    }
}

/**** End Dropdown Menu Four ****/
/*
* 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 {
    background-color: #FFFFFF;
    color: var(--fs-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF2B;
    border-radius: 100px 100px 100px 100px;
    -webkit-box-shadow: 0px 8px 19px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 8px 19px 0px rgba(0, 0, 0, 0.07);
    margin: 0px 0px 16px 0px;
    Padding: 10px 20px 10px 20px;
    display: inline-block;
}

.obelix-faq--three .title-block.subtitle>* {
    margin-bottom: 0;
    color: var(--fs-color-primary);
}

.obelix-faq--three .title-block.title>* {
    color: var(--fs-color-primary);
}

.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: .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: .4em;
}

.obelix-faq--three .connect-wrap .social-icons .button.icon>i {
    top: auto;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .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 .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    opacity: .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(.53, .95, .28, 1.03);
    -o-transition: all 1.2s cubic-bezier(.53, .95, .28, 1.03);
    transition: all 1.2s cubic-bezier(.53, .95, .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: .3;
}

.obelix-faq--three .accordion-title {
    border-top: none;
    padding: 16px 35px;
    font-size: 1.15rem;
    line-height: 1.5;
}

.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: 10px;
    border: 1px solid #DEDEDE;
    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;
}

.obelix-faq--three .accordion-title .toggle i {
    --size: 36px;
    position: absolute;
    width: var(--size);
    height: var(--size);
    border-radius: 10px;
    display: block;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.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(--fs-color-primary);
}

.obelix-faq--three .accordion-title i:after {
    width: 14px;
    height: 2px;
}

.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);
}

.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;
}

@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 ****/
/*
* Element Name: Steps One
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.obelix-steps--one .text>* {
    font-size: inherit;
    line-height: inherit;
}

.obelix-steps--one .title-wrap .subtitle {
    margin-bottom: .2em;
    color: var(--fs-color-primary);
}

.icon-box.obelix-steps--one .icon .icon-inner {
    border-style: dashed;
    border-color: rgba(8, 10, 11, 0.3);
}

.icon-box.obelix-steps--one:hover .icon .icon-inner {
    background-color: white;
    color: var(--fs-color-primary);
}

.icon-box.obelix-steps--one .icon .icon-inner {
    color: rgb(8, 10, 11);
    background: white;
}

.icon-box.obelix-steps--one svg {
    padding: .8em;
}

.icon-box.obelix-steps--one:hover .icon-inner svg path {
    -webkit-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}

.icon-box.obelix-steps--one:hover i,
.icon-box.obelix-steps--one:hover:hover svg,
.icon-box.obelix-steps--one:hover svg path {
    fill: var(--fs-color-primary);
}

.icon-box.obelix-steps--one:hover .icon-box-text .title {
    color: var(--fs-color-primary);
}

.row.obelix-steps--one {
    counter-reset: box-count;
}

.row.obelix-steps--one>.col {
    counter-increment: box-count;
}

.row.obelix-steps--one .icon-box-img::before {
    content: counter(box-count);
    font-size: 16px;
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
    background: #F4F1EE;
    border: 1px dashed rgba(8, 10, 11, 0.3);
    z-index: 2;
}

.row.obelix-steps--one .icon-box:hover .icon-box-img::before {
    background: var(--fs-color-primary);
    color: white;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-color: var(--fs-color-primary);
}

.row.obelix-steps--one>.col:not(:last-of-type)::before {
    content: "";
    top: 40px;
    right: 8px;
    width: 100%;
    height: 50px;
    position: absolute;
    -webkit-transform: translateX(76%);
    -ms-transform: translateX(76%);
    transform: translateX(76%);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='162' height='27' viewBox='0 0 162 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5C15.9533 4.06721 53.4361 -9.13871 83.7414 13.5C114.047 36.1387 147.874 22.9328 161 13.5' stroke='%23080A0B' stroke-opacity='0.3' stroke-dasharray='5 5'/%3E%3C/svg%3E%0A");
    z-index: -1;
}

@media screen and (max-width: 549px) {
    .row.obelix-steps--one>.col:not(:last-of-type)::before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        bottom: -26%;
        top: auto;
        right: 10px;
        opacity: .5;
    }

    .row.obelix-steps--one .flickity-slider {
        counter-reset: box-count;
    }

    .row.obelix-steps--one .flickity-slider>.col {
        counter-increment: box-count;
    }
}

/**** End Obelix Step One ****/
/* filter nav - start
================================================== */
.filters-button-group {
    margin-bottom: 60px;
    border-bottom: 5px solid #e4e2da;
    display: flex;
    flex-wrap: wrap;
}

.filters-button-group li {
    margin-bottom: -5px;
}

.filters-button-group li:not(:last-child) {
    margin-right: 5px;
}

.filters-button-group button {
    color: #8b887d;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 20px;
    position: relative;
    letter-spacing: 1px;
    background: transparent;
    border: none;
}

.filters-button-group button:before {
    left: 15px;
    right: 15px;
    bottom: 0px;
    opacity: 0;
    content: "";
    height: 2px;
    position: absolute;
    border-radius: 0px;
    background-color: #c7a17a;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.filters-button-group button:hover,
.filters-button-group button.active {
    color: #1B1B1B;
}

.filters-button-group button:hover:before,
.filters-button-group button.active:before {
    left: 0px;
    right: 0px;
    opacity: 1;
}

.filters-button-group.style_2 {
    border-bottom: none;
}

.filters-button-group.style_2 li {
    margin-bottom: 0px;
}

.filters-button-group.style_2 li:not(:last-child) {
    margin-right: 60px;
}

.filters-button-group.style_2 button {
    padding: 0px;
}

.filters-button-group.style_2 button:before {
    display: none;
}

.filters-button-group.style_2 button:hover,
.filters-button-group.style_2 button.active {
    color: #1B1B1B;
}

.text-white .filters-button-group.style_2 button {
    color: #aaaaaa;
}

.text-white .filters-button-group.style_2 button:hover,
.text-white .filters-button-group.style_2 button.active {
    color: #ffffff;
}

.filters-button-group {
    border-bottom: none;
}

.filters-button-group.style_3 {
    background-color: #ffffff;
}

.filters-button-group.style_3 li {
    margin: 0px;
}

.filters-button-group.style_3 li:not(:last-child) {
    margin-right: 0px;
}

.filters-button-group.style_3 button {
    padding: 18px 22px;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

.filters-button-group.style_3 button:before {
    border-radius: 0px;
}

.filters-button-group.style_4 li {
    margin: 0px;
    border-bottom: 4px solid #eaeaea;
}

.filters-button-group.style_4 li:not(:last-child) {
    margin-right: 0px;
}

.filters-button-group.style_4 button {
    padding: 0px;
    line-height: 1;
    display: block;
    padding: 18.5px 41.5px;
}

.filters-button-group.style_4 button:before {
    display: none;
}

.filters-button-group.style_4 button:hover,
.filters-button-group.style_4 button.active {
    background-color: #ffffff;
}

/* filter nav - end
================================================== */
==================================================*/

/* order & unorder list reset - start
================================================== */
.ul_li,
.ul_li_right,
.ul_li_center {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ul_li>li,
.ul_li_right>li,
.ul_li_center>li {
    float: left;
    list-style: none;
    display: inline-block;
}

.ul_li {
    justify-content: flex-start;
}

.ul_li_center {
    justify-content: center;
}

.ul_li_right {
    justify-content: flex-end;
}

.ul_li_block {
    margin: 0px;
    padding: 0px;
    display: block;
}

.ul_li_block>li {
    display: block;
    list-style: none;
}

/* order & unorder list reset - end
================================================== */
/* recipe menu section - start
================================================== */
.recipe_menu_section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.recipe_menu_section.bg_gray {
    background-color: #eceae3;
}

.recipe_menu_section .shape_1 {
    left: 0px;
    top: 135px;
}

.recipe_menu_section .shape_2 {
    right: 0px;
    bottom: 0px;
}

.recipe_menu_section .deco_big_text {
    top: 114px;
}

.recipe_item_grid {
    margin: -10px;
}

.recipe_item_grid .element-item {
    width: 100%;
    padding: 10px;
}

.recipe_item {
    display: flex;
    padding: 15px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: white;
}

.recipe_item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
}

.recipe_item .content_col:first-child {
    width: 62%;
    display: flex;
    align-items: center;
}

.recipe_item .content_col:last-child {
    width: 240px;
    text-align: right;
}

.recipe_item .item_image {
    min-width: 120px;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
    border-radius: 5px;
    display: inline-block;
    background-color: #1B1B1B;
}

.recipe_item .item_image img {
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.recipe_item:hover .item_image img {
    opacity: 0.3;
    transform: scale(1.1);
}

.recipe_item .item_title {
    display: inline-block;
}

.recipe_item .item_title a {
    display: block;
    font-size: 18px;
    color: #1B1B1B;
    text-transform: uppercase;
}

.recipe_item:hover .item_title a {
    color: #c7a17a;
}

.recipe_item .item_price {
    display: block;
    line-height: 1;
    font-size: 38px;
    color: #c7a17a;
    font-family: "Oswald", sans-serif;
    padding: 10px 30px 10px 24px;
    border-left: 2px solid #eceae3;
}

.recipe_item .item_price sub {
    bottom: 1px;
    font-size: 18px;
    color: #1B1B1B;
    vertical-align: baseline;
}

.recipe_item.style_2 .content_col {
    display: flex;
    align-items: center;
}

.recipe_item.style_2 .content_col:first-child {
    width: 62%;
}

.recipe_item.style_2 .content_col:last-child {
    width: 34%;
    position: relative;
    justify-content: flex-end;
}

.recipe_item.style_2 .content_col:last-child:before {
    top: 50%;
    left: 0px;
    content: "";
    height: 2px;
    width: 235px;
    position: absolute;
    transform: translateY(-50%);
    border-top: 1px dashed #7c7770;
}

.recipe_item.style_2 .item_price {
    padding: 0px;
    border-left: none;
}

.text-white .recipe_item.style_2 {
    box-shadow: none;
    transform: translate(0px);
    background-color: transparent;
}

.text-white .recipe_item.style_2 .content_col:last-child:before {
    border-top: 1px dashed #ffffff;
}

.text-white .recipe_item.style_2 .item_image {
    background-color: #c7a17a;
}

.text-white .recipe_item.style_2 .item_title a {
    color: #ffffff;
}

.text-white .recipe_item.style_2:hover .item_title a {
    color: #c7a17a;
}

.text-white .recipe_item.style_2 p {
    color: #afafaf;
}

.text-white .recipe_item.style_2 .item_price {
    color: #ffffff;
}

.text-white .recipe_item.style_2 .item_price sub {
    color: #ffffff;
}

.recipe_menu3_wrap {
    padding: 80px;
}

.recipe_menu3_wrap .recipe_item_grid {
    margin-right: -90px;
}

.recipe_item.style_3 {
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
}

.recipe_item.style_3:hover {
    box-shadow: none;
    transform: translateY(0px);
}

.recipe_item.style_3 .content_col:last-child {
    width: auto;
    text-align: left;
}

.recipe_item.style_3 .item_price {
    border: none;
    font-size: 60px;
    padding: 10px 30px;
    padding-right: 55px;
    background-color: #ffffff;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
}

.recipe_menu3_image img {
    width: 100%;
    display: block;
}

/* recipe menu section - end
================================================== */
/* section decoration wrap - start */
.deco_wrap {
    z-index: 1;
    position: relative;
}

.deco_wrap .deco_item {
    z-index: -1;
    position: absolute;
}

.deco_wrap .deco_big_text {
    top: 170px;
    left: 0px;
    right: 0px;
    z-index: -1;
    opacity: 0.2;
    color: #000000;
    line-height: 1;
    display: block;
    font-weight: 700;
    font-size: 291px;
    position: absolute;
    font-family: "Oswald", sans-serif;
}

.deco_wrap .overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    position: absolute;
}

.deco_wrap .scratch {
    left: 0px;
    right: 0px;
    z-index: 1;
    position: absolute;
}

.deco_wrap .scratch img {
    width: 100%;
    display: block;
}

.deco_wrap .scratch_top {
    top: 0px;
}

.deco_wrap .scratch_bottom {
    bottom: 0px;
}

/* section decoration wrap - end */
.working-hour {
    list-style: none;
    margin-left: 0;
}

.working-hour li {
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
}

.footer_subscribe_form p {
    display: flex;
}

.footer_subscribe_form input {
    height: 56px;
    color: #ffffff;
    border-color: #1B1B1B;
    background-color: #1B1B1B;
}

.footer_subscribe_form .btn {
    top: 50%;
    right: 0px;
    position: absolute;
    padding: 21px 25px;
    transform: translateY(-50%);
}

.btn.btn_primary,
.comment-form .submit {
    background-color: #c7a17a;
}

.footer_subscribe_form {
    max-width: 400px;
    margin: 0 auto;
}

.footer_subscribe_form p {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    /* background-color: #1a1a1a; */
    /* nền đen cho ô input */
    margin: 0;
    position: relative;
    align-items: center;
}

.footer_subscribe_form input[type="email"] {
    flex: 1;
    padding: 12px 16px;
    border: none;
    background-color: #1a1a1a;
    color: #fff;
    font-size: 14px;
    max-width: 225px;
    border-radius: 5px;
}

.footer_subscribe_form input[type="email"]::placeholder {
    color: #ccc;
}

.footer_subscribe_form input[type="email"]:focus {
    box-shadow: none !important;
}

.footer_subscribe_form input[type="submit"] {
    background-color: #c7a87e;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 16px;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 0 6px 6px 0;
    white-space: nowrap;
    top: 28px;
    right: 0;
}

.footer_subscribe_form input[type="submit"]:hover {
    background-color: #b18f6a;
}

.footer_subscribe_form .wpcf7-spinner {
    display: none !important;
}

.absolute-footer {
    background-color: transparent;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.absolute-footer>.container {
    display: flex;
    justify-content: center;
}

.theme-title-block {}

.theme-title-block .subtitle {
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.theme-title-block .title {
    text-transform: uppercase;
    font-size: 45px;
    line-height: 1.5;
    margin-bottom: 0px;
}

.icon-box.icon-rounded .icon-box-img img {
    border-radius: 7px;
}

.absolute-banner-one {
    position: relative;
}

.absolute-banner-one .absolute-text {
    position: absolute;
    background-image: url('./images/bg_01.png');
    top: 50%;
    left: 50%;
    width: 248px;
    height: 232px;
    display: block;
    padding: 15px;
    color: #ffffff;
    align-items: center;
    background-size: auto;
    justify-content: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    background-position: center center;
    flex-wrap: wrap;
}

.absolute-banner-one .absolute-text .count {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 0;
    color: #c7a17a;
    margin-top: 25px;
}

.absolute-banner-one .absolute-text .count small {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.absolute-banner-one .absolute-text .text {
    font-size: 24px;
    font-size: 42px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.banner-style-one .button.icon.open-video {
    min-width: 4.5em;
    line-height: 4.5em;
}

.banner-style-one .offer_info_title {
    text-align: left;
}

.banner-style-one .open-hour-col {
    background-image: url('./images/bg_bean.png');
}

.banner-style-one .open-hour-col .working-hour li span {
    color: #c7a17a;
}

.banner-style-one .icon-box {
    flex-wrap: nowrap;
    align-items: center;
}

.icon-box.bg-light .icon-box-img {
    width: 40px !important;
    height: 40px;
    padding: 10px;
    border-radius: 3px;
    align-items: center;
    display: inline-flex;
    color: #c7a17a;
    justify-content: center;
    background-color: white;
    box-shadow: 1.753px 3.595px 15px 0px rgba(144, 126, 107, 0.21);
}

/* End Custom Off Canvas */
.hero-slider .text-box .title {
    line-height: 1.5;
    text-transform: capitalize;
}

.hero-slider .banner .button {
    font-size: initial;
}

.add_to_cart_button.is-outline {
    padding: 1px 13px;
    color: #1B1B1B;
    border-color: rgba(18, 16, 13, 0.3);
}

.obelix-page-banner .entry-title {
    text-transform: uppercase;
    font-size: 60px;
    text-align: left;
}

.product-small .box-text .category {
    margin-bottom: 0.5rem;
}

.tuyen-dung .blog-post-inner {
    display: flex;
    flex-direction: column;
}

.tuyen-dung .blog-post-inner .post-meta {
    order: 0;
    font-size: 1rem;
    color: #000;
    margin-top: 0.5rem;
}

.tuyen-dung .blog-post-inner .post-meta::before {
    font-family: 'fl-icons';
    content: "\e945";
    margin-right: 7px;
    color: inherit;
}

.tuyen-dung .blog-post-inner .post-title {
    order: 1;
    text-transform: uppercase;
    margin-top: 0.8rem;
    font-size: 1.7rem;
}

.tuyen-dung .blog-post-inner .is-divider {
    order: 2;
}

.tuyen-dung .blog-post-inner .from_the_blog_excerpt {
    order: 3;
    margin-top: 0.8rem;
}

.tuyen-dung .blog-post-inner .button {
    order: 4;
    max-width: max-content;
    padding: 5px 20px;
    font-size: 1rem;
}

.tuyen-dung .blog-post-inner .is-divider {
    display: none;
}

.single-tuyen-dung .wrap_space {
    background-color: white;
    padding: 30px;
}

.single-tuyen-dung .sidebar-content .sidebar_section {
    background-color: white;
    padding: 30px;
}

.single-tuyen-dung .sidebar-content .sidebar_section:not(:last-child) {
    margin-bottom: 2rem;
}

.single-tuyen-dung .sidebar-content .ul_li_block>li {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.single-tuyen-dung .sidebar-content .sb_hiring .ul_li_block>li {
    border-bottom: 1px solid #ececec;
}

.single-tuyen-dung .sb_category li {
    margin-bottom: 0;
}

.single-tuyen-dung .sb_category a {
    display: flex;
    line-height: 1;
    align-items: center;
    padding: 17.5px 20px;
    color: #7c7770;
    background-color: #f6f6f6;
    justify-content: space-between;
    width: 100%;
}

.single-tuyen-dung .sb_widget_title {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.single-tuyen-dung .sb_category a:after {
    font-family: 'fl-icons';
    content: "\e925";
    font-weight: 300;
}

.product-footer .woocommerce-tabs {
    border-top: none;
}

.product-footer .woocommerce-tabs .product-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(124, 119, 112, 5%);
}

.product-footer .woocommerce-tabs .product-tabs.nav-line li a {
    font-size: 1rem;
    padding: 17px 0;
    letter-spacing: 1px;
}

.product-footer .woocommerce-tabs .product-tabs.nav-line li a:before {
    bottom: 0;
    top: auto;
}

.single-product .product-gallery>.row {
    display: flex;
    flex-direction: row-reverse;
}

.single-product .product-summary .price-wrapper span.amount {
    color: var(--fs-color-primary);
}

.single-product .product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 1rem;
}

.single-product .product-summary .yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg {
    margin-bottom: 1px;
    fill: #000;
}

.single-product .product-summary .product_meta {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 1rem;
}

.single-product .product-summary .share-icons {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* cách giữa icon và chữ */
    font-family: inherit;
    color: #000;
}

.single-product .product-summary .share-icons::before {
    content: "\ea1b";
    font-family: 'fl-icons';
    color: #000;
    margin-right: 45px;
}

.single-product .product-summary .share-icons::after {
    content: "Share:";
    position: absolute;
    left: 20px;
}

.single-product .product-summary .share-icons a {
    z-index: 1;
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin: 0 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #7c7770;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.single-product .product-summary .cart .single_add_to_cart_button {
    border-radius: 0 !important;
    padding: 7px 30px;
}

.single-product .product-summary .cart .quantity input[type=number] {
    height: 100%;
    max-width: unset;
    width: 4rem;
}

.single-product .product-summary .cart .quantity input[type=number]:focus {
    box-shadow: none;
}

.single-product .product-summary .cart .quantity .button {
    border-radius: 0 !important;
    padding: 0 9px;
}

.single-product .product-summary .share-icons a:before {
    z-index: -1;
    content: "";
    height: 100%;
    width: 0;
    background-color: #c7a17a;
    position: absolute;
    bottom: 0;
    right: 0;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single-product .product-summary .share-icons a:hover:before {
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
}

.single-product .product-summary .share-icons a:hover i {
    color: #fff;
}

ul.product_list_widget li .quantity,
ul.product_list_widget li .quantity span.amount {
    color: var(--fs-color-primary);
}

ul.product_list_widget li img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
}

.ux-mini-cart-footer span.amount {
    color: var(--fs-color-primary);
}

.cart-popup-title>span {
    text-align: left;
}

.cart-popup-title>.is-divider {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
}

.google-map-iframe iframe {
    margin-bottom: -8px;
}

input.wpcf7-text {
    border-radius: 0px;
    background-color: #f6f6f6;
    height: 56px;
    padding: 0px 25px;
    border: none;
    box-shadow: none;
}

@media screen and (max-width: 549px) {}

/*
* Element Name: Contact Three
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.obelix-contact--three .title-breadcrumbs {
    padding-top: .2rem;
    font-weight: normal;
}

.obelix-contact--three h2,
.obelix-contact--three h3 {
    margin-bottom: .12em;
}

.obelix-contact--three h2 strong,
.obelix-contact--three h3 strong {
    color: black;
}

.obelix-contact--three .wpcf7-form {
    --border: #e9e9e9;
    --text: black;
}

.obelix-contact--three .google-map-iframe iframe {
    width: 100%;
    height: 500px !important;
    border-radius: 10px;
}

.obelix-contact--three form input[type=email],
.obelix-contact--three form input[type=number],
.obelix-contact--three form input[type=search],
.obelix-contact--three form input[type=tel],
.obelix-contact--three form input[type=text],
.obelix-contact--three form input[type=url],
.obelix-contact--three form textarea {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    padding: 12px 23px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    color: #5b5b5b;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 0;
    margin-bottom: 0;
}

.obelix-contact--three form input[type=email]::-webkit-input-placeholder,
.obelix-contact--three form input[type=number]::-webkit-input-placeholder,
.obelix-contact--three form input[type=search]::-webkit-input-placeholder,
.obelix-contact--three form input[type=tel]::-webkit-input-placeholder,
.obelix-contact--three form input[type=text]::-webkit-input-placeholder,
.obelix-contact--three form input[type=url]::-webkit-input-placeholder,
.obelix-contact--three form textarea::-webkit-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::-moz-placeholder,
.obelix-contact--three form input[type=number]::-moz-placeholder,
.obelix-contact--three form input[type=search]::-moz-placeholder,
.obelix-contact--three form input[type=tel]::-moz-placeholder,
.obelix-contact--three form input[type=text]::-moz-placeholder,
.obelix-contact--three form input[type=url]::-moz-placeholder,
.obelix-contact--three form textarea::-moz-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]:-ms-input-placeholder,
.obelix-contact--three form input[type=number]:-ms-input-placeholder,
.obelix-contact--three form input[type=search]:-ms-input-placeholder,
.obelix-contact--three form input[type=tel]:-ms-input-placeholder,
.obelix-contact--three form input[type=text]:-ms-input-placeholder,
.obelix-contact--three form input[type=url]:-ms-input-placeholder,
.obelix-contact--three form textarea:-ms-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::-ms-input-placeholder,
.obelix-contact--three form input[type=number]::-ms-input-placeholder,
.obelix-contact--three form input[type=search]::-ms-input-placeholder,
.obelix-contact--three form input[type=tel]::-ms-input-placeholder,
.obelix-contact--three form input[type=text]::-ms-input-placeholder,
.obelix-contact--three form input[type=url]::-ms-input-placeholder,
.obelix-contact--three form textarea::-ms-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::-webkit-input-placeholder,
.obelix-contact--three form input[type=number]::-webkit-input-placeholder,
.obelix-contact--three form input[type=search]::-webkit-input-placeholder,
.obelix-contact--three form input[type=tel]::-webkit-input-placeholder,
.obelix-contact--three form input[type=text]::-webkit-input-placeholder,
.obelix-contact--three form input[type=url]::-webkit-input-placeholder,
.obelix-contact--three form textarea::-webkit-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::-moz-placeholder,
.obelix-contact--three form input[type=number]::-moz-placeholder,
.obelix-contact--three form input[type=search]::-moz-placeholder,
.obelix-contact--three form input[type=tel]::-moz-placeholder,
.obelix-contact--three form input[type=text]::-moz-placeholder,
.obelix-contact--three form input[type=url]::-moz-placeholder,
.obelix-contact--three form textarea::-moz-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]:-ms-input-placeholder,
.obelix-contact--three form input[type=number]:-ms-input-placeholder,
.obelix-contact--three form input[type=search]:-ms-input-placeholder,
.obelix-contact--three form input[type=tel]:-ms-input-placeholder,
.obelix-contact--three form input[type=text]:-ms-input-placeholder,
.obelix-contact--three form input[type=url]:-ms-input-placeholder,
.obelix-contact--three form textarea:-ms-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::-ms-input-placeholder,
.obelix-contact--three form input[type=number]::-ms-input-placeholder,
.obelix-contact--three form input[type=search]::-ms-input-placeholder,
.obelix-contact--three form input[type=tel]::-ms-input-placeholder,
.obelix-contact--three form input[type=text]::-ms-input-placeholder,
.obelix-contact--three form input[type=url]::-ms-input-placeholder,
.obelix-contact--three form textarea::-ms-input-placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]::placeholder,
.obelix-contact--three form input[type=number]::placeholder,
.obelix-contact--three form input[type=search]::placeholder,
.obelix-contact--three form input[type=tel]::placeholder,
.obelix-contact--three form input[type=text]::placeholder,
.obelix-contact--three form input[type=url]::placeholder,
.obelix-contact--three form textarea::placeholder {
    color: var(--text);
}

.obelix-contact--three form input[type=email]:focus,
.obelix-contact--three form input[type=number]:focus,
.obelix-contact--three form input[type=search]:focus,
.obelix-contact--three form input[type=tel]:focus,
.obelix-contact--three form input[type=text]:focus,
.obelix-contact--three form input[type=url]:focus,
.obelix-contact--three form textarea:focus {
    border-color: #5b5b5b;
}

.obelix-contact--three form [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s 0.5s ease;
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--border);
    line-height: 1.5555555556;
    border-radius: 30px;
    padding: 10px 40px;
    color: #fff;
    overflow: hidden;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 1rem;
    margin-bottom: 0;
}

.obelix-contact--three .processing .wpcf7-form-control.wpcf7-submit {
    pointer-events: none;
    padding-left: 14px;
    padding-right: 14px;
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit::before {
    content: "";
    position: absolute;
    width: 100%;
    min-width: 300px;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: var(--fs-color-primary);
    border-radius: 50%;
    opacity: 0;
    margin: auto;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit:hover::before {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit i {
    top: 0;
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit span {
    line-height: 1;
}

.obelix-contact--three .processing .wpcf7-form-control.wpcf7-submit::after {
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite;
    border-bottom: 3px solid rgba(0, 0, 0, .1) !important;
    border-left: 3px solid var(--fs-color-secondary);
    border-radius: 50%;
    border-right: 3px solid rgba(0, 0, 0, .1) !important;
    border-top: 3px solid rgba(0, 0, 0, .1) !important;
    content: "";
    height: 22px;
    opacity: 1;
    pointer-events: none;
    width: 22px;
    display: inline-block;
    margin-left: 10px;
}

.obelix-contact--three p>.wpcf7-spinner {
    display: none;
}

.obelix-contact--three .wpcf7-form-control.wpcf7-submit:hover {
    border-color: var(--fs-color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.obelix-contact--three .wpcf7-acceptance .wpcf7-list-item {
    line-height: 1.5;
    margin: 0;
}

.obelix-contact--three .wpcf7-acceptance .wpcf7-list-item input {
    margin-bottom: 0;
}

.obelix-contact--three .icon-box.featured-box p {
    font-size: .9rem;
}

.obelix-contact--three .icon-box.featured-box p:not(:first-of-type) {
    margin-bottom: 0;
}

@media screen and (max-width: 549px) {
    .obelix-contact--three .title-breadcrumbs {
        padding-top: 0;
    }

    .obelix-contact--three .google-map-iframe iframe {
        height: 320px !important;
    }

    .obelix-contact--three .icon-box.featured-box .icon-box-img {
        margin-bottom: 18px;
    }

    .obelix-contact--three .icon-box.featured-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        border-bottom: solid 1px #e9e9e9;
        padding-bottom: 20px;
    }

    .obelix-contact--three>.col:last-of-type .icon-box.featured-box {
        border-bottom: none;
        padding-bottom: 0;
    }
}

/**** End Contact Three ****/
.obelix-page-banner .title-breadcrumbs {
    text-align: left !important;
}

.product_list_widget span.amount,
.widget_price_filter .price_slider_amount {
    color: var(--fs-color-primary);
}

.widget_price_filter .price_slider_amount .button {
    background: var(--fs-color-primary);
}

.tagcloud a {
    border: none;
    background-color: #f6f6f6;
    padding: 8px 13px;
    border-radius: 0;
    text-transform: capitalize;
}

.product-gallery .badge-container {
    left: 15px;
}

.product-gallery .badge-container .badge {
    height: 1.8em;
}

.product-gallery .badge-container .badge .badge-inner {
    line-height: 0;
}

.product-gallery .badge-container .badge .badge-inner>span {
    font-size: 12px;
}

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

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .hero-banner .fill.banner-link {
        background: rgba(0, 0, 0, 0.5);
    }

    #shop-sidebar aside.widget {
        padding: 0;
        margin-bottom: 3rem;
    }

    .obelix-page-banner .entry-title {
        font-size: 30px;
    }

    .filters-button-group {
        margin-bottom: 35px;
        display: -webkit-box;
        width: 100%;
        overflow: scroll;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding: 20px;
        margin: 0 auto;
        scrollbar-gutter: stable both-edges;
        padding-left: 0;
    }

    .filters-button-group li:first-child {
        margin-left: 0;
    }

    .filters-button-group::-webkit-scrollbar {
        height: 8px;
    }

    .filters-button-group::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }

    .filters-button-group::-webkit-scrollbar-track {
        background: transparent;
    }

    .recipe_item {
        display: block;
    }

    .recipe_item .content_col:first-child {
        width: 100%;
        display: flex;
        gap: 20px;
    }

    .recipe_item .item_image {
        margin-right: 0px;
        margin-bottom: 0;
    }

    .recipe_item .content_col:last-child {
        width: 100%;
        margin-top: 20px;
        text-align: right;
    }

    .recipe_item .item_price {
        border-left: none;
        font-size: 28px;
    }

    .product-small .box-text .price-wrapper,
    .product-small .box-text .add-to-cart-button {
        width: 100%;
        flex-basis: 100%;
        text-align: left;
    }

    .product-small .box-text .add-to-cart-button {
        margin-top: 0.5rem;
    }

    .product-small .box-text .price-wrapper .price {
        text-align: left;
        max-width: min-content;
    }

    .blog-wrapper.blog-single>.row>.large-9.col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .blog-wrapper.blog-single>.row>.large-3.col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .header-wrapper.stuck {
        background: #000;
    }
}