a {
    color: #000;
}

a {
    color: #000;
}

a:active,
a:hover {
    color: #f9c300;
}

@font-face {
    font-family: "TheSerif";
    src: url("../font/TheSerif/TheSerif-ExtraLight.eot')");
    src:
        url("../font/TheSerif/TheSerif-ExtraLight.eot?#iefix')") format("embedded-opentype"),
        url("../font/TheSerif/TheSerif-ExtraLight.woff')") format("woff"),
        url("../font/TheSerif/TheSerif-ExtraLight.ttf')") format("truetype"),
        url("../font/TheSerif/TheSerif-ExtraLight.svg?#webfont')") format("svg");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "TheSerif";
    src: url("../font/TheSerif/TheSerif-Light.eot')");
    src:
        url("../font/TheSerif/TheSerif-Light.eot?#iefix')") format("embedded-opentype"),
        url("../font/TheSerif/TheSerif-Light.woff')") format("woff"),
        url("../font/TheSerif/TheSerif-Light.ttf')") format("truetype"),
        url("../font/TheSerif/TheSerif-Light.svg?#webfont')") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "TheSerif";
    src: url("../font/TheSerif/TheSerif-Regular.eot')");
    src:
        url("../font/TheSerif/TheSerif-Regular.eot?#iefix')") format("embedded-opentype"),
        url("../font/TheSerif/TheSerif-Regular.woff')") format("woff"),
        url("../font/TheSerif/TheSerif-Regular.ttf')") format("truetype"),
        url("../font/TheSerif/TheSerif-Regular.svg?#webfont')") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "TheSerif";
    src: url("../font/TheSerif/TheSerif-SemiBold.eot')");
    src:
        url("../font/TheSerif/TheSerif-SemiBold.eot?#iefix')") format("embedded-opentype"),
        url("../font/TheSerif/TheSerif-SemiBold.woff')") format("woff"),
        url("../font/TheSerif/TheSerif-SemiBold.ttf')") format("truetype"),
        url("../font/TheSerif/TheSerif-SemiBold.svg?#webfont')") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "TheSerif";
    src: url("../font/TheSerif/TheSerif-Bold.eot')");
    src:
        url("../font/TheSerif/TheSerif-Bold.eot?#iefix')") format("embedded-opentype"),
        url("../font/TheSerif/TheSerif-Bold.woff')") format("woff"),
        url("../font/TheSerif/TheSerif-Bold.ttf')") format("truetype"),
        url("../font/TheSerif/TheSerif-Bold.svg?#webfont')") format("svg");
    font-weight: 700;
    font-style: normal;
}

body {
    position: relative;
    left: 0;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-family: "TheSerif";
    transition:
        left 0.2s linear,
        right 0.2s linear;
    background-color: #fff;
}

.openbox-overlay,
.fancybox-is-open .fancybox-bg {
    opacity: 0.5;
    background: #000;
}

@media (min-width: 1200px) {
    .container {
        max-width: calc(1290px + calc(2 * var(--gutter)));
    }
}

.container,
.container-fluid {
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

.row {
    margin-right: calc(-1 * var(--gutter));
    margin-left: calc(-1 * var(--gutter));
}

.row .col,
.row [class*="col-"] {
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

#header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 98;
    border-bottom: 1px solid #c8d3d7;
    padding-block: var(--spacer-5);
    transition: all 0.2s linear;
    background-color: #fff;
}

.scroll-down #header {
    top: -120px;
}

.scroll-up #header {
    top: 0;
}

.scroll-up .blog-detail-widget {
    top: calc(115px + (var(--gutter) * 2));
}

.logo>a {
    display: block;
}

.logo>a>img {
    max-height: 76px;
}

@media (max-width: 1199px) {
    .logo>a {
        text-align: center;
    }

    .logo>a img {
        max-height: 52px;
    }
}

#navigation .navigation-level-1>ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#navigation .navigation-level-1>ul>li {
    position: relative;
}

#navigation .navigation-level-1>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000;
    line-height: calc(var(--font-size-18) + 8px);
    font-size: var(--font-size-18);
    font-weight: 600;
    padding-inline: var(--spacer-2);
    transition: all 0.2s linear;
}

#navigation .navigation-level-1>ul>li>a>svg {
    display: none;
}

#navigation .navigation-level-1>ul>li>a:hover {
    color: #f9c300;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[stroke] {
    fill: none;
    stroke: #f9c300;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[fill] {
    fill: #f9c300;
    stroke: none;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[stroke][fill] {
    fill: #f9c300;
    stroke: #f9c300;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[stroke="none"][fill="none"] {
    fill: none;
    stroke: none;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[fill="none"] {
    fill: none;
}

#navigation .navigation-level-1>ul>li>a:hover>svg[stroke="none"] {
    stroke: none;
}

#navigation .navigation-level-1>ul>li>a:hover>svg path[stroke],
#navigation .navigation-level-1>ul>li>a:hover>svg rect[stroke],
#navigation .navigation-level-1>ul>li>a:hover>svg line[stroke],
#navigation .navigation-level-1>ul>li>a:hover>svg circle[stroke] {
    fill: none;
    stroke: #f9c300;
}

#navigation .navigation-level-1>ul>li>a:hover>svg path[fill],
#navigation .navigation-level-1>ul>li>a:hover>svg rect[fill],
#navigation .navigation-level-1>ul>li>a:hover>svg line[fill],
#navigation .navigation-level-1>ul>li>a:hover>svg circle[fill] {
    fill: #f9c300;
    stroke: none;
}

#navigation .navigation-level-1>ul>li>a:hover>svg path[stroke][fill],
#navigation .navigation-level-1>ul>li>a:hover>svg rect[stroke][fill],
#navigation .navigation-level-1>ul>li>a:hover>svg line[stroke][fill],
#navigation .navigation-level-1>ul>li>a:hover>svg circle[stroke][fill] {
    fill: #f9c300;
    stroke: #f9c300;
}

#navigation .navigation-level-1>ul>li.active>a {
    color: #f9c300;
}

#navigation .navigation-level-1>ul>li.active>.navigation-level-2 {
    top: 120%;
    opacity: 1;
    visibility: visible;
}

#navigation .navigation-level-2 {
    position: absolute;
    top: 140%;
    left: 50%;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    min-width: 240px;
    padding: var(--spacer-6);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    transform: translateX(-50%);
    transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

#navigation .navigation-level-2:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
}

#navigation .navigation-level-2>ul>li:not(:last-child) {
    border-bottom: 1px dashed #c8d3d7;
    padding-bottom: var(--spacer-3);
    margin-bottom: var(--spacer-3);
}

#navigation .navigation-level-2>ul>li>a {
    display: block;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    transition: all 0.2s linear;
}

#navigation .navigation-level-2>ul>li>a:hover {
    color: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category {
    position: relative;
}

#navigation .navigation-level-2>ul>li.has-sub-category>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#navigation .navigation-level-2>ul>li.has-sub-category>a>svg {
    transition: all 0.2s linear;
}

#navigation .navigation-level-2>ul>li.has-sub-category>a>svg path,
#navigation .navigation-level-2>ul>li.has-sub-category>a>svg rect,
#navigation .navigation-level-2>ul>li.has-sub-category>a>svg line,
#navigation .navigation-level-2>ul>li.has-sub-category>a>svg circle {
    transition: all 0.2s linear;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a {
    color: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[stroke] {
    fill: none;
    stroke: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[fill] {
    fill: #f9c300;
    stroke: none;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[stroke][fill] {
    fill: #f9c300;
    stroke: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[stroke="none"][fill="none"] {
    fill: none;
    stroke: none;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[fill="none"] {
    fill: none;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg[stroke="none"] {
    stroke: none;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg path[stroke],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg rect[stroke],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg line[stroke],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg circle[stroke] {
    fill: none;
    stroke: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg path[fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg rect[fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg line[fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg circle[fill] {
    fill: #f9c300;
    stroke: none;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg path[stroke][fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg rect[stroke][fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg line[stroke][fill],
#navigation .navigation-level-2>ul>li.has-sub-category.active>a>svg circle[stroke][fill] {
    fill: #f9c300;
    stroke: #f9c300;
}

#navigation .navigation-level-2>ul>li.has-sub-category.active>.level-3 {
    opacity: 1;
    visibility: visible;
}

#navigation .level-3 {
    position: absolute;
    top: 0;
    left: calc(100% + var(--spacer-10));
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    min-width: 240px;
    padding: var(--spacer-6);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

#navigation .level-3:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * var(--spacer-10));
    z-index: 2;
    width: var(--spacer-10);
    height: 100%;
    background-color: transparent;
}

#navigation .level-3>ul>li:not(:last-child) {
    border-bottom: 1px dashed #c8d3d7;
    padding-bottom: var(--spacer-3);
    margin-bottom: var(--spacer-3);
}

#navigation .level-3>ul>li>a {
    display: block;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    transition: all 0.2s linear;
}

#navigation .level-3>ul>li>a:hover {
    color: #f9c300;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacer-4);
}

.header-right>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 500;
    gap: var(--spacer-2);
    transition: all 0.2s linear;
}

.header-right>div>a>svg {
    transition: all 0.2s linear;
}

.header-right>div>a>svg path,
.header-right>div>a>svg rect,
.header-right>div>a>svg line,
.header-right>div>a>svg circle {
    transition: all 0.2s linear;
}

@media (min-width: 1200px) {
    .header-right>div>a:hover {
        color: #f9c300;
    }

    .header-right>div>a:hover>svg[stroke] {
        fill: none;
        stroke: #f9c300;
    }

    .header-right>div>a:hover>svg[fill] {
        fill: #f9c300;
        stroke: none;
    }

    .header-right>div>a:hover>svg[stroke][fill] {
        fill: #f9c300;
        stroke: #f9c300;
    }

    .header-right>div>a:hover>svg[stroke="none"][fill="none"] {
        fill: none;
        stroke: none;
    }

    .header-right>div>a:hover>svg[fill="none"] {
        fill: none;
    }

    .header-right>div>a:hover>svg[stroke="none"] {
        stroke: none;
    }

    .header-right>div>a:hover>svg path[stroke],
    .header-right>div>a:hover>svg rect[stroke],
    .header-right>div>a:hover>svg line[stroke],
    .header-right>div>a:hover>svg circle[stroke] {
        fill: none;
        stroke: #f9c300;
    }

    .header-right>div>a:hover>svg path[fill],
    .header-right>div>a:hover>svg rect[fill],
    .header-right>div>a:hover>svg line[fill],
    .header-right>div>a:hover>svg circle[fill] {
        fill: #f9c300;
        stroke: none;
    }

    .header-right>div>a:hover>svg path[stroke][fill],
    .header-right>div>a:hover>svg rect[stroke][fill],
    .header-right>div>a:hover>svg line[stroke][fill],
    .header-right>div>a:hover>svg circle[stroke][fill] {
        fill: #f9c300;
        stroke: #f9c300;
    }
}

.header-right>div.search {
    position: relative;
}

body .search-content {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
    display: none;
    width: 230px;
    height: 36px;
}

body .search-content form {
    position: relative;
}

body .search-content form input {
    width: 100%;
    height: 36px;
    color: #000;
    font-size: var(--font-size-14);
    padding: 4px 40px 4px 16px;
    border: 1px solid #c8d3d7;
    background-color: #fff;
    transition: all 0.2s linear;
}

body .search-content form input::placeholder {
    color: #000;
    opacity: 1;
}

body .search-content form input:focus {
    box-shadow: 0 0 0 2px rgba(25, 25, 38, 0.1);
}

body .search-content form button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background-color: transparent;
}

body.search-content-active .search-content {
    display: block;
}

@media (max-width: 1199px) {
    body .search-content {
        position: fixed;
        top: -50px;
        display: block;
        width: 100%;
        height: 50px;
        transition: all 0.2s linear;
    }

    body .search-content form input {
        height: 50px;
        padding-right: 64px;
        border: none;
    }

    body .search-content form button {
        width: 60px;
        height: 100%;
    }

    body.search-content-active .search-content {
        top: 0;
    }
}

@media (min-width: 1200px) {
    .search-content-overlay {
        display: none !important;
    }
}

#main {
    padding: var(--spacer-10) 0 var(--spacer-20);
}

#main.section-blog {
    margin-bottom: 0;
}

.section.section-entry-slider {
    margin-bottom: calc(var(--gutter) * 4);
    background-color: #f3f3f1;
}

.section.section-theme-banner {
    margin-bottom: calc(var(--gutter) * 4);
}

.section.section-best-seller {
    position: relative;
    padding-block: calc(var(--gutter) * 6);
    margin-bottom: calc(var(--gutter) * 8);
    background-color: #f3f3f1;
}

.section.section-best-seller .splide__track {
    padding: 20px 0 52px;
    margin: -20px 0 -52px;
}

.section.section-popular-categories {
    margin-bottom: calc(var(--gutter) * 8);
}

@media (max-width: 767px) {
    .section.section-popular-categories .popular-categories-header {
        text-align: center;
        margin-bottom: calc(var(--gutter) * 4);
    }
}

.section.section-popular-categories .popular-categories-header>span {
    display: inline-block;
    color: #000;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
    box-shadow: inset 0 -2px #f9c300;
}

.section.section-popular-categories .popular-categories-header>span:only-child {
    margin-bottom: 0;
}

.section.section-popular-categories .popular-categories-header>div {
    color: #000;
    line-height: calc(var(--font-size-48) + 8px);
    font-size: var(--font-size-48);
    font-weight: 700;
}

.section.section-about-us {
    padding-block: calc(var(--gutter) * 6);
    margin-bottom: calc(var(--gutter) * 4);
    background-color: #f3f3f1;
}

.section.section-about-us .about-us-title {
    color: #000;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: var(--spacer-4);
}

.section.section-about-us .about-us-description {
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    margin-bottom: var(--spacer-8);
}

.section.section-about-us .about-us-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: calc((var(--font-size-16) + 8px) * 2);
    color: #fff;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    padding: var(--spacer-2);
    transition: all 0.2s linear;
    background-color: #000;
}

@media (min-width: 1200px) {
    .section.section-about-us .about-us-button>a:hover {
        color: #000;
        background-color: #f9c300;
    }
}

.section.section-about-us .about-us-banner {
    text-align: center;
}

@media (max-width: 767px) {
    .section.section-about-us .about-us-banner {
        margin-bottom: calc(var(--gutter) * 4);
    }
}

.section.section-our-references {
    margin-bottom: calc(var(--gutter) * 4);
}

.section.section-benefits-honey-products {
    padding: calc(var(--gutter) * 4) 0 calc(var(--gutter) * 2);
    margin-bottom: calc(var(--gutter) * 4);
    background-color: #f3f3f1;
}

.section.section-blog {
    margin-bottom: calc(var(--gutter) * 8);
}

@media (min-width: 1200px) {
    .entry-slider {}

    .entry-slider .splide__track,
    .entry-slider .splide__list,
    .entry-slider .entry-slider-item {}
}

.entry-slider .entry-slider-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 767px) {
    .entry-slider .entry-slider-item .entry-slider-content {
        text-align: center;
        margin-top: calc(var(--gutter) * 2);
    }
}

.entry-slider .entry-slider-item .entry-slider-content .entry-slider-title {
    display: inline-block;
    color: #000;
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacer-8);
    box-shadow: inset 0 -2px #f9c300;
}

.entry-slider .entry-slider-item .entry-slider-content .entry-slider-sub-title {
    color: #000;
    line-height: calc(var(--font-size-96) + 8px);
    font-size: var(--font-size-96);
    font-weight: 700;
    margin-bottom: var(--spacer-8);
}

.entry-slider .entry-slider-item .entry-slider-content .entry-slider-description {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    padding: var(--spacer-3);
    margin-bottom: var(--spacer-8);
    background-color: #000;
}

.entry-slider .entry-slider-item .entry-slider-content .entry-slider-button {
    display: block;
}

.entry-slider .entry-slider-item .entry-slider-content .entry-slider-button>span {
    color: #fff;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    padding: var(--spacer-3);
    background-color: #f9c300;
}

.entry-slider .entry-slider-item .entry-slider-image {
    text-align: center;
}

.entry-slider .entry-slider-item.is-active .entry-slider-image>img {
    animation: 1s imageInDown;
}

.entry-slider .entry-slider-item.is-active .entry-slider-content .entry-slider-title {
    animation: 1.2s fadeInDown;
}

.entry-slider .entry-slider-item.is-active .entry-slider-content .entry-slider-sub-title {
    animation: 1.2s fadeInUp;
}

.entry-slider .entry-slider-item.is-active .entry-slider-content .entry-slider-description {
    animation: 1.2s fadeInUp;
}

.entry-slider .entry-slider-item.is-active .entry-slider-content .entry-slider-button {
    animation: 1.2s fadeInUp;
}

.entry-slider .splide__pagination {
    bottom: var(--gutter);
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes rotateAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.theme-banner-wrapper .theme-banner {
    position: relative;
    margin-bottom: calc(var(--gutter) * 2);
}

.theme-banner-wrapper .theme-banner>a {
    display: block;
}

.theme-banner-wrapper .theme-banner .theme-banner-image {
    overflow: hidden;
    position: relative;
    display: block;
    aspect-ratio: 925/1515;
}

.theme-banner-wrapper .theme-banner .theme-banner-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.theme-banner-wrapper .theme-banner .theme-banner-image img {
    transition: all 0.2s linear;
}

.theme-banner-wrapper .theme-banner .theme-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.theme-banner-wrapper .theme-banner .theme-banner-content-inside {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding: calc(var(--gutter) * 2);
}

.theme-banner-wrapper .theme-banner.theme-banner-1 .theme-banner-image,
.theme-banner-wrapper .theme-banner.theme-banner-3 .theme-banner-image {
    aspect-ratio: 925/1413;
}

@media (min-width: 1200px) {
    .theme-banner-wrapper .theme-banner:hover .theme-banner-image img {
        transform: scale(1.05);
    }
}

.theme-banner-wrapper:not(.theme-banner-second) .theme-banner .theme-banner-image img {
    filter: grayscale(1);
}

.theme-banner-wrapper:not(.theme-banner-second) .theme-banner .theme-banner-image:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(29, 30, 32, 0) 50%, #1d1e20 100%);
}

.theme-banner-wrapper:not(.theme-banner-second) .theme-banner .theme-banner-content .theme-banner-title {
    color: #fff;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 600;
    margin-bottom: var(--spacer-6);
}

.theme-banner-wrapper:not(.theme-banner-second) .theme-banner .theme-banner-content .theme-banner-button {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    border: 1px solid #f9c300;
    padding: var(--spacer-2) var(--spacer-6);
    transition: all 0.2s linear;
    background-color: transparent;
}

@media (min-width: 1200px) {
    .theme-banner-wrapper:not(.theme-banner-second) .theme-banner .theme-banner-content .theme-banner-button:hover {
        background-color: #f9c300;
    }
}

@media (min-width: 1200px) {
    .theme-banner-wrapper:not(.theme-banner-second) .theme-banner:hover .theme-banner-image img {
        filter: grayscale(0);
    }
}

.theme-banner-wrapper.theme-banner-second .theme-banner-header {
    text-align: center;
    margin-bottom: var(--spacer-15);
}

.theme-banner-wrapper.theme-banner-second .theme-banner-header>span {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: var(--spacer-4) var(--spacer-10);
    background-color: #000;
}

.theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-image:before {
    content: "";
    position: absolute;
    top: var(--spacer-8);
    left: var(--spacer-8);
    z-index: 2;
    width: calc(100% - var(--spacer-16));
    height: calc(100% - var(--spacer-16));
    display: none;
    border: 1px solid #fff;
    transition: all 0.2s linear;
}

.theme-banner-wrapper.theme-banner-second .theme-banner.has-text .theme-banner-image:before {
    display: block;
}

.theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-content-inside {
    justify-content: space-between;
    padding: var(--spacer-20) 0 8px;
}

.theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-content .theme-banner-title {
    color: #fff;
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    font-weight: 600;
    text-align: center;
}

.theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-content .theme-banner-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 152px;
    height: calc((var(--font-size-16) + 8px) * 2);
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 600;
    padding: var(--spacer-2);
    transition: all 0.2s linear;
    background-color: #fff;
}

@media (min-width: 1200px) {
    .theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-content .theme-banner-button {
        opacity: 0;
    }

    .theme-banner-wrapper.theme-banner-second .theme-banner .theme-banner-content .theme-banner-button:hover {
        background-color: #f9c300;
    }
}

@media (min-width: 1200px) {
    .theme-banner-wrapper.theme-banner-second .theme-banner:hover .theme-banner-image:before {
        border-width: 4px;
    }

    .theme-banner-wrapper.theme-banner-second .theme-banner:hover .theme-banner-content .theme-banner-button {
        opacity: 1;
    }
}

.carousel-header {
    position: absolute;
    top: calc(-1 * var(--spacer-8));
    left: 50%;
    transform: translateX(-50%);
}

.carousel-header>span {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: var(--spacer-4) var(--spacer-10);
    background-color: #000;
}

.categories-item>a {
    display: block;
}

.categories-item>a .categories-item-container {
    position: relative;
    overflow: hidden;
}

.categories-item>a .categories-item-container>svg {
    color: #f9c300;
    opacity: 0.2;
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.categories-item>a .categories-item-container .categories-item-image img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    object-fit: cover;
    transition: all 0.3s ease;
}

.categories-item>a .categories-item-title {
    color: #000;
    line-height: calc(var(--font-size-18) + 8px);
    font-size: var(--font-size-18);
    font-weight: 600;
    text-align: center;
    margin-top: var(--spacer-3);
}

@media (min-width: 1200px) {
    .categories-item>a:hover .categories-item-container {
        position: relative;
    }

    .categories-item>a:hover .categories-item-container>svg {
        opacity: 1;
    }

    .categories-item>a:hover .categories-item-container .categories-item-image img {
        transform: scale(1.05);
    }
}

.default-products .products-header {
    color: #033d50;
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    font-weight: 600;
    text-align: center;
    margin-bottom: var(--spacer-10);
}

.default-products .carousel .splide__track {
    padding: 20px 0 52px;
    margin: -20px 0 -52px;
}

.showcase .showcase-image {
    transition: all 0.2s linear;
    transform: perspective(0) translateY(var(--translateY, 0));
}

.showcase .showcase-image a {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1;
    background: #fff;
}

.showcase .showcase-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showcase .showcase-image a>img {
    mix-blend-mode: multiply;
}

.showcase .showcase-content {
    padding: var(--spacer-4) var(--spacer-2) 0;
    transition: all 0.2s linear;
    transform: perspective(0) translateY(var(--translateY, 0));
}

.showcase .showcase-content .showcase-title {
    text-align: center;
}

@media (max-width: 1199px) {
    .showcase .showcase-content .showcase-title {
        margin-bottom: var(--spacer-4);
    }
}

@media (min-width: 1200px) {
    .showcase .showcase-content .showcase-title {
        position: relative;
        z-index: 1;
    }

    .showcase .showcase-content .showcase-title:before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--spacer-4));
        left: calc(-1 * var(--spacer-2));
        z-index: -1;
        opacity: 0;
        width: calc(100% + var(--spacer-4));
        height: calc(100% + 44px);
        transition: all 0.2s linear;
        background-color: #f1c543;
    }
}

.showcase .showcase-content .showcase-title a {
    overflow: hidden;
    display: block;
    height: calc((var(--font-size-18) + 8px) * 2);
    color: #000;
    line-height: calc(var(--font-size-18) + 8px);
    font-size: var(--font-size-18);
    font-weight: 600;
}

.showcase .showcase-content .showcase-button {
    width: 50%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .showcase .showcase-content .showcase-button {
        position: absolute;
        left: 50%;
        bottom: -48px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%);
        transition: all 0.2s linear;
    }
}

.showcase .showcase-content .showcase-button>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc((var(--font-size-14) + 8px) * 2);
    color: #f9c300;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 700;
    transition: all 0.2s linear;
    background-color: #000;
}

@media (min-width: 1200px) {
    .showcase:hover .showcase-image {
        --translateY: -16px;
    }

    .showcase:hover .showcase-content {
        --translateY: -20px;
    }

    .showcase:hover .showcase-content .showcase-title:before {
        opacity: 1;
    }

    .showcase:hover .showcase-content .showcase-button {
        opacity: 1;
        visibility: visible;
    }
}

.section-our-references .our-references-header {
    text-align: center;
    margin-bottom: var(--spacer-15);
}

.section-our-references .our-references-header>span {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: var(--spacer-4) var(--spacer-10);
    margin-bottom: var(--spacer-10);
    background-color: #000;
}

.section-our-references .our-references-header>span:only-child {
    margin-bottom: 0;
}

.section-our-references .our-references-header>div {
    color: #000;
    line-height: calc(var(--font-size-44) + 8px);
    font-size: var(--font-size-44);
    font-weight: 600;
}

.section-our-references .customer-ranks-item {
    border: 2px solid #f3f3f1;
    padding: var(--spacer-6);
    transition: all 0.2s linear;
    background-color: #fff;
}

@media (min-width: 1200px) {
    .section-our-references .customer-ranks-item:hover {
        border-color: #f9c300;
    }
}

.section-our-references .customer-ranks-item .customer-ranks-item-star {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacer-4);
}

.section-our-references .customer-ranks-item .customer-ranks-item-star>svg {
    margin-right: var(--spacer-1);
}

.section-our-references .customer-ranks-item .customer-ranks-item-name {
    overflow: hidden;
    height: calc(var(--font-size-16) + 8px);
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 600;
    text-align: center;
}

.section-our-references .customer-ranks-item .customer-ranks-item-comment {
    overflow: hidden;
    height: calc((var(--font-size-13) + 8px) * 4);
    color: #809197;
    line-height: calc(var(--font-size-13) + 8px);
    font-size: var(--font-size-13);
    text-align: center;
    margin-block: var(--spacer-4);
}

.section-benefits-honey-products .benefits-honey-banner-image {
    position: relative;
    display: block;
    aspect-ratio: 630/420;
}

.section-benefits-honey-products .benefits-honey-banner-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 991px) {
    .section-benefits-honey-products .benefits-honey-banner-image {
        margin-bottom: var(--spacer-8);
    }
}

.section-benefits-honey-products .benefits-honey-content .benefits-honey-title {
    display: inline-block;
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacer-8);
    box-shadow: inset 0 -2px #f9c300;
}

.section-benefits-honey-products .benefits-honey-content .benefits-honey-sub-title {
    color: #000;
    line-height: calc(var(--font-size-44) + 8px);
    font-size: var(--font-size-44);
    font-weight: 700;
    margin-bottom: var(--spacer-8);
}

.section-benefits-honey-products .benefits-honey-content .benefits-honey-description {
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    margin-bottom: var(--spacer-8);
}

.section-benefits-honey-products .benefits-honey-content .benefits-honey-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    height: calc((var(--font-size-16) + 8px) * 2);
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    padding: var(--spacer-2);
    transition: all 0.2s linear;
    background-color: #f9c300;
}

@media (max-width: 1199px) {
    .section-benefits-honey-products .benefits-honey-content .benefits-honey-button>a {
        min-width: 220px;
    }
}

@media (min-width: 1200px) {
    .section-benefits-honey-products .benefits-honey-content .benefits-honey-button>a:hover {
        color: #fff;
        background-color: #000;
    }
}

.section-benefits-honey-products .benefits-honey-banners {
    margin-top: var(--spacer-12);
}

.section-benefits-honey-products .benefits-honey-banners .benefits-honey-banner {
    margin-bottom: calc(var(--gutter) * 2);
}

.section-benefits-honey-products .benefits-honey-banners .benefits-honey-banner .benefits-honey-banner-image {
    position: relative;
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto var(--spacer-4);
}

.section-benefits-honey-products .benefits-honey-banners .benefits-honey-banner .benefits-honey-banner-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.section-benefits-honey-products .benefits-honey-banners .benefits-honey-banner .benefits-honey-banner-title {
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 500;
    text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
    .section-benefits-honey-products .benefits-honey-banners .benefits-honey-banner .benefits-honey-banner-title {
        line-height: calc(var(--font-size-14) + 8px);
        font-size: var(--font-size-14);
    }
}

.section-blog .entry-blog-header {
    text-align: center;
    margin-bottom: var(--spacer-15);
}

.section-blog .entry-blog-header>span {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: var(--spacer-4) var(--spacer-10);
    margin-bottom: var(--spacer-10);
    background-color: #000;
}

.section-blog .entry-blog-header>span:only-child {
    margin-bottom: 0;
}

.section-blog .entry-blog-header>div {
    color: #000;
    line-height: calc(var(--font-size-44) + 8px);
    font-size: var(--font-size-44);
    font-weight: 600;
}

.section-blog .entry-blog-content .splide__pagination {
    position: static;
    margin-top: var(--spacer-8);
}

.section-blog .entry-blog-content .splide__pagination .splide__pagination__page {
    background-color: #c8d3d7;
}

.section-blog .entry-blog-content .splide__pagination .splide__pagination__page.is-active {
    background-color: #f9c300;
}

.section-blog .entry-blog-item-container .entry-blog-item-image {
    position: relative;
    height: 100%;
}

.section-blog .entry-blog-item-container .entry-blog-item-image>a {
    position: relative;
    overflow: hidden;
    display: block;
    aspect-ratio: 300/230;
}

.section-blog .entry-blog-item-container .entry-blog-item-image>a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-blog .entry-blog-item-container .entry-blog-item-image>a img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.section-blog .entry-blog-item-container .entry-blog-item-image .entry-blog-nopic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #ccc;
    font-size: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.section-blog .entry-blog-item-container .entry-blog-item-image .entry-blog-categories {
    position: absolute;
    left: var(--spacer-5);
    bottom: calc(-1 * var(--spacer-4));
    z-index: 20;
}

.section-blog .entry-blog-item-container .entry-blog-item-image .entry-blog-categories>a {
    display: inline-block;
    color: #033d50;
    line-height: calc(var(--font-size-12) + 8px);
    font-size: var(--font-size-12);
    font-weight: 400;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: var(--spacer-1) var(--spacer-3);
    background-color: #f9c300;
}

.section-blog .entry-blog-item-container .entry-blog-item-content {
    border-bottom: 1px solid #c8d3d7;
    padding-block: var(--spacer-8);
}

.section-blog .entry-blog-item-container .entry-blog-item-content .entry-blog-title a {
    display: block;
    overflow: hidden;
    height: calc((var(--font-size-20) + 8px) * 2);
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 600;
}

#footer .footer-row-1 {
    margin-bottom: calc(var(--gutter) * 4);
}

#footer .footer-row-2-inside {
    border-top: 1px dashed #c8d3d7;
    border-bottom: 1px dashed #c8d3d7;
    padding-block: calc(var(--gutter) * 4);
    margin-bottom: calc(var(--gutter) * 4);
}

#footer .footer-row-3 {
    margin-bottom: calc(var(--gutter) * 4);
}

.shopping-banners {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px dashed #c8d3d7;
    padding: var(--spacer-4);
}

.shopping-banners .row [class*="col-"]:not(:last-child) {
    border-right: 1px dashed #c8d3d7;
}

@media (max-width: 767px) {
    .shopping-banners .row [class*="col-"]:last-child>div>a {
        margin-top: var(--spacer-4);
    }
}

.shopping-banners .shopping-banner>a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    line-height: calc(var(--font-size-15) + 8px);
    font-size: var(--font-size-15);
    font-weight: 600;
    gap: var(--spacer-3);
    transition: all 0.2s linear;
}

@media (min-width: 1200px) {
    .shopping-banners .shopping-banner>a:hover {
        color: #f9c300;
    }
}

.shopping-banners .shopping-banner>a .shopping-banner-image {
    position: relative;
    width: 32px;
    height: 32px;
}

.shopping-banners .shopping-banner>a .shopping-banner-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.newsletter .newsletter-title {
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 600;
    text-align: center;
    margin-bottom: var(--spacer-4);
}

.newsletter .newsletter-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .newsletter .newsletter-content {
        flex-direction: column-reverse;
        gap: calc(var(--gutter) * 2);
    }
}

@media (min-width: 768px) {
    .newsletter .newsletter-content .newsletter-checkbox-custom {
        position: absolute;
        top: 50%;
        left: var(--spacer-2);
        z-index: 20;
        transform: translateY(-50%);
        border-right: 1px solid #c8d3d7;
        padding-right: var(--gutter);
    }
}

.newsletter .newsletter-content .newsletter-checkbox-custom a {
    color: #000;
}

.newsletter .newsletter-content .newsletter-content-form {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
}

.newsletter .newsletter-content .newsletter-content-form input {
    width: 100%;
    height: 52px;
    color: #000;
    font-size: var(--font-size-14);
    padding: 8px 132px 8px 220px;
    border: 2px solid #f9c300;
}

@media (max-width: 767px) {
    .newsletter .newsletter-content .newsletter-content-form input {
        padding: 8px 132px 8px 8px;
    }
}

.newsletter .newsletter-content .newsletter-content-form input::placeholder {
    color: #000;
    opacity: 1;
}

.newsletter .newsletter-content .newsletter-content-form button {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 36px;
    color: #000;
    font-size: var(--font-size-14);
    font-weight: 600;
    border: none;
    padding: 0;
    background: #f9c300;
}

.footer-logo {
    margin-bottom: var(--spacer-8);
}

.footer-logo>a {
    display: block;
}

.footer-logo>a img {
    max-height: 118px;
}

@media (max-width: 991px) {
    .footer-logo>a {
        text-align: center;
    }
}

.footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacer-4);
}

@media (max-width: 991px) {
    .footer-social {
        justify-content: center;
        margin-bottom: var(--spacer-8);
    }
}

.footer-social>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDcgMTg2Ij48ZyBmaWxsPSJub25lIiBjbGFzcz0ibmMtaWNvbi13cmFwcGVyIj48cGF0aCBkPSJNMTQzLjI0MyAwSDYzLjc1N0M1NS4xOTYgMCA0Ny4yNTEgNC41OTcgNDIuOTcgMTIuMDA3TDMuMjEgODAuOTkzYTI0LjEyIDI0LjEyIDAgMCAwIDAgMjQuMDQ4bDM5Ljc2IDY4Ljk1MkM0Ny4yNSAxODEuNDM3IDU1LjE5NiAxODYgNjMuNzU4IDE4Nmg3OS40ODVjOC41NjEgMCAxNi41MDYtNC41OTcgMjAuNzg3LTEyLjAwN2wzOS43NTktNjguOTUyYTI0LjEyIDI0LjEyIDAgMCAwIDAtMjQuMDQ4TDE2NC4wMyAxMi4wMDdDMTU5Ljc0OSA0LjU5NyAxNTEuODA0IDAgMTQzLjI0MyAweiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    -webkit-mask-size: 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.2s linear;
    background-color: #f3f3f1;
}

.footer-social>div>a>svg[stroke] {
    fill: none;
    stroke: #000;
}

.footer-social>div>a>svg[fill] {
    fill: #000;
    stroke: none;
}

.footer-social>div>a>svg[stroke][fill] {
    fill: #000;
    stroke: #000;
}

.footer-social>div>a>svg[stroke="none"][fill="none"] {
    fill: none;
    stroke: none;
}

.footer-social>div>a>svg[fill="none"] {
    fill: none;
}

.footer-social>div>a>svg[stroke="none"] {
    stroke: none;
}

.footer-social>div>a>svg path[stroke],
.footer-social>div>a>svg rect[stroke],
.footer-social>div>a>svg line[stroke],
.footer-social>div>a>svg circle[stroke] {
    fill: none;
    stroke: #000;
}

.footer-social>div>a>svg path[fill],
.footer-social>div>a>svg rect[fill],
.footer-social>div>a>svg line[fill],
.footer-social>div>a>svg circle[fill] {
    fill: #000;
    stroke: none;
}

.footer-social>div>a>svg path[stroke][fill],
.footer-social>div>a>svg rect[stroke][fill],
.footer-social>div>a>svg line[stroke][fill],
.footer-social>div>a>svg circle[stroke][fill] {
    fill: #000;
    stroke: #000;
}

@media (min-width: 1200px) {
    .footer-social>div>a:hover {
        background-color: #f9c300;
    }
}

.footer-menu-container .footer-menu .footer-menu-title {
    color: #f9c300;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 600;
    margin-bottom: var(--spacer-6);
}

.footer-menu-container .footer-menu .footer-menu-content>ul>li {
    margin-bottom: var(--spacer-3);
}

.footer-menu-container .footer-menu .footer-menu-content>ul>li:last-child {
    margin-bottom: 0;
}

.footer-menu-container .footer-menu .footer-menu-content>ul>li>a {
    display: inline-block;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    transition: all 0.2s linear;
}

@media (min-width: 1200px) {
    .footer-menu-container .footer-menu .footer-menu-content>ul>li>a:hover {
        color: #000;
        box-shadow: inset 0 -1px #000;
    }
}

@media (max-width: 991px) {
    .footer-menu-container {
        text-align: center;
    }

    .footer-menu-container[data-menu-type="accordion"] {
        text-align: left;
    }

    .footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        color: #000;
        border: 1px solid #c8d3d7;
        padding: var(--spacer-8);
        margin-bottom: var(--spacer-8);
    }

    .footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-title:after {
        content: "\f067";
        font-size: var(--font-size-12);
        font-weight: 900;
        font-family: "Font Awesome 5 Pro";
    }

    .footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-content {
        display: none;
        padding-bottom: var(--spacer-8);
    }

    .footer-menu-container[data-menu-type="accordion"] .footer-menu.active .footer-menu-title:after {
        content: "\f068";
    }

    .footer-menu-container[data-menu-type="accordion"] .footer-menu.active .footer-menu-content {
        display: block;
    }
}

.footer-menu-content-inside {
    display: flex;
    gap: var(--gutter);
}

@media (max-width: 1199px) and (min-width: 992px) {
    .footer-menu-content-inside {
        flex-wrap: wrap;
    }
}

.footer-contact-title {
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 400;
    margin-bottom: var(--spacer-3);
}

.footer-contact-content>div {
    margin-bottom: var(--spacer-3);
}

.footer-contact-content>div:last-child {
    margin-bottom: 0;
}

.footer-contact-content>div>a {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    gap: 4px;
    transition: all 0.2s linear;
}

@media (min-width: 1200px) {
    .footer-contact-content>div>a:hover {
        color: #f9c300;
    }
}

.footer-contact-content>div.footer-address>a {
    max-width: 200px;
}

#breadcrumbs {
    padding-bottom: var(--spacer-4);
    margin-bottom: var(--spacer-4);
}

@media (max-width: 1199px) {
    #breadcrumbs {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
}

#breadcrumbs ol {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

#breadcrumbs ol li i {
    width: 16px;
    height: 16px;
    margin: 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.354 8.35375L6.35403 13.3538C6.30757 13.4002 6.25242 13.4371 6.19173 13.4622C6.13103 13.4873 6.06598 13.5003 6.00028 13.5003C5.93458 13.5003 5.86953 13.4873 5.80883 13.4622C5.74813 13.4371 5.69298 13.4002 5.64653 13.3538C5.60007 13.3073 5.56322 13.2521 5.53808 13.1915C5.51294 13.1308 5.5 13.0657 5.5 13C5.5 12.9343 5.51294 12.8693 5.53808 12.8086C5.56322 12.7479 5.60007 12.6927 5.64653 12.6463L10.2934 8L5.64653 3.35375C5.55271 3.25993 5.5 3.13269 5.5 3C5.5 2.86732 5.55271 2.74007 5.64653 2.64625C5.74035 2.55243 5.8676 2.49973 6.00028 2.49973C6.13296 2.49973 6.26021 2.55243 6.35403 2.64625L11.354 7.64625C11.4005 7.69269 11.4374 7.74783 11.4626 7.80853C11.4877 7.86923 11.5007 7.9343 11.5007 8C11.5007 8.06571 11.4877 8.13077 11.4626 8.19147C11.4374 8.25217 11.4005 8.30732 11.354 8.35375Z' fill='%230F0F0F'/%3E%3C/svg%3E");
}

#breadcrumbs ol li i:before {
    content: "";
}

#breadcrumbs ol li span {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 500;
}

#breadcrumbs ol li a {
    color: #000;
}

#breadcrumbs ol li:last-child span span {
    color: #f9c300;
}

#sorting-options {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px dashed #c8d3d7;
    padding: var(--spacer-4);
    margin-bottom: var(--spacer-8);
}

#sorting-options .record-count {
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
}

@media (min-width: 992px) {
    .section-container {
        display: grid;
        align-items: flex-start;
        column-gap: calc(var(--gutter) * 2);
        grid-template-columns: minmax(0, 288px) minmax(0, 1fr);
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .section-container {
        grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    }
}

.filter-order-button {
    display: flex;
    align-items: center;
    gap: var(--spacer-3);
}

.filter-order-button>span {
    display: flex;
    align-items: center;
    height: 32px;
    cursor: pointer;
}

.filter-order-button>span svg path,
.filter-order-button>span svg rect {
    stroke: #000;
    fill: transparent;
    transition: all 0.2s linear;
}

.filter-order-button>span:hover svg path,
.filter-order-button>span:hover svg rect,
.filter-order-button>span.active svg path,
.filter-order-button>span.active svg rect {
    stroke: #f9c300;
    fill: #f9c300;
}

@media (max-width: 1199px) {

    .filter-order-button>span[data-selector="quintuple-sorting"],
    .filter-order-button>span[data-selector="quadruple-sorting"] {
        display: none;
    }
}

@media (max-width: 991px) {
    .filter-order-button {
        display: none;
    }
}

.mobile-filter-order-button {
    display: none;
    align-items: center;
    gap: var(--spacer-3);
}

.mobile-filter-order-button>span {
    display: flex;
    align-items: center;
    height: 32px;
    cursor: pointer;
}

.mobile-filter-order-button>span svg path,
.mobile-filter-order-button>span svg rect {
    stroke: #000;
    fill: transparent;
    transition: all 0.2s linear;
}

.mobile-filter-order-button>span:hover svg path,
.mobile-filter-order-button>span:hover svg rect,
.mobile-filter-order-button>span.active svg path,
.mobile-filter-order-button>span.active svg rect {
    stroke: #f9c300;
    fill: #f9c300;
}

@media (max-width: 767px) {
    .mobile-filter-order-button {
        gap: var(--spacer-6);
    }
}

@media (max-width: 991px) {
    #filter-wrapper .filter-wrapper-header {
        display: flex;
        align-items: center;
        border: 1px solid #c8d3d7;
        border-radius: 8px;
        margin-bottom: var(--spacer-8);
    }

    #filter-wrapper .filter-wrapper-header>div {
        position: relative;
        flex: 1 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        color: #000;
        font-size: var(--font-size-12);
        padding-inline: var(--spacer-2);
    }

    #filter-wrapper .filter-wrapper-header>div svg {
        margin-right: var(--spacer-3);
    }

    #filter-wrapper .filter-wrapper-header>div:nth-child(2):after,
    #filter-wrapper .filter-wrapper-header>div:nth-child(3):after {
        content: "";
        position: absolute;
        left: -1px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 20px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: #c8d3d7;
    }

    #filter-wrapper .filter-wrapper-content #sorting-options {
        display: none;
    }
}

@media (min-width: 992px) {

    .filter-menu-overlay,
    .filter-wrapper-header {
        display: none !important;
    }
}

.showcase-container {
    display: grid;
    gap: calc(var(--gutter) * 2);
}

.showcase-container.quintuple-sorting {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.showcase-container.quadruple-sorting {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.showcase-container.triple-sorting {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.showcase-container.dual-sorting {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.showcase-container.single-sorting {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1199px) {
    .showcase-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .showcase-container.quintuple-sorting,
    .showcase-container.quadruple-sorting {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (max-width: 991px) {
    .showcase-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .showcase-container.quintuple-sorting,
    .showcase-container.quadruple-sorting,
    .showcase-container.triple-sorting {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

.block-item {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px dashed #c8d3d7;
    margin-bottom: var(--spacer-4);
}

@media (max-width: 1199px) {
    .block-item {
        display: none;
    }
}

.block-item a {
    color: #000;
    transition: all 0.2s linear;
}

.block-item a:hover {
    color: #f9c300;
}

.block-item .block-item-title {
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 700;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-bottom: 1px dashed #c8d3d7;
    padding: var(--spacer-4);
}

.block-item .block-item-title>i {
    display: none;
}

@media (max-width: 767px) {
    .block-item .block-item-title>i {
        display: block;
    }
}

.block-item .block-item-content {
    padding: var(--spacer-4);
}

@media (max-width: 991px) {
    .block-item.widget_product_category_tree_widget {
        position: fixed;
        top: 0;
        z-index: 100;
        left: -280px;
        width: 280px;
        height: 100%;
        display: block;
        padding: var(--spacer-4);
        transition: all 0.2s linear;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
    }
}

@media (max-width: 991px) {
    .filter-menu-active .block-item.widget_product_category_tree_widget {
        left: 0 !important;
    }
}

.standard-menu a {
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    padding-bottom: var(--spacer-2);
    transition: all 0.2s linear;
    border-bottom: 1px dashed #c8d3d7;
}

.standard-menu a i {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3535 8.35375L6.35354 13.3538C6.30708 13.4002 6.25193 13.4371 6.19124 13.4622C6.13054 13.4873 6.06549 13.5003 5.99979 13.5003C5.93409 13.5003 5.86904 13.4873 5.80834 13.4622C5.74764 13.4371 5.69249 13.4002 5.64604 13.3538C5.59958 13.3073 5.56273 13.2521 5.53759 13.1915C5.51245 13.1308 5.49951 13.0657 5.49951 13C5.49951 12.9343 5.51245 12.8693 5.53759 12.8086C5.56273 12.7479 5.59958 12.6927 5.64604 12.6463L10.2929 8L5.64604 3.35375C5.55222 3.25993 5.49951 3.13269 5.49951 3C5.49951 2.86732 5.55222 2.74007 5.64604 2.64625C5.73986 2.55243 5.86711 2.49973 5.99979 2.49973C6.13247 2.49973 6.25972 2.55243 6.35354 2.64625L11.3535 7.64625C11.4 7.69269 11.4369 7.74783 11.4621 7.80853C11.4872 7.86923 11.5002 7.9343 11.5002 8C11.5002 8.06571 11.4872 8.13077 11.4621 8.19147C11.4369 8.25217 11.4 8.30732 11.3535 8.35375Z' fill='%23363232'/%3E%3C/svg%3E");
}

.standard-menu a i:before {
    content: "";
}

.standard-menu a:after {
    content: "";
    position: absolute;
    top: 0;
    right: var(--spacer-3);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3535 8.35375L6.35354 13.3538C6.30708 13.4002 6.25193 13.4371 6.19124 13.4622C6.13054 13.4873 6.06549 13.5003 5.99979 13.5003C5.93409 13.5003 5.86904 13.4873 5.80834 13.4622C5.74764 13.4371 5.69249 13.4002 5.64604 13.3538C5.59958 13.3073 5.56273 13.2521 5.53759 13.1915C5.51245 13.1308 5.49951 13.0657 5.49951 13C5.49951 12.9343 5.51245 12.8693 5.53759 12.8086C5.56273 12.7479 5.59958 12.6927 5.64604 12.6463L10.2929 8L5.64604 3.35375C5.55222 3.25993 5.49951 3.13269 5.49951 3C5.49951 2.86732 5.55222 2.74007 5.64604 2.64625C5.73986 2.55243 5.86711 2.49973 5.99979 2.49973C6.13247 2.49973 6.25972 2.55243 6.35354 2.64625L11.3535 7.64625C11.4 7.69269 11.4369 7.74783 11.4621 7.80853C11.4872 7.86923 11.5002 7.9343 11.5002 8C11.5002 8.06571 11.4872 8.13077 11.4621 8.19147C11.4369 8.25217 11.4 8.30732 11.3535 8.35375Z' fill='%23363232'/%3E%3C/svg%3E");
}

.standard-menu a:hover {
    color: #f9c300;
}

.standard-menu .parent-item:not(:last-child) {
    margin-bottom: var(--spacer-2);
}

.standard-menu .parent-item:last-child>a {
    border: none;
    padding-bottom: 0;
}

.standard-menu .parent-item.selected-item>a {
    color: #f9c300;
}

.standard-menu .parent-item .sub-items {
    border-top: 1px dashed #c8d3d7;
    padding-top: var(--spacer-2);
    margin-top: var(--spacer-2);
}

.standard-menu .parent-item .sub-items .sub-item:not(:last-child) {
    margin-bottom: var(--spacer-2);
}

.standard-menu .parent-item .sub-items .sub-item>a {
    padding-inline: var(--spacer-2);
}

.standard-menu .parent-item .sub-items .sub-item>a:after {
    display: none;
}

.standard-menu .parent-item .sub-items .sub-item.selected-item>a {
    color: #f9c300;
}

.standard-menu .parent-item .sub-items .sub-item:last-child>a {
    border: none;
}

.product-left,
.product-middle,
.product-right {
    margin-bottom: var(--spacer-15);
}

@media (max-width: 991px) {

    .product-left,
    .product-middle,
    .product-right {
        margin-bottom: var(--spacer-10);
    }
}

@media (min-width: 1200px) {
    .product-right {
        padding-right: var(--spacer-12);
    }
}

.product-image #product-primary-image {
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px dashed #c8d3d7;
    aspect-ratio: 1;
}

.product-image #product-primary-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-image #product-primary-image>img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#product-thumb-image {
    height: 0;
    overflow: hidden;
}

#product-thumb-image.slick-slider {
    height: auto;
    overflow: visible;
}

@media (max-width: 767px) {
    #product-thumb-image.slick-slider {
        padding-right: 2px;
    }
}

@media (min-width: 992px) {
    #product-thumb-image .thumb-item {
        margin-bottom: var(--spacer-4);
    }
}

#product-thumb-image .thumb-item>a {
    position: relative;
    display: block;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px dashed #c8d3d7;
    aspect-ratio: 1;
}

#product-thumb-image .thumb-item>a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product-thumb-image .thumb-item>a>img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 4px;
}

#product-thumb-image .thumb-item>a.zoomGalleryActive {
    border-color: #f9c300;
}

#product-thumb-image .slick-dots {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: var(--spacer-8);
    width: 100%;
}

#product-thumb-image .slick-dots>li {
    margin: 0 3px;
}

#product-thumb-image .slick-dots>li>button {
    width: 10px;
    height: 10px;
    border: none;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 100%;
    background-color: #c8d3d7;
    padding: 0;
    display: block;
    margin-bottom: 5px;
    transition: all 0.2s linear;
}

#product-thumb-image .slick-dots>li.slick-active>button {
    background-color: #f9c300;
}

#product-thumb-image .slick-arrow {
    position: absolute;
    opacity: 1;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #fff;
}

#product-thumb-image .slick-arrow.slick-prev {
    left: 12px;
}

#product-thumb-image .slick-arrow.slick-next {
    right: 12px;
}

#product-thumb-image .slick-arrow.slick-disabled {
    opacity: 0.5;
}

.product-title {
    border-bottom: 1px dashed #c8d3d7;
    padding-bottom: var(--spacer-8);
    margin-bottom: var(--spacer-8);
}

.product-title h1 {
    color: #000;
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    font-weight: 600;
    margin-bottom: 0;
}

.product-short-details {
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    border-bottom: 1px dashed #c8d3d7;
    padding-bottom: var(--spacer-8);
    margin-bottom: var(--spacer-8);
}

.product-button {
    border-bottom: 1px dashed #c8d3d7;
    padding-bottom: var(--spacer-8);
}

.product-button>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    color: #033d50;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 600;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    transition: all 0.2s linear;
    background-color: #f9c300;
}

@media (min-width: 1200px) {
    .product-button>a:hover {
        color: #fff;
        background-color: #033d50;
    }
}

.product-detail-tab:not(:only-child) {
    margin-bottom: var(--spacer-20);
}

.product-detail-tab .product-detail-tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 var(--spacer-8);
}

.product-detail-tab .product-detail-tab-header [data-tab-index]>a {
    display: inline-block;
    color: #809197;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 500;
    padding-block: var(--spacer-4);
    white-space: nowrap;
}

.product-detail-tab .product-detail-tab-header [data-tab-index].active>a {
    position: relative;
    color: #000;
}

.product-detail-tab .product-detail-tab-header [data-tab-index].active>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #f9c300;
}

.product-detail-tab .product-detail-tab-content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #c8d3d7;
}

.product-detail-tab .product-detail-tab-content [data-tab-content] {
    height: 0;
    overflow: hidden;
}

.product-detail-tab .product-detail-tab-content [data-tab-content]>div {
    padding: var(--spacer-10);
}

.product-detail-tab .product-detail-tab-content [data-tab-content].active {
    height: auto;
    overflow: visible;
}

@media (min-width: 768px) {
    .product-detail-tab .product-detail-tab-content [data-tab-content].active {
        display: block !important;
    }
}

.product-detail-tab .product-detail-tab-content .product-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-contact .contact-us-header {
    text-align: center;
    margin-bottom: var(--spacer-10);
}

.section-contact .contact-us-header h1 {
    font-weight: 600;
}

.contact-us-wrapper {
    margin-bottom: calc(var(--gutter) * 4);
}

.contact-us-wrapper .contact-us-item {
    text-align: center;
    height: calc(100% - (var(--gutter) * 2));
    margin-bottom: calc(var(--gutter) * 2);
}

@media (min-width: 768px) {
    .contact-us-wrapper .contact-us-item:not(.contact-us-item-3) {
        border-right: 1px dashed #c8d3d7;
    }
}

.contact-us-wrapper .contact-us-item-title {
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 500;
    margin-bottom: var(--spacer-4);
}

.contact-us-wrapper .contact-us-item-content>div:not(:last-child) {
    margin-bottom: var(--spacer-3);
}

.contact-us-wrapper .contact-us-item-content>div>a {
    display: block;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    transition: all 0.2s linear;
}

@media (min-width: 1200px) {
    .contact-us-wrapper .contact-us-item-content>div>a:hover {
        color: #f9c300;
    }
}

.contact-us-wrapper .contact-us-item-content>div.address>a {
    max-width: 320px;
    margin: 0 auto;
}

.contact-us-maps {
    margin-bottom: calc(var(--gutter) * 4);
}

.contact-us-maps .contact-maps-item {
    margin-bottom: calc(var(--gutter) * 2);
}

.contact-us-maps .contact-maps-item .contact-maps-title {
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 500;
    text-align: center;
    margin-bottom: var(--spacer-4);
}

.contact-us-maps .contact-maps-item .contact-maps-iframe iframe {
    width: 100%;
    height: 300px;
}

.contact-us-form-header {
    text-align: center;
    margin-bottom: var(--spacer-8);
}

.contact-us-form-header>span {
    display: block;
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    font-weight: 500;
    text-align: center;
    margin-bottom: var(--spacer-4);
}

.contact-us-form-header>span:only-child {
    margin-bottom: 0;
}

.contact-us-form-header>div {
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
}

.contact-us-form-content {
    text-align: center;
}

.contact-us-form-content form {
    max-width: 630px;
    margin: 0 auto;
}

.contact-us-form-content form p {
    margin-bottom: 0;
}

.contact-us-form-content form label {
    width: 100%;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
    margin-bottom: calc(var(--gutter) * 2);
}

.contact-us-form-content form label>span {
    display: block;
    margin-top: var(--spacer-2);
}

.contact-us-form-content form label>span .wpcf7-not-valid-tip {
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    margin-top: 4px;
}

.contact-us-form-content form label input.form-control {
    width: 100%;
    height: 44px;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #c8d3d7;
    padding: 4px 32px;
    transition: all 0.2s linear;
    background-color: transparent;
}

.contact-us-form-content form label input.form-control:hover,
.contact-us-form-content form label input.form-control:focus {
    border-color: #f9c300;
}

.contact-us-form-content form label input.form-control::placeholder {
    opacity: 1;
    color: #809197;
}

.contact-us-form-content form label select.form-control:not([size]):not([multiple]),
.contact-us-form-content form label select:not([size]) {
    height: 44px;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #c8d3d7;
    padding: 4px 32px 4px 16px;
    background-size: 20px;
    background-position: right 16px center;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.692 7.9422L10.442 14.1922C10.384 14.2503 10.3151 14.2964 10.2392 14.3279C10.1633 14.3593 10.082 14.3755 9.99986 14.3755C9.91772 14.3755 9.8364 14.3593 9.76052 14.3279C9.68465 14.2964 9.61572 14.2503 9.55767 14.1922L3.30767 7.9422C3.1904 7.82492 3.12451 7.66586 3.12451 7.50001C3.12451 7.33416 3.1904 7.1751 3.30767 7.05782C3.42495 6.94055 3.58401 6.87466 3.74986 6.87466C3.91571 6.87466 4.07477 6.94055 4.19205 7.05782L9.99986 12.8664L15.8077 7.05782C15.8657 6.99976 15.9347 6.95369 16.0105 6.92227C16.0864 6.89084 16.1677 6.87466 16.2499 6.87466C16.332 6.87466 16.4133 6.89084 16.4892 6.92227C16.565 6.95369 16.634 6.99976 16.692 7.05782C16.7501 7.11589 16.7962 7.18483 16.8276 7.2607C16.859 7.33657 16.8752 7.41789 16.8752 7.50001C16.8752 7.58213 16.859 7.66345 16.8276 7.73932C16.7962 7.81519 16.7501 7.88413 16.692 7.9422Z' fill='%23363232'/%3E%3C/svg%3E");
}

.contact-us-form-content form label select.form-control:not([size]):not([multiple]):hover,
.contact-us-form-content form label select.form-control:not([size]):not([multiple]):focus,
.contact-us-form-content form label select:not([size]):hover,
.contact-us-form-content form label select:not([size]):focus {
    border-color: #f9c300;
}

.contact-us-form-content form .wpcf7-spinner {
    display: none;
}

.contact-us-form-content form.submitting .wpcf7-spinner {
    display: inline-block;
}

.contentbox-header {
    margin-bottom: var(--spacer-8);
}

.contentbox-header h4 {
    color: #000;
    font-size: var(--font-size-24);
    margin-bottom: 0;
}

.contentbox-body {
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
}

.contentbox-body p:last-child {
    margin-bottom: 0;
}

.blog-detail-container .blog-detail-header {
    margin-bottom: var(--spacer-4);
}

.blog-detail-container .blog-detail-header .blog-detail-categories {
    margin-bottom: 4px;
}

.blog-detail-container .blog-detail-header .blog-detail-categories>a {
    display: inline-flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
    gap: 4px;
}

.blog-detail-container .blog-detail-header .blog-detail-date {
    margin-bottom: 4px;
}

.blog-detail-container .blog-detail-header .blog-detail-date>span {
    color: #000;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 500;
}

.blog-detail-container .blog-detail-header .blog-detail-date>span>i {
    margin-right: var(--spacer-1);
}

.blog-detail-container .blog-detail-header .blog-detail-date>span:first-child {
    padding-right: var(--spacer-2);
}

.blog-detail-container .blog-detail-content .blog-detail-item-image {
    margin-bottom: var(--spacer-4);
}

.blog-detail-container .blog-detail-content .blog-detail-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.blog-list-container .blog-list-content .blog-list-item {
    margin-bottom: var(--spacer-8);
    transition: all 0.15s ease-in-out;
    background-color: #fff;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-image>a {
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    aspect-ratio: 3/2;
    overflow: hidden;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-image>a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-image>a img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    transition: all 0.2s linear;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-image>a .blog-list-item-nopic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7rem;
    color: #809197;
    background: #f3f3f1;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-content {
    padding-top: var(--spacer-6);
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-content .blog-list-item-title {
    margin-bottom: var(--spacer-3);
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-content .blog-list-item-title a {
    display: block;
    overflow: hidden;
    height: calc(var(--font-size-28) + 8px);
    color: #000;
    line-height: calc(var(--font-size-28) + 8px);
    font-size: var(--font-size-28);
    font-weight: 600;
}

.blog-list-container .blog-list-content .blog-list-item .blog-list-item-content .blog-list-item-excerpt {
    overflow: hidden;
    height: calc((var(--font-size-16) + 8px) * 4);
    color: #809197;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 400;
}

@media (min-width: 1200px) {
    .blog-list-container .blog-list-content .blog-list-item:hover .blog-list-item-image>a img {
        transform: scale(1.05);
    }
}

.paginate-wrapper {
    position: relative;
    margin-top: var(--spacer-20);
}

.paginate-wrapper .paginate {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .paginate-wrapper .paginate {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        justify-content: space-between;
    }
}

.paginate-wrapper .paginate .paginate-element {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #809197;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 500;
    margin: 0 calc(var(--spacer-8) / 2);
}

.paginate-wrapper .paginate .paginate-element.prev,
.paginate-wrapper .paginate .paginate-element.next {
    display: none;
}

.paginate-wrapper .paginate .paginate-content {
    display: flex;
}

.paginate-wrapper .paginate .paginate-left a,
.paginate-wrapper .paginate .paginate-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.paginate-wrapper .paginate .paginate-left a i,
.paginate-wrapper .paginate .paginate-right a i {
    width: 24px;
    height: 24px;
}

.paginate-wrapper .paginate .paginate-left a i:before,
.paginate-wrapper .paginate .paginate-right a i:before {
    content: "";
}

.paginate-wrapper .paginate .paginate-left a {
    margin-left: 0;
}

.paginate-wrapper .paginate .paginate-left a i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5307 18.9693C15.6004 19.039 15.6557 19.1217 15.6934 19.2128C15.7311 19.3038 15.7505 19.4014 15.7505 19.4999C15.7505 19.5985 15.7311 19.6961 15.6934 19.7871C15.6557 19.8781 15.6004 19.9609 15.5307 20.0306C15.461 20.1002 15.3783 20.1555 15.2873 20.1932C15.1962 20.2309 15.0986 20.2503 15.0001 20.2503C14.9016 20.2503 14.804 20.2309 14.7129 20.1932C14.6219 20.1555 14.5392 20.1002 14.4695 20.0306L6.96948 12.5306C6.89974 12.4609 6.84443 12.3782 6.80668 12.2871C6.76894 12.1961 6.74951 12.0985 6.74951 11.9999C6.74951 11.9014 6.76894 11.8038 6.80668 11.7127C6.84443 11.6217 6.89974 11.539 6.96948 11.4693L14.4695 3.9693C14.6102 3.82857 14.8011 3.74951 15.0001 3.74951C15.1991 3.74951 15.39 3.82857 15.5307 3.9693C15.6715 4.11003 15.7505 4.30091 15.7505 4.49993C15.7505 4.69895 15.6715 4.88982 15.5307 5.03055L8.56041 11.9999L15.5307 18.9693Z' fill='%23363232'/%3E%3C/svg%3E");
}

.paginate-wrapper .paginate .paginate-right a {
    margin-right: 0;
}

.paginate-wrapper .paginate .paginate-right a i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0306 12.5306L9.53055 20.0306C9.46087 20.1002 9.37815 20.1555 9.2871 20.1932C9.19606 20.2309 9.09847 20.2503 8.99993 20.2503C8.90138 20.2503 8.8038 20.2309 8.71276 20.1932C8.62171 20.1555 8.53899 20.1002 8.4693 20.0306C8.39962 19.9609 8.34435 19.8781 8.30663 19.7871C8.26892 19.6961 8.24951 19.5985 8.24951 19.4999C8.24951 19.4014 8.26892 19.3038 8.30663 19.2128C8.34435 19.1217 8.39962 19.039 8.4693 18.9693L15.4396 11.9999L8.4693 5.03055C8.32857 4.88982 8.24951 4.69895 8.24951 4.49993C8.24951 4.30091 8.32857 4.11003 8.4693 3.9693C8.61003 3.82857 8.80091 3.74951 8.99993 3.74951C9.19895 3.74951 9.38982 3.82857 9.53055 3.9693L17.0306 11.4693C17.1003 11.539 17.1556 11.6217 17.1933 11.7127C17.2311 11.8038 17.2505 11.9014 17.2505 11.9999C17.2505 12.0985 17.2311 12.1961 17.1933 12.2871C17.1556 12.3782 17.1003 12.4609 17.0306 12.5306Z' fill='%23363232'/%3E%3C/svg%3E");
}

.paginate-wrapper .paginate .paginate-element-active {
    color: #033d50;
}

.blog-sidebar {
    position: sticky;
    position: -webkit-sticky;
    top: calc(var(--gutter) * 2);
    z-index: 90;
    display: flex;
    flex-direction: column;
    gap: calc(var(--gutter) * 2);
    transition: all 0.2s linear;
    background-color: #fff;
}

.blog-detail-widget .custom-recent-posts>li:not(:last-child) {
    border-bottom: 1px solid #c8d3d7;
    padding-bottom: var(--spacer-4);
    margin-bottom: var(--spacer-4);
}

.blog-detail-widget .custom-recent-posts>li>a {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-16) + 8px);
    font-size: var(--font-size-16);
    font-weight: 600;
    gap: var(--spacer-4);
}

.blog-detail-widget .custom-recent-posts>li>a .recent-posts-thumbnail {
    position: relative;
    flex: 0 0 80px;
    max-width: 80px;
    height: 80px;
}

.blog-detail-widget .custom-recent-posts>li>a .recent-posts-thumbnail img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.blog-detail-widget .custom-recent-posts>li>a .recent-posts-thumbnail>img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.blog-detail-widget .custom-recent-posts>li>a .recent-posts-content {
    flex: 1 0 0%;
}

.blog-detail-widget .custom-recent-posts>li>a .recent-posts-content .recent-posts-date {
    color: #809197;
    line-height: calc(var(--font-size-14) + 8px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-top: 4px;
}

:root {
    --gutter: var(--spacer-4);
    --spacer-1: 4px;
    --spacer-2: 8px;
    --spacer-3: 12px;
    --spacer-4: 16px;
    --spacer-5: 20px;
    --spacer-6: 24px;
    --spacer-7: 28px;
    --spacer-8: 32px;
    --spacer-9: 36px;
    --spacer-10: 40px;
    --spacer-11: 44px;
    --spacer-12: 48px;
    --spacer-13: 52px;
    --spacer-14: 56px;
    --spacer-15: 60px;
    --spacer-16: 64px;
    --spacer-17: 68px;
    --spacer-18: 72px;
    --spacer-19: 76px;
    --spacer-20: 80px;
    --spacer-21: 84px;
    --spacer-22: 88px;
    --spacer-23: 92px;
    --spacer-24: 96px;
    --spacer-25: 100px;
    --spacer-26: 104px;
    --spacer-27: 108px;
    --spacer-28: 112px;
    --spacer-29: 116px;
    --spacer-30: 120px;
    --spacer-31: 124px;
    --spacer-32: 128px;
    --spacer-33: 132px;
    --spacer-34: 136px;
    --spacer-35: 140px;
    --spacer-36: 144px;
    --spacer-37: 148px;
    --spacer-38: 152px;
    --spacer-39: 156px;
    --spacer-40: 160px;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-26: 26px;
    --font-size-27: 27px;
    --font-size-28: 28px;
    --font-size-29: 29px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-32: 32px;
    --font-size-33: 33px;
    --font-size-34: 34px;
    --font-size-35: 35px;
    --font-size-36: 36px;
    --font-size-37: 37px;
    --font-size-38: 38px;
    --font-size-39: 39px;
    --font-size-40: 40px;
    --font-size-41: 41px;
    --font-size-42: 42px;
    --font-size-43: 43px;
    --font-size-44: 44px;
    --font-size-45: 45px;
    --font-size-46: 46px;
    --font-size-47: 47px;
    --font-size-48: 48px;
    --font-size-49: 49px;
    --font-size-50: 50px;
    --font-size-51: 51px;
    --font-size-52: 52px;
    --font-size-53: 53px;
    --font-size-54: 54px;
    --font-size-55: 55px;
    --font-size-56: 56px;
    --font-size-57: 57px;
    --font-size-58: 58px;
    --font-size-59: 59px;
    --font-size-60: 60px;
    --font-size-61: 61px;
    --font-size-62: 62px;
    --font-size-63: 63px;
    --font-size-64: 64px;
    --font-size-65: 65px;
    --font-size-66: 66px;
    --font-size-67: 67px;
    --font-size-68: 68px;
    --font-size-69: 69px;
    --font-size-70: 70px;
    --font-size-71: 71px;
    --font-size-72: 72px;
    --font-size-73: 73px;
    --font-size-74: 74px;
    --font-size-75: 75px;
    --font-size-76: 76px;
    --font-size-77: 77px;
    --font-size-78: 78px;
    --font-size-79: 79px;
    --font-size-80: 80px;
    --font-size-81: 81px;
    --font-size-82: 82px;
    --font-size-83: 83px;
    --font-size-84: 84px;
    --font-size-85: 85px;
    --font-size-86: 86px;
    --font-size-87: 87px;
    --font-size-88: 88px;
    --font-size-89: 89px;
    --font-size-90: 90px;
    --font-size-91: 91px;
    --font-size-92: 92px;
    --font-size-93: 93px;
    --font-size-94: 94px;
    --font-size-95: 95px;
    --font-size-96: 96px;
    --font-size-97: 97px;
    --font-size-98: 98px;
    --font-size-99: 99px;
    --font-size-100: 100px;
    --font-size-101: 101px;
    --font-size-102: 102px;
    --font-size-103: 103px;
    --font-size-104: 104px;
    --font-size-105: 105px;
    --font-size-106: 106px;
    --font-size-107: 107px;
    --font-size-108: 108px;
    --font-size-109: 109px;
    --font-size-110: 110px;
    --font-size-111: 111px;
    --font-size-112: 112px;
    --font-size-113: 113px;
    --font-size-114: 114px;
    --font-size-115: 115px;
    --font-size-116: 116px;
    --font-size-117: 117px;
    --font-size-118: 118px;
    --font-size-119: 119px;
    --font-size-120: 120px;
}

@media (max-width: 1199px) {
    :root {
        --spacer-1: 3px;
        --spacer-2: 6px;
        --spacer-3: 9px;
        --spacer-4: 12px;
        --spacer-5: 15px;
        --spacer-6: 18px;
        --spacer-7: 21px;
        --spacer-8: 24px;
        --spacer-9: 27px;
        --spacer-10: 30px;
        --spacer-11: 33px;
        --spacer-12: 36px;
        --spacer-13: 39px;
        --spacer-14: 42px;
        --spacer-15: 45px;
        --spacer-16: 48px;
        --spacer-17: 51px;
        --spacer-18: 54px;
        --spacer-19: 57px;
        --spacer-20: 60px;
        --spacer-21: 52.5px;
        --spacer-22: 55px;
        --spacer-23: 57.5px;
        --spacer-24: 60px;
        --spacer-25: 62.5px;
        --spacer-26: 65px;
        --spacer-27: 67.5px;
        --spacer-28: 70px;
        --spacer-29: 72.5px;
        --spacer-30: 60px;
        --spacer-31: 62px;
        --spacer-32: 64px;
        --spacer-33: 66px;
        --spacer-34: 68px;
        --spacer-35: 70px;
        --spacer-36: 72px;
        --spacer-37: 74px;
        --spacer-38: 76px;
        --spacer-39: 78px;
        --spacer-40: 80px;
        --font-size-10: 9.5px;
        --font-size-11: 10.45px;
        --font-size-12: 11.4px;
        --font-size-13: 12.35px;
        --font-size-14: 13.3px;
        --font-size-15: 13.5px;
        --font-size-16: 14.4px;
        --font-size-17: 15.3px;
        --font-size-18: 16.2px;
        --font-size-19: 15.2px;
        --font-size-20: 16px;
        --font-size-21: 16.8px;
        --font-size-22: 17.6px;
        --font-size-23: 18.4px;
        --font-size-24: 19.2px;
        --font-size-25: 20px;
        --font-size-26: 20.8px;
        --font-size-27: 21.6px;
        --font-size-28: 22.4px;
        --font-size-29: 21.75px;
        --font-size-30: 22.5px;
        --font-size-31: 23.25px;
        --font-size-32: 24px;
        --font-size-33: 24.75px;
        --font-size-34: 25.5px;
        --font-size-35: 26.25px;
        --font-size-36: 27px;
        --font-size-37: 24.05px;
        --font-size-38: 24.7px;
        --font-size-39: 25.35px;
        --font-size-40: 26px;
        --font-size-41: 26.65px;
        --font-size-42: 27.3px;
        --font-size-43: 27.95px;
        --font-size-44: 28.6px;
        --font-size-45: 29.25px;
        --font-size-46: 29.9px;
        --font-size-47: 30.55px;
        --font-size-48: 31.2px;
        --font-size-49: 31.85px;
        --font-size-50: 32.5px;
        --font-size-51: 33.15px;
        --font-size-52: 33.8px;
        --font-size-53: 34.45px;
        --font-size-54: 35.1px;
        --font-size-55: 35.75px;
        --font-size-56: 36.4px;
        --font-size-57: 37.05px;
        --font-size-58: 37.7px;
        --font-size-59: 38.35px;
        --font-size-60: 39px;
        --font-size-61: 39.65px;
        --font-size-62: 40.3px;
        --font-size-63: 40.95px;
        --font-size-64: 41.6px;
        --font-size-65: 42.25px;
        --font-size-66: 42.9px;
        --font-size-67: 43.55px;
        --font-size-68: 44.2px;
        --font-size-69: 44.85px;
        --font-size-70: 45.5px;
        --font-size-71: 46.15px;
        --font-size-72: 46.8px;
        --font-size-73: 47.45px;
        --font-size-74: 48.1px;
        --font-size-75: 48.75px;
        --font-size-76: 49.4px;
        --font-size-77: 50.05px;
        --font-size-78: 50.7px;
        --font-size-79: 51.35px;
        --font-size-80: 52px;
        --font-size-81: 52.65px;
        --font-size-82: 53.3px;
        --font-size-83: 53.95px;
        --font-size-84: 54.6px;
        --font-size-85: 46.75px;
        --font-size-86: 47.3px;
        --font-size-87: 47.85px;
        --font-size-88: 48.4px;
        --font-size-89: 48.95px;
        --font-size-90: 49.5px;
        --font-size-91: 50.05px;
        --font-size-92: 50.6px;
        --font-size-93: 51.15px;
        --font-size-94: 51.7px;
        --font-size-95: 52.25px;
        --font-size-96: 52.8px;
        --font-size-97: 53.35px;
        --font-size-98: 53.9px;
        --font-size-99: 54.45px;
        --font-size-100: 55px;
        --font-size-101: 55.55px;
        --font-size-102: 56.1px;
        --font-size-103: 56.65px;
        --font-size-104: 57.2px;
        --font-size-105: 57.75px;
        --font-size-106: 58.3px;
        --font-size-107: 58.85px;
        --font-size-108: 59.4px;
        --font-size-109: 59.95px;
        --font-size-110: 60.5px;
        --font-size-111: 61.05px;
        --font-size-112: 61.6px;
        --font-size-113: 62.15px;
        --font-size-114: 62.7px;
        --font-size-115: 63.25px;
        --font-size-116: 63.8px;
        --font-size-117: 64.35px;
        --font-size-118: 64.9px;
        --font-size-119: 65.45px;
        --font-size-120: 66px;
    }
}

@media (max-width: 767px) {
    :root {
        --spacer-1: 2px;
        --spacer-2: 4px;
        --spacer-3: 6px;
        --spacer-4: 8px;
        --spacer-5: 10px;
        --spacer-6: 12px;
        --spacer-7: 14px;
        --spacer-8: 16px;
        --spacer-9: 18px;
        --spacer-10: 20px;
        --spacer-11: 22px;
        --spacer-12: 24px;
        --spacer-13: 26px;
        --spacer-14: 28px;
        --spacer-15: 30px;
        --spacer-16: 32px;
        --spacer-17: 34px;
        --spacer-18: 36px;
        --spacer-19: 38px;
        --spacer-20: 40px;
        --spacer-21: 31.5px;
        --spacer-22: 33px;
        --spacer-23: 34.5px;
        --spacer-24: 36px;
        --spacer-25: 37.5px;
        --spacer-26: 39px;
        --spacer-27: 40.5px;
        --spacer-28: 42px;
        --spacer-29: 43.5px;
        --spacer-30: 30px;
        --spacer-31: 31px;
        --spacer-32: 32px;
        --spacer-33: 33px;
        --spacer-34: 34px;
        --spacer-35: 35px;
        --spacer-36: 36px;
        --spacer-37: 37px;
        --spacer-38: 38px;
        --spacer-39: 39px;
        --spacer-40: 40px;
        --font-size-10: 8.5px;
        --font-size-11: 9.35px;
        --font-size-12: 10.2px;
        --font-size-13: 11.05px;
        --font-size-14: 11.9px;
        --font-size-15: 12px;
        --font-size-16: 12.8px;
        --font-size-17: 13.6px;
        --font-size-18: 14.4px;
        --font-size-19: 14.25px;
        --font-size-20: 15px;
        --font-size-21: 15.75px;
        --font-size-22: 16.5px;
        --font-size-23: 17.25px;
        --font-size-24: 18px;
        --font-size-25: 18.75px;
        --font-size-26: 19.5px;
        --font-size-27: 20.25px;
        --font-size-28: 21px;
        --font-size-29: 20.3px;
        --font-size-30: 21px;
        --font-size-31: 21.7px;
        --font-size-32: 22.4px;
        --font-size-33: 23.1px;
        --font-size-34: 23.8px;
        --font-size-35: 24.5px;
        --font-size-36: 25.2px;
        --font-size-37: 20.35px;
        --font-size-38: 20.9px;
        --font-size-39: 21.45px;
        --font-size-40: 22px;
        --font-size-41: 22.55px;
        --font-size-42: 23.1px;
        --font-size-43: 23.65px;
        --font-size-44: 24.2px;
        --font-size-45: 24.75px;
        --font-size-46: 25.3px;
        --font-size-47: 25.85px;
        --font-size-48: 26.4px;
        --font-size-49: 26.95px;
        --font-size-50: 27.5px;
        --font-size-51: 28.05px;
        --font-size-52: 28.6px;
        --font-size-53: 29.15px;
        --font-size-54: 29.7px;
        --font-size-55: 30.25px;
        --font-size-56: 30.8px;
        --font-size-57: 31.35px;
        --font-size-58: 31.9px;
        --font-size-59: 32.45px;
        --font-size-60: 33px;
        --font-size-61: 33.55px;
        --font-size-62: 34.1px;
        --font-size-63: 34.65px;
        --font-size-64: 35.2px;
        --font-size-65: 35.75px;
        --font-size-66: 36.3px;
        --font-size-67: 36.85px;
        --font-size-68: 37.4px;
        --font-size-69: 37.95px;
        --font-size-70: 38.5px;
        --font-size-71: 39.05px;
        --font-size-72: 39.6px;
        --font-size-73: 40.15px;
        --font-size-74: 40.7px;
        --font-size-75: 41.25px;
        --font-size-76: 41.8px;
        --font-size-77: 42.35px;
        --font-size-78: 42.9px;
        --font-size-79: 43.45px;
        --font-size-80: 44px;
        --font-size-81: 44.55px;
        --font-size-82: 45.1px;
        --font-size-83: 45.65px;
        --font-size-84: 46.2px;
        --font-size-85: 38.25px;
        --font-size-86: 38.7px;
        --font-size-87: 39.15px;
        --font-size-88: 39.6px;
        --font-size-89: 40.05px;
        --font-size-90: 40.5px;
        --font-size-91: 40.95px;
        --font-size-92: 41.4px;
        --font-size-93: 41.85px;
        --font-size-94: 42.3px;
        --font-size-95: 42.75px;
        --font-size-96: 43.2px;
        --font-size-97: 43.65px;
        --font-size-98: 44.1px;
        --font-size-99: 44.55px;
        --font-size-100: 45px;
        --font-size-101: 45.45px;
        --font-size-102: 45.9px;
        --font-size-103: 46.35px;
        --font-size-104: 46.8px;
        --font-size-105: 47.25px;
        --font-size-106: 47.7px;
        --font-size-107: 48.15px;
        --font-size-108: 48.6px;
        --font-size-109: 49.05px;
        --font-size-110: 49.5px;
        --font-size-111: 49.95px;
        --font-size-112: 50.4px;
        --font-size-113: 50.85px;
        --font-size-114: 51.3px;
        --font-size-115: 51.75px;
        --font-size-116: 52.2px;
        --font-size-117: 52.65px;
        --font-size-118: 53.1px;
        --font-size-119: 53.55px;
        --font-size-120: 54px;
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>.col,
.row.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 768px) {
    .row.no-sm-gutters {
        margin-right: 0;
        margin-left: 0;
    }

    .row.no-sm-gutters>.col,
    .row.no-sm-gutters>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.splide__arrow {
    opacity: 1;
    background-color: transparent;
}

.splide__arrow svg {
    fill: #ffffff;
    height: 1.2em;
    width: 1.2em;
}

.splide__arrow:focus-visible {
    outline: none;
}

.splide__arrow--prev,
.splide__arrow--next {
    width: auto;
}

.splide__arrow--prev {
    left: 0;
}

.splide__arrow--next {
    right: 0;
}

.splide__pagination {
    bottom: 2em;
}

.splide__pagination__page {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: 0.475rem;
    margin-right: 0.475rem;
    background-color: #ffffff;
    opacity: 1;
}

.splide__pagination__page.is-active {
    transform: none;
    background-color: #fcd700;
}

.carousel .splide__arrow svg {
    fill: #9f9f9f;
}

.carousel .splide__arrow--prev {
    left: -30px;
}

.carousel .splide__arrow--next {
    right: -30px;
}

.carousel .splide__pagination {
    bottom: -1.875rem;
}

::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}

::-webkit-scrollbar-track {
    background: #f3f3f1;
}

::-webkit-scrollbar-thumb {
    background: #f9c300;
}

.openbox-overlay,
.navigation-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

h1,
.h1 {
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    margin-bottom: var(--gutter);
}

h2,
.h2 {
    line-height: calc(var(--font-size-28) + 8px);
    font-size: var(--font-size-28);
    margin-bottom: var(--gutter);
}

h3,
.h3 {
    line-height: calc(var(--font-size-24) + 8px);
    font-size: var(--font-size-24);
    margin-bottom: var(--gutter);
}

h4,
.h4 {
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    margin-bottom: var(--gutter);
}

h5,
.h5 {
    font-size: 1.6rem;
    margin-bottom: var(--gutter);
}

h6,
.h6 {
    font-size: 1.2rem;
    margin-bottom: var(--gutter);
}

p {
    margin-bottom: var(--gutter);
}

body.mobile-menu-content-active {
    position: fixed;
    overflow: hidden;
    right: 420px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

@media (max-width: 767px) {
    body.mobile-menu-content-active {
        right: 320px;
    }
}

@media (max-width: 374px) {
    body.mobile-menu-content-active {
        right: 280px;
    }
}

body.mobile-menu-content-active #mobile-navigation {
    right: 0;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1);
}

body.mobile-menu-content-active .mobile-menu-content-overlay {
    display: block;
}

#mobile-navigation {
    position: fixed;
    top: 0;
    right: -420px;
    width: 420px;
    height: 100%;
    z-index: 999;
    transition: all 0.2s linear;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
    #mobile-navigation {
        width: 280px;
    }
}

#mobile-navigation .mobile-navigation {
    overflow: hidden;
    position: relative;
}

#mobile-navigation .mobile-navigation ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size: var(--font-size-18);
    font-weight: 400;
    padding: var(--spacer-6) var(--spacer-4);
    border-bottom: 1px solid #c8d3d7;
}

@media (max-width: 767px) {
    #mobile-navigation .mobile-navigation ul li a {
        padding: var(--spacer-8) var(--spacer-6);
    }
}

#mobile-navigation .mobile-navigation ul li a>div {
    display: flex;
    align-items: center;
}

#mobile-navigation .mobile-navigation ul li a>div>div {
    margin-right: var(--spacer-6);
}

#mobile-navigation .mobile-navigation ul li a>div>div img {
    width: 30px;
    height: 30px;
    object-fit: scale-down;
}

#mobile-navigation .mobile-navigation ul li.has-sub-category>div {
    overflow: hidden;
}

#mobile-navigation .mobile-navigation ul li.has-sub-category>div .mobile-navigation-back a {
    justify-content: flex-end;
}

#mobile-navigation .mobile-navigation ul li.has-sub-category>div .mobile-navigation-back a span {
    margin-left: var(--spacer-6);
}

#mobile-navigation .mobile-navigation ul li.has-sub-category>div .mobile-navigation-parent a {
    font-weight: 700;
    font-size: var(--font-size-18);
}

#mobile-navigation .mobile-navigation ul li.has-sub-category.active>div {
    left: 0;
    overflow: visible;
}

#mobile-navigation .mobile-navigation-title {
    position: relative;
    color: #fff;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 700;
    text-transform: uppercase;
    padding-inline: var(--spacer-6);
    background-color: #fcb017;
}

@media (max-width: 1199px) {
    #mobile-navigation .mobile-navigation-title {
        padding-block: var(--spacer-6);
    }
}

@media (max-width: 767px) {
    #mobile-navigation .mobile-navigation-title {
        padding-block: var(--spacer-8);
    }
}

#mobile-navigation .mobile-navigation-title .openbox-close {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 25%;
    height: 100%;
    padding-right: var(--spacer-6);
    cursor: pointer;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[stroke] {
    fill: none;
    stroke: #fff;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[fill] {
    fill: #fff;
    stroke: none;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[stroke][fill] {
    fill: #fff;
    stroke: #fff;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[stroke="none"][fill="none"] {
    fill: none;
    stroke: none;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[fill="none"] {
    fill: none;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg[stroke="none"] {
    stroke: none;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg path[stroke],
#mobile-navigation .mobile-navigation-title .openbox-close>svg rect[stroke],
#mobile-navigation .mobile-navigation-title .openbox-close>svg line[stroke],
#mobile-navigation .mobile-navigation-title .openbox-close>svg circle[stroke] {
    fill: none;
    stroke: #fff;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg path[fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg rect[fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg line[fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg circle[fill] {
    fill: #fff;
    stroke: none;
}

#mobile-navigation .mobile-navigation-title .openbox-close>svg path[stroke][fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg rect[stroke][fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg line[stroke][fill],
#mobile-navigation .mobile-navigation-title .openbox-close>svg circle[stroke][fill] {
    fill: #fff;
    stroke: #fff;
}

@media (max-width: 767px) {
    #mobile-navigation .mobile-navigation-title .openbox-close svg {
        width: 50%;
        height: 50%;
    }
}

#mobile-navigation .mobile-navigation-user-menu .mobile-navigation-user-menu-title {
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 700;
    text-transform: uppercase;
    padding: var(--spacer-6) var(--spacer-6) 0;
}

#mobile-navigation .mobile-navigation-user-menu .mobile-navigation-user-menu-content {
    display: flex;
    align-items: center;
    padding: var(--spacer-6);
    gap: var(--spacer-6);
    border-bottom: 1px solid #c8d3d7;
}

#mobile-navigation .mobile-navigation-user-menu .mobile-navigation-user-menu-content>a {
    position: relative;
    flex: 1 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    line-height: calc(var(--font-size-18) + 8px);
    font-size: var(--font-size-18);
    color: #000;
    font-weight: 400;
    border: 1px solid #c8d3d7;
    background-color: #f3f3f1;
    border-radius: 8px;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-title {
    color: #000;
    line-height: calc(var(--font-size-20) + 8px);
    font-size: var(--font-size-20);
    font-weight: 700;
    text-transform: uppercase;
    padding: var(--spacer-6) var(--spacer-6) 0;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gutter);
    padding: var(--spacer-8) var(--spacer-4) var(--spacer-4);
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #c8d3d7;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.2s linear;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg {
    transition: all 0.2s linear;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg path,
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg rect,
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg line,
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg circle {
    transition: all 0.2s linear;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[stroke] {
    fill: none;
    stroke: #000;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[fill] {
    fill: #000;
    stroke: none;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[stroke][fill] {
    fill: #000;
    stroke: #000;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[stroke="none"][fill="none"] {
    fill: none;
    stroke: none;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[fill="none"] {
    fill: none;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg[stroke="none"] {
    stroke: none;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg path[stroke],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg rect[stroke],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg line[stroke],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg circle[stroke] {
    fill: none;
    stroke: #000;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg path[fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg rect[fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg line[fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg circle[fill] {
    fill: #000;
    stroke: none;
}

#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg path[stroke][fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg rect[stroke][fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg line[stroke][fill],
#mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a>svg circle[stroke][fill] {
    fill: #000;
    stroke: #000;
}

@media (max-width: 767px) {
    #mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a {
        width: 36px;
        height: 36px;
    }

    #mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a svg {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 374px) {
    #mobile-navigation .mobile-navigation-social .mobile-navigation-social-content div a {
        width: 30px;
        height: 30px;
    }
}

#mobile-navigation .category-level-2,
#mobile-navigation .category-level-3 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    transition: all 0.2s linear;
    z-index: 2;
}

#mobile-navigation .category-level-2 ul,
#mobile-navigation .category-level-3 ul {
    padding: 0 var(--spacer-8);
}

#mobile-navigation .category-level-2 ul>li>a,
#mobile-navigation .category-level-3 ul>li>a {
    color: #000;
    font-size: var(--font-size-16);
    font-weight: 400;
    padding: var(--spacer-6) 0;
    border-color: #c8d3d7;
}

@media (max-width: 767px) {

    #mobile-navigation .category-level-2 ul>li>a,
    #mobile-navigation .category-level-3 ul>li>a {
        padding: var(--spacer-8) 0;
    }
}

.form-control {
    color: #000;
    font-size: var(--font-size-13);
    border-radius: 8px;
    border: 1px solid #c8d3d7;
}

.form-control::placeholder {
    color: #000;
}

.form-group .required {
    font-size: var(--font-size-14);
}

@media (max-width: 767px) {
    .form-group .required {
        right: 12px;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.form-control:focus {
    -webkit-box-shadow: 0 0 3px 1px #f0f0f0 !important;
    box-shadow: 0 0 3px 1px #f0f0f0 !important;
}

.form-group select.form-control:not([size]):not([multiple]),
.form-group select:not([size]) {
    height: 48px;
}

.btn {
    font-size: var(--font-size-16);
    border-radius: 8px;
    transition: all 0.2s linear;
}

.btn.btn-primary {
    color: #fff;
    background: #f9c300;
}

.btn.btn-primary:not(.btn-loading):active,
.btn.btn-primary:not(.btn-loading).active,
.btn.btn-primary:not(.btn-loading):hover,
.btn.btn-primary:not(.btn-loading).hover,
.btn.btn-primary:not([disabled]):not(.disabled):active,
.btn.btn-primary:not([disabled]):not(.disabled).active {
    background: #ffd12d;
    color: #fff;
}

.btn.btn-secondary {
    color: #000;
    background: #c8d3d7;
}

.btn.btn-secondary:not(.btn-loading):active,
.btn.btn-secondary:not(.btn-loading).active,
.btn.btn-secondary:not(.btn-loading):hover,
.btn.btn-secondary:not(.btn-loading).hover {
    color: #000;
    background: #aabbc2;
}

.btn-loading:before {
    border-top-color: #f9c300;
}

.loader .ball-pulse>div {
    background-color: #f9c300;
}

.loading>div {
    border-top-color: #f9c300;
    border-bottom-color: #f9c300;
}

.loading-bar .loader {
    background: #f9c300;
}

.control-label {
    color: #000;
    font-size: var(--font-size-13);
}

.fancybox-slide>* {
    display: block;
}

.zoomContainer .zoomWindow {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #ffffff;
}

@media (max-width: 991px) {
    .zoomContainer {
        display: none !important;
    }
}

.boxed-text {
    max-width: 650px;
    margin: 0 auto;
    text-align: justify;
}

@media (max-width: 991px) {
    .boxed-text {
        text-align: inherit;
    }
}

.alignleft {
    display: inline;
    float: left;
    margin-right: calc(var(--gutter) * 4);
    margin-bottom: calc(var(--gutter) * 4);
    clear: both;
}

.alignright {
    display: inline;
    float: right;
    margin-left: calc(var(--gutter) * 4);
    margin-bottom: calc(var(--gutter) * 4);
    clear: both;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
    margin-bottom: calc(var(--gutter) * 4);
}

.p-title {
    color: #f9c300;
    line-height: calc(var(--font-size-32) + 8px);
    font-size: var(--font-size-32);
    font-weight: 600;
    margin-bottom: var(--spacer-5);
}

.awards-item {
    margin-bottom: calc(var(--gutter) * 2);

    .awards-item-image {
        position: relative;
        display: block;
        overflow: hidden;
        aspect-ratio: 1;
        background: #fff;

        img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: block;
            max-width: 80%;
            max-height: 80%;
        }
    }

    .awards-item-content {
        padding-top: var(--spacer-4);

        .awards-item-title {
            color: #f9c300;
            line-height: calc(var(--font-size-20) + 8px);
            font-size: var(--font-size-20);
            font-weight: 500;
            margin-bottom: var(--spacer-2);
        }

        .awards-item-sub-title {
            color: #000;
            line-height: calc(var(--font-size-16) + 8px);
            font-size: var(--font-size-16);
            font-weight: 300;
        }
    }
}

.contact-us-item-content {
    .phone {
        max-width: 120px;
        margin-inline: auto;
        text-align: left;
    }
}

.recent-posts-thumbnail.recent-posts-thumbnail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f3f3f1;
}

#navigation .navigation-level-1>ul>li:last-child>a {
    color: #000;
    font-weight: 600;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f9c300 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2311 5.75C14.2311 5.28587 14.0488 4.84075 13.7244 4.51257C13.3998 4.18437 12.9597 4 12.5009 4C12.042 4 11.6019 4.18437 11.2774 4.51257C10.9529 4.84075 10.7706 5.28587 10.7706 5.75M18.7817 9.859L19.9799 17.734C20.0178 17.9832 20.0019 18.2379 19.9335 18.4803C19.8651 18.7228 19.7457 18.9475 19.5834 19.1389C19.4211 19.3304 19.2198 19.4841 18.9934 19.5896C18.7669 19.695 18.5206 19.7498 18.2712 19.75H6.73046C6.48098 19.75 6.23445 19.6955 6.00777 19.5901C5.78109 19.4848 5.57961 19.331 5.41715 19.1396C5.25469 18.9481 5.1351 18.7233 5.06657 18.4808C4.99803 18.2381 4.98219 17.9834 5.02011 17.734L6.21831 9.859C6.28116 9.44568 6.48829 9.06872 6.8022 8.79647C7.11611 8.5243 7.51603 8.37475 7.92953 8.37497H17.0722C17.4855 8.37497 17.8853 8.5246 18.199 8.79678C18.5127 9.06895 18.7188 9.44583 18.7817 9.859Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 4px center;
}

#navigation .navigation-level-1>ul>li:last-child>a>span {
    padding-right: 24px;
}

.header-left {
    display: flex;
    align-items: center;
    gap: var(--spacer-4);
}

.online-store>a {
    display: inline-flex;
    align-items: center;
    color: #000;
    line-height: 24px;
    font-size: var(--font-size-12);
    font-weight: 600;
    gap: var(--spacer-2);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: var(--spacer-2);
    background: #f9c300;
}

.mobile-menu>a {
    line-height: 12px !important;
}

.blog-list-container .row {
    row-gap: calc(var(--gutter) * 2);
}