/*
Theme Name: Flatsome Child
Theme URI: univn.vn
Description: This is a child theme for Flatsome Theme
Author: Van NA
Template: flatsome
Version: 3.0
Text Domain: shtheme
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --color-white: #ffffff;
    --color-gray: #141623;
    --color-body: #747474;
}
html,
body {
    font-family:
        "ui-sans-serif",
        "system-ui",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        "Noto Sans",
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
    font-size: 16px;
    line-height: 1.5;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
th,
span.widget-title {
    font-weight: 600;
}
b,
strong {
    font-weight: 600;
}
.uppercase,
h6,
th,
span.widget-title {
    letter-spacing: 0;
}
td {
    color: inherit;
}
.text-box .text {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.button,
input[type="submit"],
input[type="submit"].button,
input[type="reset"].button,
input[type="button"].button {
    font-weight: 500;
    letter-spacing: 0;
}
.button.is-outline,
input[type="submit"].is-outline,
input[type="reset"].is-outline,
input[type="button"].is-outline {
    border-width: 1px;
}
.button.is-outline {
    color: inherit;
    line-height: calc(2.5em - 2px);
}
select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    padding-right: 1.6em;
}
.box-text {
    font-size: 1em;
}
.breadcrumbs {
    font-size: 0.875rem;
    text-transform: none;
}
.breadcrumbs a {
    color: inherit;
}
figure.aligncenter {
    margin: 15px auto;
}
.wp-caption .wp-caption-text {
    background: transparent;
    font-style: normal;
}
img.size-full.alignnone {
    margin-bottom: 0;
}
.dark i.flat {
    background-color: #ffffff;
}
/*--------------------------------------------------------------
## Header 
--------------------------------------------------------------*/
.nav-dark .is-outline,
.dark .nav > li > a,
.dark .nav > li.html,
.dark .nav-vertical li li.menu-item-has-children > a,
.dark .nav-vertical > li > ul li a,
.nav-dropdown.dark > li > a,
.nav-dropdown.dark .nav-column > li > a,
.nav-dark .nav > li > a,
.nav-dark .nav > li > button {
    color: #fff;
}
.nav > li > a,
.nav-dropdown > li > a,
.nav-column > li > a {
    color: inherit;
}
/* Header Template Element */
.nav-click {
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block;
    z-index: 999;
}
.nav-click span,
.nav-click::after,
.nav-click::before {
    content: "";
    background-color: #000;
    position: absolute;
    height: 2px;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.nav-dark .nav-click span,
.nav-dark .nav-click::after,
.nav-dark .nav-click::before {
    background-color: #fff;
}
.nav-click::after,
.nav-click::before {
    top: 6px;
    right: 0;
    width: 18px;
    transform-origin: 50% 50%;
}
.nav-click::after {
    top: 23px;
    width: 30px;
}
.nav-click span {
    top: 15px;
    right: 0;
    width: 24px;
}
@media only screen and (min-width: 850px) {
    .nav-click {
        width: 38px;
        height: 38px;
    }
    .nav-click span,
    .nav-click::after,
    .nav-click::before {
        height: 3px;
    }
    .nav-click::after,
    .nav-click::before {
        top: 9px;
        width: 25px;
    }
    .nav-click::after {
        top: 27px;
        width: 35px;
    }
    .nav-click span {
        top: 18px;
        width: 31px;
    }
}
.has-off-canvas .current-lightbox-clicked .nav-click span {
    opacity: 0;
}
.has-off-canvas .current-lightbox-clicked .nav-click::before {
    width: 70%;
    left: 17%;
    transform: rotate3d(0, 0, 1, 45deg);
    top: 43%;
}
.has-off-canvas .current-lightbox-clicked .nav-click::after {
    width: 70%;
    left: 15%;
    transform: rotate3d(0, 0, 1, -45deg);
    top: 41%;
}
/*--------------------------------------------------------------
## Widget 
--------------------------------------------------------------*/
#shop-sidebar .widget,
.shop-sidebar .widget,
.post-sidebar .widget {
    border: 1px solid #111111;
    padding: 22px 20px;
    border-radius: 10px;
    background: #fff;
}
#shop-sidebar .widget-title,
.shop-sidebar .widget-title,
.post-sidebar .widget-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #111111;
    text-transform: uppercase;
    display: block;
}
#shop-sidebar .is-divider,
.shop-sidebar .is-divider,
.post-sidebar .is-divider {
    width: 100%;
    max-width: 100%;
    height: 1px;
    background-color: #222222;
    margin-bottom: 18px;
    margin-top: 5px;
}
#shop-sidebar ul.menu > li > a,
.shop-sidebar ul.menu > li > a,
.post-sidebar ul.menu > li > a {
    font-weight: 500;
}
#.shop-sidebar ul.menu > li ul,
.shop-sidebar ul.menu > li ul,
.post-sidebar ul.menu > li ul {
    border: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.widget_list_posts__alignleft .post-item {
    padding-bottom: 18px;
}
.widget_list_posts__alignleft .post-item:last-child {
    padding-bottom: 0;
}
.widget_list_posts__alignleft .box .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.widget_list_posts__alignleft .box .box-text {
    padding-top: 0;
    padding-bottom: 0;
}
.widget_list_posts__alignleft .box .post-title {
    font-size: 14px;
    color: #333;
    margin-top: 0;
    margin-bottom: 8px;
}
.widget_list_posts__alignleft .box .post-title a {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.widget_list_posts__alignleft .box.box-vertical .box-text {
    vertical-align: top;
    padding-right: 0;
    padding-left: 15px;
}
/* Widget Recent Posts */
.post-sidebar .widget_recent_entries ul li {
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc;
}
.post-sidebar .widget_recent_entries ul li:last-child {
    border-bottom: none;
}
.post-sidebar .widget_recent_entries ul li .post-date {
    display: block;
}
/* Widget Recent Posts */
.widget_list_posts .post-item {
    padding-bottom: 0;
}
.widget_list_posts .post-item:not(:last-child) .col-inner {
    margin-bottom: 20px;
}
.widget_list_posts .blog-col-inner .post-title {
    font-size: 0.875rem;
    line-height: 1.4;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.8em;
    width: auto;
    margin: 0 0 5px 0;
}
.widget_list_posts .from_the_blog_excerpt {
    font-size: 0.875rem;
}
@media screen and (min-width: 550px) {
    .widget_list_posts .box-vertical {
        display: flex;
    }
    .widget_list_posts .box-vertical .box-image {
        flex: 0 0 30%;
    }
    .widget_list_posts .box-vertical .box-text {
        padding: 0 0 0 20px;
    }
    .widget_list_posts__alignright .box-vertical .box-text {
        order: -1;
        padding: 0 20px 0 0;
    }
}
/* Widget Information */
.widget_information ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget_information ul li {
    padding: 6px 0 6px 1.375em;
    position: relative;
}
.widget_information ul li + li {
    border-top: none;
}
.widget_information ul li.hidden_icon {
    padding-left: 0;
}
.widget_information ul li.hidden_icon i {
    display: none;
}
.widget_information li i {
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 1em;
    height: 1em;
    text-align: center;
}
/* Widget Social */
.widget_social .list-social {
    column-gap: 10px;
}
.widget_social .list-social li {
    border: 0;
}
.widget_social .list-social a {
    width: 40px;
    height: 40px;
    box-shadow: var(--shadow-1);
    border-radius: 99px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-white);
}
.widget_social .list-social a i {
    width: 1.25rem;
    height: 1.25rem;
}
/*--------------------------------------------------------------
## Shortcode 
--------------------------------------------------------------*/
/* Shortcode Blog */
.sh-blog-shortcode.layout-1 .box-image {
    float: left;
    width: 25%;
    margin-right: 15px;
}
.sh-blog-shortcode.layout-5 .box-image {
    float: left;
    width: 30%;
    margin-right: 15px;
}
.sh-blog-shortcode.layout-6 .first-element-layout .post-title {
    margin: 15px 0 10px 0;
}
.sh-blog-shortcode.layout-6 .second-element-layout .element:not(:last-child) {
    margin-bottom: 15px;
}
.sh-blog-shortcode.layout-6 .second-element-layout .element:last-child {
    margin-bottom: 0;
}
.sh-blog-shortcode.layout-6 .second-element-layout .col-inner {
    overflow: hidden;
}
.sh-blog-shortcode.layout-6 .second-element-layout .box-image {
    float: left;
    width: 30%;
    margin-right: 1em;
}
.sh-blog-shortcode.layout-6 .second-element-layout .box-image .image-zoom {
    padding-top: 62%;
}
.sh-blog-shortcode.layout-6 .second-element-layout .post-title {
    margin-top: 0;
    font-size: 0.875rem;
}
.sh-blog-shortcode.layout-7 .first-element-layout .element .box-image {
    float: left;
    width: 30%;
    margin-right: 20px;
}
.sh-blog-shortcode.layout-7 .first-element-layout .element .post-title {
    margin: 0 0 5px 0;
}
.sh-blog-shortcode.layout-7 .second-element-layout {
    margin-bottom: 20px;
}
.sh-blog-shortcode.layout-7 .second-element-layout .element {
    margin-bottom: 5px;
}
.sh-blog-shortcode.layout-7 .second-element-layout .element .post-title {
    margin: 0;
}
.sh-blog-shortcode.layout-7
    .second-element-layout
    .element
    .post-title
    a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #337ab7;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.sh-blog-shortcode.layout-8 .element .col-inner {
    position: relative;
}
.sh-blog-shortcode.layout-8 .element .entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 10px;
}
.sh-blog-shortcode.layout-8 .element .post-title {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0;
}
.sh-blog-shortcode.layout-8 .element .post-title a {
    display: block;
}
/* Shortcode Title Product */
.uni-titlepro ul li {
    margin-left: 0;
    display: block;
}
.uni-titlepro .open-subcat {
    white-space: nowrap;
    cursor: pointer;
}
@media only screen and (min-width: 850px) {
    .uni-titlepro {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }
    .uni-titlepro .open-subcat {
        display: none;
    }
    .uni-titlepro ul li {
        display: inline-block;
    }
    .uni-titlepro li + li {
        margin-left: 30px;
    }
}
@media only screen and (max-width: 849.99px) {
    .uni-titlepro__main {
        display: flex;
        justify-content: space-between;
    }
    .uni-titlepro ul {
        display: none;
        overflow: hidden;
        margin-left: -5px;
        margin-right: -5px;
    }
    .uni-titlepro ul li {
        float: left;
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .uni-titlepro ul li:last-child {
        width: 100%;
    }
}
/* Shortcode Custom Menu */
.uni_custom_menu ul.menu li {
    border: none;
}
/* UX Shortcode */
.ux-menu-link__link {
    min-height: unset;
}
.ux-menu-title {
    font-size: 100%;
}
/* Category */
.box-blog-post .post-title {
    font-size: 1rem;
    margin: 0 0 10px;
}
.box-blog-post .post-title a {
    margin: 0;
}
.box-blog-post .is-divider {
    display: none;
}
.box-blog-post .from_the_blog_excerpt {
    font-size: 0.875rem;
}
ul.links li {
    margin: 0 0.4em !important;
}
.nav-pagination > li > span,
.nav-pagination > li > a {
    border: none;
    border-radius: 6px;
    height: 2.25em;
    line-height: 2.25em;
}
/* Single Post */
.entry-header h1.entry-title {
    font-size: 1.5rem;
}
.entry-header h1.entry-title + .is-divider {
    display: none;
}
.entry-header-text-top {
    padding-bottom: 0;
}
.related-products-wrapper .flickity-button,
.uni_product .uni-flickity-slider .flickity-button,
.related-posts .flickity-button {
    width: 30px !important;
    height: 30px !important;
    min-width: unset !important;
    min-height: unset !important;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 0 !important;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.related-products-wrapper .flickity-button svg,
.uni_product .uni-flickity-slider .flickity-button svg,
.related-posts .flickity-button svg {
    width: 100% !important;
    height: 100% !important;
    padding: 8px !important;
}
.related-posts-title {
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.2;
    margin-bottom: 25px;
}
/* Wpcf7 */
.wpcf7-form {
    margin-bottom: 0;
}
.wpcf7-form p {
    margin-bottom: 0;
}
.wpcf7 .button {
    min-width: 100px;
    margin-bottom: 0;
}
.wpcf7 .wpcf7-response-output {
    border-radius: 0;
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
    font-size: 0.9em;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 1em;
}
.wpcf7 .wpcf7-spinner {
    display: none !important;
}
/* Template - Header */
.header-cart-title {
    line-height: 1.2;
}
.header li.cart-item > a {
    display: inline-flex;
    flex-direction: row-reverse;
}
.header li.cart-item span + .image-icon {
    margin-left: 0;
    margin-right: 10px;
}
/* Footer */
.footer-wrapper .widget {
    margin-bottom: 0;
}
.footer-wrapper .widget-title {
    position: relative;
    font-size: 1.125em;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.footer-wrapper .widget-title:before {
    content: "";
    background-color: var(--primary-color);
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer-wrapper .widget_information {
    color: rgba(255, 255, 255, 0.6);
}
.footer-wrapper .widget_information li span {
    display: block;
    color: #ffffff;
}
.absolute-footer {
    border-top: 1px solid #556173;
    padding: 15px 0 15px;
}
@media only screen and (min-width: 850px) {
    .footer-secondary {
        padding: 0;
    }
    .footer-primary {
        margin-top: 4px;
    }
}
.footer-secondary .button {
    margin-bottom: 0;
}
/* Top Link */
#top-link {
    background-color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0;
}
#top-link i {
    font-size: 22px;
    color: #ffffff;
}
.block-contact {
    position: fixed;
    right: 20px;
    bottom: 10%;
    z-index: 999;
}
.block-contact .list-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 24px auto;
    position: relative;
    width: 50px;
    aspect-ratio: 1/1;
}
.block-contact .list-contact a img {
    width: 50px;
    aspect-ratio: 1/1;
}
.block-contact .is-animating img {
    animation: phone-outer 1s infinite;
    width: 36px !important;
    height: 36px;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 rgba(219, 52, 52, 0),
        0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.phone-fixed-2 {
    transition-duration: 0.3s;
    position: absolute;
    z-index: 99;
    display: block;
    margin: 0;
    width: 50px;
    height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(236, 69, 69, 0.50196078) !important;
    border-radius: 99px;
    box-shadow:
        0 0 0 0 rgba(219, 52, 52, 0),
        0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
    animation: phone-outer 2s infinite;
}
.zalo-fixed-2 {
    transition-duration: 0.3s;
    position: absolute;
    z-index: 99;
    display: block;
    margin: 0;
    width: 50px;
    height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 102, 255, 0.425) !important;
    border-radius: 99px;
    box-shadow:
        0 0 0 0 rgba(219, 52, 52, 0),
        0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
    animation: phone-outer 2s infinite;
}
.facebook-fixed-2 {
    transition-duration: 0.3s;
    position: absolute;
    z-index: 99;
    display: block;
    margin: 0;
    width: 50px;
    height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(24, 118, 242, 0.412) !important;
    border-radius: 99px;
    box-shadow:
        0 0 0 0 rgba(219, 52, 52, 0),
        0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
    animation: phone-outer 2s infinite;
}
/* .register-form {
    width: 46px !important;
    right: 2px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0 0 8px 0 var(--color-primary);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    border: 1px solid #fff;
}
.register-form:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 10px;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.5);
    animation: shiny-btn1 3s ease-in-out infinite;
    transform-origin: center;
}
.register-form:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0, 93, 172, 0.31372549);
    animation: scaleEffect infinite 2s;
    border-radius: 50%;
}
.register-form i {
    background-color: var(--color-white);
    width: 20px;
    height: 20px;
    line-height: 20px;
} */
@-webkit-keyframes shiny-btn1 {
    0% {
        transform-origin: center;
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }
    80% {
        transform-origin: center;
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }
    81% {
        transform-origin: center;
        transform: scale(1.5) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform-origin: center;
        transform: scale(5) rotate(45deg);
        opacity: 0;
    }
}
@keyframes scaleEffect {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    1% {
        opacity: 0.9;
    }
    50% {
        opacity: 0.5;
    }
    80% {
        width: 140%;
        height: 140%;
    }
    90% {
        opacity: 0.3;
    }
    100% {
        opacity: 0;
    }
}
@keyframes phone-outer {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.progress-wrap {
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF" class="w-6 h-6"><path fill-rule="evenodd" d="M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" clip-rule="evenodd" /></svg>');
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.progress-wrap::after {
    content: "";
    position: absolute;
    text-align: center;
    font-size: 16px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--primary-color);
    border-radius: 99px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 37px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
    background-color: #105ca8;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: var(--primary-color);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@-webkit-keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}
/*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
#dark-breadcrumbs {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#dark-breadcrumbs .flat-breadcrumbs {
    margin-bottom: 5px;
}
#dark-breadcrumbs h1 {
    margin-bottom: 0;
    font-size: 24px;
}
/* button */
.radius-5 {
    border-radius: 5px;
    overflow: hidden;
}
.m-0 {
    margin: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
.w-full {
    width: 100% !important;
}
.h-full {
    height: 100% !important;
}
.pb-col-0 .flickity-slider > .col,
.pb-col-0 > .col {
    padding-bottom: 0 !important;
}
.line-last-0 > *:not(style):last-child,
.line-last-0 > *:not(style):has(+ style:last-child) {
    margin-bottom: 0 !important;
}
.container .row,
.row .row {
    max-width: 200% !important;
}
.contact-section .widget_information ul li span {
    display: block;
}
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-tel,
.wpcf7-form .wpcf7-url,
.wpcf7-form .wpcf7-date,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="date"] {
    width: 100%;
    height: 2.75rem;
    padding: 0 0.875rem;
    font-size: 0.9375rem;
    color: #0f172a;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    outline: none;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
}
/* === Textarea === */
.wpcf7-form .wpcf7-textarea,
.wpcf7-form textarea {
    width: 100%;
    min-height: 7rem;
    padding: 0.75rem 0.875rem;
    font-size: 0.9375rem;
    color: #0f172a;
    background-color: #f8fafc;
    border: 1.5px solid #cbd5e1;
    border-radius: 0.5rem;
    outline: none;
    resize: vertical;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
    font-family: inherit;
    line-height: 1.6;
}
/* === Focus States === */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form textarea:focus {
    border-color: #112959;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(17, 41, 89, 0.12);
}
/* === Hover States === */
.wpcf7-form input[type="text"]:hover:not(:focus),
.wpcf7-form input[type="email"]:hover:not(:focus),
.wpcf7-form input[type="tel"]:hover:not(:focus),
.wpcf7-form input[type="url"]:hover:not(:focus),
.wpcf7-form input[type="date"]:hover:not(:focus),
.wpcf7-form textarea:hover:not(:focus) {
    border-color: #94a3b8;
}
/* === Placeholder === */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #94a3b8;
    font-size: 0.875rem;
}
/* === Checkbox Group === */
.wpcf7-form .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.25rem;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 400;
    font-size: 0.9375rem;
    color: #334155;
    cursor: pointer;
    user-select: none;
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #cbd5e1;
    border-radius: 0.3125rem;
    background-color: #f8fafc;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s ease;
    margin: 0;
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: #112959;
    border-color: #112959;
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    width: 5px;
    height: 9px;
    border: 2px solid #ffffff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:hover {
    border-color: #112959;
}
/* === Radio Group === */
.wpcf7-form .wpcf7-radio {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.25rem;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 400;
    font-size: 0.9375rem;
    color: #334155;
    cursor: pointer;
    user-select: none;
}
.wpcf7-form .wpcf7-radio input[type="radio"] {
    width: 1.125rem;
    height: 1.125rem;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    background-color: #f8fafc;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s ease;
    margin: 0;
}
.wpcf7-form .wpcf7-radio input[type="radio"]:checked {
    border-color: #112959;
    background-color: #ffffff;
}
.wpcf7-form .wpcf7-radio input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #112959;
    transform: translate(-50%, -50%);
}
.wpcf7-form .wpcf7-radio input[type="radio"]:hover {
    border-color: #112959;
}
.wpcf7-form .wpcf7-submit,
.wpcf7-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3rem;
    padding: 0 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #112959;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition:
        background-color 0.15s ease,
        transform 0.1s ease,
        box-shadow 0.15s ease;
    font-family: inherit;
}
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form input[type="submit"]:hover {
    background-color: #1a3d7a;
    box-shadow: 0 4px 12px rgba(17, 41, 89, 0.3);
}
.wpcf7-form .wpcf7-submit:active,
.wpcf7-form input[type="submit"]:active {
    background-color: #0c1f45;
    transform: translateY(1px);
    box-shadow: none;
}
.wpcf7-form .wpcf7-submit:disabled,
.wpcf7-form input[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* === CF7 Validation Messages === */
.wpcf7-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.8125rem;
    color: #e53e3e;
    font-weight: 500;
}
.wpcf7-form .wpcf7-response-output {
    margin-top: 1.25rem;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    border: 1.5px solid transparent;
}
.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}
.wpcf7-form .wpcf7-mail-sent-ng,
.wpcf7-form .wpcf7-aborted {
    background-color: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-acceptance-missing {
    background-color: #fffbeb;
    border-color: #fcd34d;
    color: #92400e;
}
/* === Invalid Field Highlight === */
.wpcf7-form .wpcf7-not-valid {
    border-color: #f87171 !important;
    background-color: #ffffff !important;
}
.wpcf7-form .wpcf7-not-valid:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}
/* === Spinner === */
.wpcf7-form .wpcf7-spinner {
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(17, 41, 89, 0.2);
    border-top-color: #112959;
    border-radius: 50%;
    animation: cf7-spin 0.6s linear infinite;
    margin-left: 0.5rem;
    vertical-align: middle;
}
.wpcf7-form .wpcf7-spinner.is-active {
    display: inline-block;
}
@keyframes cf7-spin {
    to {
        transform: rotate(360deg);
    }
}
.page-wrapper,
.category-page-row {
    padding: 60px 0;
}
.general__btn {
    display: inline-flex !important;
    align-items: center;
    cursor: pointer;
    margin: 0;
    height: clamp(44px, 2.29166667vw, 2.29166667vw);
    padding: clamp(4px, 0.20833333vw, 0.20833333vw)
        clamp(60px, 3.125vw, 3.125vw) clamp(4px, 0.20833333vw, 0.20833333vw)
        clamp(24px, 1.25vw, 1.25vw);
    border-radius: 999px;
    user-select: none;
    position: relative;
    z-index: 1;
    width: fit-content;
    outline: none;
    border: none;
    box-sizing: unset;
    font-weight: 600;
}
.general__btn.primary {
    background-color: #f7ede0 !important;
    color: #191919;
}
.general__btn i.icon-angle-right::before,
i.icon-search::before,
.general__btn i.icon-angle-down::before,
.general__btn i.icon-angle-up::before,
.back-to-top i.icon-angle-up::before {
    content: "" !important;
    display: inline-block;
    width: clamp(20px, 1.04166667vw, 1.04166667vw);
    height: clamp(20px, 1.04166667vw, 1.04166667vw);
}
.general__btn.is-outline i.icon-angle-right::before,
.general__btn.white i.icon-angle-right::before {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M18.7504 6V15.75C18.7504 15.9489 18.6714 16.1397 18.5307 16.2803C18.3901 16.421 18.1993 16.5 18.0004 16.5C17.8015 16.5 17.6107 16.421 17.4701 16.2803C17.3294 16.1397 17.2504 15.9489 17.2504 15.75V7.81031L6.53104 18.5306C6.39031 18.6714 6.19944 18.7504 6.00042 18.7504C5.80139 18.7504 5.61052 18.6714 5.46979 18.5306C5.32906 18.3899 5.25 18.199 5.25 18C5.25 17.801 5.32906 17.6101 5.46979 17.4694L16.1901 6.75H8.25042C8.0515 6.75 7.86074 6.67098 7.72009 6.53033C7.57943 6.38968 7.50042 6.19891 7.50042 6C7.50042 5.80109 7.57943 5.61032 7.72009 5.46967C7.86074 5.32902 8.0515 5.25 8.25042 5.25H18.0004C18.1993 5.25 18.3901 5.32902 18.5307 5.46967C18.6714 5.61032 18.7504 5.80109 18.7504 6Z' fill='%23FFFFFF'/></svg>") !important;
}

.general__btn:not(.is-outline) i.icon-angle-right::before {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M18.7504 6V15.75C18.7504 15.9489 18.6714 16.1397 18.5307 16.2803C18.3901 16.421 18.1993 16.5 18.0004 16.5C17.8015 16.5 17.6107 16.421 17.4701 16.2803C17.3294 16.1397 17.2504 15.9489 17.2504 15.75V7.81031L6.53104 18.5306C6.39031 18.6714 6.19944 18.7504 6.00042 18.7504C5.80139 18.7504 5.61052 18.6714 5.46979 18.5306C5.32906 18.3899 5.25 18.199 5.25 18C5.25 17.801 5.32906 17.6101 5.46979 17.4694L16.1901 6.75H8.25042C8.0515 6.75 7.86074 6.67098 7.72009 6.53033C7.57943 6.38968 7.50042 6.19891 7.50042 6C7.50042 5.80109 7.57943 5.61032 7.72009 5.46967C7.86074 5.32902 8.0515 5.25 8.25042 5.25H18.0004C18.1993 5.25 18.3901 5.32902 18.5307 5.46967C18.6714 5.61032 18.7504 5.80109 18.7504 6Z' fill='%23008C4F'/></svg>");
}

i.icon-search::before {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M21.5318 20.4696L16.8378 15.7765C18.1983 14.1431 18.8767 12.048 18.7319 9.92715C18.5871 7.80629 17.6302 5.82289 16.0603 4.38956C14.4904 2.95623 12.4284 2.18333 10.3031 2.23163C8.17785 2.27993 6.15303 3.14571 4.64986 4.64888C3.14669 6.15205 2.2809 8.17687 2.2326 10.3021C2.1843 12.4274 2.95721 14.4894 4.39054 16.0593C5.82387 17.6293 7.80726 18.5861 9.92813 18.7309C12.049 18.8757 14.144 18.1973 15.7774 16.8368L20.4706 21.5308C20.5402 21.6005 20.623 21.6558 20.714 21.6935C20.8051 21.7312 20.9026 21.7506 21.0012 21.7506C21.0997 21.7506 21.1973 21.7312 21.2884 21.6935C21.3794 21.6558 21.4621 21.6005 21.5318 21.5308C21.6015 21.4612 21.6568 21.3784 21.6945 21.2874C21.7322 21.1963 21.7516 21.0988 21.7516 21.0002C21.7516 20.9017 21.7322 20.8041 21.6945 20.713C21.6568 20.622 21.6015 20.5393 21.5318 20.4696ZM3.75119 10.5002C3.75119 9.16519 4.14707 7.86015 4.88877 6.75011C5.63047 5.64008 6.68468 4.77492 7.91808 4.26403C9.15148 3.75314 10.5087 3.61946 11.818 3.87991C13.1274 4.14036 14.3302 4.78324 15.2742 5.72724C16.2182 6.67125 16.861 7.87398 17.1215 9.18335C17.3819 10.4927 17.2483 11.8499 16.7374 13.0833C16.2265 14.3167 15.3613 15.3709 14.2513 16.1126C13.1413 16.8543 11.8362 17.2502 10.5012 17.2502C8.71159 17.2482 6.99585 16.5364 5.73041 15.271C4.46497 14.0056 3.75318 12.2898 3.75119 10.5002Z' fill='%237F7F80'/></svg>");
}

.general__btn i.icon-angle-down::before {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M19.281 14.0306L12.531 20.7806C12.4614 20.8504 12.3787 20.9057 12.2876 20.9434C12.1966 20.9812 12.099 21.0006 12.0004 21.0006C11.9019 21.0006 11.8043 20.9812 11.7132 20.9434C11.6222 20.9057 11.5394 20.8504 11.4698 20.7806L4.71979 14.0306C4.57906 13.8899 4.5 13.699 4.5 13.5C4.5 13.301 4.57906 13.1101 4.71979 12.9694C4.86052 12.8286 5.05139 12.7496 5.25042 12.7496C5.44944 12.7496 5.64031 12.8286 5.78104 12.9694L11.2504 18.4397V3.75C11.2504 3.55109 11.3294 3.36032 11.4701 3.21967C11.6107 3.07902 11.8015 3 12.0004 3C12.1993 3 12.3901 3.07902 12.5307 3.21967C12.6714 3.36032 12.7504 3.55109 12.7504 3.75V18.4397L18.2198 12.9694C18.3605 12.8286 18.5514 12.7496 18.7504 12.7496C18.9494 12.7496 19.1403 12.8286 19.281 12.9694C19.4218 13.1101 19.5008 13.301 19.5008 13.5C19.5008 13.699 19.4218 13.8899 19.281 14.0306Z' fill='%23008C4F'/></svg>");
}

.general__btn i.icon-angle-up::before {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><g id='ArrowUp'><path id='Vector' d='M19.281 11.0307C19.2114 11.1005 19.1287 11.1558 19.0376 11.1935C18.9466 11.2313 18.849 11.2507 18.7504 11.2507C18.6519 11.2507 18.5543 11.2313 18.4632 11.1935C18.3722 11.1558 18.2894 11.1005 18.2198 11.0307L12.7504 5.56041L12.7504 20.2501C12.7504 20.449 12.6714 20.6398 12.5307 20.7804C12.3901 20.9211 12.1993 21.0001 12.0004 21.0001C11.8015 21.0001 11.6107 20.9211 11.4701 20.7804C11.3294 20.6398 11.2504 20.449 11.2504 20.2501L11.2504 5.56041L5.78104 11.0307C5.64031 11.1715 5.44944 11.2505 5.25042 11.2505C5.05139 11.2505 4.86052 11.1715 4.71979 11.0307C4.57906 10.89 4.5 10.6991 4.5 10.5001C4.5 10.3011 4.57906 10.1102 4.71979 9.96948L11.4698 3.21948C11.5394 3.14974 11.6222 3.09443 11.7132 3.05668C11.8043 3.01894 11.9019 2.99951 12.0004 2.99951C12.099 2.99951 12.1966 3.01894 12.2876 3.05668C12.3787 3.09443 12.4614 3.14974 12.531 3.21948L19.281 9.96948C19.3508 10.0391 19.4061 10.1218 19.4438 10.2129C19.4816 10.3039 19.501 10.4015 19.501 10.5001C19.501 10.5987 19.4816 10.6963 19.4438 10.7873C19.4061 10.8784 19.3508 10.9611 19.281 11.0307Z' fill='%23008C4F'/></g></svg>");
}
.general__btn.is-outline:hover {
    background-color: #fff0;
}
.general__btn span {
    font-weight: 600;
    text-transform: none;
    font-size: clamp(16px, 0.9375vw, 0.9375vw);
    line-height: 1;
    z-index: 2;
    transition: color 0.3s;
}
.general__btn.is-outline {
    border-width: 1px;
}
.general__btn:not(.is-outline) i {
    background-color: #fff;
}
.general__btn.is-outline.primary i {
    background-color: var(--primary-color);
}
.general__btn i {
    top: unset;
    border-radius: clamp(44px, 2.29166667vw, 2.29166667vw);
    width: clamp(44px, 2.29166667vw, 2.29166667vw);
    height: clamp(44px, 2.29166667vw, 2.29166667vw);
    position: absolute;
    right: clamp(4px, 0.20833333vw, 0.20833333vw);
    transition: all 0.3s;
    z-index: inherit;
    margin-left: 0 !important;
}
.general__btn > span + i {
    margin-right: 0 !important;
    font-size: clamp(23px, 1.19791667vw, 1.19791667vw);
}
.primary.general__btn i {
    color: var(--primary-color);
}
.general__btn.is-outline i {
    color: #fff;
}
.general__btn i:before {
    width: clamp(24px, 1.25vw, 1.25vw) !important;
    height: clamp(24px, 1.25vw, 1.25vw) !important;
    position: absolute !important;
    left: unset !important;
    right: clamp(10px, 0.52083333vw, 0.52083333vw) !important;
    top: clamp(10px, 0.52083333vw, 0.52083333vw) !important;
    transition: transform 0.4s ease-out;
}
.primary.general__btn:hover span {
    color: var(--primary-color);
}
.general__btn.is-outline:hover span {
    color: #fff;
}
.general__btn:hover i {
    width: calc(100% - clamp(8px, 0.41666667vw, 0.41666667vw)) !important;
}
.general__btn:hover i:before,
.general__btn:hover span {
    animation: scroll-inertia 0.2s ease-out;
}
.general__btn.general__btn--center {
    margin: 0 auto;
}
.white.general__btn i {
    background-color: var(--primary-color);
    color: #fff;
}
.white.general__btn:hover {
    background-color: #fff;
}
.white.general__btn:hover span {
    color: #fff;
}

@keyframes scroll-inertia {
    0% {
        transform: translateY(0);
        height: 20px;
    }
    25% {
        transform: translateY(-10px);
        opacity: 0.5;
        height: 10px;
    }
    50% {
        transform: translateY(-25px);
        opacity: 0;
        height: 0;
    }
    75% {
        transform: translateY(10px);
        opacity: 0.5;
        height: 10px;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
        height: 20px;
    }
}
.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover {
    box-shadow:
        0px 10px 15px -3px rgba(0, 0, 0, 0.1),
        0px 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.box-shadow-2,
.box-shadow-2-hover:hover,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover {
    box-shadow:
        0px 20px 25px -5px rgba(0, 0, 0, 0.1),
        0px 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.uni_product
    .uni-flickity-slider
    .flickity-slider
    > .col
    .row
    > .product-small:last-child {
    padding-bottom: 0;
}
/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
@media only screen and (max-width: 849.99px) {
    .sidebar-menu .nav li a {
        font-size: 14px;
    }
    .sidebar-menu .nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 15px;
    }
    .nav:not(.nav-slide) .active > .children {
        padding-bottom: 10px;
    }
    .mobile-sidebar .logo {
        text-align: center;
        padding: 30px 15px 0;
    }
    .mobile-sidebar .logo img {
        display: inline-block;
        max-height: 80px;
        max-width: 60%;
    }
    .dark .mobile-sidebar .logo img {
        filter: brightness(0) invert(1);
    }
    .off-canvas .nav-vertical > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 699.99px) {
}
@media only screen and (max-width: 549.99px) {
}
@media only screen and (min-width: 0px) {
    .headline {
        margin-bottom: 0;
    }
    .headline .section-title {
        position: relative;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border: 0;
    }
    .headline .section-title:before {
        max-width: 90px;
        background-color: var(--primary-color);
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 3px;
    }
    .headline .section-title-center:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .headline .section-title b {
        opacity: 0;
    }
    .headline .section-title span {
        margin: 0;
        padding: 0;
        border: 0;
    }
}
@media only screen and (min-width: 550px) {
}
@media only screen and (min-width: 700px) {
}
@media only screen and (min-width: 850px) {
    .header .flex-col:nth-child(3) .header-nav-main {
        justify-content: center;
    }
    .header .nav > li > a {
        font-size: 16px;
        font-weight: 500;
    }
    .header .nav .sub-menu li a {
        font-size: 14px;
        transition: all 0.35s ease-in-out;
    }
    /* .header .nav .sub-menu li a:hover {
        background: var(--primary-color);
        color: var(--color-white);
        border-radius: 5px;
    } */
    .header-top .nav-uppercase > li > a {
        text-transform: none;
    }
    .nav-uppercase > li > a {
        letter-spacing: 0;
    }
    .nav-dropdown-has-arrow li.has-dropdown:before {
        display: none;
    }
    .nav-dropdown-has-arrow li.has-dropdown:after {
        border-width: 10px;
        margin-left: -9px;
    }
    .header .header-nav-main .nav-dropdown {
        border-width: 0px;
        padding: 10px 0;
        min-width: 240px;
        color: inherit;
    }
    .header .header-nav-main > li .nav-dropdown {
        left: 0 !important;
        top: 130%;
        transition: all 0.35s ease-in-out;
    }
    .header .header-nav-main > li:hover .nav-dropdown {
        top: 100%;
    }
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 10px 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0 10px;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu {
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102, 102, 102, 0.85);
    }
    header#header .nav-dropdown li.active > a {
        color: var(--primary-color);
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
}