/*
Theme Name: Spa Two
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

:root {
    --header-font: "Amatic SC", sans-serif;
    --body-font: "Andika", sans-serif;
    --primary-color: var(--wp--preset--color--primary);
    --secondary-color: var(--fs-color-secondary);
    --success-color: var(--fs-color-success);
    --alert-color: var(--fs-color-alert);
    --link-color: var(--fs-experimental-link-color);
    --sub-title-color: #568673;
    --title-color: #4D514F;
    --text-color: #7C807E;
    --link-color: var(--fs-experimental-link-color-hover);
    --bg-light-color: #f5f5f5;
    --header-color: #072010;
    --body-color: #333632;
    --body-background-color: #f0efeb;
    --boder-dark-color: #0f0f0f;
    --boder-light-color: #ffffff70;
    --boder-dark-hover-color: #0f0f0f;
    --boder-light-hover-color: #ffffff70;
    --box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    --icon-font: "fl-icons" !important;
    /* Slide define */
    --slide-dot-color: var(--body-color);
    --slide-nav-color: var(--body-color);
}

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

body,
#main {
    background-color: var(--body-background-color) !important;
}

a {
    color: #000;
}

.obelix-content .wp-block-heading {
    font-family: var(--header-font);
    color: var(--primary-color);
}

.header-nav-main.nav-right {
    gap: 25px;
}

input::placeholder,
textarea::placeholder {
    color: #000 !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #000 !important;
}

/* button */
.button {
    letter-spacing: normal;
}

.button.white {
    padding: 10px 35px;
}

.button.white:hover {
    background-color: green !important;
    color: #fff !important;
    box-shadow: none;
}

.button.white:hover span {
    color: #fff !important;
}

.button.style-2.white:hover {
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: none;
}

/* Start Font */
body {
    font-family: var(--body-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: var(--header-font);
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1300px;
}

/* End Font */
/* Start Button - Form  - Input */
.button:not(.circle),
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    position: relative;
    letter-spacing: 0.25em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0;
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    -o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    padding: 7px 28px;
}

a.plain {
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    -o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.button span.meta-nav {
    font-size: 0;
}

.button span.meta-nav::after {
    font-family: var(--icon-font);
    content: "\e92b";
    font-size: 11px;
    top: 0;
}

.primary.is-outline {
    border-color: var(--header-color);
    border-width: 1px;
    color: var(--header-color);
}

.nav-dark .primary.is-outline {
    border-color: white;
    color: white;
}

.nav-dark .primary.is-outline:hover {
    border-color: white;
    background-color: white;
    color: var(--header-color);
}

.button.is-link,
.button.is-underline {
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    font-family: var(--header-font);
    color: var(--header-color);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.1rem;
}

.dark .button.is-link,
.dark .button.is-underline {
    color: white;
}

.button.is-link::before,
.button.is-underline::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--secondary-color);
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}

.button.is-link:hover::before,
.button.is-underline:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.button.secondary:hover {
    background-color: var(--primary-color);
}

/* header button */
.header-button-1 .button {
    border-radius: 99px;
    background: var(--secondary-color);
    padding: 6px 32px;
    text-transform: none;
}

.header-button-1 .button span::before {
    content: "\e9a2";
    font-family: 'fl-icons';
    margin-right: 5px;
}

/* Input */
input:not([type="submit"]):not([type="button"]),
textarea {
    border: 1px solid #eee;
    color: #000;
    line-height: 2;
    font-weight: 400;
    transition: 0.3s;
    min-height: 50px;
    box-shadow: none;
}

textarea {
    min-height: 112px;
}

input:not([type="submit"]):not([type="button"]):focus,
select:focus,
textarea:focus {
    border-color: var(--secondary-color);
    box-shadow: none;
    color: var(--header-color);
}

/* Header */
.header-top {
    background: transparent;
    border-bottom: solid 1px #ffffff26;
    font-size: 19px;
}

.top-divider {
    border: none;
}

.header-nav-main.nav-left li a {
    /* margin-left: 30px; */
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.header-nav-main.nav-left li.active a::before,
.header-nav-main.nav-left li:hover a::before {
    opacity: 1;
}

.header-nav-main.nav-left>li>a::before {
    content: "";
    display: inline-flex;
    background-image: url(./icons/sun.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    opacity: 0;
    transition: all 0.3s ease;
    margin-right: 5px;
    filter: brightness(0) saturate(100%) invert(56%) sepia(22%) saturate(421%) hue-rotate(58deg) brightness(89%) contrast(85%);
}

.header-nav-main.nav-left>li.active>a,
.header-nav-main.nav-left>li>a:hover {
    color: var(--primary-color);
}

.header-button-1 .button {
    text-transform: none;
    font-family: var(--body-font);
}

#logo {
    width: auto;
    position: absolute;
    bottom: -30px;
    margin: 0 auto;
    left: 46%;
}

#logo img,
.header .stuck #logo img {
    max-height: unset !important;
    width: 110px;
}

.stuck #logo {
    bottom: 0px;
}

.header .stuck #logo img {
    width: 100px;
}

.logo-center .logo img {
    margin: unset !important;
}

/* End Header */
/* Home Banner */
.hero-slider>.slider::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -3px;
    background-image: url('./images/slider-png-02-1.png');
    background-repeat: no-repeat;
    z-index: 111111;
    background-size: 100% 100%;
    filter: brightness(0) saturate(100%) invert(96%) sepia(70%) saturate(461%) hue-rotate(298deg) brightness(117%) contrast(88%);
}

.home-banner .banner,
.home-banner .fill {
    border-radius: 25px;
}

.home-banner .banner-wrapper .image-absolute {
    bottom: -1px;
    position: absolute;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(3583%) hue-rotate(223deg) brightness(107%) contrast(87%);
}

.home-banner .heading-title {
    max-width: 40rem;
    margin: 0 auto;
    font-family: var(--header-font);
    font-weight: 400;
    font-size: 90px;
}

.home-banner .heading-title .title {
    display: flex;
    justify-content: space-between;
}

.home-banner .heading-title .heading-space {
    width: 250px;
    display: block;
}

/* End Home Banner */
/*  Heading Title */
/* End Heading Title */
/* Block Title */
.block-title p:nth-child(1) {
    color: var(--primary-color);
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 16px;
    letter-spacing: 0.2rem;
}

.block-title h2,
.block-title h3 {
    font-size: 50px;
    line-height: 1.2em;
    font-weight: 500;
    color: var(--wp--preset--color--secondary);
}

.block-title p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
}

/* End Block Title */
/* header */
.header-wrapper {
    font-size: 16px;
    font-weight: 600;
}

.transparent .header-wrapper {
    background-color: #ffffff10 !important;
    border-bottom: solid 1px #ffffff1f;
}

.header-nav-main {
    font-weight: 500;
    /* justify-content: center; */
}

.header-nav-main.nav-uppercase>li>a {
    text-transform: math-auto;
    font-size: 1em;
    font-weight: 600;
}

.header-nav-main .html * {
    text-transform: capitalize;
}

.header-nav-main input:not([type="submit"]):not([type="button"]) {
    background-color: transparent !important;
    border: none;
    height: 30px;
    min-height: unset;
    border-radius: 0;
    border-bottom: solid 1px white;
}

.header-button a {
    font-family: var(--header-font);
    font-weight: 700;
    letter-spacing: 0.1rem;
}

.header-button-1 a {
    border: none;
    padding: 0;
    background: transparent;
}

.header-button-1 a:hover {
    background: var(--primary-color);
    box-shadow: none;
}

.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a {
    color: var(--header-color);
}

.nav-dark .nav>li>a {
    color: white;
    padding-bottom: 0;
}

.nav-line-bottom>li>a:before {
    bottom: -2px;
}

.nav-dark .gtranslate_wrapper a {
    color: white;
}

.gtranslate_wrapper a {
    font-weight: 400;
    opacity: 0.6;
    line-height: 1;
    font-family: var(--header-font);
}

.gtranslate_wrapper a.glink:not(:first-child)::before {
    content: "/";
    font-weight: 400;
    margin: 0px 4px;
    display: inline-block;
    line-height: 1;
}

.gtranslate_wrapper a.gt-current-lang {
    font-weight: 600;
    opacity: 1;
}

/* article */
article,
article p {
    font-size: 18px;
}

.obl-excrept {
    font-size: 18px;
    background-color: #f9f9f9;
    padding: 43px 20px 16px;
    border-radius: 11px;
    position: relative;
}

.obl-excrept::before,
.obl-excrept::after {
    font-family: var(--icon-font);
    color: var(--secondary-color);
    font-size: 36px;
    position: absolute;
    opacity: 0.3;
    content: "\ea0d";
    top: -5px;
    left: 20px;
}

article ul li {
    list-style: none;
    position: relative;
    margin-left: 0 !important;
}

article ul li::before {
    display: inline-block;
    content: "";
    height: 5px;
    width: 5px;
    background-color: var(--secondary-color);
    border-radius: 10px;
    margin-right: 10px;
    position: relative;
    bottom: 4px;
}

.box-blog-post {
    overflow: hidden;
}

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

.box-blog-post .box-image {
    border-radius: 20px;
    margin-bottom: 15px;
    transition: all 0.3s linear 0s;
}

.box-blog-post .badge-inner {
    background-color: rgb(255 255 255 / 78%);
    color: var(--header-color);
    display: flex;
    gap: 2px;
    padding: 14px 25px;
    border-radius: 0 20px;
    background: #000;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    line-height: 26px;
    min-height: unset;
    height: 100%;
}

.box-blog-post .badge-inner span {
    font-size: 22px;
}

.box-blog-post .badge.post-date {
    bottom: auto;
    top: 260px;
    left: 2px;
    height: 60px;
    /* line-height: 50px; */
    width: max-content;
    font-size: 23px;
    font-family: var(--header-font);
    pointer-events: auto;
    /* border-radius: 0 20px 0 0; */
    display: flex;
    align-items: center;
    align-content: center;
    transform: translateY(-99%);
    height: 52px;
    /* text-align: left; */
}

.box-blog-post .box-text .post-title {
    margin-bottom: 5px;
}

.post-loop-item .post-item .image-cover {
    border-radius: 20px;
}

.post-loop-item .post-item .box-text .post-title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    top: 0;
    right: 0;
    background-image: url('./icons/post-title-icon.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(0);
    opacity: 0;
    transition: all 0.3s linear 0s;
    pointer-events: none;
}

.post-loop-item .post-item:hover .box-image {
    border-radius: 120px 20px 120px 20px;
    -webkit-border-radius: 120px 20px 120px 20px;
}

.post-loop-item .post-item:hover .box-text .post-title::before {
    transform: translateY(-90px);
    opacity: 1;
}

.box-blog-post .box-text .post-title a {
    font-family: var(--header-font);
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
}

.box-blog-post .box-text .post-title a:hover {
    color: var(--primary-color);
}

.box-blog-post .box-text .post-meta {
    font-size: 15px;
    color: var(--primary-color);
}

.box-blog-post .box-text p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

.navigation-block .hide-for-small {
    display: none;
}

.navigation-block .bt,
.navigation-block .bb {
    border: none;
}

.next-prev-nav .flex-col+.flex-col {
    border-left-color: var(--secondary-color);
}

.post_single_page .obelix-slider.post .section-title {
    justify-content: center;
    font-size: 17px;
}

.widget .is-divider {
    visibility: hidden;
    margin-bottom: 0;
}

.widget .badge.post-date {
    width: 100px;
    height: 100px;
}

.widget li>.recent-blog-posts {
    align-items: flex-start !important;

}

.collapsed-content-btn {
    text-align: center;
}

.footer-wrapper .col {
    padding-bottom: 0;
}

.hero-slider .slider,
.hero-slider .hero-banner {
    border-radius: 10px;
    overflow: hidden;
}

.hero-banner .title {
    text-transform: uppercase;
    font-weight: normal;
    font-family: var(--header-font);
    font-size: 4rem;
    line-height: 1.1;
}

.hero-banner .description {
    font-size: 18px;
}

footer .company-contact .title {
    display: grid;
    color: var(--fs-color-primary);
    font-size: 18px;
}

footer .company-contact .label {
    color: #000;
    font-size: 15px;
}

footer .obelix-menu-list .obelix-menu-item {
    margin-left: 0;
}

footer .obelix-menu-list .obelix-menu-item a:hover {
    color: green;
}

/* .custom-section-title */
.dark .custom-section-title .subtitle {
    color: #fff;
}

.custom-section-title .subtitle {
    text-transform: capitalize;
    color: var(--secondary-color);
    font-size: 1.125em;
    margin-bottom: 0px;
}

.custom-section-title .title {
    font-family: var(--header-font);
    color: var(--primary-color);
    font-size: 64px;
    font-weight: 400;
    line-height: 70px;
    text-transform: capitalize;
    margin: 0;
    padding: 15px 0;
}

.custom-section-title .description {
    color: var(--block-text-color);
}

.custom-section-title.layout-h {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-section-title.layout-h .title-group {
    width: 75%;
}

.custom-section-title.layout-h .description {
    width: 50%;
}

.custom-section-title.lg .title {
    font-size: 70px;
    line-height: 77px;
}

.custom-section-title.lg .description {
    font-size: 22px;
}

.custom-section-title.center .description {
    max-width: 50%;
    margin: 0 auto;
    font-size: 1.125rem;
}

.custom-section-title.center {
    text-align: center;
}

/* end .custom-section-title */
/* icon-box-1 */
.icon-box-1 {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.icon-box-1 .icon-box-text {
    display: flex;
    align-items: center;
}

.icon-box-1 .icon-box-text * {
    font-size: 24px;
    font-family: var(--header-font);
    text-transform: uppercase;
}

.icon-box-1.block .icon-box-text {
    display: block;
}

.icon-box-1.block h3 {
    text-transform: capitalize;
    font-family: var(--body-font);
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.action-button .button-wrapper {
    display: flex;
    align-items: center;
    align-content: center;
}

/* End icon-box-1 */
/* banner-about */
.banner-about .banner-image-1 .fill {
    border-radius: 200px 20px 20px 20px;
}

.banner-about .banner-image-2 .fill {
    border-radius: 20px 200px 20px 20px;
}

.banner-about .banner-image-3 .fill {
    border-radius: 20px 20px 200px 20px;
}

.banner-about .video-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.banner-about .video-button-wrapper .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
}

.banner-about .video-button-wrapper .icon-play::before {
    content: "\e9a5";
    filter: brightness(0) saturate(100%) invert(56%) sepia(9%) saturate(945%) hue-rotate(58deg) brightness(91%) contrast(92%);
}

.banner-about .video-button-wrapper .button:hover .icon-play::before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7457%) hue-rotate(223deg) brightness(85%) contrast(97%);
}

/* End banner-about */
/* banner-about-2 */
.banner-about-2 .banner-image-1 .fill {
    border-radius: 20px 20px 200px 20px;
}

.banner-about-2 .banner-image-2 .fill {
    border-radius: 200px 20px 20px 20px;
}

/* End banner-about-2 */
/* count-block-1 */
.count-block-1 {
    font-family: var(--header-font);
    font-weight: 400;
    color: var(--primary-color);
}

.count-block-1 .title {
    font-size: 64px;
    position: relative;
}

.count-block-1 .description {
    font-size: 24px;
    font-weight: 600;
}

.count-block-1 .title .icon-star-solid {
    position: absolute;
    top: 0;
    font-size: 20px;
}

.icon-box-2 .icon-box-text * {
    font-family: var(--header-font);
    font-weight: 600;
    color: var(--primary-color);
    font-size: 24px;
}

.icon-box-2 .icon-box-img {
    margin-left: 0;
    margin-top: 25px;
    margin-bottom: 27px;
}

/* End count-block-1*/
/* dich-vu-loop-item */
@keyframes path_plink {
    0% {
        opacity: 0;
    }

    24.19% {
        opacity: 0.9;
    }

    50% {
        opacity: 0;
    }

    74.19% {
        opacity: 0.9;
    }
}

@-webkit-keyframes path_plink {
    0% {
        opacity: 0;
    }

    24.19% {
        opacity: 0.9;
    }

    50% {
        opacity: 0;
    }

    74.19% {
        opacity: 0.9;
    }
}

.archive .dich-vu-loop-item .box-text .post-title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    top: 0;
    right: 0;
    background-image: url('./icons/post-title-icon.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(0);
    opacity: 0;
    transition: all 0.3s linear 0s;
    pointer-events: none;
}

.archive .dich-vu-loop-item:hover .box-text .post-title::before {
    transform: translateY(-90px);
    opacity: 1;
}

.dich-vu-loop-item .post-meta-wrap {
    display: flex;
    font-family: var(--header-font);
    font-size: 24px;
    color: var(--primary-color);
    font-weight: 600;
    justify-content: space-around;
    border-top: 1px solid #acacac;
    margin-top: 15px;
    padding-top: 10px;
    align-items: center;
}

.dich-vu-loop-item .post-meta-wrap hr {
    border-left: 1px solid #000000;
    display: block;
    height: 24px;
    padding: 0;
    margin: 0;
    border-top: none;
}

.dich-vu-loop-item .box-image .image-cover {
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask-image: url('./images/ser-mask-img-II.png');
    mask-image: url('./images/ser-mask-img-II.png');
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 100%;
    position: relative;
}

.archive .dich-vu-loop-item .box-image .image-cover {
    -webkit-mask-image: url('./images/service-img-path.png');
    mask-image: url('./images/service-img-path.png');
    mask-position: bottom left;
    -webkit-mask-position: bottom left;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.archive .dich-vu-loop-item .box-image .service-action-icon {
    display: none;
}

.dich-vu-loop-item .box-image .service-action-icon {
    content: "";
    display: inline-flex;
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 150px;
    height: 150px;
    background-image: url('./icons/post-title-icon.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    opacity: 0;
    pointer-events: none;
}

.dich-vu-loop-item:hover .box-image .service-action-icon {
    transform: translateY(0);
    opacity: 1;
}

.row-slider .dich-vu-loop-item:hover .box-image .service-action-icon {
    transform: translateY(0);
    opacity: 1;
}

.dich-vu-loop-item:hover svg.svg-service.animation-1 {
    opacity: 1;
}

svg.svg-service.animation-1 {
    opacity: 0;
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}

svg.svg-service.animation-1 path[class*="path_"] {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0ms;
    -webkit-animation: 3s infinite slidein alternate;
    animation: 3s infinite slidein alternate;
    -webkit-animation-name: path_plink;
    animation-name: path_plink;
}

svg.svg-service.animation-1 path[class*="path_1"] {
    animation-delay: 100ms;
}

svg.svg-service.animation-1 path[class*="path_2"] {
    animation-delay: 200ms;
}

svg.svg-service.animation-1 path[class*="path_3"] {
    animation-delay: 300ms;
}

svg.svg-service.animation-1 path[class*="path_4"] {
    animation-delay: 400ms;
}

svg.svg-service.animation-1 path[class*="path_5"] {
    animation-delay: 500ms;
}

svg.svg-service.animation-1 path[class*="path_6"] {
    animation-delay: 600ms;
}

/* End dich-vu-loop-item */
/* pricing-package-item */

.goi-uu-dai-loop-item {
    position: relative;
    overflow: hidden;
}

.goi-uu-dai-loop-item .meta-label {
    font-size: 1rem;
    font-family: var(--header-font);
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: -0.7rem;
    right: -12rem;
    width: 100%;
    margin-top: 45px;
    padding: 10px 15px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--secondary-color);
}

.goi-uu-dai-loop-item .pricing-package-item {
    border-radius: 20px 20px 20px 20px;
    padding: 3rem;
    z-index: 1;
    position: relative;
    color: #000;
    text-align: center;
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.goi-uu-dai-loop-item .pricing-package-item.active {
    border-color: #000;
}

.goi-uu-dai-loop-item .item-title {
    position: relative;
    margin-bottom: 30px;
    font-size: 40px;
    font-family: var(--header-font);
    font-weight: 700;
}

.goi-uu-dai-loop-item .item-content {
    text-align: left;
    color: #000;
}

.goi-uu-dai-loop-item .item-content table td {
    color: #000;
    border-bottom: none;
}

.goi-uu-dai-loop-item .accordion-item .accordion-title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
}


.goi-uu-dai-loop-item .accordion-title {
    color: #000;
    font-size: 32px;
    font-family: var(--header-font);
    font-weight: 400;
    padding-top: 10px;
}

.goi-uu-dai-loop-item .item-content figure {
    margin-bottom: 0.5rem;
}

.goi-uu-dai-loop-item .accordion-title.active {
    background-color: transparent !important;
}

.goi-uu-dai-loop-item .accordion-title i::before {
    content: "\e9a6";
}

.goi-uu-dai-loop-item .accordion-inner {
    background-color: transparent;
}

.goi-uu-dai-loop-item .accordion-title.active i::before {
    content: "\ea44";
}

.goi-uu-dai-loop-item .item-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: relative;
    margin: 20px 0;
    background-image: url('./icons/wave.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: brightness(0) saturate(100%) invert(51%) sepia(5%) saturate(1647%) hue-rotate(58deg) brightness(100%) contrast(96%);
}

.goi-uu-dai-loop-item .background-overlay {
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    opacity: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}

.goi-uu-dai-loop-item .read-more {
    margin-top: 1.5rem;
}

.goi-uu-dai-loop-item:hover .pricing-package-item {
    border-color: #000;
}

.goi-uu-dai-loop-item:hover .background-image {
    opacity: 0.2;
}

.goi-uu-dai-loop-item .background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    opacity: 0;
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}

/* End pricing-package-item */
/* block-video-1 */
@keyframes boom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        box-shadow: inset 0px 0px 10px 3px rgba(var(--primary-color), 1), 0px 0px 10px 3px rgba(var(--primary-color), 0.2);
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
        box-shadow: none;
    }
}

@-webkit-keyframes boom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        box-shadow: inset 0px 0px 10px 3px rgba(var(--primary-color), 1), 0px 0px 15px 8px rgba(var(--primary-color), 0.2);
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
        box-shadow: none;
    }
}

.block-video-1 .col-inner {
    display: flex;
    align-items: flex-start;
}

.block-video-1 .video-button-wrapper {
    margin: 0 15px 0 0;
}

.video-button-wrapper .button {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    border: none;
}

.video-button-wrapper .icon-play::before {
    content: "\e9a5";
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(3deg) brightness(103%) contrast(104%);
}

.button:hover .icon-play::before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(24deg) brightness(100%) contrast(100%);
}

.video-button-wrapper .button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    -webkit-animation: boom 2000ms infinite;
    animation: boom 2000ms infinite;
    border-radius: 99px;
}

.block-video-1 .text-content {
    margin: 0;
}

.block-video-1 .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.block-video-1 .description {
    font-family: var(--header-font);
    font-size: 39px;
    color: var(--primary-color);
    margin: 0;
}

/* End block-video-1 */
/* custom-list */
.custom-list ul {
    list-style: none;
}

.custom-list li::before {
    display: inline-flex;
    content: '';
    background-image: url('./icons/li-dot.svg');
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
    filter: brightness(0) saturate(100%) invert(51%) sepia(5%) saturate(1647%) hue-rotate(58deg) brightness(100%) contrast(96%);
    margin-right: 7px;
}

.obelix-content ul {
    list-style: none;
}

.obelix-content li::before {
    display: inline-flex;
    content: '';
    background-image: url('./icons/li-dot.svg');
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
    filter: brightness(0) saturate(100%) invert(51%) sepia(5%) saturate(1647%) hue-rotate(58deg) brightness(100%) contrast(96%);
    margin-right: 7px;
}

/* End custom-list */
/* footer */
.site-description p {
    max-width: 80%;
}

footer::before {
    content: '';
    position: absolute;
    display: inline-flex;
    top: -25px;
    height: 25px;
    width: 100%;
    background-image: url('./icons/shape.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(23deg) brightness(110%) contrast(100%);
}

.footer-heading * {
    font-family: var(--header-font);
    font-weight: 400;
}

.social-icons.follow-icons a {
    min-height: 40px;
    min-width: 40px;
    height: auto;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.social-icons.follow-icons a i {
    /* margin-left: 2px !important; */
    top: auto;
    font-size: 1.3em;
}


.absolute-footer {
    background-color: transparent;
    border-top: 1px solid #acacac;
    color: #000 !important;
}

.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border: none;
}

/* End footer */
/* page-header */
.breadcumb-container {
    display: flex;
    justify-content: center;
}

.obelix-breadcrumb>ul {
    display: flex;
    justify-content: center;
}

.page-header .text h2 {
    font-family: var(--header-font);
    font-size: 74px;
    color: #000;
}

.page-header .text .single-post-title {
    font-family: var(--header-font);
    font-size: 74px !important;
    color: #000 !important;
    text-align: center !important;
}

/* End page-header */
/* archive service */
.faq .accordion-inner {
    background-color: transparent;
}

.service-gallery .col * {
    height: 100% !important;
    border-radius: 20px;
}

.service-gallery .col:hover .gallery-box:before {
    opacity: .5;
}

.service-gallery .col .gallery-box:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
    opacity: 0;
    transition: all 0.3s linear 0;
    -webkit-transition: all 0.3s linear 0;
    pointer-events: none;
    z-index: 1;
    border-radius: 20px;
}

.service-gallery .col .box-image:after {
    content: "";
    position: absolute;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M11.6,9l-1.1-2l1-0.6c0.6-0.3,1.2-0.6,1.9-0.9l1.1-0.4l0.8,2.1l-1.1,0.4c-0.5,0.2-1,0.5-1.5,0.8L11.6,9z M6.9,18.3 c0-2.5,0.8-4.9,2.4-6.9l0.7-0.9L8.2,9.1L7.5,10c-1.9,2.4-2.9,5.3-2.8,8.3v1.1h2.3V18.3z M49.7,44L44,49.7c-0.4,0.4-1.2,0.4-1.6,0 c0,0,0,0,0,0l-8.5-8.5c-1.7-1.7-2-4.3-0.7-6.4l-2.9-2.9c-7.5,6.6-19,5.9-25.7-1.6s-5.9-19,1.6-25.7s19-5.9,25.7,1.6 c6.1,6.9,6.1,17.2,0,24.1l2.9,2.9c2-1.3,4.7-1,6.4,0.7l8.5,8.5C50.1,42.8,50.1,43.6,49.7,44C49.7,44,49.7,44,49.7,44z M18.3,34.1 c8.8,0,15.9-7.1,15.9-15.9S27,2.4,18.3,2.4S2.4,9.5,2.4,18.3S9.5,34.1,18.3,34.1z M47.3,43.2l-7.7-7.7c-1.1-1.1-2.9-1.1-4.1,0 c-1.1,1.1-1.1,2.9,0,4.1l7.7,7.7L47.3,43.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M11.6,9l-1.1-2l1-0.6c0.6-0.3,1.2-0.6,1.9-0.9l1.1-0.4l0.8,2.1l-1.1,0.4c-0.5,0.2-1,0.5-1.5,0.8L11.6,9z M6.9,18.3 c0-2.5,0.8-4.9,2.4-6.9l0.7-0.9L8.2,9.1L7.5,10c-1.9,2.4-2.9,5.3-2.8,8.3v1.1h2.3V18.3z M49.7,44L44,49.7c-0.4,0.4-1.2,0.4-1.6,0 c0,0,0,0,0,0l-8.5-8.5c-1.7-1.7-2-4.3-0.7-6.4l-2.9-2.9c-7.5,6.6-19,5.9-25.7-1.6s-5.9-19,1.6-25.7s19-5.9,25.7,1.6 c6.1,6.9,6.1,17.2,0,24.1l2.9,2.9c2-1.3,4.7-1,6.4,0.7l8.5,8.5C50.1,42.8,50.1,43.6,49.7,44C49.7,44,49.7,44,49.7,44z M18.3,34.1 c8.8,0,15.9-7.1,15.9-15.9S27,2.4,18.3,2.4S2.4,9.5,2.4,18.3S9.5,34.1,18.3,34.1z M47.3,43.2l-7.7-7.7c-1.1-1.1-2.9-1.1-4.1,0 c-1.1,1.1-1.1,2.9,0,4.1l7.7,7.7L47.3,43.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s linear 0;
    pointer-events: none;
    z-index: 2;
}

.service-gallery .col:hover .box-image:after {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 680px) {
    .service-gallery .col:nth-child(1) {
        flex-basis: 33.4%;
    }

    .service-gallery .col {
        margin-bottom: 25px;
    }

    .service-gallery .col:nth-child(2) {
        flex-basis: 25%;
    }

    .service-gallery .col:nth-child(3) {
        flex-basis: 41.6%;
    }

    .service-gallery .col:nth-child(4) {
        flex-basis: 41.6%;
    }

    .service-gallery .col:nth-child(5) {
        flex-basis: 33.4%;
    }

    .service-gallery .col:nth-child(6) {
        flex-basis: 25%;
    }
}

/* End archive service */
/* widget service-info */
.widget.service-info {
    background-image: url('./images/service-sidebar-img.jpg');
    background-position: center center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 70px 40px 70px 40px;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    color: #fff;
    margin-top: 5rem;
}

.widget.service-info::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
    border-radius: 20px;
    z-index: 1;
}

.widget.service-info .header {
    text-align: center;
}

.widget.service-info .header .title {
    font-family: var(--header-font);
    font-size: 57px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
}

.widget.service-info .content .company-info {
    z-index: 2;
    position: relative;
}

.widget.service-info .content .company-info i {
    margin-right: 7px;
}

.widget.service-info .content {
    z-index: 2;
}

span.widget-title:has(.toggle-btn) span:not(.toggle-btn) {
    font-size: 40px;
    font-family: var(--header-font);
    font-weight: 400;
}

.widget .tagcloud a {
    float: left;
    font-size: 16px !important;
    line-height: 16px;
    margin: 0 10px 10px 0;
    padding: 6px 20px 10px;
    border-right: 0px solid #000000;
    border-radius: 10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #dcdddc;
}

.widget .tagcloud a:hover {
    background: var(--secondary-color);
    color: #fff;
}

.widget_categories .cat-item a {
    font-size: 16px !important;
    padding: 6px 0;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.widget_categories .count {
    font-size: 16px !important;
    color: #000 !important;
    opacity: 1 !important;
    line-height: 1 !important;
}

/* End widget service-info */
/* archive post */
.row.obelix-posts .post-item {
    margin-bottom: 25px;
}

/* End widgetarchive post */
/* blog widget */
.widget_search input:not([type="submit"]):not([type="button"]),
.widget_search textarea {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 10px;
}

.widget_search .flex-row .flex-col:last-child {
    position: absolute;
    right: 5px;
}

.widget_search .flex-row .flex-col:last-child .submit-button {
    background: transparent;
    box-shadow: none;
    border: none;
    color: #000;
}

.widget .current-cat>a::before {
    content: none;
}

.flatsome_recent_posts .badge-outline .badge-inner {
    border-radius: 10px;
}

.recent-blog-posts a {
    display: block;
    line-height: 1.5;
    margin-bottom: 6px;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: visible;
}

.widget .current-cat>a {
    color: #000;
}

.widget {
    margin-bottom: 3rem;
}

.social-icons span {
    line-height: 34px;
    color: #000;
    font-size: 1rem;
}

/* End blog widget */
/* contact page */
.section-company-info input:not([type="submit"]):not([type="button"]),
.section-company-info textarea {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
}

.section-company-info .info-icon-box {
    display: flex;
}

.section-company-info .info-icon-box h3 {
    max-width: max-content;
}

.section-company-info .info-icon-box h3::after {
    content: ':';
    margin-right: 5px
}

.section-company-info .info-icon-box p {
    line-height: 35px;
}

.contact-map iframe {
    border-radius: 10px;
}

.wpcf7-form .action {
    margin-top: 20px;
}

/* End contact page */
/* FAQ */
.archive-faq .banner-image img {
    border-radius: 20px;
}

.faq .accordion-title.active {
    background-color: transparent;
}

.faq .accordion-item {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    margin-bottom: 10px;
}

.faq .accordion-item .accordion-title {
    color: #111;
    font-family: var(--header-font);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

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

.testimonial-text {
    font-size: 22px;
}

.testimonial-meta {
    font-family: var(--header-font);
    color: var(--primary-color);
    font-size: 40px;
}

.faq .accordion .toggle {
    top: 1.3em;
}

.faq-testimonial .col-inner {
    background-color: #fff;
    padding: 3rem 15px;
    border-radius: 40px;
}

.archive-faq .section-content>.row>.col>.col-inner {
    background-color: #fff;
    padding: 4rem;
    border-radius: 40px;
}

.archive-faq .section-content>.row>.col>.col-inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url('./images/faq-section-background.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 40px;
}

/* End FAQ */
/* flickity */
.flickity-page-dots {
    bottom: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flickity-page-dots .dot {
    background-color: var(--secondary-color);
    opacity: 1;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
    width: 13px;
    height: 13px;
    line-height: 13px;
}

/* End flickity */
/* company-info-block */
.company-info-row .info-block {
    display: flex;
    font-family: var(--header-font);
    font-size: 36px;
    gap: 10px;
}

.company-info-row .info-block p {
    margin-bottom: 0;
}

/* End company-info-block */
/* about-us-info */
.about-us-info .section-content>.row {
    background-color: #fff;
    padding: 3rem;
    border-radius: 40px;
}

.about-info-1 {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.about-info-1 .count {
    font-family: var(--header-font);
    font-size: 70px;
    margin: 0;
}

.about-info-1 .title {
    font-size: 20px;
    margin: 0;
}

.about-us-info .section-content>.row>.col:before {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    margin: auto;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='325' height='184' viewBox='0 0 325 184' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.8183 179.563C81.0039 177.748 81.0039 174.807 82.8183 172.992C84.6326 171.178 87.5743 171.178 89.3886 172.992C91.203 174.807 91.2029 177.748 89.3886 179.563C87.5742 181.377 84.6326 181.377 82.8183 179.563Z' stroke='currentcolor'/%3E%3Cpath d='M83.1226 10.7121C80.6255 10.1224 79.0792 7.62012 79.6688 5.12299C80.2585 2.62585 82.7608 1.07952 85.2579 1.66917C87.755 2.25881 89.3014 4.76114 88.7117 7.25828C88.1221 9.75541 85.6197 11.3017 83.1226 10.7121Z' stroke='currentcolor'/%3E%3Cpath d='M260.906 10.49C258.374 10.079 256.654 7.69251 257.065 5.1597C257.476 2.6269 259.862 0.906907 262.395 1.31796C264.928 1.72902 266.648 4.11548 266.237 6.64827C265.826 9.18107 263.439 10.9011 260.906 10.49Z' stroke='currentcolor'/%3E%3Cpath d='M0.500042 93.854C0.500042 91.2881 2.5801 89.208 5.14599 89.208C7.71189 89.208 9.79199 91.2881 9.79199 93.854C9.79199 96.4199 7.7119 98.5 5.14599 98.5C2.5801 98.5 0.500042 96.4199 0.500042 93.854Z' stroke='currentcolor'/%3E%3Cpath d='M314.5 93.854C314.5 91.2882 316.58 89.2081 319.146 89.2081C321.712 89.2081 323.792 91.2882 323.792 93.854C323.792 96.4199 321.712 98.5 319.146 98.5C316.58 98.5 314.5 96.4199 314.5 93.854Z' stroke='currentcolor'/%3E%3Cpath d='M256.992 179.563C255.178 177.748 255.178 174.807 256.992 172.992C258.806 171.178 261.748 171.178 263.562 172.992C265.377 174.807 265.377 177.748 263.562 179.563C261.748 181.377 258.806 181.377 256.992 179.563Z' stroke='currentcolor'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='325' height='184' viewBox='0 0 325 184' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.8183 179.563C81.0039 177.748 81.0039 174.807 82.8183 172.992C84.6326 171.178 87.5743 171.178 89.3886 172.992C91.203 174.807 91.2029 177.748 89.3886 179.563C87.5742 181.377 84.6326 181.377 82.8183 179.563Z' stroke='currentcolor'/%3E%3Cpath d='M83.1226 10.7121C80.6255 10.1224 79.0792 7.62012 79.6688 5.12299C80.2585 2.62585 82.7608 1.07952 85.2579 1.66917C87.755 2.25881 89.3014 4.76114 88.7117 7.25828C88.1221 9.75541 85.6197 11.3017 83.1226 10.7121Z' stroke='currentcolor'/%3E%3Cpath d='M260.906 10.49C258.374 10.079 256.654 7.69251 257.065 5.1597C257.476 2.6269 259.862 0.906907 262.395 1.31796C264.928 1.72902 266.648 4.11548 266.237 6.64827C265.826 9.18107 263.439 10.9011 260.906 10.49Z' stroke='currentcolor'/%3E%3Cpath d='M0.500042 93.854C0.500042 91.2881 2.5801 89.208 5.14599 89.208C7.71189 89.208 9.79199 91.2881 9.79199 93.854C9.79199 96.4199 7.7119 98.5 5.14599 98.5C2.5801 98.5 0.500042 96.4199 0.500042 93.854Z' stroke='currentcolor'/%3E%3Cpath d='M314.5 93.854C314.5 91.2882 316.58 89.2081 319.146 89.2081C321.712 89.2081 323.792 91.2882 323.792 93.854C323.792 96.4199 321.712 98.5 319.146 98.5C316.58 98.5 314.5 96.4199 314.5 93.854Z' stroke='currentcolor'/%3E%3Cpath d='M256.992 179.563C255.178 177.748 255.178 174.807 256.992 172.992C258.806 171.178 261.748 171.178 263.562 172.992C265.377 174.807 265.377 177.748 263.562 179.563C261.748 181.377 258.806 181.377 256.992 179.563Z' stroke='currentcolor'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    opacity: 0;
    transform: scale(0.8);
    background-color: var(--primary-color);
    transition: all 0.3s linear 0s;
}

.about-us-info .section-content>.row>.col:hover:before {
    opacity: 1;
    transform: scale(1.2);
}

.about-us-info .section-content>.row>.col:not(:last-child):after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='159' viewBox='0 0 12 159' fill='none'%3E%3Cpath d='M1 159C1 139.154 11.4211 139.154 11.4211 119.25C11.4211 99.4036 1 99.4036 1 79.5C1 59.5964 11.4211 59.5964 11.4211 39.75C11.4211 19.9036 1 19.9036 1 0' stroke='currentcolor' stroke-miterlimit='10'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='159' viewBox='0 0 12 159' fill='none'%3E%3Cpath d='M1 159C1 139.154 11.4211 139.154 11.4211 119.25C11.4211 99.4036 1 99.4036 1 79.5C1 59.5964 11.4211 59.5964 11.4211 39.75C11.4211 19.9036 1 19.9036 1 0' stroke='currentcolor' stroke-miterlimit='10'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: var(--primary-color);
}

/* End about-us-info */
/*
* Element Name: FAQ One
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
.obelix-faq--one .text>* {
    line-height: inherit;
}

.obelix-faq--one .title-wrap .title {
    margin-bottom: 0.2em;
}

.obelix-faq--one .title-wrap .subtitle {
    display: block;
    color: var(--fs-color-primary);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .7em;
}

.accordion.obelix-faq--one {
    --toggle-size: 38px;
}

.accordion.obelix-faq--one .accordion-title {
    border-top: none;
    padding: 20px;
    padding-right: calc(var(--toggle-size) + 20px) !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}

.accordion.obelix-faq--one .accordion-inner {
    padding: 0 20px 20px;
}

.accordion.obelix-faq--one .accordion-item .toggle {
    right: 10px;
    min-height: unset;
    margin: 0;
    left: auto;
    opacity: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: var(--toggle-size) !important;
    height: var(--toggle-size) !important;
}

.accordion.obelix-faq--one .toggle i {
    position: relative;
    width: var(--toggle-size);
    height: var(--toggle-size);
    border-radius: 10px;
    background-color: var(--fs-color-primary);
    display: block;
}

.accordion.obelix-faq--one .accordion-title.active .toggle i {
    background-color: var(--fs-color-secondary);
}

.accordion.obelix-faq--one .accordion-title.active .toggle i:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion.obelix-faq--one .accordion-title.active .toggle i:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.accordion.obelix-faq--one .toggle i:before,
.accordion.obelix-faq--one .toggle 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: #fff;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

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

.accordion.obelix-faq--one .accordion-inner>*:first-of-type {
    border-top: 1px solid rgb(0 0 0 / 8%);
    padding-top: .94rem;
}

.accordion.obelix-faq--one .accordion-inner .text:last-of-type>*:last-of-type {
    margin-bottom: 0;
}

.accordion.obelix-faq--one .accordion-inner .text>* {
    line-height: inherit;
    font-size: inherit;
}

.accordion.obelix-faq--one .accordion-item .accordion-title.active {
    background-color: #fff;
    border-radius: 10px;
}

.obelix-faq--one .image-cover {
    border-radius: 10px;
    overflow: hidden;
}

.obelix-faq--one .col-inner>.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.obelix-faq--one .col-inner>.img img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.accordion.obelix-faq--one .accordion-item {
    border-radius: 10px;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-box-shadow: 0 4px 60px -1px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 60px -1px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

@media screen and (min-width: 550px) and (max-width: 849px) {
    .obelix-faq--one .col-inner>.img .img-inner {
        padding-top: 50% !important
    }

    .accordion.obelix-faq--one {
        --toggle-size: 34px;
    }
}

@media screen and (max-width: 549px) {
    .accordion.obelix-faq--one {
        --toggle-size: 30px;
    }

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

    .obelix-faq--one .title-wrap {
        padding-left: 6px;
    }

    .accordion.obelix-faq--one .toggle {
        right: 8px;
    }

    .obelix-faq--one .col-inner>.img .img-inner {
        padding-top: 70% !important
    }
}

/**** End FAQ One ****/
.custom-list li {
    margin-left: 0 !important;
}

.title-wrap .title {
    font-weight: 400;
    font-family: var(--header-font);
    font-size: 38px;
}

.section-service {
    padding-bottom: 0 !important;
}

.social-icons {
    align-items: center;
    display: inline-flex;
}

.breadcrumbs {
    text-transform: capitalize;
}

.page-title .entry-title {
    font-family: var(--header-font);
    font-size: 4rem;
}

.blog-archive .archive-page-header {
    visibility: hidden;
}

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

/* package-info-shortcode */
aside.widget.package-info-shortcode {
    padding: 20px 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 5px;
}

aside.widget.package-info-shortcode .packages .package {
    display: flex;
    margin: 0 0 1rem;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 1rem;
}

aside.widget.package-info-shortcode .package .label {
    font-weight: normal;
    font-size: 14px;
}

aside.widget.package-info-shortcode .package .text {
    font-weight: 600;
    font-size: 18px;
    color: var(--heading-color);
}

aside.widget.package-info-shortcode .widget-content {
    padding: 20px 20px 0;
}

aside.widget.package-info-shortcode .widget-title {
    padding: 15px;
    text-transform: uppercase;
    color: var(--primary-color);
}

aside.widget.package-info-shortcode .package .icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #f9f8f2;
    font-size: 22px;
    color: var(--heading-color-one);
}

.price-label {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.post-thumbnail img {
    border-radius: 10px;
}

.google_map_iframe p {
    margin-bottom: 0;
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .about-info-1 .count {
        font-size: 50px;
    }
}

/* Mobile */
@media only screen and (max-width: 678px) {
    .company-info .custom-section-title .title {
        padding: 0 0 25px;
    }

    .title-wrap .title {
        font-size: 28px;
    }

    .accordion.obelix-faq--one .accordion-title {
        font-size: 18px;
    }

    .accordion.obelix-faq--one .accordion-inner .text:last-of-type>*:last-of-type {
        font-size: 16px;
    }

    .google_map_iframe iframe {
        height: 300px;
    }

    .page-title .entry-title {
        font-size: 2.2rem;
    }

    .about-us-info .section-content>.row>.col:not(:last-child):after {
        content: none;
    }

    .count-block-1 p {
        margin: 0;
    }

    .about-info-1 {
        display: block;
        text-align: center;
    }

    .about-info-1 .count {
        line-height: 1;
    }

    .company-info-row .info-block {
        font-size: 27px;
    }

    .archive-faq .section-content>.row>.col>.col-inner {
        padding: 3rem 2rem;
    }

    .faq .accordion-item .accordion-title {
        font-size: 20px;
    }

    .testimonial-text {
        font-size: 18px;
    }

    .testimonial-meta {
        font-size: 28px;
    }

    .section-company-info .info-icon-box {
        /* justify-content: center; */
    }

    .section-company-info .info-icon-box p {
        line-height: normal;
        text-align: center;
    }

    .company-info-row .col {
        padding-bottom: 0;
    }

    .row.obelix-posts .post-item {
        margin-bottom: 0;
    }

    .page-header .text .single-post-title {
        font-size: 34px !important;
        margin-bottom: 20px !important;
    }

    .box-blog-post .box-text .post-title a {
        font-size: 30px;
    }

    .icon-box-2 {
        text-align: center;
    }

    .icon-box-2 .icon-box-img {
        margin: 15px auto;
    }

    .banner-about-2 .banner-image-1 .fill,
    .banner-about-2 .banner-image-2 .fill {
        border-radius: 20px;
    }

    /* .banner-about .video-button-wrapper {
        top: 30%;
        left: 38%;
    } */
    .block-video-1 .col-inner {
        justify-content: center;
    }

    .hero-slider>.slider::after {
        height: 20px;
        bottom: -3px;
    }


    .site-description p {
        max-width: 100%;
    }

    .custom-section-title.center .description {
        max-width: 100%;
    }

    .goi-uu-dai-loop-item .meta-label {
        top: -1.2rem;
        right: -8rem;
    }

    .icon-box-1 {
        align-items: center;
        max-width: max-content;
    }

    .medium-logo-left .flex-col:nth-child(2) {
        right: 20px;
        position: absolute;
    }

    .home-banner .heading-title {
        font-size: 40px;
    }

    .home-banner .heading-title .title {
        display: block;
    }

    .home-banner .heading-title .heading-space {
        padding: 0 0 30px;
    }

    .recent-blog-posts a {
        font-size: 16px;
    }

    .contact-map .map-wrapper,
    .contact-map .map-wrapper iframe {
        height: 300px;
    }

    .contact-wrapper .wpcf7-form {
        text-align: center;
    }

    .contact-wrapper .wpcf7-form .action {
        margin-top: 15px;
    }

    #logo {
        position: relative;
        width: 65px !important;
        left: unset;
        bottom: unset;
    }

    .custom-section-title {
        text-align: center;
    }

    .custom-section-title .title {
        padding: 15px 0;
        font-size: 38px;
        line-height: 38px;
    }

    .custom-section-title.layout-h {
        display: block;
    }

    .custom-section-title.layout-h .title-group {
        width: 100%;
    }

    .custom-section-title.layout-h .description {
        width: 100%;
    }

    .custom-section-title.lg .title {
        font-size: 40px;
        line-height: 44px;
    }

    .section-company-info .info-icon-box h3::before {
        left: 23%;
    }

    .faq .col {
        padding-bottom: 0 !important;
    }

    .header-main .nav>li>a:hover,
    .header-main .nav>li.active>a {
        color: #000;
        background: transparent;
    }

    .medium-logo-center .logo {
        margin: 0;
    }

    .obelix-section-title {
        text-align: center;
        padding: 0 15px;
    }

    .contact .contact-wrapper .col-inner {
        padding: 30px;
    }

    .page-header .text h2,
    .page-header .single-post-title {
        font-size: 40px !important;
    }

    .section-testimonial .icon-box-left {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .section-testimonial .icon-box-left .icon-box-img {
        width: auto !important;
    }

    .dark .obelix-section-title .section-title-inner .description {
        color: #fff;
    }

    .section-service .post-type-dich-vu {
        padding: 15px;
    }

    .mobile-sidebar .social-icons {
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-sidebar .social-icons .icon:not(.is-outline) {
        background-color: var(--secondary-color) !important;
        border: none !important;
        border-radius: 99px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    .mobile-sidebar .social-icons .icon:not(.is-outline) {
        background-color: var(--secondary-color) !important;
        border: none !important;
    }

    .mobile-sidebar .social-icons .icon:not(.is-outline) i {
        color: #52320A !important;
    }

    .mobile-sidebar .social-icons .icon:not(.is-outline):hover {
        background-color: #fff !important;
        box-shadow: none;
    }

    .page-header-wrapper .page-title-sub {
        font-size: 14px;
        max-width: 100%;
    }

    .hero-banner {
        min-height: 340px;
    }

    .block-title h2,
    .block-title h3 {
        font-size: 30px;
    }

    .block-title p:nth-child(1) {
        letter-spacing: 0.08rem;
    }

    .header-top .mobile-nav {
        justify-content: space-between;
    }

    .title-wrap .view-more {
        background: none;
        padding: 0;
        color: var(--header-color);
    }

    .title-wrap .view-more i {
        display: inline;
    }

    .row-contact-form {
        margin-top: 0;
    }

    .row-slider .flickity-page-dots {
        bottom: -20px;
    }

    .header-main .logo-left .flex-left {
        right: 0;
        position: absolute;
    }

    .medium-logo-left .flex-right {
        margin-right: 3rem;
    }

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

    /* .contact-form {
        margin: 0 15px;
        padding: 0 !important;
    } */

    .section-company-info .company-info .info {
        margin-left: 0px;
        margin-right: 0;
    }

    .page-header {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .page-header .single-post-title {
        font-size: 30px !important;
    }

    .obelix-section-title .section-title-inner .description {
        color: #000;
    }

    .section-gallery .gallery-col {
        margin-bottom: 0;
    }

    .obelix-about-1 .title {
        font-size: 40px;
    }

    footer .company-description>.col-inner {
        text-align: center !important;
        justify-items: center;
    }

    footer .company-description .social-icons {
        justify-content: center;
    }

    .mobile-center,
    .mobile-center>.col-inner {
        text-align: center;
    }

    .widget {
        margin-bottom: 2em;
    }

    .obelix-post-container .title-wrap .title {
        font-size: 21px;
    }

    span.widget-title {
        font-size: 20px;
    }

    .hero-banner .title {
        font-size: 2.7rem;
    }
}