/*-------------------------------------------------------
[ Table of contents ]

# Default CSS
# Layout Settings
# Color Settings
    - Background Colors
    - Background Opacity Colors
    - Border Colors
    - Mixed Colors
    - Background Hover
# Video Play
# WordPress Unit Test
# Hover Effects
# Silders
# Common CSS
# Buttons
# Thumbnail Box
# Icons Style 
# Time Counting
# Form Style
# Side push nav and category
# Popular Categories
# Sub Categories
# Categroy List
# Header Section
    - Top Header
    - Main Header
    - Mega Menus
    - Sticky Header
    - Slide Push Nav
# Page Banner
# Breadcrumb
# Inner Banner
# WooCommerce
# Sidebars
# Pagination
# Blog Page
# Single Blog
# Blog Thumb
# Portfolio Block
# FAQ Block
# Testimonial Block
# Timeline Block
# Accordion
# Tabs
# Fact Counter
# Team Block
# Data List
# Pricing Plan
# Photo Gallery
# Footer
# Newsletters
# Post Navigation
# Partner Logo
# Owl carousel
# Social Media
# Widgets
# Comments Form
# Tables
# Woo Products
# Responsive
--------------------------------------------------------*/

/*=====================================================================
# Default CSS
======================================================================*/
.clearfix:before, 
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

body.admin-bar #header.nav-on-slider {
    top: 0;
}

body.admin-bar header.fixed-top .header-sticky {
    top: 32px;
}

body.wrapper-full {
    overflow-x: hidden;
}

li {
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}

a.demo-example {
    display: inline-block;
}

a.demo-example:hover {
    margin-top: -10px
}

a.demo-example img {
    width: 100%;
    border-radius: 5px;
}

a.demo-example span {
    display: block;
    padding: 15px 15px 0;
    font-weight: 400;
    font-size: 17px;
    color: var(--theme-white-color);
    text-align: center;
}

a.demo-example span small {
    font-size: 14px !important;
    font-weight: 400;
}

p {
    cursor: default;
}

a {
    cursor: pointer;
    font-family: var(--theme-hyperlink-font);
}

h1, h2, h3, h4, h5, h6 {
    cursor: default;
}

p:last-child {
    margin-bottom: 0;
}

/* don't change */
.entry-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.entry-thumbnail-wrapper {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.entry-thumbnail {
    position: relative;
}

.entry-header {
    display: flex;
    flex-direction: column;
}

.entry-wrapper .entry-meta {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
}

.entry-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* don't change */

[class*="down-line"] {
    position: relative;
}

[class*="down-line"] {
    padding-bottom: 20px
}

.btn-link-down-line {
    padding-bottom: 0;
}

[class*="down-line"].tagline {
    padding-bottom: 10px
}

[class*="down-line"]:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: var(--theme-secondary-color);
}

[class*="down-line"].text-center:before {
    left: 50%;
    transform: translateX(-50%);
}

[class*="down-line"].text-end:before {
    right: 0;
    left: auto;
}

.img-thumb-title-inside:before,
[class*="overlay-"]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.img-thumb-title-inside:before {
    z-index: -1;
}

.box-title {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table;
    border: 2px solid;
    border-color: var(--theme-primary-color)
}

.box-tab-line {
    position: absolute;
    top: -13px;
    z-index: 30;
}

.navbar .navbar-nav li a,
.navbar .navbar-nav li ul.dropdown-menu,
.post-thumbnail img,
.search-form.visible,
.btn-link::after,
.accordion-button *,
.thumb-blog-overlay .post-image::before,
.hover-classic-layer::before,
.img-thumb-title-inside::before,
.hover-radial-in:hover,
.hover-rectangle-in:hover,
.social-media-box a,
.owl-carousel button.owl-dot,
[class*="owl-nav-hover-"] .owl-nav *,
.product-detail .woocommerce-loop-product__title,
[class*="portfolio-style-"] .entry-wrapper .entry-content-wrapper,
.img-hover-border::after,
.entry-thumbnail.overlay-color::before,
.portfolio-classic .portfolio-img::before,
.transition-this,
.transition-all,
.transition-all *,
[class*="-accordion-plus"] .accordion-header::before,
[class*="-accordion-plus"] .accordion-header .accordion-button::before {
    -moz-transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.post-admin ul li {
    display: inline-block;
    padding-right: 10px
}

.top-header .media-widget a {
    margin-right: 0;
    margin-left: 15px
}

.widget-feedback .owl-dots {
    display: none
}

.fag-category ul li {
    padding: 10px 5px;
    border-bottom: 1px solid #e1e1e1;
}

.fag-category ul li a {
    font-weight: 400
}

.simple-collaps span {
    font-weight: 500;
    transition: 0.4s;
    cursor: pointer
}

.simple-collaps span.active {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.timeshedule td,
.timeshedule th {
    padding: 15px 13px;
    text-align: center;
    width: 12.25%;
    border: 1px solid;
    border-color: var(--theme-border-color)
}

.timeshedule th:first-child span {
    display: block;
    font-weight: 500;
    width: 100%
}

.timeshedule th:first-child span:last-child,
.timeshedule .designation {
    font-size: 13px;
    color: #a5a5a5;
    line-height: 22px
}

.timeshedule tr:nth-child(even) {
    background-color: var(--theme-gray-color)
}

.timeshedule .doctor-name {
    font-weight: 600;
    font-size: 15px;
    width: 100%;
    display: inline-block;
}

.nav-on-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.fixed-top.nav-on-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.nav-on-top.fixed-top {
    position: relative;
}

.navbar-nav .tooltip {
    opacity: 1;
    top: 5px;
    left: 0;
    background: var(--theme-extra-color);
    padding: 0px 6px;
    font-size: 11px;
    text-align: center;
    color: var(--theme-secondary-color) !important
}

.navbar-nav .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid var(--theme-extra-color);
}

.scroll-top-vertical {
    transform: rotate(-90deg);
    width: auto !important;
    height: auto !important;
    font-weight: 500;
    bottom: 50% !important;
}

.scroll-top-vertical::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 2px;
    background: var(--theme-dark-color);
    left: -100%;
    top: 50%;
}

.follow-vertical.left {
    left: -30px;
}

.follow-vertical.right {
    right: -30px
}

.follow-vertical {
    position: fixed;
    bottom: 50%;
    transform: rotate(-90deg);
    z-index: 100
}

.follow-vertical {
    color: var(--theme-secondary-color);
}

.follow-vertical a {
    padding: 0 10px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}

[class*="overlay-"].full-row .container {
    position: relative
}

/*======================================================================
Layout Settings
======================================================================*/

[class*="down-line-"].text-center::before,
.nav-tab-line li:after,
.nav-tab-line a:after,
.x-center {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.y-center,
.searchform .btn-search,
[class*="-icon-list-"] li::before {
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.xy-center,
.slider-caption,
.hover-classic-layer::before {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#main-content {
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
    width: 100%;
}

body.home.elementor-page #main-content {
    padding-top: 0;
    padding-bottom: 0;
}

/*======================================================================
Color Settings
======================================================================*/

/*==============*Text color style*==============*/
.text-general,
.list-color-general a {
    color: var(--theme-general-color) !important;
}

body,
.nav-general .navbar-nav .nav-link,
.footer-widget li a,
.footer-widget.quick-links a,
.footer-widget.contact-us a,
.breadcrumb-item.active {
    color: var(--theme-general-color);
}

.text-light,
.list-color-light a {
    color: var(--text-light-color) !important;
}

.title-text-light .page-title,
.list-color-light li a,
.list-color-light li,
.list-color-light a,
.nav-light .navbar-nav .nav-link,
.nav-light .navbar-nav .search-pop .toggle-icon,
.nav-light .phone-icon,
.footer-classic-dark.text-light .media-widget a,
.footer-default-dark .media-widget a,
.footer-classic-dark.text-light .footer-widget li a {
    color: var(--theme-light-color);
}

.hover-text-primary:hover *,
a.hover-text-primary:hover,
.list-color-secondary li.mixitup-control-active,
.list-color-dark li.mixitup-control-active,
.hover-list-color-primary a:hover,
.media-icon-white a:hover,
.text-primary {
    color: var(--theme-primary-color) !important;
}

a,
a:hover,
.btn-link,
.btn-link:hover,
.post-admin ul li,
.footer-widget li a:hover,
.list-color-primary li a,
.list-active-color-primary a.active,
.header-style-5 .nav-primary .middle-info span,
.list-color-primary li,
.list-color-primary a,
.nav-primary-hover .navbar-nav .nav-link:hover,
.nav-primary-hover .navbar-nav .active>.nav-link:hover,
.nav-primary-hover .navbar-nav .active>.nav-link,
.navbar .navbar-nav li>ul.dropdown-menu li.active>a,
.product-detail .woocommerce-loop-product__title:hover,
.footer-simple-dark .footer-widget li a:hover,
.footer-default-dark .media-widget a:hover,
.nav-primary .navbar-nav .nav-link,
.nav-primary .navbar-nav .search-pop .toggle-icon,
.nav-primary .phone-icon,
.nav-secondary .navbar-nav .active>.nav-link,
.media-widget a:hover,
.title-text-primary .page-title,
.nav-primary-active .navbar-nav .nav-link.active {
    color: var(--theme-primary-color);
}

.hover-text-secondary:hover *,
a.hover-text-secondary:hover,
.nav-secondary-hover .navbar-nav .nav-link:hover,
.nav-secondary-hover .navbar-nav .active>.nav-link:hover,
.nav-secondary-hover .navbar-nav .active>.nav-link,
.list-color-secondary li,
.list-color-secondary li a,
.list-color-secondary a,
.hover-text-secondary:hover *,
a.hover-text-secondary:hover,
.text-secondary {
    color: var(--theme-secondary-color) !important;
}

.header-style-5 .nav-secondary .middle-info span,
.nav-secondary .navbar-nav .search-pop .toggle-icon,
.nav-secondary .phone-icon,
.nav-secondary .navbar-nav .nav-link,
.post-admin ul li span,
.media-icon-secondary a,
.media-widget a,
.title-text-secondary .page-title {
    color: var(--theme-secondary-color);
}

.text-dark,
.hover-text-dark:hover *,
a.hover-text-dark:hover,
.hover-list-color-dark a:hover {
    color: var(--theme-dark-color) !important;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a,
.h1 a, 
.h2 a, 
.h3 a, 
.h4 a, 
.h5 a, 
.h6 a,
.list-color-dark li,
.list-color-dark li a,
.list-color-dark a,
.breadcrumb-item > a,
.header-style-5 .nav-dark .middle-info span,
.nav-dark-hover .navbar-nav .nav-link:hover,
.nav-dark-hover .navbar-nav .active > .nav-link:hover,
.nav-dark-hover .navbar-nav .active > .nav-link,
.nav-dark .navbar-nav .nav-link,
.nav-dark .navbar-nav .search-pop .toggle-icon,
.nav-dark .phone-icon {
    color: var(--theme-dark-color);
}

.list-color-white li a,
.list-color-white li,
.list-color-white a,
.text-white,
.hover-text-white:hover *,
a.hover-text-white:hover,
.hover-list-color-white a:hover {
    color: var(--theme-white-color) !important
}

.header-style-5 .nav-white .middle-info span,
.nav-white .navbar-nav .nav-link,
.nav-white .navbar-nav .search-pop .toggle-icon,
.nav-white .phone-icon,
.text-white .breadcrumb-item>a,
.text-white .breadcrumb-item.active,
.media-icon-white a,
.title-text-white .page-title {
    color: var(--theme-white-color);
}

.list-color-gray li a,
.list-color-gray li,
.list-color-gray a,
.nav-gray .navbar-nav .nav-link,
.nav-gray .navbar-nav .search-pop .toggle-icon,
.nav-gray .phone-icon,
.header-style-5 .nav-gray .middle-info span,
.text-gray,
.title-text-gray .page-title {
    color: var(--text-gray-color);
}

a.hover-text-extra:hover {
    color: var(--theme-extra-color) !important
}

.nav-extra .navbar-nav .nav-link,
.nav-extra .navbar-nav .search-pop .toggle-icon,
.nav-extra .phone-icon,
.title-text-extra .page-title {
    color: var(--theme-extra-color)
}

.nav-extra2 .navbar-nav .nav-link,
.nav-extra2 .navbar-nav .search-pop .toggle-icon,
.nav-extra2 .phone-icon,
.title-text-extra2 .page-title {
    color: var(--theme-extra2-color)
}

/*============ Background Colors ===============*/
.bg-primary {
    background-color: var(--theme-primary-color) !important
}

.bg-secondary {
    background-color: var(--theme-secondary-color) !important
}

.bg-white {
    background-color: var(--theme-white-color) !important
}

.bg-dark {
    background-color: var(--theme-dark-color) !important
}

.bg-light {
    background-color: var(--theme-light-color) !important
}

.bg-gray {
    background-color: var(--theme-gray-color) !important
}

.bg-extra {
    background-color: var(--theme-extra-color) !important
}

.bg-extra2 {
    background-color: var(--theme-extra2-color) !important
}

.bg-footer {
    background-color: var(--theme-footer-color)
}

.nav-tab-border .nav-link.mixitup-control-active,
.page-item.active .page-link {
    background-color: var(--theme-primary-color);
}

.nav-white-hover.nav-line-active .navbar-nav .active>.nav-link:before,
.nav-white-hover.nav-line-active .navbar-nav .active>.nav-link:before {
    background-color: var(--theme-white-color);
}

/*=====================================
 Video Play
=====================================*/
.simple-video-play {
    line-height: 70px;
    align-items: center;
}

.simple-video-play a {
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    float: left;
    background-color: var(--theme-primary-opacity-color);
}

.simple-video-play a i {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
}

.embed-responsive {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-popup .video-wrapper {
    font-size: 24px;
}

.video-popup .video-wrapper span.box-80 {
    line-height: 80px;
}

/*=====================================
WordPress Unit Test
======================================*/
/*
 * 1.2 Accessibility 
 */

/* Text meant only for screen readers. */
.wp-block-search__label,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*
 * 1.3 Typhography
 */
.wpb_text_column .wpb_wrapper ul {
    padding-left: 30px;
}

.wpb_text_column .wpb_wrapper ul li {
    list-style-type: initial;
}

.has-background-dim p.wp-block-cover-text {
    color: #fff;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 1em;
}

.has-large-font-size {
    line-height: initial;
}

pre {
    background: #f8f8f8;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

b, strong {
    font-weight: 700;
}

dt {
    font-weight: 500;
}

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

.wp-block-calendar table th {
    text-align: center;
}

th {
    padding: 0.8em;
    text-align: left;
    font-weight: 500;
}

td {
    padding: 0.8em;
}

blockquote {
    quotes: "" "";
    border-left: 3px solid;
    color: #666;
    font-size: 17px;
    font-style: italic;
    line-height: 1.7;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 0 0 0 1.5em;
    border-left-color: #2370F4;
}

blockquote p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    font-style: inherit;
}

.comment-reply-title {
    font-size: 17px;
}

.comment-reply-title small a {
    font-size: 15px;
    color: var(--theme-secondary-color);
    text-transform: capitalize;
}

/**
 * 1.4 Alignments 
 */
.alignright {
    clear: both;
    display: inline;
    float: right;
    margin: .3em 0 1.5em 1.5em;
}

.alignleft {
    clear: both;
    display: inline;
    float: left;
    margin: .3em 1.5em 1.5em 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/**
 * 1.5 VC Element Style
 */
.vc_tta.vc_general .vc_tta-panel-title {
    font-size: 16px !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #ffffff !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background-color: var(--theme-primary-color) !important;
    color: var(--theme-white-color) !important;
    border-color: transparent !important;
}

.is-style-squared .wp-block-button__link {
    border-radius: 0;
}

.page-links .page-number {
    border-radius: 50%;
    font-weight: 500;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 32px;
    margin: 0 1px;
    text-align: center;
    border: 2px solid transparent;
}

.page-links .current .page-number {
    border-color: var(--theme-secondary-color);
    color: var(--theme-secondary-color);
}

.comments_area{
    border-top: 1px solid #eee;
    padding-top: 30px;
}

/**
 * 1.6 Width and Spacing, style
 */
.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    position: relative;
    width: 50%;
}

.wp-caption, .gallery-caption {
    color: #707070;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.gallery-caption {
    background: rgba( 255,255,255,0.8 );
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 0;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    white-space: nowrap;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
    visibility: visible;
}

.post-meta .post-category a {
    display: inline-block;
}

.wp-block-archives-dropdown {
    margin-bottom: 10px;
}

nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    background: var(--theme-dark-color);
    padding: 5px 15px;
    color: #fff;
}

nav.wp-calendar-nav a {
    color: #fff;
}

.wp-block-categories-dropdown.wp-block-categories {
    margin-bottom: 10px;
}

.wp-block-latest-posts.is-grid {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-post-page.format-chat p {
    background-color: var(--theme-light-color);
    padding: 10px 20px;
    border-radius: 5px;
}

.type-post iframe {
    width: 100%;
    height: 435px;
}

/**
 *  1.7 Button and form element
 */
.post-password-form p {
    display: inline-block;
    align-items: center;
}

form label {
    width: initial;
}

.post-password-form input[type="password"]{
    height: 40px;
    padding: 0 10px;
}

.navigation.comment-navigation {
    margin-bottom: 50px;
}

.nav-links.nex-prev-nav{
    display: flex;
    justify-content: space-between;
}

.nav-links.nex-prev-nav > div {
    line-height: 40px;
}

.nav-links.nex-prev-nav::after,
.nav-links.nex-prev-nav::before {
    display: none;
}

/**
 *  1.8 Unit Test CSS
 */
article, aside, footer, header, nav, section {
    display: block;
}

.clear:after, 
.entry-content:after, 
.entry-footer:after, 
.comment-content:after, 
.site-header:after, 
.site-content:after, 
.site-footer:after, 
.nav-links:after, 
.pagination:after, 
.comment-author:after,
.widget-area:after, 
.widget:after, 
.comment-meta:after {
    clear: both;
}

.clear:before, 
.clear:after, 
.entry-content:before, 
.entry-content:after, 
.entry-footer:before, 
.entry-footer:after, 
.comment-content:before, 
.comment-content:after, 
.site-header:before, 
.site-header:after, 
.site-content:before, 
.site-content:after, 
.site-footer:before, 
.site-footer:after, 
.nav-links:before, 
.nav-links:after, 
.pagination:before, 
.pagination:after, 
.comment-author:before, 
.comment-author:after, 
.comment-meta:before, 
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.unicode-mini-ajax-search .searchform {
    margin: 15px 0;
    display: flex;
}

.unicode-mini-ajax-search .searchform .search-field{
    border: 1px solid #e1e1e1;
    height: 50px;
    padding-right: 60px;
    margin-right: 5px;
    border-radius: 0;
    padding: 0 15px;
}

.unicode-mini-ajax-search .searchform input[type="submit"] {
    background-color: var(--theme-primary-color);
    height: 50px;
    color: var(--theme-dark-color);
    padding: 0 30px;
    line-height: 50px;
    font-weight: 500 !important;
    font-size: 14px !important;
    border: none;
    text-transform: uppercase;
}

.widget_search .searchform input[type="submit"],
.widget_search .wp-block-search__button {
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0 3px 3px 0;
    border: 0;
    height: 40px;
    width: 40px;
    padding: 0;
    text-indent: -9999px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget_search .searchform input[type="submit"]::before,
.widget_search .wp-block-search__button::before {
    content: "\e9cc";
    font-family: "icomoon";
    text-indent: initial;
}

ol.wp-block-latest-comments {
    padding: 0;
}

.wp-block-group__inner-container ul li a {
    color: var(--theme-secondary-color);
    font-weight: 500;
}

.wp-block-group__inner-container ul li a:hover {
    color: var(--theme-primary-color);
}

.entry-wrapper .post-highlight {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 8;
}

.entry-post .post-highlight {
    position: absolute;
    right: 24px;
    top: 110px;
    z-index: 8;
}

[class*="tag-sticky"] .post-highlight span:before,
.sticky .post-highlight span:before {
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
    transition: 0.3s;
    z-index: 2;
    background-color: var(--theme-secondary-color);
}

[class*="tag-sticky"] .post-sticky-icon:before,
.sticky .post-sticky-icon:before {
    content: "\f02e";
    color: var(--theme-white-color);
}

.single-post-page+.tagcloud {
    margin-top: 24px;
}

/*=====================================
Hover Effects
======================================*/
.hover-sweep-to-left::before,
.hover-sweep-to-right::before,
.hover-bounce-to-left::before,
.hover-bounce-to-right::before,
.hover-shutter-in-horizontal:hover::before,
.hover-shutter-out-horizontal::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.hover-sweep-to-left:hover::before,
.hover-sweep-to-right:hover::before,
.hover-bounce-to-left:hover::before,
.hover-bounce-to-right:hover::before,
.hover-shutter-in-horizontal::before,
.hover-shutter-out-horizontal:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hover-sweep-to-top::before,
.hover-sweep-to-bottom::before,
.hover-bounce-to-top::before,
.hover-bounce-to-bottom::before,
.hover-shutter-in-vertical:hover::before,
.hover-shutter-out-vertical::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.hover-sweep-to-top:hover::before,
.hover-sweep-to-bottom:hover::before,
.hover-bounce-to-top:hover::before,
.hover-bounce-to-bottom:hover::before,
.hover-shutter-in-vertical::before,
.hover-shutter-out-vertical:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.hover-sweep-to-right::before,
.hover-bounce-to-right::before {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.hover-sweep-to-left::before,
.hover-bounce-to-left::before {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.hover-sweep-to-bottom::before,
.hover-bounce-to-bottom::before {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.hover-sweep-to-top::before,
.hover-bounce-to-top::before {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.hover-bounce-to-right::before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hover-bounce-to-left::before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hover-bounce-to-bottom::before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hover-bounce-to-top::before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hover-radial-out::before,
.hover-radial-in:hover::before {
    border-radius: 100%;
}

.hover-bg-light.hover-rectangle-in:hover,
.bg-light.hover-rectangle-in:hover::before,
.hover-bg-light.hover-radial-in:hover,
.bg-light.hover-radial-in:hover::before {
    background-color: var(--theme-light-color) !important;
}

.hover-bg-gray.hover-rectangle-in:hover,
.bg-gray.hover-rectangle-in:hover::before,
.hover-bg-gray.hover-radial-in:hover,
.bg-gray.hover-radial-in:hover::before {
    background-color: var(--theme-gray-color) !important;
}

.hover-bg-white.hover-rectangle-in:hover,
.bg-white.hover-rectangle-in:hover::before,
.hover-bg-white.hover-radial-in:hover,
.bg-white.hover-radial-in:hover::before {
    background-color: var(--theme-white-color) !important;
}

.hover-bg-primary.hover-rectangle-in:hover,
.bg-primary.hover-rectangle-in:hover::before,
.hover-bg-primary.hover-radial-in:hover,
.bg-primary.hover-radial-in:hover::before {
    background-color: var(--theme-primary-color) !important;
}

.hover-bg-secondary.hover-rectangle-in:hover,
.bg-secondary.hover-rectangle-in:hover::before,
.hover-bg-secondary.hover-radial-in:hover,
.bg-secondary.hover-radial-in:hover::before {
    background-color: var(--theme-secondary-color) !important;
}

.hover-bg-dark.hover-rectangle-in:hover,
.bg-dark.hover-rectangle-in:hover::before,
.hover-bg-dark.hover-radial-in:hover,
.bg-dark.hover-radial-in:hover::before {
    background-color: var(--theme-dark-color) !important;
}

.hover-bg-extra1.hover-rectangle-in:hover,
.bg-extra1.hover-rectangle-in:hover::before,
.hover-bg-extra1.hover-radial-in:hover,
.bg-extra1.hover-radial-in:hover::before {
    background-color: var(--theme-extra1-color) !important ;
}

.hover-bg-extra2.hover-rectangle-in:hover,
.bg-extra2.hover-rectangle-in:hover::before,
.hover-bg-extra2.hover-radial-in:hover,
.bg-extra2.hover-radial-in:hover::before {
    background-color: var(--theme-extra2-color) !important;
}

.hover-radial-out::before,
.hover-radial-in:hover::before,
.hover-rectangle-out::before,
.hover-rectangle-in:hover::before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.hover-radial-out:hover::before,
.hover-radial-in::before,
.hover-rectangle-out:hover::before,
.hover-rectangle-in::before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.hover-overlay-move-1::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 100%;
    background-color: rgba(30, 30, 34, 1);
    opacity: 0.1;
    content: "";
    border-radius: 32px;
    transform: scale(1);
    transition: 500ms ease;
}

.hover-overlay-move-1:hover::before {
    background-color: blue;
    width: 100%;
    opacity: 1;
    transform: scale(1.5);
    border-radius: 0;
    background-color: #1e1e22;
}

/* Border Effect */

[class*="hover-underline-"]::after,
[class*="hover-overline-"]::after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 3px;
}

[class*="hover-underline-"]::after {
    bottom: 0;
}

[class*="hover-overline-"]::after {
    top: 0;
}

.hover-underline-from-left::after,
.hover-overline-from-left::after {
    left: 0;
    right: 100%;
}

.hover-underline-from-left:hover::after,
.hover-overline-from-left:hover::after {
    right: 0;
}

.hover-underline-from-right::after,
.hover-overline-from-right::after {
    right: 0;
    left: 100%;
}

.hover-underline-from-right:hover::after,
.hover-overline-from-right:hover::after {
    left: 0;
}

.hover-underline-from-center::after,
.hover-overline-from-center::after {
    left: 51%;
    right: 51%;
}

.hover-underline-from-center:hover::after,
.hover-overline-from-center:hover::after,
.hover-underline-reveal::after,
.hover-overline-reveal::after {
    left: 0;
    right: 0;
}

.hover-underline-reveal::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

.hover-overline-reveal::after {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.hover-overline-reveal:hover::after,
.hover-underline-reveal:hover::after,
.hover-reveal:hover::after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hover-reveal::after {
    border: 0 solid var(--theme-primary-color);
    background-color: transparent !important;
}

.hover-reveal:hover::after {
    border-width: 4px;
}

/* upper checked */

.img-hover-border {
    width: 100%;
    height: 100%;
    position: relative;
}

.img-hover-border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid;
    border-color: transparent
}

.img-hover-border:hover::after {
    border: 10px solid;
    border-color: var(--theme-primary-color);
}

.hover-pull-up:hover {
    transform: translateY(-20px);
}

.hover-classic-layer {
    position: relative
}

.hover-classic-layer::before {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
}

.hover-classic-layer:hover::before {
    opacity: 1;
    visibility: visible;
}

[class*="hover-text-PushUpBottom"] .first-push-up,
[class*="hover-text-PushUpBottom"] .second-push-up,
[class*="hover-text-PushUpBottom"] .third-push-up {
    position: relative;
    bottom: -50px;
    visibility: hidden
}

.text-center [class*="-push-up"] {
    margin-left: auto;
    margin-right: auto;
}

/*  When Header fixed */

.fixed-bg-primary.fixed-top,
.nav-primary-hover.nav-line-active .navbar-nav .active>.nav-link:before,
.nav-primary-hover.nav-down-line-active .navbar-nav .active>.nav-link:before,
.bg-primary {
    background-color: var(--theme-primary-color) !important
}

.hover-bg-secondary:hover::before,
.fixed-bg-secondary.fixed-top {
    background-color: var(--theme-secondary-color) !important
}

/*  When Header fixed */

.nav-secondary-hover.nav-line-active .navbar-nav .active>.nav-link:before,
.nav-secondary-hover.nav-line-active .navbar-nav .active>.nav-link:before {
    background-color: var(--theme-secondary-color) !important
}

.nav-bg-gray-hover .navbar-nav .nav-link:hover,
.nav-bg-gray-hover .navbar-nav .active>.nav-link:hover,
.nav-bg-gray-hover .navbar-nav .active>.nav-link {
    background-color: var(--theme-gray-color) !important
}


/*  When Header fixed */
.full-header.fixed-top,
.nav-dark-hover.nav-line-active .navbar-nav .active>.nav-link:before,
.nav-dark-hover.nav-line-active .navbar-nav .active>.nav-link:before {
    background-color: var(--theme-dark-color) !important
}

.bg-footer {
    background-color: var(--theme-footer-color)
}

.subscribe-form .form-control {
    background-color: var(--theme-light-color);
    border: 1px solid #e1e1e1;
}

/*  When Header fixed */

.nav-down-line-active .navbar-nav .active>.nav-link:before,
.hover-bg-white:hover::before {
    background-color: var(--theme-white-color) !important
}

/*============ Background Opacity Colors ===============*/

.img-thumb-title-inside::before,
.overlay-secondary::before {
    background-color: var(--theme-secondary-opacity-color);
}

.help-content,
.overlay-primary::before {
    background-color: var(--theme-primary-opacity-color)
}

.overlay-dark::before {
    background-color: var(--theme-dark-opacity-color)
}

.overlay-white::before {
    background-color: var(--theme-white-opacity-color)
}

/*============ Border Colors ===============*/

.border-bottom-gray {
    border-bottom-color: var(--theme-gray-color);
    border-bottom: 1px solid
}

.nav-tab-border .nav-link.mixitup-control-active,
.page-item.active .page-link {
    border-color: var(--theme-primary-color);
}

/*============ Mixed Colors ===============*/

.btn-primary,
.btn-primary:hover {
    color: var(--theme-white-color);
    background-color: var(--theme-primary-color);
}

.btn-secondary,
.btn-secondary:hover {
    color: var(--theme-white-color);
    background-color: var(--theme-secondary-color);
}

.btn-white,
.btn-white:hover {
    color: var(--theme-secondary-color);
    background-color: var(--theme-white-color);
}

.btn-border-dark {
    background-color: transparent;
    border: 2px solid !important;
    border-color: var(--theme-dark-color)
}

.btn-border-dark:hover {
    background-color: var(--theme-dark-color);
    border-color: var(--theme-dark-color);
    color: var(--theme-white-color)
}

[class*="thumb-hover-bg"] .thumb-wrapper {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

[class*="hover-gradient-bg-"]:not(.thumbnails),
[class*="thumb-hover-gradient-bg-"] .thumb-wrapper,
[class*="hover-overline-"],
[class*="hover-underline-"],
[class*="hover-shutter-"],
[class*="hover-bg-"]:not(.row),
.hover-reveal {
    display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    width: 100%;
}

[class*="hover-gradient-bg-"]:not(.thumbnails)::before,
[class*="thumb-hover-gradient-bg-"] .thumb-wrapper::before,
[class*="hover-bg-"]:not([class*="thumb-hover-bg-"]):before,
[class*="thumb-hover-bg"] .thumb-wrapper::before,
.hover-reveal::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

/*==========================================
Silders
==========================================*/
.range-slider {
    width: 100%;
    display: table;
    margin: 15px 0 0 0;
}

input[type="range"] {
    width: calc(100% - (73px));
    display: inline-block;
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 40px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    background-color: var(--theme-primary-color);
    padding: 10px 5px;
    margin-left: 20px;
}

.range-slider__value::after {
    position: absolute;
    top: 14px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid var(--theme-primary-color);
    border-bottom: 7px solid transparent;
    content: '';
}

.range-slider__range::-webkit-slider-thumb,
.range-slider__range::-moz-range-thumb {
    border-radius: 50%;
    background-color: var(--theme-primary-color);
    cursor: pointer;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb,
.range-slider__range::-moz-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
}

.range-slider__range::-webkit-range-thumb,
.range-slider__range::-moz-range-thumb {
    width: 7px;
    height: 7px;
    border: 5px solid #fff;
    box-shadow: 0 3px 3px #ccc;
    background-color: var(--theme-primary-color);
}

.range-slider__range::-webkit-slider-thumb:hover,
.range-slider__range::-moz-slider-thumb:hover {
    background-color: var(--theme-primary-color);
}

.range-slider__range::-webkit-range-thumb:hover,
.range-slider__range::-moz-range-thumb:hover {
    background-color: var(--theme-primary-color);
}

.range-slider__range:active::-webkit-slider-thumb,
.range-slider__range:active::-moz-range-thumb {
    background-color: var(--theme-primary-color) !important;
}

@keyframes animation-four {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        opacity: .4;
        transform: rotate(200deg);
    }
}

.img-spin {
    position: absolute;
    max-width: none;
    bottom: -340px;
    right: calc(0px - 260px);
    animation: animation-four linear infinite 12s;
    transition: 0.12s;
    -webkit-transition: 0.12s;
    -moz-transition: 0.12s;
}

/* ======================== Keyframes Style Start ========================*/
@keyframes spread1 {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes bounce2 {
    0%,
    100% {
        transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
    }
}

@keyframes pushout1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}
/* ======================== Keyframes Style End ========================*/

/* ======================== Spread one's Style Start ========================*/
[class*="-spread1"] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

[class*="-spread1"]>div {
    position: absolute;
    left: -70px;
    top: -70px;
    width: 140px;
    height: 140px;
    animation: spread1 3s 0s linear infinite;
}

[class*="round1-spread1"]>div {
    border-radius: 100%;
}

[class*="-spread1-primary"]>div {
    background-color: blue;
}

[class*="-spread1-secondary"]>div {
    background-color: yellow;
}

[class*="-spread1-green"]>div {
    background-color: green;
}

[class*="-spread1-white"]>div {
    background-color: white;
}

[class*="-spread1"]>div:nth-child(2) {
    animation-delay: -0.4s;
}

[class*="-spread1"]>div:nth-child(3) {
    animation-delay: -0.2s;
}

/* ======================== Spread one's Style End ========================*/


/* ======================== Bounce two's Style Start ========================*/
[class*="bounce2"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

[class*="round1-bounce2"] div {
    border-radius: 50%;
}

[class*="bounce2"] div {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    animation: bounce2 2.0s infinite ease-in-out;
}

[class*="bounce2"] div:last-child {
    animation-delay: -1.0s;
}

[class*="bounce2-primary"] div {
    background-color: blue;
}

[class*="bounce2-secondary"] div {
    background-color: yellow;
}

[class*="bounce2-white"] div {
    background-color: white;
}

[class*="bounce2-green"] div {
    background-color: green;
}


/* Bounce two's Style End */

/* Pushout one's Style Start */

[class*="pushout1"] {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[class*="pushout1"]::after {
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    background: #fff;
    top: -20px;
    left: -20px;
    animation: pushout1 1.0s infinite ease-in-out;
    z-index: -1;
}

[class*="round1-pushout1"] a,
[class*="pushout1-after1-radius1"]::after {
    border-radius: 50%;
}

[class*="square1-pushout1"] a,
[class*="pushout1-after1-square1"]::after {
    border-radius: 0;
}

[class*="pushout1"] a {
    background-color: #729c29;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    box-shadow: -6.772px 8.668px 16px 0 rgba(28, 30, 35, .15);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    line-height: 70px;
}

/* Pushout one's Style End */


/*====================================
Common CSS
====================================*/
body {
    font-size: 15px;
    font-family: var(--theme-general-font);
    font-weight: 400;
    line-height: 28px;
}

.effect-border::after,
.slick-arrow,
[class*="btn-link"],
[class*="btn-link"]::after,
.product-wrapper,
.product-wrapper:hover .product-image .wishlist-view,
.product-wrapper:hover .product-variations,
.owl-nav-hover-primary .owl-nav button:hover .nav-btn,
.widget-toggle ul,
.cat-item.cat-parent ul.children,
[class*="swatch-filter-"] li,
[class*="swatch-filter-"].show-more li,
[class*="nav-arrow-middle"] .owl-nav button,
.header-cart .cart-popup,
.my-account-popup,
[class*="accordion-plus-"] .ac-toggle::after {
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.container,
.container-fluid,
.container-lg-fluid {
    position: relative;
}

.product-slide-thumb .active img {
    background-color: var(--theme-light-color);
}

.nav-on-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.fixed-top.nav-on-slider {
    position: absolute;
}

.fixed-top {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.tagline {
    font-family: var(--theme-hyperlink-font);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
    color: var(--theme-primary-color);
}

.full-wrapper-height .vc_column-inner, 
.full-wrapper-height .wpb_wrapper {
    height: 100%;
}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}

.d-ruby {
    display: ruby !important;
}

sup {
    left: 2px;
    top: -5px;
    margin-right: 4px;
}

body.elementor-page .container-fluid,
body.wrapper-wide .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#page_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    overflow-x: hidden;
    margin-right: auto;
    margin-left: auto;
}

a,ins, a:hover {
    text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--theme-primary-font);
}

h1,
.h1 {
    font-size: 48px;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 36px;
    font-weight: 700;
}

h3,
.h3 {
    font-size: 30px;
    font-weight: 600;
}

h4,
.h4 {
    font-size: 24px;
    font-weight: 600;
}

h5,
.h5 {
    font-size: 21px;
    font-weight: 500;
	line-height: inherit;
}

h6,
.h6 {
    font-size: 18px;
    font-weight: 500;
	line-height: inherit;
}

.full-row {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    width: 100%;
}

.sub-title,
.title-wrap .banner-sologan {
    font-size: 17px;
    font-weight: 400;
}

.list-style-circle {
    list-style-type: circle;
    list-style-position: inside;
}

.list-style-circle li {
    font-weight: 500;
    line-height: 34px;
}

.media-icon-secondary a:hover {
    color: var(--theme-primary-color) !important;
}

.hover-text-dark:hover {
    color: var(--theme-dark-color) !important
}

.zoomWindow {
    background-color: var(--theme-light-color)
}

[class*="after-right-border-"]::after {
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 60%;
    position: absolute;
    transform: translateY(-50%);
}

.after-right-border-extra1::after {
    background-color: var(--theme-extra2-color);
}

[class*="after-border-"] .owl-item .product-wrapper::after,
[class*="after-border-"] .product-wrapper::after {
    content: '';
    width: 1px;
    display: block;
    position: absolute;
    z-index: 10;
    background-color: var(--theme-gray-color);
}

.after-border-one .owl-item .product-wrapper::after,
.after-border-one .product-wrapper::after {
    top: 50%;
    height: 70%;
    transform: translateY(-50%);
}

[class*="after-border-"] {
    position: relative;
}

.after-border-two::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
}

.after-border-two .owl-item .product-wrapper::after,
.after-border-two .product-wrapper::after {
    height: 100%;
    top: 0;
}

[class*="e-hover-shadow"][class*="after-border-"] .owl-item .product-wrapper::after {
    right: -10px;
}

[class*="e-hover-shadow"][class*="after-border-"] .owl-item .product-wrapper:hover::after {
    display: none;
}

[class*="after-border-"].e-bg-white::after {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    background-color: var(--theme-white-color);
    z-index: 99;
}

.owl-carousel.after-border-one.e-bg-white::after {
    right: 0;
}

[class*="right-line-"] {
    position: relative;
    height: 100%;
}

[class*="right-line-"]::after {
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    content: "";
    background-color: #d1d1d1;
}

.col:last-child [class*="right-line-"]::after {
    display: none;
}

[class*="primary-right-line-"]::after {
    background-color: var(--theme-primary-color)
}

[class*="gray-right-line-"]::after {
    background-color: #d1d1d1
}

.border-mb-one {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
}

.col:last-child .border-mb-one {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

img.sticky-logo,
img.mobile-logo,
img.nav-logo {
    aspect-ratio: auto 130 / 49;
}

.footer-logo img, img.nav-logo {
    width: 100px;
    font-size: 18px;
    white-space: pre-wrap;
    line-height: normal;
}

.navbar-brand {
    padding: 0;
    flex-shrink: 0;
    display: flex;
    height: 100%;
    align-items: center;
}

.sign-in {
    font-size: 13px;
    line-height: 30px;
    font-weight: 400
}

.sale-upto {
    letter-spacing: 3px;
    margin: 20px 0 30px;
}

.sale-upto span:last-child {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    padding: 2px 10px;
}

.border-general {
    border-color: var(--theme-general-color) !important
}

.categories-menu {
    background-color: var(--theme-white-color);
}

ul.nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.back-to-top-btn {
    position: fixed;
    right: 35px;
    bottom: 35px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 100;
    display: none;
    cursor: pointer;
}

.signature {
    font-family: 'Mrs Saint Delafield', cursive;
}

/*=========================================
 Buttons
=========================================*/
.btn {
    font-family: var(--theme-hyperlink-font);
    font-weight: 500;
    font-size: 15px;
    border: 2px solid transparent;
    border-radius: 3px;
    padding: 10px 25px;
    line-height: 20px;
    border-style: solid;
    transition: all 300ms ease-in-out;
}

.btn.btn-mini {
    padding: 3px 12px;
    line-height: 20px;
    font-size: 14px
}

.btn.btn-small {
    padding: 6px 20px;
    line-height: 20px;
    font-size: 15px
}

.btn.btn-medium {
    padding: 8px 25px;
    line-height: 20px;
    font-size: 16px
}

.btn.btn-large {
    padding: 12px 35px;
    line-height: 24px;
    font-size: 17px
}

.btn.btn-extra-large {
    padding: 15 45px;
    line-height: 28px;
    font-size: 18px
}

.btn.flash-hover {
    position: relative;
    overflow: hidden;
}

.btn.flash-hover::before {
    content: "";
    height: 155px;
    left: -75px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}

.btn.flash-hover:hover::before {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn.shadow-hover:hover {
    box-shadow: 2px 2px 5px #a2a2a2;
}

/* Primary Button */
.btn-primary.btn-solid,
.primary-hover-color.solid-hover:hover,
.primary-hover-color.solid-hover:focus {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    border-color: transparent;
}

.btn-primary.btn-outline,
.primary-hover-color.outline-hover:hover,
.primary-hover-color.outline-hover:focus {
    border-color: var(--theme-primary-color);
    color: var(--theme-primary-color);
    background-color: transparent;
}

.btn-primary.filter-hover:hover,
.btn-primary.filter-hover:focus {
    filter: brightness(120%);
}

.btn-primary.btn-text,
.primary-hover-color.color-hover:hover {
    color: var(--theme-primary-color);
    background-color: transparent;
    border-color: transparent;
}

/* Secondary Button */
.btn-secondary.btn-solid,
.secondary-hover-color.solid-hover:hover,
.secondary-hover-color.solid-hover:focus {
    background-color: var(--theme-secondary-color);
    color: var(--theme-white-color);
    border-color: transparent;
}

.btn-secondary.btn-outline,
.secondary-hover-color.outline-hover:hover,
.secondary-hover-color.outline-hover:focus {
    border-color: var(--theme-secondary-color);
    color: var(--theme-secondary-color);
    background-color: transparent;
}

.btn-secondary.filter-hover:hover,
.btn-secondary.filter-hover:focus {
    filter: brightness(120%);
}

.btn-secondary.btn-text,
.secondary-hover-color.color-hover:hover {
    color: var(--theme-secondary-color);
    background-color: transparent;
    border-color: transparent;
}

/* White Button */
.btn-white.btn-solid,
.white-hover-color.solid-hover:hover,
.white-hover-color.solid-hover:focus {
    background-color: var(--theme-white-color);
    color: var(--theme-dark-color);
    border-color: transparent;
}

.btn-white.btn-outline,
.white-hover-color.outline-hover:hover,
.white-hover-color.outline-hover:focus {
    border-color: var(--theme-white-color);
    color: var(--theme-white-color);
    background-color: transparent;
}

.btn-white.filter-hover:hover,
.btn-white.filter-hover:focus {
    filter: brightness(120%);
}

.btn-white.btn-text,
.white-hover-color.color-hover:hover {
    color: var(--theme-white-color);
    background-color: transparent;
    border-color: transparent;
}

/* Dark Button */
.btn-dark.btn-solid,
.dark-hover-color.solid-hover:hover,
.dark-hover-color.solid-hover:focus {
    background-color: var(--theme-dark-color);
    color: var(--theme-white-color);
    border-color: transparent;
}

.btn-dark.btn-outline,
.dark-hover-color.outline-hover:hover,
.dark-hover-color.outline-hover:focus {
    border-color: var(--theme-dark-color);
    color: var(--theme-dark-color);
    background-color: transparent;
}

.btn-dark.filter-hover:hover,
.btn-dark.filter-hover:focus {
    filter: brightness(120%);
}

.btn-dark.btn-text,
.dark-hover-color.color-hover:hover {
    color: var(--theme-dark-color);
    background-color: transparent;
    border-color: transparent;
}

/* Light Button */
.btn-light.btn-solid,
.light-hover-color.solid-hover:hover,
.light-hover-color.solid-hover:focus {
    background-color: var(--theme-light-color);
    color: var(--theme-dark-color);
    border-color: transparent;
}

.btn-light.btn-outline,
.light-hover-color.outline-hover:hover,
.light-hover-color.outline-hover:focus {
    border-color: var(--theme-light-color);
    color: var(--theme-light-color);
    background-color: transparent;
}

.btn-light.filter-hover:hover,
.btn-light.filter-hover:focus {
    filter: brightness(120%);
}

.btn-light.btn-text,
.light-hover-color.color-hover:hover {
    color: var(--theme-light-color);
    background-color: transparent;
    border-color: transparent;
}

/* Gray Button */
.btn-gray.btn-solid,
.gray-hover-color.solid-hover:hover,
.gray-hover-color.solid-hover:focus {
    background-color: var(--theme-gray-color);
    color: var(--theme-dark-color);
    border-color: transparent;
}

.btn-gray.btn-outline,
.gray-hover-color.outline-hover:hover,
.gray-hover-color.outline-hover:focus {
    border-color: var(--theme-gray-color);
    color: var(--theme-gray-color);
    background-color: transparent;
}

.btn-gray.filter-hover:hover,
.btn-gray.filter-hover:focus {
    filter: brightness(120%);
}

.btn-gray.btn-text,
.gray-hover-color.color-hover:hover {
    color: var(--theme-gray-color);
    background-color: transparent;
    border-color: transparent;
}

/* End Button control */

.btn-link-left-line,
.btn-link-right-line {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.btn-link-left-line {
    padding-left: 50px;
}

.btn-link-right-line {
    padding-right: 50px;
}

.btn-link-down-line::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--theme-dark-color);
}

.btn-link-down-line.text-dark::after {
    background-color: var(--theme-dark-color);
}

.btn-link-right-line::after,
.btn-link-left-line::after {
    position: absolute;
    content: "";
    width: 40px;
    top: 50%;
    height: 2px;
    background-color: var(--theme-secondary-color);
}

.btn-link-left-line::after {
    left: 0;
}

.btn-link-right-line::after {
    right: 0;
}

.btn-link-down-line:hover {
    color: var(--theme-secondary-color) !important;
}

.btn-link-down-line:hover::after {
    width: 70%;
    background-color: var(--theme-secondary-color);
}

.btn-link-down-line.text-white::after {
    background-color: var(--theme-white-color);
}

.btn-extra {
    background-color: var(--theme-extra2-color);
    color: var(--theme-dark-color) !important;
}

.btn-link-down-line {
    line-height: inherit !important;
}

.btn-link {
    font-family: var(--theme-hyperlink-font);
    font-weight: 500;
    font-size: 15px;
    position: relative;
    text-decoration: none;
}


/*==================================================================
# Thumbnail Box
===================================================================*/
.hover-img-zoom:hover img {
    transform: scale(1.1);
}

.hover-img-rotate:hover img {
    -webkit-transform: scale(1.2) rotate(7deg);
    transform: scale(1.2) rotate(7deg);
}

.hover-img-filter img {
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
    filter: grayscale(100);
}

.hover-img-filter:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.entry-thumbnail-wrapper .icon-font {
    display: table;
}

.islinked * {
    cursor: pointer;
}

.thumb-style-1 .entry-wrapper {
    padding: 24px;
    text-align: center;
    align-items: center;
    border: 1px solid;
    border-color: var(--theme-light-color);
}

.thumb-style-1 .entry-wrapper:hover {
    background-color: var(--theme-light-color);
    color: var(--theme-dark-color);
    border-color: var(--theme-light-color);
}

.thumb-style-1 .entry-wrapper:hover .entry-title a {
    color: var(--theme-primary-color);
}

.thumb-style-1 .entry-thumbnail {
    margin-bottom: 15px;
}

.thumb-style-1 .entry-wrapper .thumb-icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.thumb-style-1 .entry-wrapper .thumb-icon i {
    color: var(--theme-primary-color);
}

.thumb-style-2 .entry-wrapper {
    padding: 24px;
    text-align: left;
    border: 1px solid;
    border-color: var(--theme-light-color);
    border-radius: 5px;
    background-color: var(--theme-white-color);
}

.thumb-style-2 .entry-wrapper .thumb-icon i {
    color: var(--theme-primary-color);
    font-size: 30px;
}

.thumb-style-2 .entry-thumbnail {
    margin-bottom: 15px;
}

.thumb-style-2 .entry-wrapper:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1);
}

.thumb-style-3 .entry-wrapper {
    padding: 24px;
}

.thumb-style-3 .entry-wrapper {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.thumb-style-3 .entry-wrapper:hover {
    box-shadow: 0 16px 27px 0 rgba(0, 0, 0, .08)
}

.thumb-style-3 .entry-wrapper::before,
.thumb-style-3 .entry-wrapper::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: -100%;
    right: -100%;
    width: 170px;
    height: 170px;
}

.thumb-style-3 .entry-wrapper::before {
    background: var(--theme-primary-color);
    opacity: 0.5;
    z-index: 1;
    transition: .5s ease-in-out;
}

.thumb-style-3 .entry-wrapper:hover::before {
    top: -50px;
    right: -50px;
}

.thumb-style-3 .entry-wrapper::after {
    background: var(--theme-primary-color);
    opacity: 0.5;
    z-index: 2;
    transition: .8s ease-in-out;
}

.thumb-style-3 .entry-wrapper:hover::after {
    top: -65px;
    right: -55px;
}

.thumb-style-3 .entry-thumbnail {
    margin-bottom: 15px;
}

.thumb-style-4 .entry-wrapper {
    padding: 40px 30px;
    text-align: center;
    align-items: center;
    border: 2px solid;
    border-color: var(--theme-gray-color);
} 

.thumb-style-4 .thumb-icon {
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:auto;
    margin-right:auto;
    background-color: var(--theme-dark-color);
}

.thumb-style-4 .thumb-icon img {
    width: 40px;
}

.thumb-style-4 .entry-thumbnail {
    margin-bottom: 15px;
}

.thumb-style-4 .entry-wrapper:hover {
    border-color: var(--theme-primary-color);
}

.thumb-style-4 .entry-wrapper:hover .thumb-icon {
    background-color: var(--theme-primary-color);;
}

.thumb-style-4 .entry-wrapper:hover .entry-title a {
    color: var(--theme-primary-color);
}

.thumb-style-5 .entry-wrapper {
    padding: 30px;
    text-align: center;
    align-items: center;
    border: 3px solid;
    border-color: var(--theme-gray-color);
    background-color: var(--theme-white-color);
    border-radius: 5px;
}

.thumb-style-5 .entry-wrapper:hover {
    border-color: var(--theme-primary-color);
}

.thumb-style-5 .entry-wrapper .thumb-icon {
    position: relative;
}

.thumb-style-5 .entry-wrapper:hover .thumb-icon {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.thumb-style-5 .entry-wrapper .thumb-icon i {
    color: var(--theme-dark-color);
}

.thumb-style-5 .entry-thumbnail {
    margin-bottom: 10px;
}

.thumb-style-5 .entry-wrapper .post-thumbnail img {
    height: 100%;
    max-width: max-content;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
}

.thumb-style-6 .entry-wrapper {
    padding: 24px;
    text-align: center;
    align-items: center;
    background-color: var(--theme-white-color);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    width: 100%;
}

.thumb-style-6 .entry-thumbnail {
    margin-bottom: 15px;
}

.thumb-style-6 .entry-wrapper:hover .thumb-icon i,
.thumb-style-6 .entry-wrapper:hover .entry-title a,
.thumb-style-6 .entry-wrapper:hover .entry-content p,
.thumb-style-6 .entry-wrapper:hover .entry-footer a {
    color: var(--theme-white-color);
}

.thumb-style-6 .entry-wrapper::before {
    position: absolute;
    content: "";
    top: calc(100% - 20px);
    left: calc(100% - 20px);
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: var(--theme-primary-color);
    opacity: .50;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
}

.thumb-style-6 .entry-wrapper:hover::before {
    top: 0;
    left: 0;
    background-color: var(--theme-primary-color);
    opacity: 1;
}

.thumb-style-7 .entry-wrapper {
    padding: 24px;
    text-align: left;
    align-items: start;
    border: 1px solid;
    border-color: var(--theme-light-color);
}

.thumb-style-7 .entry-thumbnail {
    margin-bottom: 10px;
}

.thumb-style-7 .entry-wrapper:hover {
    background-color: var(--theme-light-color);
}

.thumb-style-7 .entry-wrapper::before {
    position: absolute;
    content: "";
    top: -3px;
    left: 0;
    right: 0;
    z-index: 1;
    height: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;

}

.thumb-style-7 .entry-wrapper:hover::before {
    opacity: 1;
    top: 0;
    background-color: var(--theme-primary-color);
    visibility: visible;
}

.thumb-style-8 .entry-wrapper {
    padding: 24px;
    text-align: center;
    align-items: center;
    border-width: 2px;
    border: solid;
    border-radius: 10px;
    border-color: var(--theme-white-color);
    background-color: var(--theme-white-color);
    -webkit-transform: perspective(1px) translateY(0);
    transform: perspective(1px) translateY(0);
}

.thumb-style-8 .entry-thumbnail {
    margin-bottom: 10px;
}

.thumb-style-8 .entry-wrapper:hover .thumb-icon i,
.thumb-style-8 .entry-wrapper:hover .entry-title a,
.thumb-style-8 .entry-wrapper:hover .entry-content p,
.thumb-style-8 .entry-wrapper:hover .entry-footer a {
    color: var(--theme-white-color);
}

.thumb-style-8 .entry-wrapper:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 0;
    opacity: 0;
    visibility: hidden;
    background-color: var(--theme-primary-color);
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
}

.thumb-style-8 .entry-wrapper:hover::before {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.thumb-zoomer {
    position: relative;
    height: 100%
}

.thumb-zoomer:hover {
    height: 110%
}

.thumb-zoomer > a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: none;
    position: absolute;
    bottom: 30px
}

.thumb-zoomer.hover-text-white > a > i {
    color: var(--theme-primary-color) !important;
}

.thumb-zoomer:hover > a {
    display: block
}

.thumb-modern-border {
    border: 5px solid;
    border-color: var(--theme-primary-color);
}

.thumb-modern-border i {
    margin-top: -60px;
    padding: 10px;
}

.thumb-line .price {
    right: 30px;
    font-weight: 600
}

.thumb-line {
    position: relative
    border-bottom: 2px solid;
    border-bottom-color: transparent;
}

.thumb-line:hover {
    border-bottom-color: var(--theme-primary-color);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.thumb-line a,
.thumb-line .price {
    line-height: 40px;
    display: block;
}

.thumb-border {
    border-radius: 3px;
    border: 1px solid;
    border-color: var(--theme-border-color)
}

/*=======================================
Icons Style 
=======================================*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?s27syj');
  src:  url('../fonts/icomoon.eot?s27syj#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?s27syj') format('truetype'),
    url('../fonts/icomoon.woff?s27syj') format('woff'),
    url('../fonts/icomoon.svg?s27syj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}
.icon-airplay:before {
  content: "\e901";
}
.icon-alert-circle:before {
  content: "\e902";
}
.icon-alert-octagon:before {
  content: "\e903";
}
.icon-alert-triangle:before {
  content: "\e904";
}
.icon-align-center:before {
  content: "\e905";
}
.icon-align-justify:before {
  content: "\e906";
}
.icon-align-left:before {
  content: "\e907";
}
.icon-align-right:before {
  content: "\e908";
}
.icon-anchor:before {
  content: "\e909";
}
.icon-aperture:before {
  content: "\e90a";
}
.icon-archive:before {
  content: "\e90b";
}
.icon-arrow-down:before {
  content: "\e90c";
}
.icon-arrow-down-circle:before {
  content: "\e90d";
}
.icon-arrow-down-left:before {
  content: "\e90e";
}
.icon-arrow-down-right:before {
  content: "\e90f";
}
.icon-arrow-left:before {
  content: "\e910";
}
.icon-arrow-left-circle:before {
  content: "\e911";
}
.icon-arrow-right:before {
  content: "\e912";
}
.icon-arrow-right-circle:before {
  content: "\e913";
}
.icon-arrow-up:before {
  content: "\e914";
}
.icon-arrow-up-circle:before {
  content: "\e915";
}
.icon-arrow-up-left:before {
  content: "\e916";
}
.icon-arrow-up-right:before {
  content: "\e917";
}
.icon-at-sign:before {
  content: "\e918";
}
.icon-award:before {
  content: "\e919";
}
.icon-bar-chart:before {
  content: "\e91a";
}
.icon-bar-chart-2:before {
  content: "\e91b";
}
.icon-battery:before {
  content: "\e91c";
}
.icon-battery-charging:before {
  content: "\e91d";
}
.icon-bell:before {
  content: "\e91e";
}
.icon-bell-off:before {
  content: "\e91f";
}
.icon-bluetooth:before {
  content: "\e920";
}
.icon-bold:before {
  content: "\e921";
}
.icon-book:before {
  content: "\e922";
}
.icon-book-open:before {
  content: "\e923";
}
.icon-bookmark:before {
  content: "\e924";
}
.icon-box:before {
  content: "\e925";
}
.icon-briefcase:before {
  content: "\e926";
}
.icon-calendar:before {
  content: "\e927";
}
.icon-camera:before {
  content: "\e928";
}
.icon-camera-off:before {
  content: "\e929";
}
.icon-cast:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e92b";
}
.icon-check-circle:before {
  content: "\e92c";
}
.icon-check-square:before {
  content: "\e92d";
}
.icon-chevron-down:before {
  content: "\e92e";
}
.icon-chevron-left:before {
  content: "\e92f";
}
.icon-chevron-right:before {
  content: "\e930";
}
.icon-chevron-up:before {
  content: "\e931";
}
.icon-chevrons-down:before {
  content: "\e932";
}
.icon-chevrons-left:before {
  content: "\e933";
}
.icon-chevrons-right:before {
  content: "\e934";
}
.icon-chevrons-up:before {
  content: "\e935";
}
.icon-chrome:before {
  content: "\e936";
}
.icon-circle:before {
  content: "\e937";
}
.icon-clipboard:before {
  content: "\e938";
}
.icon-clock:before {
  content: "\e939";
}
.icon-cloud:before {
  content: "\e93a";
}
.icon-cloud-drizzle:before {
  content: "\e93b";
}
.icon-cloud-lightning:before {
  content: "\e93c";
}
.icon-cloud-off:before {
  content: "\e93d";
}
.icon-cloud-rain:before {
  content: "\e93e";
}
.icon-cloud-snow:before {
  content: "\e93f";
}
.icon-code:before {
  content: "\e940";
}
.icon-codepen:before {
  content: "\e941";
}
.icon-codesandbox:before {
  content: "\e942";
}
.icon-coffee:before {
  content: "\e943";
}
.icon-columns:before {
  content: "\e944";
}
.icon-command:before {
  content: "\e945";
}
.icon-compass:before {
  content: "\e946";
}
.icon-copy:before {
  content: "\e947";
}
.icon-corner-down-left:before {
  content: "\e948";
}
.icon-corner-down-right:before {
  content: "\e949";
}
.icon-corner-left-down:before {
  content: "\e94a";
}
.icon-corner-left-up:before {
  content: "\e94b";
}
.icon-corner-right-down:before {
  content: "\e94c";
}
.icon-corner-right-up:before {
  content: "\e94d";
}
.icon-corner-up-left:before {
  content: "\e94e";
}
.icon-corner-up-right:before {
  content: "\e94f";
}
.icon-cpu:before {
  content: "\e950";
}
.icon-credit-card:before {
  content: "\e951";
}
.icon-crop:before {
  content: "\e952";
}
.icon-crosshair:before {
  content: "\e953";
}
.icon-database:before {
  content: "\e954";
}
.icon-delete:before {
  content: "\e955";
}
.icon-disc:before {
  content: "\e956";
}
.icon-dollar-sign:before {
  content: "\e957";
}
.icon-download:before {
  content: "\e958";
}
.icon-download-cloud:before {
  content: "\e959";
}
.icon-droplet:before {
  content: "\e95a";
}
.icon-edit:before {
  content: "\e95b";
}
.icon-edit-2:before {
  content: "\e95c";
}
.icon-edit-3:before {
  content: "\e95d";
}
.icon-external-link:before {
  content: "\e95e";
}
.icon-eye:before {
  content: "\e95f";
}
.icon-eye-off:before {
  content: "\e960";
}
.icon-facebook:before {
  content: "\e961";
}
.icon-fast-forward:before {
  content: "\e962";
}
.icon-feather:before {
  content: "\e963";
}
.icon-figma:before {
  content: "\e964";
}
.icon-file:before {
  content: "\e965";
}
.icon-file-minus:before {
  content: "\e966";
}
.icon-file-plus:before {
  content: "\e967";
}
.icon-file-text:before {
  content: "\e968";
}
.icon-film:before {
  content: "\e969";
}
.icon-filter:before {
  content: "\e96a";
}
.icon-flag:before {
  content: "\e96b";
}
.icon-folder:before {
  content: "\e96c";
}
.icon-folder-minus:before {
  content: "\e96d";
}
.icon-folder-plus:before {
  content: "\e96e";
}
.icon-framer:before {
  content: "\e96f";
}
.icon-frown:before {
  content: "\e970";
}
.icon-gift:before {
  content: "\e971";
}
.icon-git-branch:before {
  content: "\e972";
}
.icon-git-commit:before {
  content: "\e973";
}
.icon-git-merge:before {
  content: "\e974";
}
.icon-git-pull-request:before {
  content: "\e975";
}
.icon-github:before {
  content: "\e976";
}
.icon-gitlab:before {
  content: "\e977";
}
.icon-globe:before {
  content: "\e978";
}
.icon-grid:before {
  content: "\e979";
}
.icon-hard-drive:before {
  content: "\e97a";
}
.icon-hash:before {
  content: "\e97b";
}
.icon-headphones:before {
  content: "\e97c";
}
.icon-heart:before {
  content: "\e97d";
}
.icon-help-circle:before {
  content: "\e97e";
}
.icon-hexagon:before {
  content: "\e97f";
}
.icon-home:before {
  content: "\e980";
}
.icon-image:before {
  content: "\e981";
}
.icon-inbox:before {
  content: "\e982";
}
.icon-info:before {
  content: "\e983";
}
.icon-instagram:before {
  content: "\e984";
}
.icon-italic:before {
  content: "\e985";
}
.icon-key:before {
  content: "\e986";
}
.icon-layers:before {
  content: "\e987";
}
.icon-layout:before {
  content: "\e988";
}
.icon-life-buoy:before {
  content: "\e989";
}
.icon-link:before {
  content: "\e98a";
}
.icon-link-2:before {
  content: "\e98b";
}
.icon-linkedin:before {
  content: "\e98c";
}
.icon-list:before {
  content: "\e98d";
}
.icon-loader:before {
  content: "\e98e";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-log-in:before {
  content: "\e990";
}
.icon-log-out:before {
  content: "\e991";
}
.icon-mail:before {
  content: "\e992";
}
.icon-map:before {
  content: "\e993";
}
.icon-map-pin:before {
  content: "\e994";
}
.icon-maximize:before {
  content: "\e995";
}
.icon-maximize-2:before {
  content: "\e996";
}
.icon-meh:before {
  content: "\e997";
}
.icon-menu:before {
  content: "\e998";
}
.icon-message-circle:before {
  content: "\e999";
}
.icon-message-square:before {
  content: "\e99a";
}
.icon-mic:before {
  content: "\e99b";
}
.icon-mic-off:before {
  content: "\e99c";
}
.icon-minimize:before {
  content: "\e99d";
}
.icon-minimize-2:before {
  content: "\e99e";
}
.icon-minus:before {
  content: "\e99f";
}
.icon-minus-circle:before {
  content: "\e9a0";
}
.icon-minus-square:before {
  content: "\e9a1";
}
.icon-monitor:before {
  content: "\e9a2";
}
.icon-moon:before {
  content: "\e9a3";
}
.icon-more-horizontal:before {
  content: "\e9a4";
}
.icon-more-vertical:before {
  content: "\e9a5";
}
.icon-mouse-pointer:before {
  content: "\e9a6";
}
.icon-move:before {
  content: "\e9a7";
}
.icon-music:before {
  content: "\e9a8";
}
.icon-navigation:before {
  content: "\e9a9";
}
.icon-navigation-2:before {
  content: "\e9aa";
}
.icon-octagon:before {
  content: "\e9ab";
}
.icon-package:before {
  content: "\e9ac";
}
.icon-paperclip:before {
  content: "\e9ad";
}
.icon-pause:before {
  content: "\e9ae";
}
.icon-pause-circle:before {
  content: "\e9af";
}
.icon-pen-tool:before {
  content: "\e9b0";
}
.icon-percent:before {
  content: "\e9b1";
}
.icon-phone:before {
  content: "\e9b2";
}
.icon-phone-call:before {
  content: "\e9b3";
}
.icon-phone-forwarded:before {
  content: "\e9b4";
}
.icon-phone-incoming:before {
  content: "\e9b5";
}
.icon-phone-missed:before {
  content: "\e9b6";
}
.icon-phone-off:before {
  content: "\e9b7";
}
.icon-phone-outgoing:before {
  content: "\e9b8";
}
.icon-pie-chart:before {
  content: "\e9b9";
}
.icon-play:before {
  content: "\e9ba";
}
.icon-play-circle:before {
  content: "\e9bb";
}
.icon-plus:before {
  content: "\e9bc";
}
.icon-plus-circle:before {
  content: "\e9bd";
}
.icon-plus-square:before {
  content: "\e9be";
}
.icon-pocket:before {
  content: "\e9bf";
}
.icon-power:before {
  content: "\e9c0";
}
.icon-printer:before {
  content: "\e9c1";
}
.icon-radio:before {
  content: "\e9c2";
}
.icon-refresh-ccw:before {
  content: "\e9c3";
}
.icon-refresh-cw:before {
  content: "\e9c4";
}
.icon-repeat:before {
  content: "\e9c5";
}
.icon-rewind:before {
  content: "\e9c6";
}
.icon-rotate-ccw:before {
  content: "\e9c7";
}
.icon-rotate-cw:before {
  content: "\e9c8";
}
.icon-rss:before {
  content: "\e9c9";
}
.icon-save:before {
  content: "\e9ca";
}
.icon-scissors:before {
  content: "\e9cb";
}
.icon-search:before {
  content: "\e9cc";
}
.icon-send:before {
  content: "\e9cd";
}
.icon-server:before {
  content: "\e9ce";
}
.icon-settings:before {
  content: "\e9cf";
}
.icon-share:before {
  content: "\e9d0";
}
.icon-share-2:before {
  content: "\e9d1";
}
.icon-shield:before {
  content: "\e9d2";
}
.icon-shield-off:before {
  content: "\e9d3";
}
.icon-shopping-bag:before {
  content: "\e9d4";
}
.icon-shopping-cart:before {
  content: "\e9d5";
}
.icon-shuffle:before {
  content: "\e9d6";
}
.icon-sidebar:before {
  content: "\e9d7";
}
.icon-skip-back:before {
  content: "\e9d8";
}
.icon-skip-forward:before {
  content: "\e9d9";
}
.icon-slack:before {
  content: "\e9da";
}
.icon-slash:before {
  content: "\e9db";
}
.icon-sliders:before {
  content: "\e9dc";
}
.icon-smartphone:before {
  content: "\e9dd";
}
.icon-smile:before {
  content: "\e9de";
}
.icon-speaker:before {
  content: "\e9df";
}
.icon-square:before {
  content: "\e9e0";
}
.icon-star:before {
  content: "\e9e1";
}
.icon-stop-circle:before {
  content: "\e9e2";
}
.icon-sun:before {
  content: "\e9e3";
}
.icon-sunrise:before {
  content: "\e9e4";
}
.icon-sunset:before {
  content: "\e9e5";
}
.icon-tablet:before {
  content: "\e9e6";
}
.icon-tag:before {
  content: "\e9e7";
}
.icon-target:before {
  content: "\e9e8";
}
.icon-terminal:before {
  content: "\e9e9";
}
.icon-thermometer:before {
  content: "\e9ea";
}
.icon-thumbs-down:before {
  content: "\e9eb";
}
.icon-thumbs-up:before {
  content: "\e9ec";
}
.icon-toggle-left:before {
  content: "\e9ed";
}
.icon-toggle-right:before {
  content: "\e9ee";
}
.icon-tool:before {
  content: "\e9ef";
}
.icon-trash:before {
  content: "\e9f0";
}
.icon-trash-2:before {
  content: "\e9f1";
}
.icon-trello:before {
  content: "\e9f2";
}
.icon-trending-down:before {
  content: "\e9f3";
}
.icon-trending-up:before {
  content: "\e9f4";
}
.icon-triangle:before {
  content: "\e9f5";
}
.icon-truck:before {
  content: "\e9f6";
}
.icon-tv:before {
  content: "\e9f7";
}
.icon-twitch:before {
  content: "\e9f8";
}
.icon-twitter:before {
  content: "\e9f9";
}
.icon-type:before {
  content: "\e9fa";
}
.icon-umbrella:before {
  content: "\e9fb";
}
.icon-underline:before {
  content: "\e9fc";
}
.icon-unlock:before {
  content: "\e9fd";
}
.icon-upload:before {
  content: "\e9fe";
}
.icon-upload-cloud:before {
  content: "\e9ff";
}
.icon-user:before {
  content: "\ea00";
}
.icon-user-check:before {
  content: "\ea01";
}
.icon-user-minus:before {
  content: "\ea02";
}
.icon-user-plus:before {
  content: "\ea03";
}
.icon-user-x:before {
  content: "\ea04";
}
.icon-users:before {
  content: "\ea05";
}
.icon-video:before {
  content: "\ea06";
}
.icon-video-off:before {
  content: "\ea07";
}
.icon-voicemail:before {
  content: "\ea08";
}
.icon-volume:before {
  content: "\ea09";
}
.icon-volume-1:before {
  content: "\ea0a";
}
.icon-volume-2:before {
  content: "\ea0b";
}
.icon-volume-x:before {
  content: "\ea0c";
}
.icon-watch:before {
  content: "\ea0d";
}
.icon-wifi:before {
  content: "\ea0e";
}
.icon-wifi-off:before {
  content: "\ea0f";
}
.icon-wind:before {
  content: "\ea10";
}
.icon-x:before {
  content: "\ea11";
}
.icon-x-circle:before {
  content: "\ea12";
}
.icon-x-octagon:before {
  content: "\ea13";
}
.icon-x-square:before {
  content: "\ea14";
}
.icon-youtube:before {
  content: "\ea15";
}
.icon-zap:before {
  content: "\ea16";
}
.icon-zap-off:before {
  content: "\ea17";
}
.icon-zoom-in:before {
  content: "\ea18";
}

/* Category Icon Thumb  */

.category-icon-thumb {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
}

.category-icon-thumb img {
    width: 32px;
}

.category-icon-thumb a {
    color: var(--theme-dark-color);
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
}


/*=====================================
Time Counting
=====================================*/
.time-count li {
    display: inline-block;
    text-align: center;
}

.time-count.counting-box li {
    padding-right: 10px;
    border-radius: 3px;
    font-family: var(--theme-primary-font);
    text-align: left
}

.time-count.counting-box li span {
    background-color: transparent;
    font-size: 21px;
    color: var(--theme-primary-color);
}

.time-count ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.time-count.flex-between ul {
    justify-content: center;
    gap: 10px;
}

.time-count.flex-around ul {
    justify-content: space-around;
}

.time-count li span:first-child {
    color: var(--theme-dark-color);
    font-weight: 500;
    font-size: 15px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    display: block;
}

.time-count li span:last-child {
    font-weight: 400;
    color: var(--theme-general-color);
    display: block;
    text-align: center;
}

.type-two .time-count li span:last-child,
.type-two .time-count li:last-child span:first-child:after {
    display: none;
}

.type-two .time-count li span:first-child {
    background-color: transparent;
    position: relative;
    line-height: inherit;
    width: auto;
    height: auto;
    padding-right: 16px;
}

.type-two .time-count li span:first-child:after {
    position: absolute;
    content: ":";
    top: calc(50% - 2px);
    right: 6px;
    transform: translateY(-50%);
    color: var(--theme-dark-color)
}

.deal-out-time {
    display: flex;
    align-items: center;
}

.deal-out-time .time-count.type-three ul li:first-child {
    display: none
}

.deal-out-time .time-count.type-three ul li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 10px;
}

.deal-out-time .time-count.type-three ul li::before {
    position: absolute;
    content: ":";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: var(--theme-white-color)
}

.deal-out-time .time-count.type-three ul li:last-child:before {
    display: none;
}

.deal-out-time .time-count.type-three ul li span {
    color: var(--theme-white-color) !important;
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.deal-out-time .time-count.type-three ul li span:first-child {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 5px;
}

.time-box ul {
    flex-wrap: wrap !important;
}

.time-count.time-box li {
    border: 2px solid var(--theme-secondary-color);
    text-align: center;
    padding: 10px;
}

.time-box li span {
    display: block;
    text-align: center;
    color: var(--theme-secondary-color)
}

.time-count.time-box li span:first-child {
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto;
    line-height: initial;
	height: auto;
	color: var(--theme-secondary-color);
}

.time-count.time-box li span:last-child {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	margin-top: 0;
	color: var(--theme-secondary-color);
}

.time-count.type-4 ul li {
    padding: 0 10px;
}

/*======================================
# Form Style
=======================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

textarea::placeholder,
select::placeholder,
input::placeholder,
input.form-control::placeholder,
::-webkit-input-placeholder,
:-moz-input-placeholder,
::placeholder {
    font: var(--theme-general-font);
    color: var(--theme-dark-color);
    font-size: 14px;
    font-weight: 400
}

.placeholder-white::placeholder,
.placeholder-white {
    color: var(--theme-white-color) !important;
}

select,
select option,
textarea.form-control,
select.form-control,
select.form-control option {
    font-family: var(--theme-general-font);
    color: var(--theme-dark-color);
    font-size: 14px;
    font-weight: 400;
}

.form-control:not(textarea) {
    height: 45px;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

textarea.form-control {
    height: auto;
}

input[type="submit"]:focus,
select:focus {
    outline: none;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    outline-color: var(--theme-dark-color);
    outline-width: 2px;
    outline-style: solid;
}

.form-control,
.form-control:focus {
    margin-bottom: 0;
    box-shadow: none;
}

.wpcf7-list-item.first {
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.comment-form textarea, 
.comment-form input[type="text"], 
.comment-form input[type="email"], 
.comment-form input[type="url"],
.wp-block-search .wp-block-search__input,
input,
textarea,
select,
.form-control {
    height: auto;
    padding: .85rem 1rem;
    border: none;
    font-family: var(--theme-general-font);
    font-size: 14px;
    width: 100%;
    background-color: var(--theme-light-color);
    outline: 1px solid var(--theme-gray-color);
    color: var(--theme-dark-color);
    min-height: 40px;
    line-height: 1;
}

input[type="checkbox"] {
    width: auto;
    display: inline-block;
    height: auto;
    min-height: auto;
    outline: none;
}

select.form-control,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/icon/chevron-down.png);
    background-size: 8px;
    background-position-x: calc(100% - 15px);
    background-position-y: 52%;
    background-repeat: no-repeat;;
    cursor: pointer;
}

button,
input[type="submit"] {
    background-color: var(--theme-primary-color); 
    border-color: transparent !important;
    color: var(--theme-white-color);
    font-family: var(--theme-primary-font);
    width: auto;
    outline: none;
    padding: 8px 25px;
}

[class*="select-appearance-"][class*="bg-"]::after,
.border-light-form [class*="select-appearance-"]::after {
    right: 16px
}

.border-light-form [class*="select-appearance-"] select.form-control {
    padding-left: 13px;
    font-size: 14px !important;
}

.select-appearance-general::after {
    border-color: var(--theme-general-color);
}

.select-appearance-primary::after {
    border-color: var(--theme-primary-color);
}

[class*="select-appearance-"].border-select select:focus,
[class*="select-appearance-"].border-select select,
[class*="select-appearance-"].bg-color select:focus,
[class*="select-appearance-"].bg-color select {
    padding: 0 25px 0 15px !important;
    display: block
}

[class*="select-appearance-"].border-select {
    display: block;
}

[class*="select-appearance-"].border-select::after {
    right: 20px;
}

.select-appearance-general select:focus,
.select-appearance-general select {
    color: var(--theme-general-color);
}

.form-inline select::-webkit-expand {
    display: none;
}

.search-no-results .searchform {
    margin-top: 15px;
}

.search-pop .toggle-icon {
    cursor: pointer
}

.search-pop .search-form {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    height: calc(100% - 40px);
    border: 1px solid;
    border-color: var(--theme-gray-color);
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--theme-light-color);
    left: 0;
    right: 0px;
    top: 50%;
    padding: 0 10px;
    transform: translateY(-100%);
}

.search-pop #searchform {
    width: 100%;
}

.search-form.visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%);
}

.searchform .btn-search {
    position: absolute;
    top: 54%;
    left: 12px;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
    color: var(--theme-dark-color);
}

.search-form .form-control {
    border-radius: 0;
    width: 100%;
    height: 50px;
    padding: 5px 0px 5px 40px;
    font-family: var(--theme-general-font);
    font-size: 14px;
    border: 1px solid;
    border-color: transparent;
    background-color: transparent;
    margin: 0;
    outline: 0;
}

.search-form .form-control:active,
.search-form .form-control:focus {
    border-color: transparent;
}

input[type="checkbox"]+.custom-checkbox-1 {
    position: relative;
    display: flex;
    align-items: start;
    cursor: pointer;
}

input[type="checkbox"]+.custom-checkbox-1::before {
    width: 15px;
    height: 15px;
    border: 1px solid var(--theme-general-color);
    content: "";
    margin-right: 5px;
    top: 6px;
    position: relative;
    flex-shrink: 0;
}

input[type="checkbox"]:checked+.custom-checkbox-1::before {
    border: 1px solid var(--theme-primary-color);
}

input[type="checkbox"]:checked+.custom-checkbox-1::after {
    content: "✔";
    position: absolute;
    left: 3px;
    top: -1px;
    font-size: 12px;
    color: var(--theme-primary-color);
}

.border-light-form .form-control,
.border-light-form .form-control:focus {
    background: transparent;
    border: 1px solid;
    border-color: #2e333a;
    color: #a4a7a9;
}

[class*="form-icon-"] .form-control {
    line-height: 35px !important;
}

.navbar .navbar-nav li>ul.dropdown-menu li.active>a,
input:-internal-autofill-selected {
    background-color: transparent
}

.subscribe-banner .form-control {
    color: var(--theme-dark-color);
}

.form-boder .form-control {
    border: 1px solid #dcdee0;
    border-radius: 3px
}

.form-check-input {
    margin: 0 !important;
    top: 3px;
    width: 18px;
    height: 18px;
    background: var(--theme-gray-color);
    position: relative;
}

[class*="from-underline"] input,
[class*="from-underline"] [class="select-appearance-general"],
[class*="from-underline"] textarea {
    border-bottom: 1px solid;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.from-underline-gray input,
.from-underline-gray [class="select-appearance-general"],
.from-underline-gray textarea {
    border-color: var(--theme-gray-color);
}

.from-underline input:focus {
    box-shadow: none
}

.from-underline.form-white input {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

.from-underline .form-check {
    padding-left: 0
}

.inline-form-style-1 input {
    padding: 17px 15px 15px 15px;
    height: 50px;
}

.inline-form-style-1 button {
    padding: 0 25px;
    font-size: 15px;
}

.inline-form-style-3 input,
.inline-form-style-3 button.btn {
    border-radius: 50rem !important;
}

.form-switch .form-check-input {
    background-repeat: no-repeat;
    cursor: pointer;
    width: 60px;
    height: 30px;
}

.form-check-input:checked {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

.additional-features label {
    border-radius: 35px;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 10px 10px 0;
    padding: 0 25px;
    cursor: pointer;
}

.additional-features input[type="checkbox"]:checked+label {
    color: #fff;
    background-color: var(--theme-primary-color) !important;
}

.contact-info-light span {
    padding-left: 10px;
    font-weight: 500
}

.wpcf7-spinner {
    margin: -7px 15px;
}

.wpcf7 form .wpcf7-response-output {
    margin-right: 0;
    margin-left: 0;
}

/* ===================================
Popular Categories
=====================================*/

.product-category {
    display: flex;
}

.product-category .caregory-image {
    margin-right: 30px;
}

.product-category .caregory-image img {
    width: 100px
}

.product-category .popular-categories-menu li {
    line-height: 28px;
}

.product-category .popular-categories-menu li a {
    color: var(--theme-general-color);
}

.product-category .popular-categories-menu h4>a {
    color: var(--theme-secondary-color)
}

.product-category .popular-categories-menu h4>a:hover,
.product-category .popular-categories-menu li a:hover {
    color: var(--theme-primary-color);
}

.product-category .btn-link {
    color: var(--theme-secondary-color);
    margin-top: 20px;
}


/*======================================
 Sub Categories
=======================================*/

ul.sub-categories li a {
    font-weight: 400;
    color: var(--theme-general-color);
    padding: 5px 0;
    display: block;
}

ul.sub-categories li a:hover {
    color: var(--theme-primary-color);
}


/*======================================
Categroy List
=======================================*/

.categroy-list ul {
    display: flex;
    flex-wrap: wrap;
}

.categroy-list ul li+li {
    position: relative;
    padding-left: 10px;
}

.categroy-list ul li+li::after {
    content: "|";
    position: absolute;
    left: 3px;
    top: 0;
}

.categroy-list ul li a {
    color: var(--theme-general-color)
}

.categroy-list ul li a:hover {
    color: var(--theme-primary-color)
}


/*==========================================
Side push nav and category
==========================================*/
.nav-rightpush-overlay .categories-menu,
.nav-leftpush-overlay .categories-menu {
    position: inherit;
}

/*Hide scrollbar for Chrome, Safari and Opera*/
.navbar-slide-push .push-navbar::-webkit-scrollbar,
.navbar-slide-push .categories-menu::-webkit-scrollbar {
    display: none;
}

/*Hide scrollbar for IE, Edge and Firefox*/
.navbar-slide-push .push-navbar,
.navbar-slide-push .categories-menu {
    -webkit-overflow-style: none;
    /*IE and Edge*/
    scrollbar-width: none;
    /*Firefox*/
    height: 100vh;
    display: block;
}

.categories-menu {
    position: absolute;
    top: 100%;
    z-index: 90;
    width: 100%;
    left: 0;
    display: table;
}

.categories-menu ul.menu {
    padding: 15px 0;
    position: relative;
    list-style: none;
    margin: 0;
}

.menu-and-category ul.navbar-nav>li,
.categories-menu>ul.menu>li {
    padding: 0 20px;
    position: static;
}

.navbar-slide-push .navbar-nav .nav-item .nav-link,
.categories-menu ul.menu li a {
    border-bottom: 1px solid #ddd !important;
}

.navbar-slide-push .navbar-nav .nav-item:last-child .nav-link,
.categories-menu ul.menu li:last-child a {
    border-bottom: none !important;
}

.categories-menu ul.menu li.highlight a {
    color: var(--theme-secondary-color)
}

.categories-menu .menu-item-has-children>a::after {
    position: absolute;
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: var(--theme-general-color);
    border: 0;
}

.categories-menu .menu-item-has-children:hover::after {
    color: var(--theme-primary-color)
}

.categories-menu ul.menu li a {
    font-family: var(--theme-general-font);
    color: var(--theme-general-color);
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding: 8px 0;
    line-height: 24px;
}

.categories-menu ul.menu li a:hover {
    color: var(--theme-secondary-color);
}

.nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
.nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
    padding: 0;
}

#menu-and-category .nav-item,
#menu-and-category2 .nav-item {
    width: 50%;
}

#menu-and-category .nav-link,
#menu-and-category2 .nav-link {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
	font-size: 14px;
}

#menu-and-category .nav-link.active,
#menu-and-category2 .nav-link.active {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}

#menu-and-category .nav-link,
#menu-and-category2 .nav-link {
    color: var(--theme-dark-color);
}

.nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
.nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
    background-color: var(--theme-white-color);
}

.categories-menu-wrapper>i {
    padding: 10px;
    background: var(--theme-dark-color);
    color: var(--theme-primary-color);
}

.category-hover-open .categories-menu {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
}

.category-hover-open:hover .categories-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.category-title-wrapper {
    cursor: pointer;
    font-size: 14px;
}


/*==================================
Mega Menus
===================================*/
.unicode-menu-element.unicode-megamenu-list,
.unicode-menu-element.unicode-megamenu-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-and-category .dropdown.mega-dropdown {
    position: relative;
}

.categories-menu ul.menu li a {
    position: relative;
}

.categories-menu .unicode-megamenu-wrapper {
    background-color: #ffffff;
    border: 0;
    border-top: 2px solid;
    border-top-color: var(--theme-primary-color);
    border-radius: 0;
}

.categories-menu .unicode-megamenu-wrapper {
    background-color: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 98;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    -moz-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
    display: flex;
    margin: 0;
}

.categories-menu .unicode-megamenu-wrapper {
    left: 100%;
    top: 0;
}

.categories-menu ul.menu>li:hover .unicode-megamenu-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin: 0;
    padding: 0;
}

.categories-menu .unicode-megamenu-item-full-width .unicode-megamenu-holder {
    width: 848px!important;
}

.unicode-megamenu-list .nav-link {
    padding: 6px 5px;
}

.unicode-megamenu-holder {
    padding: 1.5em;
}

.categories-menu ul.menu .unicode-megamenu-list > li > a {
    font-weight: 500;
    font-size: 15px;
    color: var(--theme-general-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.categories-menu ul.menu .unicode-megamenu-list > li > a:after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 50px;
    height: 2px;
    left: 0;
    background-color: var(--theme-primary-color);
}

.categories-menu ul.menu .unicode-megamenu-list>li>a,
.navbar-expand-lg .navbar-nav .unicode-megamenu-list > li > .nav-link {
    font-weight: 500 !important;
    color: var(--theme-secondary-color) !important;
}

.dropdown.mega-dropdown {
    position: static
}

.mega-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar .navbar-nav li>ul.dropdown-menu.mega-dropdown-menu {
    width: 100%;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -4px
}

.mega-container .col-lg-2 {
    padding-left: 5px;
    padding-right: 5px
}


/*====================================
Header Section
=====================================*/
.header-mobile {
    display: none;
}

@media screen and (min-width: 992px) {
    .ecommerce-header .header-sticky {
        display: none;
    }
}

/*===================================
Top Header
====================================*/
.top-header ul,
.top-header ol {
    list-style: none;
    margin: 0;
}

.top-header .header-col-left {
    justify-content: start;
}

.top-header .unicode-social {
    display: flex;
    align-items: center;
    gap: 5px;
}

.top-header .unicode-social a {
    width: auto;
    height: auto;
}

.top-header .header-col-right {
    justify-content: end;
}

.top-links > li {
    padding: 0 12px;
    position: relative;
}

.top-links li:first-child {
    padding-left: 0;
}

.top-links li:last-child {
    padding-right: 0;
}

.top-links li > a {
    padding: 0;
    color: var(--theme-general-color);
}

.top-links li > a > i {
    padding-right: 5px;
}

.border-bottom-one {
    border-bottom-color: #20277c !important;
}

.border-bottom-two {
    border-bottom-color: #eaeaed !important;
}

.top-header-col .my-account {
    border-left: 0;
}

.top-email,
.top-phone {
    display: flex;
    align-items: center;
    gap: 5px;
}

.top-header [class*="col"] > *,
.top-header [class*="col"] > * a{
    line-height: initial;
    padding: 0;
    list-style-type: none;
}

.top-links > li > a.nav-link:hover, 
.top-header .my-account-dropdown > a:hover {
    color: var(--theme-primary-color);
}

/*=================================
# Main Header
==================================*/
.navbar-expand-lg .navbar-nav .nav-link {
    font-family: var(--theme-hyperlink-font);
    font-size: 14px;
    position: relative;
    display: flex;
    gap: 5px;
}

.dropdown-item {
    font-family: var(--theme-hyperlink-font);
    font-weight: 500;
    font-size: 14px;
    position: relative;
    color: #363a3e
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    font-family: var(--theme-general-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.top-header .opening-time-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.main-nav .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-style-1 .main-nav .navbar-brand img.nav-logo {
    width: 120px;
}

.header-style-1 .main-nav .navbar-brand {
    padding: 35px;
    background-color: var(--theme-dark-color);
    margin-top: -65px;
    margin-right: 0;
}

.header-style-4 .top-header i {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    background-color: var(--theme-light-color);
    display: inline-block;
    margin-right: 7px;
}

.header-style-4 .search-pop > i {
    width: 45px;
    height: 45px;
    background-color: var(--theme-primary-color);
    text-align: center;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-style-4 .navbar-expand-lg .navbar-nav .nav-link {
    flex-direction: column;
}

header.nav-on-top.fixed-top {
    position: static;
}

.navbar-expand-lg .navbar-nav .nav-link span.menu-label {
    display: table;
    width: auto;
    line-height: initial;
    position: absolute;
    top: -10px;
    white-space: nowrap;
    left: 100%;
    padding: 1px 4px;
    text-transform: capitalize;
    font-size: 12px;
    color: var(--theme-primary-color);
}

.header-style-4 .navbar-expand-lg .navbar-nav .nav-link span.menu-label {
    top: 60%;
    color: var(--text-light-color);
    background-color: transparent !important;
    left: 0;
    width: 100%;
    padding: 0;
    font-weight: 400;
    position: static;
}

.header-style-5 .middle-info span {
    font-family: var(--theme-primary-font);
    font-size: 18px;
    text-transform: uppercase;
}

.header-style-5 {
    padding-left: 20px;
    padding-right: 20px;
}

.nav-split-classic .top-links li {
    line-height: 50px;
    margin-left: 20px;
}

.nav-split-classic .top-links li a {
    color: #fff
}

.nav-split-classic .top-links .btn-appointment a {
    padding: 0 20px;
    color: #fff;
    display: block
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--theme-primary-color) !important;
    text-decoration: none;
    background-color: transparent !important;
}

.top-contact li {
    float: left;
    margin-right: 20px;
    line-height: 40px
}

.top-header {
    font-size: 13px
}

.top-header .msg,
.top-header .media-icons a {
    line-height: 40px
}

.media-icons a {
    margin: 0 10px
}

.media-icons a:last-child {
    margin: 0
}

.media-icons a:first-child {
    margin: 0;
}

.top-nav li {
    display: inline-block;
    line-height: 40px;
    padding: 0 7.5px
}

.top-nav li:first-child {
    padding-left: 0
}

.top-nav li:last-child {
    padding-right: 0
}

.devide-header .top-header .media-icons a {
    margin-left: 20px;
}

.nav-bar-top li {
    line-height: 40px;
}

.nav-bar-top.right {
    float: right;
}

.nav-bar-top.right li {
    margin-left: 20px
}

.nav-bar-top.right li:first-child {
    margin-left: 0
}

.nav-bar-top.left {
    float: left;
}

.nav-bar-top.left li {
    margin-right: 20px
}

.nav-bar-top.left li:last-child {
    margin-right: 0
}

.cart-view a.top-quantity span {
    position: absolute;
    padding: 0 9px;
    line-height: 24px;
    border-radius: 50%;
    background: var(--theme-primary-color);
    font-size: 10px;
    color: #fff;
    top: -15px;
    left: 12px;
    text-align: center;
}

.ecommerce-header .top-header {
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    padding: 7px 0;
}

.ecommerce-header .top-links {
    flex-direction: row
}

.ecommerce-header .top-links li a {
    color: var(--theme-general-color);
}

.ecommerce-header .top-links li {
    padding: 0 15px;
    border-right: 1px solid #e1e1e1
}

.ecommerce-header .top-links li:last-child {
    border: none;
    padding-right: 0
}

.ecommerce-header .cart-view {
    margin: 22px 0
}

.ecommerce-header .cart-view i {
    margin-right: 10px
}

.ecommerce-header .cart-view a.top-quantity {
    line-height: 35px;
    color: var(--theme-secondary-color);
    font-weight: 500
}

.ecommerce-header .cart-view a.top-quantity span {
    border-radius: 50%;
    padding: 0 10px;
    line-height: 27px;
    top: -16px;
    left: 18px;
}

.full-header {
    border-bottom: 2px solid #818388
}

.full-header .nav-logo {
    width: 120px
}

.nav-sticky {
    position: sticky;
    z-index: 99;
    top: 0
}

.line-menu li {
    display: inline-block;
}

.line-menu li a {
    padding: 0 10px
}

.line-menu li:last-child a {
    padding-right: 0
}

.line-menu li:first-child a {
    padding-left: 0
}

/* Cart Style Start */
.cart-popup .mini_cart_item span:last-child a {
    display: inline-flex;
    font-size: 14px;
}

.menu-all-pages-container {
    display: flex;
    width: 100%;
}

.wishlist-view span.header-wishlist-count,
.refresh-view span.header-compare-count,
.header-cart .cart .cart-icon .header-cart-count {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 22px;
    top: -6px;
    left: -6px;
    font-weight: 400;
}

.header-cart .cart .cart-wrap .header-cart-total {
    display: flex;
    flex-direction: column;
}

.header-cart-7 .cart .cart-wrap {
    flex-direction: row;
}

.header-cart-7 .cart .cart-wrap .header-cart-count {
    margin-right: 5px
}

.header-cart-3 .cart .cart-icon .header-cart-count,
.header-cart-6 .cart .cart-icon .header-cart-count,
.header-cart-7 .cart .cart-icon .header-cart-count,
.header-cart-1 .cart .cart-wrap,
.header-cart-4 .cart .cart-wrap,
.header-cart-2 .cart .cart-wrap .header-cart-count,
.header-cart-5 .cart .cart-wrap .header-cart-count,
.header-cart-3 .cart .cart-wrap .cart-text,
.header-cart-6 .cart .cart-wrap .cart-text,
.header-cart-7 .cart .cart-wrap .cart-text,
.header-cart-3 .cart .cart-wrap .woocommerce-Price-amount,
.header-cart-5 .cart .cart-wrap .woocommerce-Price-amount {
    display: none
}

.header-cart-3 .cart .cart-wrap .header-cart-count {
    font-size: 14px;
    font-weight: 600
}

.header-cart-5 .cart .cart-wrap .cart-text {
    padding-right: 10px;
}

.navbar-nav .tooltip {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    top: -5px;
}

.navbar-nav .tooltip::after {
    border-top: 5px solid var(--theme-primary-color);
}

.navbar .navbar-nav li > ul.dropdown-menu.mega-dropdown-menu {
    width: calc(100% - 20px);
    left: 10px;
}

.navbar .navbar-slide-push .navbar-nav li > ul.dropdown-menu.mega-dropdown-menu {
    left: 100%;
    width: 100%;
}

.nav-extra1-hover .navbar-nav .nav-link:hover {
    color: var(--theme-extra2-color) !important;
}

.navbar .navbar-nav li {
    padding: 0;
}

.header-cart-6 .header-cart-item-text {
	margin-bottom: 0;
    display: block;
    line-height: 20px;
}

.helpline-info {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.helpline-info .phone {
    font-weight: 500;
    color: var(--theme-dark-color);
    font-family: var(--theme-primary-font);
}

.helpline-info span:first-child {
    font-size: 14px;
}

.helpline-info span {
    line-height: normal;
}

/*=====================================
Sticky Header
======================================*/
.header-sticky {
    background-color: #fff;
}

/*====================================================================
Slide Push Nav
=====================================================================*/
.secondary-nav-leftside .navbar {
    position: static
}

.secondary-nav-leftside .push-nav-toggle {
    position: absolute;
    left: 15px;
    z-index: 100
}

.header-mobile .login-signup {
    display: flex;
    background-color: var(--theme-dark-color);
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 10px;
}

#page_wrapper.overlay::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 100;
}

.push-nav-toggle {
    padding: 5px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.nav-rightpush-overlay .navbar-expand-lg .navbar-toggler.push-nav-toggle,
.nav-leftpush-overlay .navbar-expand-lg .navbar-toggler.push-nav-toggle {
    display: block;
    position: absolute;
    right: 0;
}

.nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
.nav-rightpush-overlay .navbar-slide-push .navbar-nav,
.nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push,
.nav-leftpush-overlay .navbar-slide-push .navbar-nav {
    display: initial !important;
}

.slide-nav-close {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
}

.logged-in.admin-bar .navbar-slide-push {
    top: 32px;
}

.nav-rightpush-overlay .navbar-slide-push {
    position: fixed;
    width: 320px;
    padding: 120px 50px;
    background: var(--theme-light-color);
    right: -320px;
    min-height: 100%;
    top: 0;
    opacity: 0;
    z-index: 999999;
}

.nav-leftpush-overlay .navbar-slide-push {
    position: fixed;
    width: 320px;
    padding: 120px 50px;
    background: var(--theme-light-color);
    left: -320px;
    min-height: 100%;
    top: 0;
    opacity: 0;
    z-index: 999999;
}

.nav-rightpush-overlay .navbar-slide-push .navbar-nav>li.nav-item,
.nav-leftpush-overlay .navbar-slide-push .navbar-nav>li.nav-item {
    margin: 0;
    line-height: 50px;
}

.nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push.visible {
    animation-name: slideInRight;
    animation-duration: 0.3s;
    right: 0;
    opacity: 1;
}

.nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push.visible {
    animation-name: slideInLeft;
    animation-duration: 0.3s;
    left: 0;
    opacity: 1;
}

header.nav-rightpush-overlay.fixed-top,
header.nav-leftpush-overlay.fixed-top {
    position: absolute !important
}

/* =============================
# Inner Banner
===============================*/

.banner-wrapper {
    position: relative;
    height: 100%;
}

.banner-wrapper .banner-image, 
.banner-wrapper .banner-image img {
    width: 100%;
    height: 100%;
}

.banner-wrapper.text-right .banner-content {
	text-align: right;
}

.banner-wrapper.text-center .banner-content {
	text-align: center;
}

.banner-three.banner-wrapper {
    overflow: hidden;
    max-height: 300px;
}

.banner-wrapper .banner-image,
.banner-wrapper .banner-image img {
    width: 100%;
}

.thumb-blog-simple .post-content .btn-link-down-line {
    color: var(--theme-general-color);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
}

.thumb-blog-simple .post-content .btn-link-down-line::after {
    background-color: var(--theme-general-color);
}

.thumb-blog-simple .post-content .btn-link-down-line:hover {
    color: var(--theme-primary-color);
}

.thumb-blog-simple .post-content .btn-link-down-line:hover::after {
    background-color: var(--theme-primary-color);
}

/*===============================================
# WooCommerce
================================================*/

.categories-banner ul {
    display: flex;
    flex-wrap: wrap;
}

.categories-banner ul li a {
    color: var(--theme-white-color);
    margin-right: 10px;
    padding: 5px 0;
    line-height: 25px;
    font-weight: 500;
}

.coustom-categories-banner-1 .product-info {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--theme-white-color);
    width: 90%;
    text-align: center
}

.coustom-categories-banner-1 .product-wrapper .product-info .product-title-wrap,
.coustom-categories-banner-1 .product-wrapper .product-info .product-title-wrap a {
    font-weight: 500;
    font-size: 15px;
}

.coustom-categories-banner-1 .product-wrapper .product-info .strok {
    font-size: 13px;
    font-weight: 400;
    display: block
}

.coustom-categories-banner-2 .product-info {
    position: absolute !important;
    bottom: 0;
    left: 0;
    background-color: var(--theme-white-color);
    display: flex;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 10px 20px !important;
    line-height: 26px;
}

.coustom-categories-banner-2 .product-info .product-title-wrap {
    margin-right: 10px;
    margin-bottom: 0 !important;
}

.thumb-info p {
	margin-bottom: 0;
}

.food-menu-list {
    position: relative;
}

.food-menu-list .quantity {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: var(--theme-light-color);
    color: var(--theme-dark-color);
    margin: 0 !important;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}

.food-menu-list a {
    color: var(--theme-white-color);
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.food-menu-list a span {
    color: var(--theme-primary-color);
}

.food-menu-list>p {
    font-size: 15px;
    padding-right: 70px;
}

.family-food-image {
    margin-bottom: -130px;
    position: relative;
    z-index: 1
}

.down-line-secondary {
    padding-bottom: 15px;
    position: relative
}

.down-line-secondary::before {
    width: 100px;
    height: 2px;
    background: var(--theme-secondary-color);
    content: "";
    top: 100%;
    left: 0;
    position: absolute;
}

.products-avilable-number {
    background: url("../images/shape/4.png") no-repeat top right;
    display: flex;
    flex-direction: column;
    height: 540px;
}

.products-avilable-number .counting,
.products-avilable-number .title {
    font-weight: 400;
    color: var(--theme-secondary-color);
    display: block;
    text-align: right;
    letter-spacing: 5px;
}

.products-avilable-number .counting {
    font-size: 72px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.products-avilable-number .title {
    font-size: 30px
}

.offer-product .product-wrapper .product-info {
    padding: 0
}

.offer-product .product-wrapper .product-info .product-cats a {
    font-family: var(--theme-primary-font);
    font-size: 15px;
    color: var(--theme-general-color);
}

.offer-product .product-wrapper .product-info .product-cats {
    margin-bottom: 10px;
}

.offer-product .product-wrapper .product-info .product-title-wrap,
.offer-product .product-wrapper .product-info .product-title-wrap a {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.offer-product .product-wrapper .product-info .product-price {
    margin: 10px 0
}

/*==================================
# Page Banner
==================================*/
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--theme-general-color);
}

.greater-than .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.main-banner {
    gap: 20px;
}

.title-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.title-text-light .title-wrap span,
.title-text-light .page-title {
    color: var(--theme-light-color);
}

.title-text-dark .title-wrap span,
.title-text-dark .page-title {
    color: var(--theme-dark-color);
}

.title-text-secondary .title-wrap span,
.title-text-secondary .page-title {
    color: var(--theme-secondary-color);
}

.title-text-white .title-wrap span,
.title-text-white .page-title {
    color: var(--theme-white-color);
}

.title-text-primary .title-wrap span,
.title-text-primary .page-title {
    color: var(--theme-primary-color);
}

.title-small .page-title{
    font-size: 24px;
    line-height: 1;
}

.title-medium .page-title{
    font-size: 35px;
    line-height: 1;
}

.title-large .page-title{
    font-size: 45px;
    line-height: 1;
}

.banner-one .btn-link {
    padding: 10px 15px;
    border: 2px solid;
    border-color: var(--theme-dark-color);
}

.banner-style-2 .main-banner {
    border-radius: 10px;
}

/*==================================
# Inner Banner
===================================*/
.image-with-achievement {
    position: relative;
}

.image-with-achievement img {
    border-radius: 50%;
}

.image-with-achievement .count-wrap {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
    top: 50px;
    left: -80px;
}

.image-with-achievement .count-wrap .count {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    border: 2px dashed var(--theme-gray-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.image-with-badge .count-wrap {
    width: 150px;
    height: 150px;
    position: absolute;
    background-color: var(--theme-primary-color);
    padding: 20px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
    left: 0;
    top: 0;
}

.image-with-badge .count-wrap .count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}


/*===============================
Breadcrumb
================================*/
.breadcrumb-navigation {
    background: transparent;
    display: flex;
    align-items: center;
}

nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-divider-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
    color: var(--theme-secondary-color);
}

.breadcrumb-divider-slash .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
    color: var(--theme-secondary-color);
}

.breadcrumb-divider-dot .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ".");
    color: var(--theme-secondary-color);
}

.breadcrumb-item+.breadcrumb-item {
    color: var(--theme-primary-color);
}

/* breadcrumd divider */
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a{
    font-size: 14px;
    font-weight: 400;
    font-family: var(--theme-hyperlink-font);
    padding-top: 0;
    padding-bottom: 0;
}

.line-slash .breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

.forward-slash .breadcrumb-item+.breadcrumb-item::before {
    content: "/";
}

.greater-than .breadcrumb-item+.breadcrumb-item::before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 14px;
}

.simple-dot .breadcrumb-item+.breadcrumb-item::before {
    content: ".";
}

.simple-hipen .breadcrumb-item+.breadcrumb-item::before {
    content: "-";
}

/*==================================
# Sidebars
===================================*/
.sidebar-inner .widget {
    width: 100%
}

.widget-toggle.closed ul {
    display: none;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul.children {
    margin-top: 10px;
    margin-left: 10px;
}

#sidebar .widget-title {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
}

#sidebar .widget-title+* {
     margin-top: 15px;
}

.sidebar-inner .widget ul li .comment-author-link a,
.sidebar-inner .widget ul li .comment-author-link {
    color: var(--theme-secondary-color);
}

#sidebar .widget:last-child {
    margin-bottom: 0 !important;
}

.widget_search input,
.search-widget input {
    padding: 10px;
    padding-left: 40px;
}

.widget-padding-one .widget {
    padding: 25px 20px;
    border: none
}

.widget_product_categories ul li {
    border: none;
    position: relative;
}

.widget_product_categories .cat-item.cat-parent>a {
    position: relative;
    display: table;
}

.widget_product_categories .cat-item.cat-parent>span {
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
}

.widget_product_categories .cat-item.cat-parent>span::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-size: 10px;
    font-weight: 900;
}

.widget_product_categories .cat-item.cat-parent ul.children {
    margin-left: 15px;
    display: none;
}

.widget_product_categories .cat-item.cat-parent.open ul.children {
    display: block;
    margin-top: 5px;
}

.widget_product_categories .cat-item.cat-parent a span {
    float: inherit;
    margin-left: 3px;
}

.widget.widget_rating_filter li.wc-layered-nav-rating,
.widget.widget_layered_nav li.wc-layered-nav-term {
    display: -webkit-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-align: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    color: var(--theme-general-color);
    cursor: pointer;
}

.widget.widget_rating_filter li.wc-layered-nav-rating.chosen,
.widget.widget_rating_filter li:hover,
.widget.widget_layered_nav li.wc-layered-nav-term.chosen,
.widget.widget_layered_nav li:hover {
    color: var(--theme-secondary-color);
}

.widget.widget_rating_filter li.wc-layered-nav-rating.chosen a::before,
.widget.widget_rating_filter li.wc-layered-nav-rating a:hover::before,
.widget.widget_layered_nav li.wc-layered-nav-term.chosen a::before,
.widget.widget_layered_nav li.wc-layered-nav-term a:hover::before {
    border: 5px solid;
    border-color: var(--theme-primary-color);
}

.widget.widget_rating_filter li.wc-layered-nav-rating a::before,
.widget.widget_layered_nav li.wc-layered-nav-term a::before {
    border: 2px solid #e9e9e9;
    background-color: #fff;
    content: "";
    display: inline-table;
    height: 16px;
    margin-right: 8px;
    width: 16px;
    padding: 0;
}

ul.swatch-filter-inline {
    display: flex;
    flex-wrap: wrap;
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term a::before {
    display: none;
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term span.swatch-color {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid;
    border-color: var(--theme-gray-color);
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term span.swatch-circle {
    border-radius: 100%;
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term.chosen span.swatch-color::before {
    content: "✔";
    position: absolute;
    font-size: 15px;
    color: var(--theme-white-color);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.swatch-filter-pa_color li.wc-layered-nav-term span.swatch-color.swatch-circle.swatch-normal {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
}

.swatch-filter-pa_color li.wc-layered-nav-term span.swatch-color.swatch-squire.swatch-normal {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
}

.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term .count, 
.widget.widget_layered_nav ul.swatch-filter-inline li.wc-layered-nav-term a span.nav-title {
    display: none;
}

.widget.widget_layered_nav .swatch-filter-pa_color .maxlist-more {
    display: none;
}

.widget-title-bordered-full .widget-title {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 500;
    border-bottom: 2px solid var(--theme-gray-color);
}

.widget-toggle.closed ul {
    display: none;
}

.maxlist-more {
    margin-top: 15px;
    display: table;
    cursor: pointer;
    color: var(--theme-secondary-color);
    font-weight: 500;
    font-size: 14px;
}

.widget.widget_layered_nav [class*="swatch-filter-"] li:nth-child(n+6) {
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: none;
    margin-bottom: 0 !important;
}

.widget.widget_layered_nav [class*="swatch-filter-"].show-more li:nth-child(n+6) {
    opacity: 1;
    visibility: visible;
    height: 100%;
    display: flex;
    margin-bottom: 15px !important;
}

.widget.widget_layered_nav [class*="swatch-filter-"].show-more .maxlist-more span:first-child,
.widget.widget_layered_nav [class*="swatch-filter-"] .maxlist-more span:last-child {
    display: none;
}

.widget.widget_layered_nav [class*="swatch-filter-"].show-more .maxlist-more span:last-child {
    display: block;
}

.widget_rating_filter ul li .star-rating {
    float: none;
    display: inline-block;
    margin-right: 5px;
}

.sidebar {
    margin-bottom: 30px;
}

.widget_media_image {
    display: flex;
    justify-content: center;
}

/* Widget Calendar */
.widget .calendar_wrap {
    margin-top: 25px;
    padding: 0;
}

.widget .calendar_wrap .wp-calendar-table {
    width: 100%;
    text-align: center;
}

.widget .calendar_wrap .wp-calendar-table th {
    font-weight: 500;
}

.widget .calendar_wrap .wp-calendar-table td.pad {
    background-color: transparent;
}

.widget .calendar_wrap .wp-calendar-table td {
    padding: 5px;
    background-color: var(--theme-light-color);
}

.calendar_wrap .wp-calendar-nav {
    background-color: var(--theme-dark-color);
    border: 0;
    padding: 5px 10px;
}

.calendar_wrap .wp-calendar-nav a {
    color: var(--theme-primary-color);
}

.sidebar .widget {
    padding: 30px;
    background-color: var(--theme-light-color);
}

.widget_block h2 {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
}

.widget-toggle .widget-title {
    position: relative;
    cursor: pointer;
}

.widget-toggle .widget-title::after {
    position: absolute;
    right: 0;
    font-family: "Font Awesome 6 Free";
    content: "\f078";
    font-size: 10px;
    font-weight: 900;
}

.widget-toggle.closed ul {
    display: none;
}

.widget_product_categories .cat-item.cat-parent>span[class="icon-"] {
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
}

.widget_product_categories .cat-item.cat-parent>span[class="icon-"]::after {
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
}

.widget_product_categories .cat-item.cat-parent>span.icon-1::after {
    content: "\f078";
}

.widget.sidebar-border,
.widget[class*="bg-"] {
    padding: 30px;
}

.service-widget-2 ul li {
    margin: 2px 0;
    position: relative;
}

.service-widget-2 ul li a {
    padding: 15px 30px;
    display: block;
    font-weight: 600;
    color: var(--theme-secondary-color);
    background: var(--theme-gray-color)
}

.service-widget-2 ul li::after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 600;
    right: 20px;
    top: 15px;
    color: var(--theme-secondary-color);
}

.sidebar.widget-full-width .widget {
    padding: 0;
}

.portfolio-category ul li a {
    font-weight: 400
}

.service-widget ul li,
.portfolio-category ul li {
    padding: 10px 5px;
    border-bottom: 1px solid #e1e1e1;
}

.sidebar-portfolio.sidebar .widget {
    padding: 0
}

.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a,
.widget_product_categories ul li a,
.sidebar-blog .widget ul li a,
.portfolio-category ul li a {
    color: var(--theme-general-color);
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}

.service-widget ul li,
.widget_archive ul li,
.widget_recent_entries ul li,
.widget_product_categories ul li,
.portfolio-category ul li,
ul.product_list_widget li,
.tagcloud ul li,
.widget_meta ul li,
.sidebar-blog .widget ul li,
.widget_recent_comments ul li {
    font-family: var(--theme-hyperlink-font);
    list-style-type: none;
}

.service-widget ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_product_categories ul li a:hover,
.portfolio-category ul li a:hover,
ul.product_list_widget li a:hover,
.tagcloud ul li a:hover,
.widget_meta ul li a:hover,
.sidebar-blog .widget ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_product_categories .cat-item.cat-parent.open > a {
    color: var(--theme-primary-color);
}

.service-widget ul li a {
    color: var(--theme-general-color);
    font-size: 15px;
    font-weight: 600
}

.widget-shadow-box .widget {
    border-top: 3px solid;
    border-color: var(--theme-primary-color)
}

.widget_archive ul li,
.widget_categories ul li,
.widget_product_categories ul li {
    padding: 10px 0;
    border-bottom: 1px dashed;
    border-color: var(--theme-gray-color);
}

.widget.widget_tag_cloud .tagcloud a, 
.widget_product_tag_cloud .tagcloud a {
    font-size: 13px !important;
    line-height: 24px;
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 5px;
    margin-right: 0;
    border: 0;
    background: var(--theme-gray-color);
    border-radius: 3px;
    color: var(--theme-general-color);
}

.widget.widget_tag_cloud .tagcloud a:hover, 
.widget_product_tag_cloud .tagcloud a:hover {
    background: var(--theme-primary-color);
    color: var(--theme-white-color);
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_product_categories ul li:last-child {
    border-bottom: 0
}

.tagcloud ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
}

.tagcloud ul li a {
    padding: 3px 10px;
    border: 1px solid;
    border-color: var(--theme-gray-color);
    color: var(--theme-general-color);
    border-radius: 3px;
    font-size: 14px;
    display: block
}

.widget ul.product_list_widget li .fancy-star-rating .fancy-rating.good {
    background-color: transparent;
    color: var(--theme-primary-color);
}

.search-widget form {
    position: relative
}

.search-widget input {
    border: 1px solid #e1e1e1;
    width: 100%;
    height: 50px;
    padding-right: 60px;
    margin: 0;
    background-color: var(--theme-gray-color);
    border-radius: 3px
}

.search-widget button {
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0 3px 3px 0;
    border: 0;
    height: 48px;
    width: 48px;
}

.widget_categories ul li a:hover {
    color: var(--theme-primary-color);
}

.widget_recent_entries ul li {
    margin-bottom: 10px
}

.widget_recent_entries ul li a {
    display: block;
    width: 100%;
    font-weight: 500;
}

.widget_recent_entries ul li a:hover {
    text-decoration: underline
}

.widget_recent_entries ul li span {
    font-size: 14px;
    font-style: italic;
    color: #a5a5a5;
}

.widget_fliker_photo ul li {
    display: inline-block;
    margin: 0 2px 5px 0;
    width: 23%
}

.widget-shadow-box .widget {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .10)!important;
}

.sidebar-nav ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-nav ul li {
    padding: 0;
}

.sidebar-nav ul li a {
    color: var(--theme-dark-color);
    padding: 15px 30px;
    background-color: var(--theme-light-color);
    display: inline-block;
    font-size: 15px;
    width: 100%;
    font-weight: 500;
}

.sidebar-nav li.active a,
.sidebar-nav li.current_page_item a,
.sidebar-nav li.current-menu-item a,
.sidebar-nav li a:hover {
    background-color: var(--theme-primary-color);
    color: #fff;
}

/* ======================================
# Blog Page
=======================================*/
.type-post .entry-title,
.type-post .entry-title a {
    word-break: break-word;
}

.type-post.sticky .entry-title {
    text-decoration: underline;
}

.type-post .entry-meta>span:not(:last-child),
.type-post .post-meta>span:not(:last-child) {
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
    display: inline-block;
}

.thumb-blog-horizontal .post-image {
    width: 42%;
    float: left;
}

.thumb-blog-horizontal .post-content {
    float: left;
    width: 58%;
}

.thumb-blog-mini-list {
    flex-direction: row;
    display: flex
}

.thumb-blog-mini-list .post-image {
    width: 120px
}

.thumb-blog-cover-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
}

.thumb-blog-cover-img .post-content {
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 0
}

.thumb-blog-cover-img,
.thumb-blog-simple {
    position: relative
}

.thumb-blog-simple .post-image .date {
    position: absolute;
    color: var(--theme-white-color);
    left: 25px;
    bottom: 15px
}

.thumb-blog-default {
    margin-bottom: 30px
}

.thumb-blog-default .owl-dots {
    display: none
}

.thumb-blog-default a.btn-text {
    text-decoration: underline;
}

.blog-default-full .entry-title {
    font-size: 24px;
}

.blog-default-full .entry-post {
    position: relative;
}

.blog-default-full .entry-wrapper {
    position: relative;
}

.blog-default-full .entry-meta span,
.blog-default-full .entry-meta span a {
    color: var(--text-light-color);
}

.blog-default-full .entry-meta span:hover,
.blog-default-full .entry-meta span a:hover {
    color: var(--theme-primary-color);
}

.blog-default-grid .entry-content-wrapper,
.blog-default-full .entry-content-wrapper {
    padding-bottom: 15px;
}

.blog-on-overlap-right .entry-content-wrapper {
    width: 350px;
    text-align: left;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    right: 0;
}

.blog-on-overlap-right .post-meta .post-date:after,
.blog-on-overlap-right .post-meta > *,
.blog-on-overlap-right .entry-content {
    display: none;
}

.blog-on-overlap-right .post-meta .comments-num,
.blog-on-overlap-right .post-meta .post-date {
    display: block;
}

.thumb-content-box .entry-content-wrapper {
    width: 85%;
    position: relative;
    margin-top: -50px;
    background-color: var(--theme-light-color);
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
}

.thumb-content-box.text-center .post-meta {
    justify-content: center;
}

.thumb-content-box.text-center .entry-footer a,
.thumb-content-box.text-center .entry-title a {
    margin: 0 auto;
}

.thumb-content-box .entry-content-wrapper .btn-link-down-line {
    text-transform: capitalize;
    font-size: 14px;
}

.blog-big-title {
    font-family: var(--theme-general-font);
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 40px;
    padding-right: 170px;
    margin-bottom: 30px;
}

.embed-responsive iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

.media {
    display: -webkit-flexbox;
    display: flex;
    -webkit-flex-align: start;
    align-items: flex-start;
}

.single-post-page .post-meta>span {
    border: none;
}

.type-post .entry-wrapper .entry-meta span,
.type-post .entry-wrapper .post-meta span {
    font-size: 13px;
}

/* Blog Grid Style */
.blog-thumb-border .entry-wrapper {
    border: 1px solid #eee;
}

.blog-thumb-border .entry-content-wrapper {
    padding: 24px;
}

.blog-overlap-left .entry-content-wrapper {
    width: 90%;
    background-color: var(--theme-light-color);
    margin-top: -50px;
    padding: 24px;
    position: relative;
    z-index: 1;
}

.thumb-blog-overlay .post-image::before {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thumb-blog-overlay:hover .post-image::before {
    visibility: visible;
    opacity: 1
}

.thumb-blog-overlay .entry-meta a span {
    font-size: 11px
}

.single-post-page.type-post .entry-title {
    font-size: 30px;
    margin-bottom: 10px;
}

.single-post-thumbnail {
    margin-bottom: 10px;
}

.post-gallery a {
    width: 33.33%;
    display: block;
    float: left
}

.thumb-blog-classic .btn {
    border: 2px solid;
    border-color: var(--theme-gray-color);
}

.thumb-text-layer .post-date {
    position: absolute;
    bottom: 50px
}

.thumb-text-layer {
    min-height: 250px;
}

.bolg-item .post-thumbnail {
    border-radius: 10px;
}

/*==================================
# Blog Thumb
===================================*/
.short-post-title.type-post .entry-title a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

[class*="entry-meta-divider-"] .entry-meta>span:not(:last-child)::after,
[class*="entry-meta-divider-"] .post-meta>span:not(:last-child)::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.entry-meta-divider-none .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-none .post-meta>span:not(:last-child)::after  {
    display: none;
}

.entry-meta-divider-dot .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-dot .post-meta>span:not(:last-child)::after {
    content: "\002E";
    right: -2px;
}

.entry-meta-divider-comma .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-comma .post-meta>span:not(:last-child)::after {
    content: "\002C";
    right: -2px;
}

.entry-meta-divider-line .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-line .post-meta>span:not(:last-child)::after {
    content: "\007C";
    right: -1px;
}

.entry-meta-divider-slash .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-slash .post-meta>span:not(:last-child)::after {
    content: "\002F";
    right: -2px;
}

.entry-meta-divider-colon .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-colon .post-meta>span:not(:last-child)::after {
    content: "\003A";
    right: -2px;
}

.entry-meta-divider-hyphen .entry-meta>span:not(:last-child)::after,
.entry-meta-divider-hyphen .post-meta>span:not(:last-child)::after {
    content: "\002D";
    right: -2px;
}

.post-thumbnail {
    overflow: hidden;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

.entry-meta i,
.entry-meta a {
    color: var(--text-light-color);
}

.entry-meta span:hover i,
.entry-meta span:hover a {
    color: var(--theme-primary-color);
}

/* Blog post grid */

.blog-style-1 .entry-wrapper {
    padding-bottom: 40px;
}

.blog-style-1 .entry-title {
    margin-bottom: 0;
}

.blog-style-1 .entry-title,
.blog-style-1 .entry-title a {
    font-size: 24px;
}

.blog-style-1 .entry-footer {
    display: none;
}

.blog-style-1 .entry-content-wrapper {
    position: relative;
}

.blog-style-1 .entry-meta {
    position: absolute;
    bottom: -35px;
}

.blog-style-1 .entry-meta span,
.blog-style-1 .entry-meta span a {
    color: var(--text-light-color);
}

.blog-style-1 .entry-meta span:hover,
.blog-style-1 .entry-meta span:hover a {
    color: var(--theme-primary-color);
}

.blog-style-2 .entry-title a {
    color: var(--theme-dark-color);
}

.blog-style-2 .post-thumbnail img {
    width: 100%;
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
    filter: grayscale(100);
}

.blog-style-2 .entry-wrapper:hover .post-thumbnail img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.blog-style-2 .entry-meta span,
.blog-style-2 .entry-meta a {
    color: var(--text-general-color);
}

.blog-style-2 .entry-meta span.post-date {
    left: 20px;
    top: 20px;
    position: absolute;
    font-size: 14px;
    text-transform: capitalize;
    background-color: var(--theme-primary-color);
    padding: 5px 15px;
    margin: 0;
    line-height: 18px;
}

.blog-style-2 .entry-meta span.post-date a,
.blog-style-2 .entry-meta span.post-date i {
    color: var(--theme-white-color);
}

.blog-style-2 .entry-meta span.post-date::after {
    display: none;
}

.blog-style-2 .entry-content-wrapper .entry-meta a:before {
    color: var(--theme-primary-color);
}

.blog-style-3 .entry-title,
.blog-style-3 .entry-title a {
    color: var(--theme-white-color);
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 0;
}

.blog-style-3 .entry-title:hover,
.blog-style-3 .entry-title a:hover {
    color: var(--theme-primary-color);
}

.blog-style-3 .entry-meta i,
.blog-style-3 .entry-meta a {
    color: var(--theme-white-color);
}

.blog-style-3 .entry-meta span.post-date a::before {
    display: inline-block;
}

.blog-style-3 .entry-content-wrapper {
    position: absolute;
    bottom: 0;
    background-color: var(--theme-secondary-opacity-color);
    padding: 24px;
    width: 100%;
    color: var(--theme-white-color)
}

.blog-style-3 .entry-content-wrapper::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.blog-style-3 .entry-category {
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 5px;
}

.blog-style-3 .entry-category a {
    padding: 5px 10px;
}

.blog-style-4 .entry-wrapper {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .075);
    border-radius: 10px;
}

.blog-style-4 .entry-wrapper .entry-title a {
    font-size: 18px;
    line-height: normal;
}

.blog-style-4 .entry-content-wrapper .entry-meta a::before {
    color: var(--theme-primary-color);
}

.blog-style-4 .post-thumbnail[class*="overlay-"] {
    transform: perspective(1px);
}

.blog-style-4 .entry-thumbnail-wrapper .entry-meta {
    right: 20px;
    bottom: -35px;
}

.blog-style-4 .entry-content-wrapper {
    padding: 0 24px;
    position: relative;
}

.blog-style-4 .entry-meta span.post-date {
    border-radius: 5px;
    background-color: var(--theme-primary-color);
    display: table;
    padding: 10px 15px;
    position: absolute;
    right: 10px;
    margin: 0;
    top: -90px;
    width: 100px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

.blog-style-4 .entry-meta span.post-date i {
    display: none;
}

.blog-style-4 .entry-meta span.post-date a {
    color: var(--theme-white-color);
}

.blog-style-4 .entry-footer {
    padding: 15px 0;
    border-top: 1px solid var(--theme-gray-color);
}

.blog-style-4 .post-thumbnail[class*="overlay-"]::before {
    top: -100%;
    z-index: 1;
}

.blog-style-4 .entry-wrapper:hover .post-thumbnail[class*="overlay-"]::before {
    top: 0;
}

.blog-style-5 .entry-header {
    display: flex;
    flex-direction: column;
}

.blog-style-5 .entry-header .entry-meta {
    order: 3;
}

.blog-style-5 .entry-content-wrapper {
    position: relative;
}

.blog-style-5 .entry-thumbnail-wrapper img,
.blog-style-5 .entry-content-wrapper {
    height: 350px;
    width: 100%;
}

.blog-style-5 .entry-content-wrapper::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 40px solid var(--theme-white-color);
    border-left: 15px solid transparent;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.blog-style-5 .entry-wrapper:hover .entry-content-wrapper::before {
    border-bottom-color: var(--theme-primary-color);
}

.blog-style-5 [class*="col"]:nth-child(2n) .entry-wrapper {
    flex-direction: column-reverse;
    display: flex;
}

.blog-style-5 [class*="col"]:nth-child(2n) .entry-wrapper .entry-content-wrapper::before {
    transform: translateX(-50%) rotate(180deg);
    top: 100%;
}

.blog-style-6 .entry-wrapper {
    padding: 0 48px;
    padding-bottom: 40px;
}

.blog-style-6 .entry-header {
    display: flex;
    flex-direction: column-reverse;
}

.blog-style-6 .entry-header .entry-meta > * {
    display: none;
}

.blog-style-6 .entry-header .entry-meta .post-category,
.blog-style-6 .entry-header .entry-meta .post-date {
    display: block;
}

.blog-style-6 .entry-header .entry-meta i {
    display: none;
}

.blog-style-6 .entry-footer {
    display: none;
}

.blog-style-6 .entry-header .entry-meta .post-date {
    position: absolute;
    bottom: 0;
}

.blog-style-6 .entry-header .entry-meta .post-date a {
    color: var(--theme-general-color)
}

/*===============================
# Single Blog
================================*/
.comments-date {
    font-size: 14px;
    font-style: italic;
    color: #a5a5a5;
}

.post-meta > span:last-child,
.post-meta > a:last-child {
    border-right: none;
}

.single-post .post-meta span,
.single-post .post-meta span a {
    color: var(--text-light-color);
    text-decoration: none;
}

.single-post .post-meta span:hover,
.single-post .post-meta span:hover a {
    color: var(--theme-primary-color);
}

.post-content blockquote {
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    margin: 35px 0;
    padding: 10px 0 10px 40px;
    font-family: var(--theme-general-font);
    line-height: 32px;
    border-left: 5px solid;
    border-color: #e1e1e1;
}

.unicode-social .social-text {
    display: none;
}

.share-post {
    padding: 15px 20px;
    background-color: var(--theme-light-color);
}

.share-post span {
    padding-right: 15px
}

.share-post .unicode-social a {
    font-size: 14px;
    width: 45px;
    height: 45px;
}

.author-meta .author-image {
    flex: 0 0 80px;
}

/* ===================================
# Portfolio Block
=====================================*/
.portfolio-filter {
    margin-bottom: 30px;
}

.mix-tab ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    padding: 0;
    margin: 0;
}

.mix-tab ul li {
    font-size: 15px;
    font-family: var(--theme-hyperlink-font);
    color: var(--theme-dark-color);
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1;
    position: relative;
}

.mix-tab ul li:hover {
    color: var(--theme-primary-color);
}

.mix-tab ul li.mixitup-control-active {
    color: var(--theme-primary-color);
}

.mix-tab .filter-style-1 {
    border-bottom: 1px solid;
    border-color: var(--theme-gray-color);
    gap: 20px;
}

.mix-tab .filter-style-1 li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mix-tab .filter-style-1 li:after {
    position: absolute;
    content: "";
    bottom: -1px;
    z-index: 1;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
}

.mix-tab .filter-style-1 li.mixitup-control-active:after {
    background-color: var(--theme-primary-color);
}

.mix-tab .filter-style-2 li {
    border: 1px solid;
    border-color: transparent;
    padding: 10px 20px;
}

.mix-tab .filter-style-2 li.mixitup-control-active {
    border-color: var(--theme-primary-color);
}

.mix-tab .filter-style-3 li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mix-tab .filter-style-3 li::before {
    content: "";
    width: 12px;
    height: 1px;
    background-color: transparent;
}

.mix-tab .filter-style-3 li::after {
    content: "";
    width: 12px;
    height: 1px;
    background-color: transparent;
}

.mix-tab .filter-style-3 li.mixitup-control-active::before,
.mix-tab .filter-style-3 li.mixitup-control-active::after {
    background-color: var(--theme-primary-color);
}

.mix-tab .filter-style-4 li::before {
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%);
    content: "";
    width: 1px;
    height: 1px;
    border: 5px solid;
    border-color: transparent;
}

.mix-tab .filter-style-4 li.mixitup-control-active::before {
    border-top-color: var(--theme-primary-color);
}

.portfolio-hover {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    visibility: hidden;
    opacity: 0;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 10;
    background-color: var(--theme-secondary-color);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

.entry-thumbnail-wrapper:hover .portfolio-hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
}

.portfolio-hover a {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-primary-color);
    font-size: 18px;
    transform: scale(0);
    opacity: 0;
    transition: all 300ms ease-in-out 100ms;
    -webkit-transition: all 300ms ease-in-out 100ms;
    -moz-transition: all 300ms ease-in-out 100ms;
}

.entry-thumbnail-wrapper:hover .portfolio-hover a {
    opacity: 1;
    transform: scale(1);
}

.portfolio-style-1 .portfolio-hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.portfolio-style-1 .entry-title,
.portfolio-style-1 .entry-title a {
    font-size: 20px;
    margin-bottom: 0;
}

.portfolio-style-1 .entry-thumbnail-wrapper:hover .portfolio-hover {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.portfolio-style-2 .entry-wrapper {
    padding: 20px;
    border: 1px solid;
    border-color: var(--theme-gray-color);
    background-color: var(--theme-white-color);
}

.portfolio-style-2 .entry-title,
.portfolio-style-2 .entry-title a {
    font-size: 20px;
    margin-bottom: 0;
}

.portfolio-style-3 .entry-content-wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    background-color: var(--theme-white-color);
    padding: 15px;
    padding-right: 70px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
}

.portfolio-style-3 .entry-wrapper:hover .entry-content-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.portfolio-style-3 .entry-title {
    margin-bottom: 0;
}

.portfolio-style-3 .entry-title a {
    font-size: 18px;
}

.portfolio-style-3 .portfolio-hover {
    background-color: transparent;
    right: 25px;
    bottom: 25px;
    top: inherit;
    left: inherit;
    z-index: 20;
    animation-delay: 300ms;
}

.portfolio-style-3 .entry-wrapper:hover .portfolio-hover {
    right: 25px;
    bottom: 25px;
    top: inherit;
    left: inherit;
    visibility: visible;
    opacity: 1;
}

.portfolio-style-3 .portfolio-hover a {
    font-size: 18px;
    height: 50px;
    width: 50px;
    animation-delay: 300ms;
}

.portfolio-style-3 .entry-wrapper:hover .portfolio-hover a {
    opacity: 1;
    transform: scale(1);
}

.portfolio-style-4 .entry-wrapper {
    gap: 0;
    box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.08);
    -webkit-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.08);
}

.portfolio-style-4 .entry-title,
.portfolio-style-4 .entry-title a {
    font-size: 20px;
    margin-bottom: 0;
}


.portfolio-style-4 .entry-content-wrapper {
    padding: 15px;
    padding-top: 18px;
    background-color: var(--theme-white-color);
}

.portfolio-style-4 .entry-title {
    margin-bottom: 0;
}

.portfolio-carousel .owl-carousel .owl-nav button,
.single-image-carousel .owl-carousel .owl-nav button {
    background-color: transparent;
}

.portfolio-hover .portfolio-view,
.portfolio-hover .portfolio-link {
    color: #fff;
}

.portfolio-info .cat-links a,
.project-info-item .cat-links a {
    color: var(--theme-general-color);
}

.portfolio-info .cat-links a:hover,
.project-info-item .cat-links a:hover {
    color: var(--theme-secondary-color);
    text-decoration: underline;
}

/* ===============================
# FAQ Block
=================================*/
.faq-default-block .entry-wrapper {
    padding: 30px;
    border: 1px solid;
    border-color: var(--theme-gray-color);
}
.faq-default-block .entry-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-default-block .entry-content-wrapper .entry-footer .btn-link {
    font-weight: 400;
    text-decoration: underline;
}

.faq-default-block .entry-content-wrapper .entry-meta a {
    color: var(--theme-secondary-color)
}

/* ================================
# Pagination
=================================*/
.unicode-pagination {
    width: 100%;
}

.unicode-pagination a.next,
.unicode-pagination a.prev {
    width: auto;
    padding: 0 15px;
}

.unicode-pagination a, 
.unicode-pagination span,
.page-numbers {
    position: relative;
    display: block;
    font-family: var(--theme-hyperlink-font);
    color: var(--theme-general-color);
    text-decoration: none;
    background-color: var(--theme-light-color);
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 1;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unicode-pagination span.current {
    border-color: var(--theme-secondary-color);
    background-color: var(--theme-secondary-color);
    color: var(--theme-white-color);
}

.unicode-pagination .nav-links {
    display: flex;
    justify-content: center;
}

.pagination {
    justify-content: center;
    gap: 5px;
}


/* =================================
# Fact Counter
===================================*/
.bar-progress span {
    margin-bottom: 5px;
    display: inline-block;
}

.progress-bar {
    transition: all 3000ms linear 0s;
    height: 100%;
    border-radius: 0;
    width: 0;
}

.progress {
    font-size: inherit;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.fact-counter .progress {
    height: 5px;
    border-radius: 0;
}

.bar-progress .skill-percent {
    padding-top: 0;
	font-size: inherit;
    position: absolute;
    right: 0;
    top: 0;
}

.achievement-style-1 .achievement-wrapper:hover .hover-bg-primary.hover-radial-out::before {
    -webkit-transform: scale(2);
    transform: scale(2);
    background-color: var(--theme-primary-color);
}

.achievement-style-1 .achievement-wrapper:hover .hover-text-dark {
    color: var(--theme-dark-color) !important
}

.achievement-style-2 .count {
    width: 160px;
    height: 160px;
    border: 7px solid;
    border-color: var(--theme-gray-color);
    text-align: center;
    line-height: 160px;
    position: relative
}

.achievement-style-2 .count > div {
    background: #fff;
    left: 90%;
    padding: 20px 0;
    text-align: left
}

.achievement-style-3 .achievement-wrapper:hover .icon-wrapper {
    transform: scale(1.3);
}


/*=================================
# Team Block
 =================================*/
.entry-member {
    width: 100%;
    height: 100%;
}

.entry-member .entry-thumbnail {
    overflow: hidden;
}

.entry-member .entry-content-wrapper {
    gap: 0;
}

.entry-member .member-designation {
    display: block;
    font-size: 13px;
}

.entry-member .entry-social {
    display: flex;
    gap: 10px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.entry-member .entry-social a {
    line-height: 1;
}

.entry-member .entry-social a svg {
    width: 15px;
    height: 15px;
}

.team-style-1 .entry-wrapper {
    text-align: center;
}

.team-style-1 .member-name,
.team-style-1 .member-name a {
    margin-bottom: 0;
    font-size: 18px;
    line-height: normal;
}

.team-style-1.social-links .entry-thumbnail::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background-color: var(--theme-primary-color);
}

.team-style-1.social-links .entry-thumbnail:hover::before {
    opacity: 1;
    visibility: visible;
}

.team-style-1 .entry-thumbnail .entry-social {
    position: absolute;
    top: 60%;
    visibility: hidden;
    justify-content: center;
    color: #fff;
    padding: 20px;
    z-index: 10;
    width: 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-style-1 .entry-thumbnail:hover .entry-social {
    top: 50%;
    visibility: visible
}

.team-style-2 .entry-wrapper {
    text-align: center;
}

.team-style-2 .entry-header {
    margin-bottom: 0;
}

.team-style-2 .entry-social {
    justify-content: center;
}

.team-style-3 .entry-wrapper {
    text-align: center;
    gap: 0;
}

.team-style-3 .entry-wrapper:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.team-style-3 .entry-content-wrapper {
    padding: 20px;
    background-color: var(--theme-white-color);
}

.team-style-3 .entry-header {
    margin-bottom: 0;
}

.team-style-3 .entry-social {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: var(--theme-primary-color);
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
}

.team-style-3 .entry-wrapper:hover .entry-social {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.team-style-4 .entry-wrapper {
    text-align: center;
    align-items: center;
    padding: 24px;
    background-color: var(--theme-white-color);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.team-style-4 .entry-thumbnail-wrapper {
    width: 100%;
}

.team-style-4 .entry-thumbnail {
    max-width: 200px;
    max-height: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.team-style-4 .entry-social {
    padding-bottom: 20px;
    justify-content: end;
}

.team-style-4 .entry-header {
    margin-bottom: 0;
}



/* ===================================
# Testimonial Block
=====================================*/
.testimonial-wrapper .entry-header {
    gap: 0;
}

.testimonial-wrapper hr {
    background-color: var(--theme-gray-color);
}

.testimonial-wrapper .author-name {
    margin-bottom: 0;
}

.testimonial-default .entry-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
}

.testimonial-style-1 .owl-stage-outer {
    padding-top: 40px;
}

.testimonial-style-1 .entry-wrapper {
    padding-top: 50px !important;
    overflow: visible;
    border-radius: 10px;
}

.testimonial-style-1 .entry-wrapper .entry-thumbnail-wrapper {
    position: absolute;
    top: -40px;
}

.testimonial-style-2 blockquote {
    border: 0;
    padding: 0;
    margin: 0;
}

.testimonial-style-3 {
    border: 10px solid;
    border-color: var(--theme-light-color);
    padding: 30px;
}

.testimonial-style-3 .separate-line {
    height: 2px;
    background-color: var(--theme-light-color);
}

.testimonial-style-3 .quote-icon {
    right: 80px;
    top: -60px
}

.testimonial-style-3 .owl-nav {
    right: 75px;
    width: 50px !important;
    top: 50px !important;
}

.testimonial-style-3 .owl-nav button.owl-prev {
    left: 0;
}

.testimonial-style-3 .owl-nav button.owl-next {
    right: 0;
}

.testimonial-style-3[class*="owl-dot-bottom-"] .owl-dots {
    bottom: 30px;
}

.testimonial-style-5 .owl-nav {
    right: 0;
    top: -100px;
}

.testimonial-style-5 .entry-header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonial-style-5 blockquote {
    color: inherit;
    border: none;
    padding: 0;
}

.testimonial-style-5 .entry-wrapper {
    text-align: center;
}

.testimonial-default .owl-carousel button.owl-dot.active {
    background-color: var(--theme-primary-color) !important;
}

.testimonial-slider .testimonial-item {
    position: relative;
    padding-left: 100px;
}

.testimonial-slider .testimonial-item .quote-icon {
    position: absolute;
    left: 2px;
    top: 2px;
}

.testimonial-item .name {
    position: relative;
    padding-left: 100px;
}

.line-title::before,
.testimonial-item .name::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 80px;
    height: 3px;
    background-color: var(--theme-primary-color);
}

.testimonial-slider .owl-nav button span {
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid var(--theme-primary-color);
    border-radius: 50%;
    line-height: 34px;
    font-size: 20px;
}

.testimonial-slider .owl-nav button.owl-prev {
    margin-right: 10px;
}

/*=============================================
# Timeline Block
==============================================*/
.vertical-timeline {
    position: relative;
    display: flex;
}

.vertical-timeline .story-time {
    flex-shrink: 0;
    padding: 0 15px;
}

.vertical-timeline .story-content {
    padding-left: 30px;
}

.vertical-timeline::before {
    position: absolute;
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    left: 60px;
    top: 0px;
    font-size: 12px;
    color: var(--theme-primary-color)
}

.vertical-timeline::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    top: 35px;
    left: 65px;
    background: var(--theme-gray-color)
}

/* ============================================
# Accordion
==============================================*/

.ac-card {
    background-color: var(--theme-light-color);
    padding: 15px 20px;
    margin-bottom: 15px;
}

.ac-collapse {
    margin-top: 20px;
}

.bb-accordion .ac-toggle i {
    background-color: var(--theme-secondary-color);
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50rem;
    font-size: 12px;
    text-align: center;
    line-height: 33px;
    margin-right: 10px;
    color: var(--theme-white-color);
    float: left
}

[class*="accordion-plus-"] .ac-toggle {
    position: relative;
}

.accordion-plus-right .ac-toggle {
    padding-right: 30px;
    line-height: 30px;
    display: block;
}

.accordion-plus-left .ac-toggle {
    padding-left: 30px;
}

[class*="accordion-plus-"] .ac-toggle::before,
[class*="accordion-plus-"] .ac-toggle::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    right: 0;
    background-color: var(--theme-dark-color);
    top: 50%;
    transform: translateY(-50%)
}

.accordion-plus-left .ac-toggle.active::before {
    content: "";
}

.accordion-plus-left .ac-toggle::before,
.accordion-plus-left .ac-toggle::after {
    left: 0
}

[class*="accordion-plus-"] .ac-toggle:not(.active):after {
    transform: rotate(90deg);
}

/* =================================
# Photo Gallery
===================================*/

.masonry-gallery {
    width: 100%;
    position: relative
}

.masonry-three-grid {
    position: absolute;
    z-index: 10;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.photo-gallery .hover-icon svg {
    width: 13px;
    height: 13px;
}

.photo-gallery .entry-thumbnail {
    overflow: hidden;
}

.gallery-style-1 .entry-wrapper .entry-thumbnail::before {
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-style-1 .entry-wrapper:hover .entry-thumbnail::before {
    opacity: 1;
    visibility: visible;
}

.gallery-style-1 .entry-wrapper .hover-icon {
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.gallery-style-1 .entry-wrapper .push-up {
    position: relative;
    bottom: -50px;
    visibility: hidden;
    z-index: 100;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
}

.gallery-style-1 .entry-wrapper:hover .push-up {
    bottom: 0;
    visibility: visible;
    transition-delay: 300ms;
}

.gallery-style-2 .entry-wrapper .entry-thumbnail::before {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-style-2 .entry-wrapper:hover .entry-thumbnail::before {
    opacity: 1;
    visibility: visible;
    width: 100px;
    height: 100px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
}

.gallery-style-2 .entry-wrapper .hover-icon {
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.gallery-style-2 .entry-wrapper .push-up {
    position: relative;
    bottom: -100px;
    visibility: hidden;
    z-index: 100;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
}

.gallery-style-2 .entry-wrapper:hover .push-up {
    bottom: 0;
    visibility: visible;
    transition-delay: 300ms;
}

/* =============================
# Tabs
===============================*/

.nav-pills .nav-link {
    position: relative;
    color: var(--theme-dark-color)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--theme-primary-color);
    background-color: transparent
}

.nav-pills .nav-item .nav-link:focus,
.nav-pills .nav-item .nav-link.active {
    outline: none
}

.nav-tab-1 .nav-item {
    margin-right: 20px;
}

.nav-tab-1 .nav-item .nav-link {
    padding: 0;
}

.nav-tab-1 .nav-item .nav-link::after {
    background-color: var(--theme-primary-color);
    bottom: 0;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    width: 0;
}

.nav-tab-1 .nav-item .nav-link:hover::after,
.nav-tab-1 .nav-item .nav-link.active::after {
    left: 0;
    width: 100%;
}

.tab-hide {
    display: none
}

.nav-tab-line {
    border-bottom: none !important
}

.nav-tab-line li {
    border-width: 0 0 2px 0 !important;
    border-style: solid !important;
    border-color: var(--theme-primary-color) !important;
}

.nav-tab-line li.mixitup-control-active:after,
.nav-tab-line li.active:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: var(--theme-primary-color);
    background-color: #fff;
    transform: rotate(45deg);
    margin-left: -5px;
    border-top: transparent;
    border-left: transparent;
    bottom: -7px
}

.bg-light .nav-tab-line li.mixitup-control-active:after,
.bg-light .nav-tab-line li.active:after {
    background-color: var(--theme-light-color);
}

.bg-secondary .nav-tab-line li.mixitup-control-active:after,
.bg-secondary .nav-tab-line li.active:after {
    background-color: var(--theme-secondary-color);
}

.top-collection-tab .nav-pills .nav-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.top-collection-tab .nav-pills .nav-item .nav-link i {
    margin: 0 auto
}

.top-collection-tab .nav-pills .nav-item .nav-link span {
    margin-top: 10px;
    display: block
}

.tab-active-pill.woocommerce-tabs .nav-pills .nav-link {
    color: var(--theme-dark-color);
    border-bottom-color: transparent;
    padding: 10px 20px;
    border-radius: 50rem;
    margin-bottom: 7px;
    margin-right: 5px;
    border-bottom: none;
}

.tab-active-pill.woocommerce-tabs .nav-pills .nav-link:hover::before,
.tab-active-pill.woocommerce-tabs .nav-pills .nav-link.active::before {
    display: none;
}

.section-head .woocommerce-tabs {
    margin: 0 0 -1px 0;
    position: relative;
    width: auto;
}

.section-head .woocommerce-tabs ul {
    display: flex;
    align-items: center;
}

.woocommerce-tabs .tab-content {
    padding: 0 0;
}

.woocommerce-tabs .tab-content h2 {
    font-size: 24px;
}

.woocommerce-tabs .nav-pills .nav-item:last-child .nav-link {
    margin-right: 0;
}

.woocommerce-tabs .nav-pills .nav-link:hover,
.woocommerce-tabs .nav-pills .nav-link.active {
    color: var(--theme-secondary-color);
    border-bottom-color: var(--theme-primary-color);
    background-color: transparent;
}

.woocommerce-tabs .tab-content {
    border: none;
}

.nav-tab-active-primary .nav-item+.nav-item,
.nav-tab-active-dark .nav-item+.nav-item,
.nav-tab-active-secondary .nav-item+.nav-item {
    margin-left: 30px;
}

.nav-tab-active-primary .nav-item .nav-link,
.nav-tab-active-primary .nav-item .nav-link.active,
.nav-tab-active-secondary .nav-item .nav-link,
.nav-tab-active-secondary .nav-item .nav-link.active,
.nav-tab-active-dark .nav-item .nav-link,
.nav-tab-active-dark .nav-item .nav-link.active {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    padding: 0;
    border-radius: 0;
}

.nav-tab-active-primary .nav-item .nav-link:hover,
.nav-tab-active-primary .nav-item .nav-link.active {
    color: var(--theme-primary-color) !important
}

.nav-tab-active-dark .nav-item .nav-link:hover,
.nav-tab-active-dark .nav-item .nav-link.active {
    color: var(--theme-dark-color) !important
}

.nav-tab-active-secondary .nav-item .nav-link:hover,
.nav-tab-active-secondary .nav-item .nav-link.active {
    color: var(--theme-secondary-color) !important;
    border-bottom-color: var(--theme-secondary-color)
}

.nav-tab-border .nav-link {
    position: relative;
    font-weight: 500;
    padding: .8rem 1.2rem;
    margin-left: -1px;
    color: var(--theme-general-color);
    line-height: 1.25;
    border: 1px solid #dee2e6;
    font-family: var(--theme-hyperlink-font)
}

.nav-tab-border .nav-link:first-child {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.nav-tab-border .nav-link:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.nav-tab-border .nav-link.mixitup-control-active {
    color: #fff
}

.history-tab ul li {
    font-family: var(--theme-primary-font);
    font-size: 20px;
    font-weight: 700;
    padding: 10px 25px
}

.history-tab ul li.active {
    font-size: 40px;
    padding: 15px 25px;
    color: var(--theme-primary-color) !important;
}

.history-tab .nav-tab-line li.active:after {
    top: 94%
}

.nav-tab-underline li.active {
    text-decoration: underline
}

/*=================================
# Data List
==================================*/
.product-tab-table ul, 
.table-classic ul {
    display: flex;
    width: 100%;
    margin: 0;
}

.table-classic ul:nth-child(odd) {
    background-color: var(--theme-light-color);
}

.table-classic ul:nth-child(even) {
    background-color: var(--theme-gray-color);
}

.table-classic ul li {
    display: table-cell;
    padding: 10px
}

.table-classic ul li:first-child {
    white-space: nowrap;
    font-weight: 500;
}

.product-tab-table ul li {
    display: table-cell;
    padding: 6px 20px
}

.product-tab-table ul li {
    border-bottom: 1px solid #e1e1e1
}

.product-tab-table ul:last-child li {
    border-bottom: none
}

/* ===============================
# Pricing Plan
=================================*/

.pricing-table .item {
    padding: 45px;
    background-color: #f7ebdf;
    border-radius: 10px;
}

.pricing-table .item.active {
    background-color: var(--theme-secondary-color);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pricing-table .item .type {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--theme-primary-color);
    display: block;
}

.pricing-table .item .time {
    font-size: 30px;
    font-weight: 500;
    color: var(--theme-dark-color);
}

.pricing-table .item ul {
    margin: 30px 0;
}

.pricing-table .item ul li {
    color: var(--theme-dark-color);
    line-height: 40px;
}

.pricing-table .item ul li i {
    float: right;
    color: var(--theme-secondary-color);
}

.pricing-table .item .price {
    font-size: 36px;
    font-weight: 600;
    color: var(--theme-dark-color)
}

.pricing-table .item .price sup {
    left: 10px;
    top: -15px;
    font-size: 20px;
}

.pricing-table .item.active .type,
.pricing-table .item.active .time,
.pricing-table .item.active ul li,
.pricing-table .item.active ul li i,
.pricing-table .item.active .price {
    color: var(--theme-white-color);
}

.pricing-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pricing-wrapper .entry-header {
    gap: 0;
}

.price-subtitle {
    display: inline-block;
}

.pricing-badge {
    position: absolute;
    padding: 5px 10px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    font-size: 12px;
}

.pricing-amount {
    display: inline-block;
}

.pricing-amount .quantity {
    margin: 0;
    margin-left: 5px;
}

[class*="pricing-style"] {
    height: 100%;
}

.pricing-style-1 .pricing-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pricing-style-1 .feature-list ul {
    gap: 10px;
}

.pricing-style-1 .pricing-wrapper ul li {
    line-height: normal;
    border-bottom: 1px solid #fff;
}

.pricing-style-1 .pricing-amount span {
    font-size: 24px;
}

.pricing-style-1 .pricing-amount small {
    font-size: 13px;
}


.pricing-style-2 .pricing-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--theme-dark-color);
    padding-top: 15px;
    padding-bottom: 10px;
}

.pricing-style-2 .pricing-title {
    font-size: 21px;
    font-weight: 600;
    color: var(--theme-primary-color);
    margin-bottom: 5px;
}

.pricing-style-2 .entry-header {
    padding: 24px;
    padding-bottom: 0;
}

.pricing-style-2 .feature-list,
.pricing-style-2 .pricing-description {
    padding: 24px;
}

.pricing-style-2 .pricing-amount {
    padding: 15px 24px;
    color: var(--theme-white-color);
    font-size: 24px;
    font-weight: 500;
}

.pricing-style-2 .pricing-amount small {
    font-size: 13px;
    color: var(--text-light-color);
}

.pricing-style-2 .pricing-description {
    color: var(--theme-white-color);
}

.pricing-style-2 .pricing-button {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: -15px;
}

.pricing-style-2 .pricing-button a {
    border-color: var(--theme-primary-color);
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    padding: 5px 15px;
}

.pricing-style-2 .pricing-description {
    background: rgba(255, 255, 255, 0.1)
}

.pricing-style-2 .feature-list li {
    color: var(--text-light-color);
}

.pricing-style-3 .image-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pricing-style-3 .pricing-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pricing-style-3 .pricing-amount{
    display: flex;
    flex-direction: column;
}

.pricing-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.feature-list ul {
    display: flex;
    flex-direction: column;
}

.pricing-thumb-ultra ul {
    padding: 15px 0
}

.pricing-thumb-ultra ul li {
    display: inline-block;
    width: 100%;
    line-height: 35px;
    position: relative;
    z-index: 99
}

.pricing-thumb-ultra ul li span {
    float: right;
    text-align: right;
    font-weight: 700;
    color: var(--theme-dark-color);
}

.pricing-thumb-ultra::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: var(--theme-primary-opacity-color);
    bottom: 70px;
    right: -40%;
    z-index: 9
}

.pricing-table-simple {
    position: relative
}

.pricing-table-simple.popular:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    background-color: var(--theme-primary-color);
    left: 0;
    top: -20px;
}

.pricing-table-simple.popular:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    background-color: var(--theme-primary-color);
    left: 0;
    bottom: -20px;
}

.pricing-table-classic:hover .btn.btn-primary {
    background-color: var(--theme-white-color);
    color: var(--theme-primary-color) !important;
}

.pricing-table-classic .per-month {
    padding: 8px 20px;
    background-color: var(--theme-light-color);
    color: var(--theme-secondary-color);
    border-radius: 3px;
}

/* ==================================
Footer
====================================*/
.footer-widget .contact-logo {
    margin-bottom: 25px;
    max-width: 140px;
    height: 50px;
}

.footer-widget .widget {
    padding-bottom: 30px;
}

.footer-widget .widget-title {
    color: var(--theme-dark-color);
    font-family: var(--theme-primary-font);
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 50px;
}

.footer-widget ul.contact-us {
    padding: 0;
}

.footer-widget ul.contact-us li {
    display: flex;
    gap: 10px;
}

.footer-widget ul.contact-us li i {
    font-size: 14px;
    line-height: 25px;
}

.border-footer {
    border-top: 2px solid var(--theme-gray-color);
    border-bottom: 2px solid var(--theme-gray-color)
}

.border-footer .col+.col {
    border-left: 2px solid var(--theme-gray-color);
    padding-left: 40px;
}

.back-to-top-btn {
    background-color: var(--theme-primary-color);
    color: #fff;
}

.footer-widget li {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    display: inline-flex;
    width: 100%;
}

.footer-widget li a {
    display: inline-block
}

.footer-widget li a:hover {
    color: var(--theme-primary-color);
}

.footer-dark .footer-widget li a:hover {
    color: var(--theme-primary-color);
}

.footer-light .footer-widget li a:hover {
    color: var(--theme-secondary-color);
}

.copyright {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

.copyright-text,
.copyright-text a {
    font-family: var(--theme-general-font);
}

.copyright-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.copyright-links li a.nav-link { 
    padding: 0; 
}

.copyright-links li a.nav-link {
    color: var(--theme-general-color);
}

.copyright-links li a.nav-link:hover {
    color: var(--theme-primary-color);
}

.sitemap {
    text-align: right
}

.sitemap li {
    display: inline-block;
    padding: 0 10px
}

.sitemap li {
    border-right: 1px solid #fff;
    line-height: 20px
}

.sitemap li:last-child {
    border-right: 0;
    padding-right: 0
}


/* =============================
Owl Carousel
===============================*/

.owl-dots-my-one .owl-dots {
    margin-top: 20px;
    margin-bottom: 20px;
}

.e-hover-border-one.owl-carousel .owl-stage-outer {
    padding-top: 0;
}

.owl-outer-border-light .owl-stage-outer {
    border: 1px solid var(--theme-gray-color)
}

.outer-bg-white .owl-stage-outer {
    background-color: var(--theme-white-color);
}

.owl-mx-15 .nav-top-right .owl-nav {
    right: 15px;
}

.owl-m-one .owl-item > div {
    margin: 3px;
}

.owl-mx-15 .owl-item > div {
    margin: 0 12px;
}

.owl-mx-20 .owl-item > div {
    margin: 0 24px;
}

.owl-parent.owl-mx-20,
.products.owl-mx-20 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.owl-parent.owl-mx-15,
.products.owl-mx-15 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.owl-parent.owl-mx-5,
.products.owl-mx-5 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.owl-item-mb-50 .owl-item {
    margin-bottom: 50px;
}

.owl-item-mb-40 .owl-item {
    margin-bottom: 40px;
}

.owl-item-mb-30 .owl-item {
    margin-bottom: 30px;
}

.owl-item-mb-20 .owl-item {
    margin-bottom: 20px;
}

.owl-item-mb-10 .owl-item {
    margin-bottom: 10px;
}

.owl-item-mb-5 .owl-item {
    margin-bottom: 5px;
}

.owl-dots-mt-10.owl-carousel .owl-dots {
    margin-top: 10px;
}

.owl-carousel.owl-dot-mt-50 .owl-dots {
    margin-top: 50px
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled,
.owl-carousel button.owl-prev.disabled:hover,
.owl-carousel button.owl-next.disabled:hover {
    opacity: .6;
    cursor: no-drop;
}

.owl-nav-hover-primary .owl-nav button:not(.disabled):hover .nav-btn {
    color: var(--theme-primary-color);
}

.dot-active-one .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 2px solid transparent;
    background-color: transparent !important;
}

.dot-active-one .owl-dots button.owl-dot.active {
    border-color: var(--theme-dark-color);
    background-color: var(--theme-white-color) !important;
    outline: none;
}

.dot-active-one .owl-dots button.owl-dot span {
    background-color: var(--theme-dark-color);
    width: 5px;
    height: 5px;
    display: table;
    border-radius: 50%;
    margin: 0 auto;
}

.nav-top-right .owl-nav {
    top: -40px;
    right: 5px;
    position: absolute;
}

.nav-top-right .owl-nav .nav-btn {
    font-size: 13px;
    color: var(--theme-dark-color);
    font-weight: 600;
    font-family: var(--theme-primary-font);
}

.nav-top-right .owl-nav .nav-btn i {
    font-size: 11px;
}

.nav-top-right .owl-nav .nav-btn.prev-slide {
    margin-right: 20px;
}

[class*="nav-arrow-middle"] .owl-nav button {
    position: absolute;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: none;
}

[class*="nav-arrow-middle"] .owl-nav .nav-btn span {
    display: none;
}

.nav-arrow-middle-show .owl-nav button.owl-prev {
    left: 20px;
}

.nav-arrow-middle-show .owl-nav button.owl-next {
    right: 20px;
}

.nav-arrow-middle-show .owl-nav button {
    opacity: 0;
    visibility: hidden;
}

.nav-arrow-middle-show:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.testimonial-slider .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: max-content;
}

.testimonial-slider .owl-nav button {
    position: relative;
}

.testimonial-slider .owl-nav button.owl-prev {
    margin-right: 10px;
    left: 0;
}

.testimonial-slider .owl-nav button span {
    background-color: var(--theme-primary-color);
    color: var(--theme-footer-color);
    font-size: 25px;
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid var(--theme-primary-color);
    border-radius: 50%;
    line-height: 34px;
    text-indent: 99999999px;
    overflow: hidden;
}

.testimonial-slider .owl-nav button i {
    text-indent: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.testimonial-slider .testimonial-item {
    color: var(--theme-white-color);
}

.fact-counter .border-top:first-child {
    border-top: none !important;
}

.count-num.w-7 {
    width: 70px;
}

.bg-light-half::before {
    background-color: var(--theme-light-color);
    left: 0;
}

.bg-light-half::before,
.bg-primary-half-right::before,
.bg-primary-half-right::after {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    content: "";
}

.owl-carousel .owl-nav,
.owl-carousel .owl-dots,
.owl-carousel .owl-nav .nav-btn {
    display: flex;
    align-items: center;
}

.owl-carousel .owl-nav,
.owl-carousel .owl-dots {
    position: absolute;
}

.owl-carousel .owl-nav,
[class*="owl-nav-middle"].owl-carousel .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev {
    margin-right: 15px;
}

.owl-nav-icon-none .owl-nav .nav-btn span:first-child {
    margin-right: 0;
}

.owl-carousel .owl-dots button.owl-dot {
    background-color: var(--theme-dark-color);
    border: 1px solid var(--theme-dark-color)
}

.owl-dot-white.owl-carousel .owl-dots button.owl-dot {
    background-color: var(--theme-white-color);
    border-color: var(--theme-white-color)
}

.owl-carousel .owl-dots button.owl-dot:not(:last-child) {
    margin-right: 10px;
}

[class*="owl-dot-active-pill"] .owl-dots button.owl-dot.active {
    width: 15px;
    border-radius: 50rem
}

.owl-dot-active-pill .owl-dots button.owl-dot.active,
.owl-dot-radius .owl-dots button.owl-dot.active,
.owl-dot-square .owl-dots button.owl-dot.active,
.owl-dot-round .owl-dots button.owl-dot.active {
    background-color: var(--theme-primary-color) !important;
    border-color: var(--theme-primary-color) !important;
}

.owl-mx-1 {
    margin-left: -2px;
    margin-right: -2px;
}

.owl-mx-1 .owl-item>* {
    margin-left: 2px;
    margin-right: 2px;
}

.owl-mx-2 {
    margin-left: -4px;
    margin-right: -4px;
}

.owl-mx-2 .owl-item>* {
    margin-left: 4px;
    margin-right: 4px;
}

.owl-mx-3 {
    margin-left: -8px;
    margin-right: -8px;
}

.owl-mx-3 .owl-item>* {
    margin-left: 8px;
    margin-right: 8px;
}

.owl-mx-4 {
    margin-left: -12px;
    margin-right: -12px;
}

.owl-mx-4 .owl-item>* {
    margin-left: 12px;
    margin-right: 12px;
}

.owl-mx-5 {
    margin-left: -24px;
    margin-right: -24px;
}

.owl-mx-5 .owl-item>* {
    margin-left: 24px;
    margin-right: 24px;
}

.owl-nav-disable .owl-nav,
.owl-dot-disable .owl-dots,
[class*="owl-nav-icon-"] .owl-nav .nav-btn .text {
    display: none;
}

.owl-nav-icon-none .owl-nav .nav-btn .icon {
    display: none !important;
}

[class*="owl-nav-hover-visible"] .owl-nav button {
    opacity: 0;
    visibility: hidden;
}

[class*="owl-nav-hover-visible"]:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

[class*="owl-nav-icon-"] .owl-nav .nav-btn {
    position: relative;
    display: inline-block;
    border: 2px solid var(--theme-dark-color);
    background-color: var(--theme-white-color);
}

.testimonial-style-3 .owl-nav .nav-btn {
    font-size: 40px;
    width: 30px;
    height: 50px;
    background-color: transparent;
    border: none;
    margin: 0 !important;
}

.owl-nav .nav-btn .icon::before,
[class*="owl-nav-icon-"] .owl-nav .nav-btn .icon::before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.owl-nav-icon-square .owl-nav .nav-btn .icon {
    border-radius: 0;
}

.owl-nav-icon-radius .owl-nav .nav-btn .icon {
    border-radius: 5px;
}

.owl-nav-icon-round .owl-nav .nav-btn .icon {
    border-radius: 50%;
}

.owl-nav-icon-capsoul .owl-nav .nav-btn .icon {
    border-radius: 50rem;
    width: 40px;
    height: 25px;
}

.owl-nav-icon-normal .owl-nav .nav-btn .icon {
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    display: grid;
}

.owl-nav-icon-normal .owl-nav .nav-btn .icon::before {
    position: inherit;
}

.owl-nav .nav-btn .prev-icon::before,
.owl-nav-icon-1 .owl-nav .nav-btn .prev-icon::before {
    content: "\f104";
}

.owl-nav .nav-btn .next-icon::before,
.owl-nav-icon-1 .owl-nav .nav-btn .next-icon::before {
    content: "\f105";
}

.owl-nav-icon-2 .owl-nav .nav-btn .prev-icon::before {
    content: "\f30a";
}

.owl-nav-icon-2 .owl-nav .nav-btn .next-icon::before {
    content: "\f30b";
}

.owl-nav-icon-3 .owl-nav .nav-btn .prev-icon::before {
    content: "\f060";
}

.owl-nav-icon-3 .owl-nav .nav-btn .next-icon::before {
    content: "\f061";
}

.owl-nav-text-box .owl-nav .nav-btn .text,
.owl-nav-text-capsoul .owl-nav .nav-btn .text {
    padding: 0px 15px;
    border: 2px solid var(--theme-primary-color);
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}

.owl-nav-text-capsoul .owl-nav .nav-btn .text {
    border-radius: 50rem;
}

.owl-nav-text-1 .owl-nav .nav-btn .prev-text::before {
    content: "PREV";
    font-size: 14px;
    letter-spacing: 2px;
}

.owl-nav-text-1 .owl-nav .nav-btn .next-text::before {
    content: "NEXT";
    font-size: 14px;
    letter-spacing: 2px;
}

.owl-nav button,
[class*="owl-nav-middle-"] .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[class*="owl-nav-middle-"] .owl-nav button.owl-prev,
[class*="owl-nav-middle-outside"].owl-nav-hover-slide-inside:hover .owl-nav button.owl-prev {
    left: 0;
}

[class*="owl-nav-middle-"] .owl-nav button.owl-next,
[class*="owl-nav-middle-outside"].owl-nav-hover-slide-inside:hover .owl-nav button.owl-next {
    right: 0;
}

.owl-mx-4 .owl-nav-middle-inside .owl-nav button.owl-prev,
.owl-mx-4 [class*="owl-nav-middle-outside"].owl-nav-hover-slide-inside:hover .owl-nav button.owl-prev {
    left: 12px;
}

.owl-mx-4 .owl-nav-middle-inside .owl-nav button.owl-next,
.owl-mx-4 [class*="owl-nav-middle-outside"].owl-nav-hover-slide-inside:hover .owl-nav button.owl-next {
    right: 12px;
}

.owl-mx-5 .owl-nav-middle-inside .owl-nav button.owl-prev {
    left: 24px;
}

.owl-mx-5 .owl-nav-middle-inside .owl-nav button.owl-next {
    right: 24px;
}

.owl-nav button.owl-prev,
.owl-nav-middle-outside .owl-nav button.owl-prev,
.owl-nav-middle-outside-long.owl-nav-hover-slide-outside:hover .owl-nav button.owl-prev,
[class*="owl-nav-middle-inside"].owl-nav-hover-slide-outside:hover .owl-nav button.owl-prev {
    left: -50px;
}

.owl-nav button.owl-next,
.owl-nav-middle-outside .owl-nav button.owl-next,
[class*="owl-nav-middle-inside"].owl-nav-hover-slide-outside:hover .owl-nav button.owl-next,
.owl-nav-middle-outside-long.owl-nav-hover-slide-outside:hover .owl-nav button.owl-next {
    right: -50px;
}

.owl-nav-middle-outside-long .owl-nav button.owl-prev,
.owl-nav-middle-outside.owl-nav-hover-slide-outside-long:hover .owl-nav button.owl-prev,
[class*="owl-nav-middle-inside"].owl-nav-hover-slide-outside-long:hover .owl-nav button.owl-prev {
    left: -130px;
}

.owl-nav-middle-outside-long .owl-nav button.owl-next,
.owl-nav-middle-outside.owl-nav-hover-slide-outside-long:hover .owl-nav button.owl-next,
[class*="owl-nav-middle-inside"].owl-nav-hover-slide-outside-long:hover .owl-nav button.owl-next {
    right: -130px;
}

.owl-nav-top-left .owl-nav {
    top: -50px;
    left: 0;
}

[class*="owl-nav-top-right"] .owl-nav {
    top: -50px;
    right: 0;
    width: auto;
}

[class*="owl-nav-top-right"] .owl-nav button {
    position: static;
    transform: translateY(0);
}

.single-related-product .owl-nav-size-1 .owl-nav .nav-btn .icon {
    width: 35px;
    height: 35px;
}

.single-related-product [class*="owl-nav-top-right"] .owl-nav {
    top: -35px;
    right: 3px;
}

[class*="owl-nav-top-right"] .owl-nav button.owl-next {
    right: 0;
}

.owl-nav-top-right-2 .owl-nav {
    top: -100px;
}

[class*="owl-nav-bottom-"] .owl-stage-outer,
[class*="owl-dot-bottom-"] .owl-stage-outer {
    padding-bottom: 50px;
}

[class*="owl-nav-bottom-"] .owl-nav,
[class*="owl-dot-bottom-"] .owl-dots {
    bottom: 0;
}

.owl-nav-bottom-left .owl-nav,
.owl-dot-bottom-left .owl-dots {
    left: 0;
}

.owl-nav-bottom-right .owl-nav,
.owl-dot-bottom-right .owl-dots {
    right: 0;
}

.owl-nav-bottom-center .owl-nav,
.owl-dot-bottom-center .owl-dots {
    left: 50%;
    transform: translateX(-50%);
}

.owl-mx-4 .owl-nav-top-left .owl-nav,
.owl-mx-4 .owl-nav-bottom-left .owl-nav,
.owl-mx-4 .owl-dot-bottom-left .owl-dots {
    left: 12px
}

.owl-mx-5 .owl-nav-top-left .owl-nav,
.owl-mx-5 .owl-nav-bottom-left .owl-nav,
.owl-mx-5 .owl-dot-bottom-left .owl-dots {
    left: 24px
}

.owl-mx-4 .owl-nav-top-right .owl-nav,
.owl-mx-4 .owl-nav-bottom-right .owl-nav,
.owl-mx-4 .owl-dot-bottom-right .owl-dots {
    right: 12px
}

.owl-mx-5 .owl-nav-top-right .owl-nav,
.owl-mx-5 .owl-nav-bottom-right .owl-nav,
.owl-mx-5 .owl-dot-bottom-right .owl-dots {
    right: 24px
}

.owl-dots button.owl-dot {
    width: 5px;
    height: 5px;
}

.owl-dot-custom-1 [class*="owl-dot-round"] .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid;
}

.owl-dot-size-1 .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
}

.owl-dot-size-2 .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
}

.owl-dot-size-3 .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
}

[class*="owl-dot-square"] .owl-dots button.owl-dot {
    border-radius: 0;
}

[class*="owl-dot-radius"] .owl-dots button.owl-dot {
    border-radius: 3px;
}

[class*="owl-dot-active-pill"] .owl-dots button.owl-dot,
[class*="owl-dot-round"] .owl-dots button.owl-dot {
    border-radius: 50%;
}

.carousel-style-1 .owl-stage-outer {
    padding-top: 50px;
}

.carousel-style-1 .owl-stage-outer .owl-item .item {
    transform: scale(.7);
    margin: 0 -60px;
}

.carousel-style-1 .owl-stage-outer .owl-item.center {
    z-index: 9;
}

.carousel-style-1 .owl-stage-outer .owl-item.center .item {
    transform: scale(1);
}

.carousel-style-1 .owl-stage-outer .owl-item:not(.center) .item .image-wrap {
    display: none;
}

.owl-nav-size-1 .owl-nav .nav-btn .icon {
    width: 45px;
    height: 45px;
    display: block;
}

.owl-nav-size-2 .owl-nav .nav-btn .icon {
    width: 50px;
    height: 50px;
    display: block;
}

.owl-nav-size-3 .owl-nav .nav-btn .icon {
    width: 60px;
    height: 60px;
    display: block;
}

.owl-nav-size-1.owl-nav-text-1 .owl-nav .nav-btn .text {
    line-height: 45px;
    width: 65px;
    text-align: center;
    display: block;
}

.owl-nav-size-2.owl-nav-text-1 .owl-nav .nav-btn .text {
    line-height: 50px;
    width: 70px;
    text-align: center;
    display: block;
}

.owl-nav-size-3.owl-nav-text-1 .owl-nav .nav-btn .text {
    line-height: 60px;
    width: 80px;
    text-align: center;
    display: block;
}

.owl-nav-radius .owl-nav .nav-btn,
.owl-nav-radius .owl-nav .nav-btn {
    border-radius: 5px;
}

.owl-nav-round .owl-nav .nav-btn {
    border-radius: 50%;
}

.owl-nav-pill.owl-nav-size-1 .owl-nav .nav-btn {
    border-radius: 23px;
}

.owl-nav-pill.owl-nav-size-2 .owl-nav .nav-btn {
    border-radius: 25px;
}

.owl-nav-pill.owl-nav-size-3 .owl-nav .nav-btn {
    border-radius: 30px;
}

[class*="owl-nav-color-"] .owl-nav .nav-btn {
    border: 2px solid;
}

.owl-nav-color-1 .owl-nav .nav-btn,
.owl-nav-color-4 .owl-nav .nav-btn:hover {
    background-color: transparent;
    border-color: var(--theme-primary-color);
    color: var(--theme-primary-color);
}

.owl-nav-color-1 .owl-nav .nav-btn:hover,
.owl-nav-color-4 .owl-nav .nav-btn {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}

.owl-nav-color-2 .owl-nav .nav-btn,
.owl-nav-color-5 .owl-nav .nav-btn:hover {
    background-color: transparent;
    border-color: var(--theme-secondary-color);
    color: var(--theme-secondary-color);
}

.owl-nav-color-2 .owl-nav .nav-btn:hover,
.owl-nav-color-5 .owl-nav .nav-btn {
    background-color: var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
    color: var(--theme-white-color);
}

.owl-nav-color-3 .owl-nav .nav-btn,
.owl-nav-color-6 .owl-nav .nav-btn:hover {
    background-color: transparent;
    border-color: var(--theme-light-color);
    color: var(--theme-light-color);
}

.owl-nav-color-3 .owl-nav .nav-btn:hover,
.owl-nav-color-6 .owl-nav .nav-btn {
    background-color: var(--theme-light-color);
    border-color: var(--theme-light-color);
    color: var(--theme-dark-color);
}

@media screen and (max-width: 1230px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -35px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -35px;
    }
}

@media screen and (max-width: 1199px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -40px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -40px;
    }
}

@media screen and (max-width: 1020px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -20px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -20px;
    }
}

@media screen and (max-width: 991px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -40px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -40px;
    }
}

@media screen and (max-width: 800px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -32px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -32px;
    }
}

@media screen and (max-width: 767px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -40px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -40px;
    }
}

@media screen and (max-width: 600px) {
    .owl-nav-middle-outside .owl-nav button.owl-prev {
        left: -30px;
    }
    .owl-nav-middle-outside .owl-nav button.owl-next {
        right: -30px;
    }
}

@media screen and (max-width: 580px) {
    .owl-nav-middle-outside .owl-nav {
        display: none;
    }
}


/* Sayeed Edited End */

.owl-nav button:focus {
    outline: none !important
}

.owl-nav-1[class*="owl-nav-icon-"] .owl-nav .nav-btn .icon {
    width: 45px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    background-color: var(--theme-primary-opacity-color);
    border-color: var(--theme-primary-opacity-color);
}

.owl-nav-2[class*="owl-nav-icon-"] .owl-nav .nav-btn .icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: var(--theme-primary-opacity-color);
    border-color: var(--theme-primary-opacity-color);
}


/*======================================
 Partner Logo
=======================================*/
@-webkit-keyframes elementUpshow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-webkit-calc(-100% - 25px));
        transform: translateY(calc(-100% - 25px));
        opacity: 1;
    }
    51% {
        -webkit-transform: translateY(-webkit-calc(-100% - 25px));
        transform: translateY(calc(-100% - 25px));
        opacity: 0;
    }
    52% {
        -webkit-transform: translateY(-webkit-calc(100% + 25px));
        transform: translateY(calc(100% + 25px));
    }
    86% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes elementUpshow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-webkit-calc(-100% - 25px));
        transform: translateY(calc(-100% - 25px));
        opacity: 1;
    }
    51% {
        -webkit-transform: translateY(-webkit-calc(-100% - 25px));
        transform: translateY(calc(-100% - 25px));
        opacity: 0;
    }
    52% {
        -webkit-transform: translateY(-webkit-calc(100% + 25px));
        transform: translateY(calc(100% + 25px));
    }
    86% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.hover-img-upshow:hover img {
    -webkit-animation: elementUpshow cubic-bezier(0.6, 0, 0.2, 1) 0.75s 1;
    animation: elementUpshow cubic-bezier(0.6, 0, 0.2, 1) 0.75s 1;
}

.partner-slider .item img {
    width: auto;
    margin: 0 auto;
}

/*========================================
 Post Navigation
========================================*/
.post-navigation {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #e9e9e9 transparent #e9e9e9 transparent;
    padding: 5px 0;
}

.post-navigation a,
.post-navigation .text-start,
.post-navigation .text-end {
    display: block;
    padding: 15px 20px;
    background: var(--theme-light-color);
    position: relative;
}

.post-navigation .text-start {
    padding-left: 50px;
}

.post-navigation .text-end {
    padding-right: 50px;
}

.post-navigation .text-start::before {
    content: "\e92f";
    position: absolute;
    display: inline-block;
    font-family: 'icomoon';
    font-weight: 400;
    font-size: 36px;
    top: 50%;
    text-align: center;
    vertical-align: middle;
    left: 10px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.post-navigation .text-end::after {
    content: "\e930";
    position: absolute;
    display: inline-block;
    font-family: 'icomoon';
    font-weight: 400;
    font-size: 36px;
    top: 50%;
    text-align: center;
    vertical-align: middle;
    right: 10px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.post-navigation .nav-next span,
.post-navigation .nav-previous span {
    display: table;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
}


/*=====================================
 Newsletters
=====================================*/
.unicode-newsletter-popup {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 720px;
    position: relative;
}

.newsletter-image {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.subscribe-form .mc4wp-form-fields {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subscribe-form .mc4wp-form-fields input {
    outline: none;
}

.newsletter-style-1 .mc4wp-form-fields {
    flex-direction: row;
}

.newsletter-style-2 .mc4wp-form-fields input[type="submit"] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 20px;
}

.newsletter-style-3 .mc4wp-form-fields {
    flex-direction: column;
}

/*============================================
 Social Media
============================================*/

.unicode-social .social-text {
    display: none;
}

.unicode-social.icons-text-show .social-text {
    display: block;
}

.unicode-social {
    display: flex;
    gap: 5px;
    flex-direction: row;
}

.unicode-social.icons-size-auto {
    gap: 15px;
}

.unicode-social a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 5px;
}

.unicode-social.icons-size-small a {
    font-size: 12px;
    width: 30px;
    height: 30px;
}

.unicode-social.icons-size-default a {   
    font-size: 15px;
    width: 35px;
    height: 35px;
}

.unicode-social.icons-size-large a { 
    font-size: 18px;
    width: 40px;
    height: 40px;
}

.unicode-social.icons-shape-circle a {
    border-radius: 50%;
}

.unicode-social.icons-default a {
    color: var(--text-light-color);
}

.unicode-social.icons-default a:hover {
    color: var(--theme-primary-color);
    background-color: transparent;
}

.unicode-social.icons-colour a:hover {
    background-color: transparent;
}

.unicode-social.icons-theme-colour a {
    color: var(--theme-general-color);
    border: 2px solid var(--theme-gray-color);
}

.unicode-social.icons-theme-colour a:hover {
    color: var(--theme-white-color);
    border: 2px solid var(--theme-primary-color);
    background-color: var(--theme-primary-color);
}

/* Icons Style Colour And Bordered*/
.unicode-social.icons-colour .social-facebook,
.unicode-social.icons-bordered .social-facebook{
    color:#385693;
}

.unicode-social.icons-colour .social-twitter,
.unicode-social.icons-bordered .social-twitter{
    color:#080808;
}

.unicode-social.icons-colour .social-linkedin,
.unicode-social.icons-bordered .social-linkedin{
    color:#238CC8;
}

.unicode-social.icons-colour .social-stumbleupon,
.unicode-social.icons-bordered .social-stumbleupon{
    color:#EA4B24;
}

.unicode-social.icons-colour .social-tumblr,
.unicode-social.icons-bordered .social-tumblr{
    color:#395976;
}

.unicode-social.icons-colour .social-pinterest,
.unicode-social.icons-bordered .social-pinterest{
    color:#E13138;
}

.unicode-social.icons-colour .social-reddit,
.unicode-social.icons-bordered .social-reddit{
    color:#FF4006;
}

.unicode-social.icons-colour .social-vk,
.unicode-social.icons-bordered .social-vk{
    color:#5181B8;
}

.unicode-social.icons-colour .social-odnoklassniki,
.unicode-social.icons-bordered .social-odnoklassniki{
    color:#F2720C;
}

.unicode-social.icons-colour .social-pocket,
.unicode-social.icons-bordered .social-pocket{
    color:#EF4056;
}

.unicode-social.icons-colour .social-whatsapp,
.unicode-social.icons-bordered .social-whatsapp{
    color:#0DC143;
}

.unicode-social.icons-colour .social-telegram,
.unicode-social.icons-bordered .social-telegram{
    color:#64B3F5;
}

.unicode-social.icons-colour .social-email,
.unicode-social.icons-bordered .social-email{
    color:#DD4B39;
}

.unicode-social.icons-colour .social-print,
.unicode-social.icons-bordered .social-print{
    color:#444444;
}

.unicode-social.icons-colour .social-instagram,
.unicode-social.icons-bordered .social-instagram{
    color:#D02A52;
}

.unicode-social.icons-colour .social-flickr,
.unicode-social.icons-bordered .social-flickr{
    color:#FF0084;
}
.unicode-social.icons-colour .social-rss,
.unicode-social.icons-bordered .social-rss{
    color:#EF8321;
}

.unicode-social.icons-colour .social-youtube,
.unicode-social.icons-bordered .social-youtube{
    color:#F90002;
}

.unicode-social.icons-colour .social-github,
.unicode-social.icons-bordered .social-github{
    color:#323131;
}

/* Icons Style Bordered */
.unicode-social.icons-bordered a:hover{
    color:#FFFFFF;
}

.unicode-social.icons-bordered .social-facebook{
    border:2px solid #385693;
}

.unicode-social.icons-bordered .social-twitter{
    border:2px solid #080808;
}

.unicode-social.icons-bordered .social-google-plus{
    border:2px solid #EB5E4C;
}

.unicode-social.icons-bordered .social-linkedin{
    border:2px solid #238CC8;
}

.unicode-social.icons-bordered .social-tumblr{
    border:2px solid #395976;
}

.unicode-social.icons-bordered .social-pinterest{
    border:2px solid #E13138;
}

.unicode-social.icons-bordered .social-reddit{
    border:2px solid #FF4006;
}

.unicode-social.icons-bordered .social-vk{
    border:2px solid #5181B8;
}

.unicode-social.icons-bordered .social-odnoklassniki{
    border:2px solid #F2720C;
}

.unicode-social.icons-bordered .social-pocket{
    border:2px solid #EF4056;
}

.unicode-social.icons-bordered .social-whatsapp{
    border:2px solid #0DC143;
}

.unicode-social.icons-bordered .social-telegram{
    border:2px solid #64B3F5;
}

.unicode-social.icons-bordered .social-email{
    border:2px solid #DD4B39;
}

.unicode-social.icons-bordered .social-print{
    border:2px solid #444444;
}

.unicode-social.icons-bordered .social-instagram{
    border:2px solid #D02A52;
}

.unicode-social.icons-bordered .social-flickr{
    border:2px solid #FF0084;
}

.unicode-social.icons-bordered .social-rss{
    border:2px solid #EF8321;
}

.unicode-social.icons-bordered .social-youtube{
    border:2px solid #F90002;
}

.unicode-social.icons-bordered .social-github{
    border:2px solid #323131;
}

/* Icons Style Fill And Bordered */
.unicode-social.icons-fill-colour a {
    opacity: 1;
    color: var(--theme-white-color);
}

.unicode-social.icons-fill-colour a:hover {
    opacity: .8;
}

.unicode-social.icons-fill-colour .social-facebook,
.unicode-social.icons-bordered .social-facebook:hover {
    background-color:#385693;
}

.unicode-social.icons-fill-colour .social-twitter,
.unicode-social.icons-bordered .social-twitter:hover {
    background-color:#080808;
}

.unicode-social.icons-fill-colour .social-linkedin,
.unicode-social.icons-bordered .social-linkedin:hover {
    background-color:#238CC8;
}

.unicode-social.icons-fill-colour .social-stumbleupon, 
.unicode-social.icons-bordered .social-stumbleupon:hover {
    background-color:#EA4B24;
}

.unicode-social.icons-fill-colour .social-tumblr,
.unicode-social.icons-bordered .social-tumblr:hover {
    background-color:#395976;
}

.unicode-social.icons-fill-colour .social-pinterest, 
.unicode-social.icons-bordered .social-pinterest:hover {
    background-color:#E13138;
}

.unicode-social.icons-fill-colour .social-reddit,
.unicode-social.icons-bordered .social-reddit:hover {
    background-color:#FF4006;
}

.unicode-social.icons-fill-colour .social-vk,
.unicode-social.icons-bordered .social-vk:hover {
    background-color:#5181B8;
}

.unicode-social.icons-fill-colour .social-odnoklassniki,
.unicode-social.icons-bordered .social-odnoklassniki:hover {
    background-color:#F2720C;
}

.unicode-social.icons-fill-colour .social-pocket,
.unicode-social.icons-bordered .social-pocket:hover {
    background-color:#EF4056;
}

.unicode-social.icons-fill-colour .social-whatsapp,
.unicode-social.icons-bordered .social-whatsapp:hover {
    background-color:#0DC143;
}

.unicode-social.icons-fill-colour .social-telegram,
.unicode-social.icons-bordered .social-telegram:hover {
    background-color:#64B3F5;
}

.unicode-social.icons-fill-colour .social-email,
.unicode-social.icons-bordered .social-email:hover {
    background-color:#DD4B39;
}

.unicode-social.icons-fill-colour .social-print,
.unicode-social.icons-bordered .social-print:hover {
    background-color:#444444;
}

.unicode-social.icons-fill-colour .social-instagram,
.unicode-social.icons-bordered .social-instagram:hover {
    background-color:#D02A52;
}

.unicode-social.icons-fill-colour .social-flickr,
.unicode-social.icons-bordered .social-flickr:hover {
    background-color:#FF0084;
}

.unicode-social.icons-fill-colour .social-rss,
.unicode-social.icons-bordered .social-rss:hover {
    background-color:#EF8321;
}

.unicode-social.icons-fill-colour .social-youtube,
.unicode-social.icons-bordered .social-youtube:hover {
    background-color:#F90002;
}

.unicode-social.icons-fill-colour .social-github,
.unicode-social.icons-bordered .social-github:hover {
    background-color:#323131;
}


/*============================================
 Widgets
============================================*/
.footer-logo {
    line-height: 50px;
}

.footer-widget .widget-title,
.footer-logo {
    margin-bottom: 20px;
}

#sidebar .sidebar-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px;
}

.widget_search form, 
.search-widget form {
    position: relative;
}

.widget form input,
.widget form select {
    width: 100%;
}

.widget.widget_rating_filter li.wc-layered-nav-rating a,
.widget.widget_layered_nav li.wc-layered-nav-term a {
    color: var(--theme-general-color);
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
}

.tagcloud ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tagcloud ul li {
    margin-right: 3px;
}

.widget .mc4wp-form input[type="text"] {
    background-color: var(--theme-white-color);
    height: 45px;
}

.widget .mc4wp-form input[type="submit"],
.widget .mc4wp-form button {
    margin-top: 10px;
    width: auto;
}

.widget .unicode-widget-recent-posts .post-title,
.widget .unicode-widget-recent-posts .post-title a {
    font-size: 15px;
    line-height: normal;
}

.widget .unicode-widget-recent-posts li {
    display: inline-flex;
    gap: 10px;
}

.widget .unicode-widget-recent-posts li .widget-post-thumbnail {
    width: 70px;
    flex-shrink: 0;
    overflow: hidden;
}

.widget .unicode-widget-posts-list.style-2 li .widget-post-thumbnail img,
.widget .unicode-widget-recent-posts.style-2 li .widget-post-thumbnail img {
    border-radius: 5px;
}

.widget .unicode-widget-posts-list.style-2 li,
.widget .unicode-widget-recent-posts.style-2 li {
    padding-bottom: 10px;
    border-bottom: 1px dashed;
    border-color: var(--theme-light-color);
}

.widget .unicode-widget-posts-list.style-2 li:last-child,
.widget .unicode-widget-recent-posts.style-2 li:last-child {
    border: none;
}

.widget .unicode-widget-posts-list.style-3 li,
.widget .unicode-widget-recent-posts.style-3 li {
    border: 1px dashed;
    border-color: var(--theme-light-color);
    padding: 10px;
    border-radius: 10px;
}

.widget .unicode-widget-posts-list.style-3 li .widget-post-thumbnail img,
.widget .unicode-widget-recent-posts.style-3 li .widget-post-thumbnail img {
    border-radius: 10px;
}

.widget .unicode-widget-posts-list li .post-meta span,
.widget .unicode-widget-posts-list li .post-meta a,
.widget .unicode-widget-recent-posts li .post-meta span,
.widget .unicode-widget-recent-posts li .post-meta a {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

.widget .unicode-widget-posts-list li .post-meta,
.widget .unicode-widget-recent-posts li .post-meta {
    display: flex;
    gap: 10px;
}


/* Recent Post Custom Widget */
.unicode-widget-posts-list li.widget-post-item {
    display: flex;
}

.unicode-widget-posts-list li.widget-post-item .widget-post-thumbnail {
    width: 70px;
    margin-right: 10px;
    flex-shrink: 0;
}

.unicode-widget-posts-list li.widget-post-item .post-meta a,
.unicode-widget-posts-list li.widget-post-item .post-meta {
    color: var(--text-gray-color);
    line-height: 18px;
}

.unicode-widget-posts-list li.widget-post-item .post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.unicode-widget-posts-list li.widget-post-item .post-categories {
    line-height: 18px;
    margin-bottom: 5px;
}

.unicode-widget-posts-list li.widget-post-item .post-categories a {
    color: var(--theme-secondary-color);
}

.unicode-widget-posts-list li.widget-post-item .post-title {
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}

/* Gallery Widget */
[class*="gallery-columns-"]{
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
}

.widget .gallery figure {
    margin: 0;
    padding: 3px;
}

.widget .gallery .gallery-caption {
    display: none;
}

.gallery-columns-2 .gallery-item{
    flex: 0 0 auto;
    width: 50%;
}

.gallery-columns-3 .gallery-item{
    flex: 0 0 auto;
    width: 33.33%;
}
.gallery-columns-4 .gallery-item{
    flex: 0 0 auto;
    width: 25%;
}

.gallery-columns-5 .gallery-item{
    flex: 0 0 auto;
    width: 20%;
}

.gallery-columns-6 .gallery-item{
    flex: 0 0 auto;
    width: 16.66%;
}

.gallery-columns-7 .gallery-item{
    flex: 0 0 auto;
    width: 14.28%;
}

.gallery-columns-8 .gallery-item{
    flex: 0 0 auto;
    width: 12.5%;
}

.gallery-columns-9 .gallery-item{
    flex: 0 0 auto;
    width: 11.11%;
}

/* Mailchump */
.sidebar .widget .mc4wp-form {
    margin-top: 20px;
    padding: 30px;
    background-color: var(--theme-dark-color);
}

.sidebar .widget .mc4wp-form .btn {
    width: 100%;
}

.mc4wp-form {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Archive */
.sidebar .widget.widget_archive select {
    margin-top: 20px;
}

.widget.widget_archive select {
    width: 100%;
}

.about-us-widget-content {
    margin-bottom: 1.5rem;
}

/*=================================
 Tables
==================================*/
.table tr th {
    font-weight: 500;
    position: relative
}

.compare-chart-classic {
    width: 100%
}

.compare-chart-classic .table tr th,
.compare-chart-classic .table tr td {
    text-align: center;
    vertical-align: middle;
    border: none;
    width: 23%;
    padding: 15px 30px;
    border-right: 1px solid;
    border-color: var(--theme-white-color);
}

.compare-chart-classic .table tr th:first-child,
.compare-chart-classic .table tr td:first-child {
    text-align: left;
    width: 32%
}

.compare-chart-classic .table tr th {
    background-color: var(--theme-secondary-color);
    color: var(--theme-white-color);
}

.compare-chart-classic .table tr td {
    background-color: var(--theme-light-color)
}

.compare-chart-classic .table tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, 0.05)
}

.compare-chart-classic .mark-table-col-2 tr th:nth-child(2),
.compare-chart-classic .mark-table-col-2 tr td:nth-child(2),
.compare-chart-classic .mark-table-col-3 tr th:nth-child(3),
.compare-chart-classic .mark-table-col-3 tr td:nth-child(3) {
    background-color: var(--theme-primary-color);
    color: var(--theme-secondary-color) !important;
    font-weight: 500
}

.compare-chart-classic .mark-table-col-2 tr th:nth-child(2) *,
.compare-chart-classic .mark-table-col-2 tr td:nth-child(2) *,
.compare-chart-classic .mark-table-col-3 tr th:nth-child(3) *,
.compare-chart-classic .mark-table-col-3 tr td:nth-child(3) * {
    color: var(--theme-secondary-color) !important;
}

.compare-chart-classic .mark-table-col-2 tr:nth-child(odd) td:nth-child(2),
.compare-chart-classic .mark-table-col-3 tr:nth-child(odd) td:nth-child(3) {
    background-color: var(--theme-primary-opacity-color)
}


/*=============================================
 Comments Form
==============================================*/
#comments {
    clear: both;
}

.comment-form-rating, 
.comment-form > p {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
}

.comments-title {
    font-size: 24px;
}

.comment-list {
    padding: 0;
}

.comment-form label {
    margin-bottom: 10px;
}


.comment-form {
    display: flex;
    flex-flow: row wrap;
    margin-left: -1em;
    margin-right: -1em;
}

.comment-form>p+p {
    margin-top: 0;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]  {
    height: 45px;
    line-height: 45px;
    border: 1px solid #eee;
    width: 100%;
    padding: 12px;
}

.comment-form p.comment-form-author, 
.comment-form p.comment-form-email, 
.comment-form p.comment-form-url{
    -ms-flex: 1;
    flex: 1;
    padding:0 1em;
}

.comment-respond {
    padding: 24px;
    background-color: var(--theme-white-color);
    border: 1px solid;
    border-color: var(--theme-gray-color);
    border-radius: 10px;
}

.comment-list .pingback .comment-edit-link,
.comment-list .trackback .comment-edit-link {
    margin-left:.3em;
}

.comment-list .pingback .comment-body > a,
.comment-list .trackback .comment-body > a {
    font-size: 15px;
    font-weight: 500;
    margin-left: 5px;
}

.comments-area ol {
    list-style: none;
}

.comments-area {
    margin-top: 50px;
}

.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
    text-transform:uppercase;
}

.comment-list{
    margin-bottom:3em;
    margin-left: 0;
}

.comment-list,
.comment-list .children{
    list-style: none;
}

.comment-list .comment {
    background-color: var(--theme-light-color);
    margin: 10px 0;
    border-radius: 10px;
}

.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback{
    padding: 24px;
}

.bypostauthor {
    display: block;
}

.comment-list .comment-body{
    padding-left: 6rem;
    position: relative;
}

.comment-author {
    font-size: 1rem;
    z-index: 2;
}

.comment-author, 
.comment-meta {
    -ms-flex: 1;
    flex: 1;
}

.comment-author .avatar {
    border-radius:50%;
    left: 0;
    top:0;
    position: absolute;
    background-color: var(--theme-white-color);
    width: 70px;
    height: 70px;
}

.comment-author cite {
    font-weight: 500;
    font-style: normal;
    font-family: var(--theme-primary-font);
}

.comment-author cite a {
    color: var(--theme-dark-color);
}

.comment-meta {
    margin-bottom: 1em;
}

.comment-meta a {
    color: #777777;
    font-size: 13px;
}

.comment-reply-link {
    font-weight: 500;
    position: relative;
}

.comment-list .children {
    margin-left: 2em;
    margin-top: 1em;
}

.comment-list .children li:last-child {
    border:none;
    padding-bottom:0;
}

.comment-body .comment-reply-link:before {
    padding-right: 6px;
    vertical-align: top;
}

.comment-respond small #cancel-comment-reply-link {
    margin-left: 10px;
}

/*==================================
 Woo Products
====================================*/

.woocommerce-thumb {
    margin-right: -15px;
    margin-left: -15px;
}

.woocommerce-thumb:after,
.woocommerce-thumb:before {
    display: table;
    content: " ";
}

.products-grid-view ul.products li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
    margin-bottom: 30px;
}

.products-grid-view.product-4-column ul.products li {
    flex: 0 0 25%;
    max-width: 25%;
}

.products-grid-view.product-2-column ul.products li {
    flex: 0 0 50%;
    max-width: 50%;
}

.woocommerce-product ul.products {
    margin: 30px 0;
}

.woocommerce-single,
.woocommerce-product ul.products {
    padding: 0;
    list-style: none outside;
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-product .product-img {
    background-color: var(--theme-light-color);
}

.product-detail .woocommerce-loop-product__title {
    font-size: 15px;
    color: var(--theme-general-color);
    font-weight: 500;
    margin-bottom: 5px;
}

.product .product-detail {
    padding-top: 15px;
    position: relative
}

.product-detail .price .woocommerce-Price-amount {
    color: var(--theme-secondary-color);
    font-weight: 500;
    font-size: 16px
}

.product-thumb-classic .price .woocommerce-Price-amount {
    font-size: 14px;
    font-family: var(--theme-primary-font);
    font-weight: 600
}

.product .salerate {
    background-color: var(--theme-primary-color);
    color: var(--theme-dark-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    text-align: center;
    line-height: 50px;
    font-size: 13px;
    font-weight: 500;
    z-index: 1
}

/*==================================
Responsive
===================================*/

@media screen and (min-width:400px) {
    .product-list .product-wrapper .product-image,
    .product-list .product-wrapper .product-info {
        float: left;
        margin: 0;
    }

	.product-list .product-wrapper .product-info {
		padding-left: 15px !important;
	}
}

@media screen and (min-width: 992px) {
    header .header-sticky {
        display: none;
    }

    header.fixed-top .header-sticky {
        position: fixed !important;
        top: -1px;
        right: 0;
        left: 0;
        z-index: 99;
        animation-duration: 1s;
        animation-name: menu-sticky;
        animation-timing-function: ease-in-out;
        margin: 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
        border: none;
        display: block;
    }

    @keyframes menu-sticky {
        0% {
            margin-top: -150px;
        }
        50% {
            margin-top: -90px;
        }
        100% {
            margin-top: 0;
        }
    }

    .navbar .navbar-nav li > .unicode-megamenu-wrapper {
        visibility: hidden;
        width: 100%;
        display: block;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        opacity: 0;
        border: 0;
        left: 0;
        padding: 20px;
    }

    .navbar-nav .dropdown-toggle::after {
        display: none
    }

    .nav-line-active .navbar-nav .active > .nav-link:before {
        bottom: 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0
    }

    .navbar .navbar-nav li.dropdown > ul.dropdown-menu {
        visibility: hidden;
        min-width: 200px;
        display: block;
        background-color: #fff;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
        border-color: var(--theme-gray-color);
        opacity: 0;
        left: 0;
        top: 100%;
        margin-top: 0;
    }

    .navbar .navbar-nav li.dropdown:hover > ul.dropdown-menu {
        visibility: visible;
        opacity: 1;
    }

    /*===================================
	 Mega Menu
	====================================*/

    .navbar .navbar-nav li:hover>.unicode-megamenu-wrapper {
        visibility: visible;
        opacity: 1;
    }

    .navbar .navbar-nav li>.unicode-megamenu-wrapper {
        position: absolute;
        visibility: hidden;
        width: calc(100% - 24px);
        display: block;
        background-color: #fff;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
        opacity: 0;
        border: 0;
        border-top: 1px solid;
        border-color: var(--theme-light-color);
        border-radius: 3px;
        left: 12px;
        top: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        z-index: 100;
		margin: 0;
    }

    .navbar-expand-lg.nav-border-active .navbar-nav>.nav-item.active > a.nav-link {
        border: 2px solid;
        border-color: var(--theme-primary-color);
        border-radius: 3px
    }

    .navbar .navbar-nav li:hover>.unicode-megamenu-wrapper {
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    .navbar .navbar-nav li:hover > .unicode-megamenu-wrapper {
        visibility: visible;
        opacity: 1;
    }

    .dropdown.unicode-megamenu-item-full-width {
        position: inherit;
    }

    .dropdown.unicode-megamenu-item-full-width {
        position: inherit;
    }

}
@media (min-width: 1200px) and (max-width: 1499px) {
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar .navbar-nav li>.unicode-megamenu-wrapper {
        width: calc(100% - 60px);
        left: 30px;
    }
}

@media screen and (min-width: 1500px) {
    .nav-arrow-middle-show .owl-nav button.owl-prev {
        left: 10px;
    }

    .nav-arrow-middle-show .owl-nav button.owl-next {
        right: 10px;
    }

    .nav-arrow-middle-show:hover .owl-nav button.owl-prev {
        left: -10px;
    }

    .nav-arrow-middle-show:hover .owl-nav button.owl-next {
        right: -10px;
    }
}

@media screen and (max-width: 1399px) {
    .product-list .product-wrapper .product-image {
        width: 35%;
    }

    .product-list .product-wrapper .product-info {
        width: 65%;
    }

    .touch-screen-view.visible {
        visibility: visible;
        opacity: 1;
    }

    .touch-screen-view {
        position: absolute;
        width: 100%;
        background: #fff;
        top: -20px;
        left: 0;
        z-index: 110;
        visibility: hidden;
        padding: 20px 30px;
        opacity: 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    .search-results-wrapper .autocomplete-suggestion {
        padding: 6px 27px;
    }
}

@media screen and (max-width: 1350px) {
    .product-list .product-wrapper .product-image {
        width: 34.75%;
    }

    .product-list .product-wrapper .product-info {
        width: 65.25%;
    }

    .product-wrapper .product-image .product-variations span a {
        width: 13px;
        height: 13px;
    }

    .product-wrapper .product-image .product-variations span+span {
        margin-left: 3px;
    }
}

@media screen and (max-width: 1199px) {
    .touch-screen-view {
        position: absolute;
        width: 100%;
        background: #fff;
        top: -20px;
        left: 0;
        z-index: 110;
        visibility: hidden;
        padding: 20px 30px;
        opacity: 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    .touch-screen-view.visible {
        visibility: visible;
        opacity: 1;
    }

    .touch-screen-view .form-inline {
        width: 100%;
        margin: 0 auto;
    }

    .main-nav .navbar {
        position: static;
    }

    .navbar .navbar-nav li>ul.dropdown-menu.mega-dropdown-menu {
        width: calc(100% - 20px);
        left: 10px
    }

    .dropdown-menu.mega-dropdown-menu .row .col {
        padding: 20px 15px
    }

    .woocommerce-products-header__title.page-title,
    .nav-item.highlight-item {
        display: none;
    }

    .categories-menu .unicode-megamenu-item-full-width .unicode-megamenu-holder {
        width: 700px !important;
    }

    .slider-banner {
        width: 360px;
    }

    .product-list .product-wrapper .product-image {
        width: 34.4%;
    }

    .product-list .product-wrapper .product-info {
        width: 65.6%;
    }

    .owl-carousel .owl-nav {
        display: none;
    }

}

@media screen and (max-width: 991.98px) {
    .navbar .navbar-nav li.dropdown > ul.dropdown-menu {
        border: none !important;
    }
    
    .header-sticky {
        display: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .header-mobile {
        display: block;
    }

    .summary-inner .product_title.entry-title {
        margin-top: 30px;
    }

    .navbar-nav {
        width: 100%;
    }

    .nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
    .nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
        height: 100%;
        overflow-y: scroll;
    }

    .nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push {
        width: 100%;
        right: -100%
    }
    .nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
        width: 100%;
        left: -100%
    }

    .payment_method_paypal img {
        width: 100px
    }

    .shop-list.product-style-1 .hover-area [class*="-button"] a {
        width: 35px;
        height: 35px
    }

    .nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
    .nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
        min-height: auto !important;
    }

    .navbar-slide-push .push-navbar,
    .navbar-slide-push .categories-menu {
        height: auto !important;
    }

    header.fixed-top .header-sticky {
        position: static !important;
    }

    .nav-pills#pills-tab {
        overflow: scroll;
        max-width: 570px;
        display: block ruby;
    }

    .col:nth-child(2n) [class*="right-line-one"]::after {
        display: none;
    }

    .product-list .product-wrapper .product-image .product-variations {
        top: calc(100% - 40px);
    }

    .e-hover-wrapper-absolute .product-wrapper .hover-area {
        display: flex;
    }

    .product-list .product-wrapper .product-image {
        width: 40%;
    }

    .product-list .product-wrapper .product-info {
        width: 60%;
    }

    .wishlist_table.wishlist_view {
        width: 100%;
        overflow: scroll;
    }

    .nav-arrow-middle-show .owl-nav button.owl-prev {
        left: -20px;
    }

    .nav-arrow-middle-show .owl-nav button.owl-next {
        right: -20px;
    }

    .nav-arrow-middle-show:hover .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }

    .nav-arrow-middle-show:hover .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

    .category-inner .categories-menu {
        display: none;
    }

    .mix-tab ul.nav-tab-border-active li {
        padding: 5px 18px;
    }

    .menu-and-category ul.navbar-nav>li, 
    .categories-menu>ul.menu>li {
        position: relative;
    }

    .categories-menu .unicode-megamenu-wrapper {
        position: static;
        margin-left: 0;
        display: none;
        visibility: visible;
        opacity: 1;
        width: 100%;
        transform: none;
        overflow: hidden;
    }

    .categories-menu .unicode-megamenu-wrapper [class*="vc_custom"] {
        background-image: none !important;
    }

    .testimonial-slider .owl-nav,
    .nav-on-top,
    .nav-on-banner {
        position: static !important;
    }
}

@media screen and (max-width: 767px) {
    .logged-in.admin-bar .navbar-slide-push {
        top: 46px;
    }

    .search-view>a, 
    .wishlist-view>a, 
    .refresh-view>a, 
    .sign-in>a,
    .my-account-info .my-account-icon,
    .header-cart-1 .cart .cart-icon,
    .header-cart-2 .cart .cart-icon,
    .header-cart-6 .cart .cart-icon {
        line-height: 40px;
        width: 40px;
        height: 40px;
    }

    .blog-on-overlap-right .entry-content-wrapper {
        width: 100%;
        text-align: left;
        position: static;
        bottom: 0;
        background: rgba(255, 255, 255, 0.95);
        padding: 15px;
        right: 0;
    }

    .unicode-quick-view {
        width: 90%;
    }

    .blog-overlap-left .entry-content-wrapper {
        width: 100%;
        margin-top: 0;
    }

    .woocommerce div.summary .product-term-detail {
        width: 90%;
    }

    .pricing-table .item.active {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .form-inline input.search-field {
        line-height: 50px !important;
        height: 50px;
    }

    .glass-models .col {
        margin: 20px 0 !important;
    }

    [class*="vc_custom"].sm-bg-img-none,
    .sm-bg-img-none {
        background-image: none !important;
    }

    .sm-justify-content-center {
        justify-content: center
    }

    .navbar .navbar-slide-push .navbar-nav li>ul.dropdown-menu.mega-dropdown-menu {
        width: auto;
    }

    .dropdown-menu.mega-dropdown-menu .row .col {
        padding: 10px 0px;
    }

    .woocommerce-products-header__title.page-title {
        display: block;
    }

    .organic-item .organit-package,
    .products-header-left .woocommerce-result-count,
    .products-header-right .product-show,
    .products-header-right .products-view {
        display: none;
    }

    .section-head-side-title {
        display: ruby !important;
        margin-right: 10px;
    }

    .nav-pills#pills-tab {
        max-width: 400px;
    }

    .nav-pills#pills-tab4 {
        overflow: scroll;
        display: block ruby;
        max-width: 270px;
    }

    .product-list .product-wrapper .product-image {
        width: 34.3%;
    }

    .product-list .product-wrapper .product-info {
        width: 65.7%;
    }

    .slide-title {
        font-size: 25px;
        line-height: 40px;
    }

    .slider-banner {
        width: 260px;
    }

    .copyright {
        text-align: center;
    }

    .nav-rightpush-overlay .navbar-expand-lg .navbar-slide-push,
    .nav-leftpush-overlay .navbar-expand-lg .navbar-slide-push {
        height: 100vh;
    }

    .short-info .product-wrapper .product-info .product-title-wrap a {
        font-size: 14px;
    }

    .time-count.time-box li {
        padding: 10px 15px;
    }

    .owl-nav button.owl-prev,
    .owl-nav button.owl-next {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    #page_wrapper {
        overflow: hidden;
    }

    #scroll {
        right: 15px;
    }

    .border-footer .col+.col {
        border-left: none;
        padding-left: 15px;
    }

    .limited-stock {
        padding: 100px 0;
    }

    .single_variation_wrap {
        display: inherit;
    }

    .single_variation_wrap .quantity {
        margin-bottom: 15px !important
    }

    div.summary .product-price-summary {
        display: none
    }

    .woocommerce-Reviews {
        display: inherit;
    }

    .single_variation_wrap .woocommerce-variation-add-to-cart {
        margin-left: 0
    }

    [class*="right-line-one"]::after {
        display: none;
    }

    .product-list .product-wrapper .product-image {
        width: 30%;
    }

    .product-list .product-wrapper .product-info {
        width: 70%;
    }

    .nav-pills#pills-tab {
        max-width: 250px;
    }

    .nav-pills#pills-tab5,
    .nav-pills#pills-tab6,
    .nav-pills#pills-tab7,
    .nav-pills#pills-tab9 {
        display: block ruby;
        overflow: scroll;
        max-width: 200px;
    }

    .nav-pills#pills-tab7 {
        max-width: 170px;
    }

    [class*="nav-arrow-middle"] .owl-nav button.owl-prev {
        left: 0;
    }

    [class*="nav-arrow-middle"] .owl-nav button.owl-next {
        right: 0;
    }

    .hover-nav-show .owl-nav {
        display: flex;
    }

    .woocommerce-checkout-review-order-table>tfoot>tr>td:last-child,
    .woocommerce-checkout-review-order-table tfoot th:last-child,
    .woocommerce-checkout-review-order-table>tbody>tr>td:last-child {
        min-width: auto;
    }

    .summary-inner .quantity {
        width: 100%;
        margin-bottom: 15px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .MyAccount-navigation-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .woocommerce-account.logged-in .entry-content > .woocommerce, 
    .woocommerce-account.logged-in .wpb_wrapper > .woocommerce {
        flex-direction: column;
    }

    .woocommerce-MyAccount-content {
        margin-top: 30px;
    }

    .owl-nav-sm-none .owl-nav,
    .owl-dot-sm-none .owl-dots {
        display: none;
    }

    .carousel-style-1 .owl-stage-outer .owl-item .item,
    .owl-mx-4.carousel-shadow-2,
    .owl-mx-4 {
        margin: 0;
    }
}

@media screen and (max-width: 420px) {

    [class*="product-search-"] .select-appearance-none {
        display: none;
    }

    .product-list .product-wrapper .product-image,
    .product-list .product-wrapper .product-info {
        width: 100%;
        height: auto;
    }

    .product-list .product-wrapper .product-image .product-variations {
        top: calc(100% - 25px);
    }

    .product-list .product-wrapper .product-image .wishlist-view {
        top: 20px;
        right: 20px;
    }

    .section-head-side-title h4 {
        font-size: 18px;
    }

    .header-cart .cart .cart-icon .header-cart-count,
    .ecommerce-header .wishlist-view a.top-quantity span,
    .ecommerce-header .refresh-view a.top-quantity span {
        top: -5px;
        left: -10px;
        padding: 0 5px;
        line-height: 22px;
        font-size: 10px;
    }

    .nav-pills#pills-tab {
        max-width: 195px;
    }

    .nav-pills#pills-tab2 {
        overflow: scroll;
        display: block ruby;
        max-width: 180px;
    }

    .nav-pills#pills-tab4 {
        max-width: 190px;
    }

    .nav-top-right .owl-nav {
        display: none;
    }

    .cart-popup {
        width: 300px;
    }
}

/*=============================================
 Touch Screen Style
==============================================*/
@media (pointer: coarse){
    .product-style-1 .product-wrapper .product-info .hover-area > * {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }
    
    .hover-area .quickview-button {
        display: none !important;
    }
}