/*!
Theme Name: Grocery Supermarket Chain
Theme URI: https://www.themepixels.net/products/free-grocery-wordpress-theme/
Author: Themes Pixel
Author URI: https://www.themepixels.net/
Description: The Grocery Supermarket Chain theme is a dynamic and feature-rich solution tailored for supermarkets, grocery stores, hypermarkets, wholesale retailers, convenience stores, organic food shops, farmers’ markets, and retail chains. Designed to showcase fresh produce, bakery goods, frozen foods, packaged groceries, household supplies, and specialty supermarket items, this theme is the ultimate tool for creating a professional and engaging online store. Ideal for both large supermarket chains and independent shops, it helps promote weekly deals, seasonal discounts, bulk grocery sales, rewards programs, and eco-friendly products with a visually appealing and mobile-friendly design. Featuring WooCommerce plugin integration for seamless eCommerce functionality and compatibility with plugins like YITH WooCommerce Wishlist, WooCommerce Product Add-Ons, and WP Super Cache, it supports online ordering, grocery delivery, curbside pickup, and multi-vendor marketplace options. It also includes customizable sections for promotions, featured products, and category-based navigation to enhance customer experience. With built-in support for loyalty programs, cashierless checkout systems, and supermarket apps, this theme positions your business as a leader in grocery retail innovation. Optimized for SEO, performance, and easy customization, it’s perfect for discount grocery stores, sustainable supermarkets, international food chains, and local retailers aiming to establish a strong digital presence and deliver a convenient shopping experience. Additional relevant keywords include grocery eCommerce theme, supermarket website template, organic food store layout, online grocery delivery site, retail marketplace design, multi-vendor grocery shop, bulk food retailer, supermarket loyalty program, fresh produce website, and food and beverage store template.
Version: 2.8
Requires PHP: 5.6
Tested up to: 6.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grocery-supermarket-chain
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, grid-layout, full-width-template, flexible-header, wide-blocks, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, food-and-drink, e-commerce, portfolio

Grocery Supermarket Chain WordPress Theme, Copyright 2025 Grocery Supermarket Chain Themes
Grocery Supermarket Chain is distributed under the terms of the GNU General Public License v3

Grocery Supermarket Chain is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

/*--------------------------------------------------------------
# Normalize
----------------------------------------------------------------*/

:root {
  --global-color: #31b67e;
  --global-font-family: "Source Sans 3", serif;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

figure {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
----------------------------------------------------------------*/

body {
  overflow-x: hidden;
  font-size: 15px;
  color: #000000;
  background-color: #ffffff;
  font-family: var(--global-font-family);
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}
@media screen and (max-width: 575px) {
  body {
    font-size: 14px;
  }
}

p {
  line-height: 1.8;
  margin: 0 0 20px;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote, pre {
  background-color: #fafafa;
  border-width: 0 0 0 3px;
  border-color: #d9d9d9;
  border-style: solid;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #1a1a1a;
  margin: 0 0 15px 0;
  padding: 25px 22px;
  font-size: 18px;
}
blockquote p, pre p {
  margin-bottom: 0;
}

blockquote {
  background-color: #EFEFEF;
  border: none;
  color: #000000;
  padding: 30px;
  margin: 30px 0 0 30px;
  position: relative;
  padding: 30px 30px 30px 50px;
}
blockquote:before {
  background-color: #ffffff;
  color: var(--global-color);
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 60px;
  font-style: normal;
  position: absolute;
  left: -30px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  height: 60px;
  width: 60px;
  text-align: center;
  z-index: 1;
}
blockquote p {
  font-size: 18px;
  line-height: 1.4;
}
blockquote cite {
  color: #8d8d8d;
  display: block;
  font-style: normal;
  font-size: 13px;
}

abbr, acronym {
  border-bottom: 1px dotted #000000;
  cursor: help;
}

mark, ins {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
}

big {
  font-size: 125%;
}

b, strong {
  font-weight: 700;
}

caption {
  color: inherit;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}

/*--------------------------------------------------------------
# Heading
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
  line-height: 1.4;
  color: #000000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 32px;
  font-weight: 600;
}

h2 {
  font-size: 24px;
  font-weight: 500;
}

h3 {
  font-size: 21px;
  font-weight: 500;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 14px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 14px;
  }
}
/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul,
ol {
  margin: 0 0 1.5em 0.875em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
a {
  color: var(--global-color);
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

a:focus,.site-header .site-branding .site-title a:focus {
  outline: dotted var(--global-color);
}
.nav_menu li a:focus {
  outline: dotted var(--global-color);
}

.nav_menu li ul li a:focus {
  outline: dotted #fff;
}

a:hover,
a:active {
  text-decoration: none;
  outline: 0;
}

.entry-content p a,
.comment-content p a,
.entry-content li a,
.comment-content li a,
.widget p a,
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
footer#colophon a,
.entry-content h6 a,
.entry-content table a {
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Others
--------------------------------------------------------------*/
.container {
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/*--------------------------------------------------------------
# common section title
--------------------------------------------------------------*/
.section-title-wrap {
  margin-bottom: 40px;
}
.section-title-wrap .section-title ~ p {
  margin-top: 20px;
}
.section-title-wrap p {
  font-size: 16px;
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .section-title-wrap {
    margin-bottom: 30px;
  }
  .section-title-wrap p {
    font-size: 14px;
  }
}

.section-title {
  display: inline-block;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative;
}
.section-title:before {
  background-color: var(--global-color);
  content: "";
  height: 2px;
  width: 60px;
  position: absolute;
  top: 100%;
  left: 0;
}
.section-title-wrap.text-right .section-title:before {
  left: auto;
  right: 0;
}
.section-title-wrap.text-center .section-title:before {
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .section-title {
    font-size: 24px;
  }
  .header-icon{
    margin-left: 60px !important;
  }
}
@media screen and (max-width: 400px) {
  .header-icon {
      margin-left: 50px !important;
  }
}
@media screen and (max-width: 350px) {
  .header-icon {
      margin-left: 30px !important;
  }
}

/*--------------------------------------------------------------
# Tables
----------------------------------------------------------------*/
table {
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  border-spacing: 0;
  width: 100%;
}
table tr {
  border-bottom: 1px solid #ebebeb;
}
table th {
  font-weight: 700;
}
table th, table td {
  border-bottom: 1px solid #ebebeb;
  padding: 8px;
  font-size: 14px;
  text-align: center;
}
table caption {
  text-align: left;
}

/*--------------------------------------------------------------
# Buttons
----------------------------------------------------------------*/
.button-outline, .button-primary {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  padding: 12px 30px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 575px) {
  .button-outline, .button-primary {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
  }
}

button:focus {
  outline: thin dotted var(--global-color);
}

button:hover,
button:active {
  outline: 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  padding: 12px 30px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.button-primary {
  background-color: var(--global-color);
  color: #ffffff;
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.button-outline {
  border: 1px solid #666666;
  color: #1a1a1a;
  display: inline-block;
  padding: 11px 30px;
  -webkit-transition: background-color 0.3s, border-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.3s, border-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.3s, border-color 0.4s, color 0.4s;
  -o-transition: background-color 0.3s, border-color 0.4s, color 0.4s;
  transition: background-color 0.3s, border-color 0.4s, color 0.4s;
}
@media screen and (max-width: 575px) {
  .button-outline {
    padding: 7px 15px;
  }
}

.button-text {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 575px) {
  .button-text {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Forms
----------------------------------------------------------------*/
form {
  position: relative;
  font-size: 15px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  background-color: transparent !important;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
select {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  height: 42px;
  resize: none;
  padding: 0 10px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
select:focus {
  border-color: #1a1a1a;
  outline: 0;
}

textarea {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  resize: none;
  min-height: 200px;
  overflow: auto;
  padding: 10px;
  width: 100%;
}
textarea:focus {
  border-color: #1a1a1a;
  outline: 0;
}

legend {
  border: 0;
  padding: 0;
}

select {
  border: 1px solid #d9d9d9;
}
select:focus {
  outline: none;
}

form label {
  font-weight: bold;
}

.search-form,
.wp-block-search .wp-block-search__inside-wrapper {
  position: relative;
}
.search-form input,
.wp-block-search .wp-block-search__inside-wrapper input {
  border-color: #d9d9d9;
  width: 100%;
  padding: 0 40px 0 10px;
}
.search-form .search-submit,
.wp-block-search .wp-block-search__inside-wrapper .search-submit {
  display: none;
}
.search-form label,
.wp-block-search .wp-block-search__inside-wrapper label {
  display: block;
  margin: 0;
}
.search-form .search-button,
.search-form .wp-block-search__button,
.wp-block-search .wp-block-search__inside-wrapper .search-button,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  background-color: #000000;
  color: #ffffff;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.wpcf7 label {
  display: block;
  width: 100%;
  font-weight: 400;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=password],
.wpcf7 input[type=search],
.wpcf7 input[type=number],
.wpcf7 input[type=tel],
.wpcf7 input[type=range],
.wpcf7 input[type=date],
.wpcf7 input[type=month],
.wpcf7 input[type=week],
.wpcf7 input[type=time],
.wpcf7 input[type=datetime],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=color],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  margin-top: 5px;
}
.wpcf7 ~ .addtoany_content {
  display: none;
}

.wrap-detail-page .wpcf7 {
  margin-top: 50px;
}

/*--------------------------------------------------------------
# Header
----------------------------------------------------------------*/

.header-main-area {
  background: #F3F9FE;
}

p.site-title, h1.site-title{
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 700;
}

p.site-description{
  margin-bottom: 0;
}

p.site-title a, h1.site-title a{
  color: #000;
}

.bottom-header button {
  background: var(--global-color) !important;
}

.header-one {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 0 20px 0px #dedede;
}

.header-row-area h6 {
  font-size: 18px;
}

.header-row-area p{
  color: #6F6F6F;
}

.header-icon {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  transform: rotate(45deg);
  margin-left: 20px;
}

.header-icon i {
  font-size: 15px;
  color: var(--global-color);
  transform: rotate(-45deg);
  padding: 10px;
}

.social-inner-box i {
  font-size: 18px;
}

.social-inner-box i.fab.fa-facebook-f{
  color: #00ACEE;
}

.social-inner-box i.fab.fa-twitter{
  color: #3B5998;
}

.social-inner-box i.fab.fa-instagram{
  color: #FF5721;
}

.social-inner-box i.fab.fa-youtube{
  color: #ED3D60;
}

.social-inner-box i.fab.fa-whatsapp{
  color: #25D366;
}

.page-template-default-home .header-one {
  margin-bottom: -30px;
  position: relative;
  z-index: 999;
}

/*--------------------------------------------------------------
# Banner
----------------------------------------------------------------*/

#banner-area {
  position: relative;
  background-color: #000;
}

.main-banner-content-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15%;
  right: 55%;
}

.main-banner-inner-box img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  opacity: 0.5;
}

.main-banner-content-box h6 {
  font-size: 22px;
  letter-spacing: 3px;
  color: #fff;
  font-weight: 600;
}

.main-banner-content-box h3 {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 25px;
  line-height: 1.1;
}

.main-banner-content-box a {
  background: var(--global-color);
  padding: 8px 25px;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Products Section
----------------------------------------------------------------*/

.main-heading{
  text-align: center;
  position: relative;
}

.main-heading h3{
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: var(--global-color);
}

.main-heading hr {
  width: 15%;
  border: 2px solid var(--global-color);
}

.main-heading i {
  position: absolute;
  bottom: -15px;
  color: #fff;
  left: 0;
  right: 0;
  background: var(--global-color);
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border-radius: 30px;
  padding: 10px 0;
  text-align: center;
  font-size: 15px;
}

.tabs-stage .box {
  border: solid 1px #E0E0E0;
  border-radius: 10px;
  padding: 15px;
}

.tabs-stage .box-content h3 {
  font-size: 22px;
}

.tabs-stage .cat-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tabs-stage .category p{
  color: #7D8184;
}

.tabs-stage .price {
  font-size: 18px;
  font-weight: 700;
  color: var(--global-color);
}

.tabs-stage .add-to-cart a {
  background: var(--global-color);
  padding: 10px 22px;
  display: inline-block;
  font-size: 18px;
  line-height: 1.0;
  font-weight: 600;
  margin: 2px 0px;
  color: #fff;
  border-radius: 8px;
}

/*--------------------------------------------------------------
# Woocommerce
----------------------------------------------------------------*/

.woocommerce ul.products li.product a img{
  border-radius: 10px;
}

.wc-block-cart__submit-container{
  background-color: #4A4F55;
}

.wc-block-cart__submit-container a{
  color: #fff;
}

/*--------------------------------------------------------------
# Navigation
----------------------------------------------------------------*/

.nav_menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav_menu li a {
  color: #000;
  padding: 8px 12px;
  display: block;
  font-size: 17px;
}
.nav_menu ul li a:active,
.nav_menu ul li a:hover {
  color: var(--global-color);
}
.nav_menu li.page_item_has_children:after,
.nav_menu li.menu-item-has-children:after{
  content: '\f078';
  position: absolute;
  right: -1px;
  top: 10px;
  font-size: 12px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  color: #fff;
}
.nav_menu ul ul{
  opacity: 0;
  position: absolute;
  background: var(--global-color);
  min-width: 210px;
  z-index: 9999;
  padding: 4px;
}
.nav_menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav_menu ul ul a{
  color: #fff;
  padding: 10px;
  margin-left: 2px;
}
.nav_menu ul ul a:hover{
  background: #fff;
  color: #222222 !important;
}
.nav_menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav_menu ul ul li:last-child{
  border-bottom: 0;
}
.nav_menu ul li:hover > ul{
  opacity: 1;
}
.nav_menu li.menu-item-has-children:hover > ul, .nav_menu li.menu-item-has-children:focus > ul, .nav_menu li.menu-item-has-children.focus > ul{
  opacity: 1;
}
.nav_menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.nav_menu .menu > ul > li.highlight:hover{
  background: transparent;
}
.toggle-menu, a.closebtn{
  display: none;
}
.nav_menu .sub-menu,.nav_menu .children {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.nav_menu .page_item_has_children:not(.off-canvas):hover > .children,
.nav_menu .page_item_has_children:not(.off-canvas):focus > .children,
.nav_menu .page_item_has_children.is-focused:not(.off-canvas) > .children,
.nav_menu .page_item_has_children:not(.off-canvas)[focus-within] > .childrenm,
.nav_menu .page_item_has_children:not(.off-canvas):focus-within > .children  {
  display: block;
  left: 0;
  margin: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
.nav_menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.nav_menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.nav_menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.nav_menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.nav_menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu,ul.children ul.children{ 
  left: -202px !important;
}
nav#top_menu ul {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1100px){
  .header-icon {
    margin-left: -6px;
  }
}
@media screen and (max-width: 800px){
  .header-icon {
    margin-left: -10px;
  }
  .header-icon i {
    font-size: 14px;
    padding: 5px;
  }
  .admin-bar #responsive {
    margin-top: 46px;
  }
  .nav_menu li.page_item_has_children:after,
  .nav_menu li.menu-item-has-children:after{
    display: none;
  }
  .nav_menu .nav ul li a:focus,
  a.closebtn.menu:focus,
  .toggle-menu button:focus{
    outline: -webkit-focus-ring-color auto 1px;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    z-index: 999999;
    right: 0;
    font-size: 20px;
  }
  .toggle-menu i {
    font-size: 22px;
  }
  .toggle-menu button {
    border-radius: 5px;
    color: #fff;
    border: solid 2px;
  }
  .side_nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    right: 0;
    overflow-y: scroll;
    background-color: #000000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    visibility: hidden;
  }
  .side_nav.show {
    visibility: visible;
    top:0%;
  }
  .side_nav .closebtn {
    position: absolute;
    top: 0;
    padding: 0px 18px;
    font-size: 42px;
    display: block;
    color: #ffffff;
  }
  .side_nav #top_menu {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer;
    text-align: right;
  }
  .toggle-menu{
    display: block;
    margin: 0 10px;
  }
  .nav_menu .nav ul li{
    border-top:1px #404040 solid;
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff !important;
    border: none;
    border-bottom: 1px solid #404040;
    background: none !important;
    text-align: left;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav_menu ul li a:active, .nav_menu ul li a:hover{
    color: #ffa700 !important;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav_menu ul ul{
    position: static;
    width: 100% !important;
    background: none;
    border:none;
    opacity: 1 !important;
  }
  .nav_menu .sub-menu{
    width: 100% !important;
    margin: 0;
  }
  .nav_menu li{
    padding: 0;
    display: block;
  }
  .nav_menu .sub-menu > li > a:focus, .nav ul li a:focus{
      outline: -webkit-focus-ring-color auto 1px;
  }
  .main-banner-content-box {
    right: 30%;
  }
  .page-template-default-home .header-main-area{
    position: static;
  }
  .main-heading hr {
    width: 30%;
  }
}
@media screen and (max-width: 550px){
.header-icon i {
  font-size: 16px;
  padding: 10px;
}
}

/*--------------------------------------------------------------
# Pagination
----------------------------------------------------------------*/
.pagination {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.home .pagination {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .pagination {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .toggle-menu {
    margin: 0;
  }
  .main-heading hr {
    width: 60%;
  }
}

.nav-links:before, .nav-links:after {
  content: "";
  display: block;
  clear: both;
}

.page-numbers,
.nav-links {
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}
.page-numbers li,
.nav-links li {
  list-style: none;
  display: inline-block;
}
.page-numbers .page-numbers,
.nav-links .page-numbers {
  color: #4D4D4D;
  display: inline-block;
  font-size: 16px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37.5px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 3px;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.page-numbers .page-numbers.current,
.nav-links .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  .main-banner-content-box{
    right: 30%;
  }
}
@media screen and (max-width: 575px) {
  .page-numbers .page-numbers,
  .nav-links .page-numbers {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin: 0 5px;
  }
  .main-banner-content-box {
    left: 10%;
    right: 10%;
    text-align: center;
  }
  .main-banner-content-box h3 {
    font-size: 35px;
  }
  .banner-area .owl-nav{
    display: none;
  }
}

.page-numbers .page-numbers:hover, .page-numbers .page-numbers:focus, .page-numbers .page-numbers:active,
.nav-links .page-numbers:hover,
.nav-links .page-numbers:focus,
.nav-links .page-numbers:active,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--global-color);
  border-color: var(--global-color);
  color: #ffffff;
  text-decoration: none;
}
.page-numbers .page-numbers:hover.current, .page-numbers .page-numbers:focus.current, .page-numbers .page-numbers:active.current,
.nav-links .page-numbers:hover.current,
.nav-links .page-numbers:focus.current,
.nav-links .page-numbers:active.current {
  background-color: #000000;
  border-color: #000000;
}
.page-numbers .page-numbers.dots,
.nav-links .page-numbers.dots {
  font-size: 22px;
  border: none;
  letter-spacing: 4px;
  margin: 0;
}
.page-numbers .page-numbers.dots:hover, .page-numbers .page-numbers.dots:focus, .page-numbers .page-numbers.dots:active,
.nav-links .page-numbers.dots:hover,
.nav-links .page-numbers.dots:focus,
.nav-links .page-numbers.dots:active {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
.page-numbers .page-numbers.next, .page-numbers .page-numbers.prev,
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev {
  width: 60px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.page-numbers .page-numbers.next span, .page-numbers .page-numbers.prev span,
.nav-links .page-numbers.next span,
.nav-links .page-numbers.prev span {
  font-size: 0;
}
.page-numbers .page-numbers.next span:before, .page-numbers .page-numbers.prev span:before,
.nav-links .page-numbers.next span:before,
.nav-links .page-numbers.prev span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .page-numbers .page-numbers.next, .page-numbers .page-numbers.prev,
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev {
    width: 45px;
  }
  .page-numbers .page-numbers.next span:before, .page-numbers .page-numbers.prev span:before,
.nav-links .page-numbers.next span:before,
.nav-links .page-numbers.prev span:before {
    font-size: 13px;
  }
}
.page-numbers .page-numbers.next span:before,
.nav-links .page-numbers.next span:before {
  content: "\f054";
}
.page-numbers .page-numbers.prev span:before,
.nav-links .page-numbers.prev span:before {
  content: "\f053";
}

.post-navigation {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 40px;
  padding-bottom: 40px;
}

.comment-navigation {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e6e6e6;
}

.comment-navigation .nav-links:before, .comment-navigation .nav-links:after,
.posts-navigation .nav-links:before,
.posts-navigation .nav-links:after,
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
  content: "";
  display: block;
  clear: both;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  width: 50%;
  color: #000000;
}
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:before,
.posts-navigation .nav-previous a:before,
.posts-navigation .nav-next a:before,
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
}
@media screen and (max-width: 767px) {
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    width: 100%;
  }
}
.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  padding-left: 20px;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
  left: 0;
  content: "\f053";
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.comment-navigation .nav-previous a:hover:before,
.posts-navigation .nav-previous a:hover:before,
.post-navigation .nav-previous a:hover:before {
  left: -5px;
}
@media screen and (max-width: 767px) {
  .comment-navigation .nav-previous ~ .nav-next,
.posts-navigation .nav-previous ~ .nav-next,
.post-navigation .nav-previous ~ .nav-next {
    border-top: 1px solid #ececec;
    margin-top: 15px;
    padding-top: 15px;
  }
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: left;
    width: 100%;
  }
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  padding-right: 20px;
}
.comment-navigation .nav-next a:before,
.posts-navigation .nav-next a:before,
.post-navigation .nav-next a:before {
  content: "\f054";
  right: 0;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
.comment-navigation .nav-next a:hover:before,
.posts-navigation .nav-next a:hover:before,
.post-navigation .nav-next a:hover:before {
  right: -5px;
}

/*--------------------------------------------------------------
# WordPress Default Alignments 
----------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border: none;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

figcaption {
  background-color: #383838;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
}

/* wp default css */
.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}

/* alignment css. */
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
}

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
}

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
# Clearing
----------------------------------------------------------------*/
.clearfix:before, .clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
# Social Icons
----------------------------------------------------------------*/
.social-profile ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}
.social-profile ul li {
  display: inline-block;
  list-style: none;
  line-height: 1;
  margin: 0 10px;
}
.social-profile ul li:first-child {
  margin-left: 0;
}
.social-profile ul li:last-child {
  margin-right: 0;
}
.social-profile ul li a {
  color: #000000;
  display: block;
  font-size: 18px;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 575px) {
  .social-profile ul li {
    margin: 0 10px;
  }
  .social-profile ul li a {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Post
----------------------------------------------------------------*/
.post,
.attachment {
  margin-bottom: 40px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
}
body:not(.single) .post:hover .featured-image a img, body:not(.single) .post:focus .featured-image a img, body:not(.single) .post:active .featured-image a img,
body:not(.single) .attachment:hover .featured-image a img,
body:not(.single) .attachment:focus .featured-image a img,
body:not(.single) .attachment:active .featured-image a img,.gallery-icon img:hover {
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.75;
  opacity: 0.75;
}
/* .post.no-thumbnail .entry-content,
.attachment.no-thumbnail .entry-content {
  padding-top: 0;
} */

.entry-title a {
  text-decoration: none;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
  text-decoration: none;
}

.post .entry-content .entry-title a,
.post .entry-content .button-container a,
.attachment .entry-content .entry-title a,
.attachment .entry-content .button-container a,
.banner-content .entry-content .entry-title a,
.banner-content .entry-content .button-container a {
  text-decoration: none;
}
.post .entry-content .entry-header .cat-links,
.attachment .entry-content .entry-header .cat-links,
.banner-content .entry-content .entry-header .cat-links {
  margin-bottom: 15px;
  display: block;
  line-height: 1.2;
}
.post .entry-content .entry-header .cat-links a,
.attachment .entry-content .entry-header .cat-links a,
.banner-content .entry-content .entry-header .cat-links a {
  border-bottom: 1px solid var(--global-color);
  font-size: 13px;
  color: var(--global-color);
  text-transform: uppercase;
  -webkit-transition: color 0.4s, border-color 0.4s;
  -moz-transition: color 0.4s, border-color 0.4s;
  -ms-transition: color 0.4s, border-color 0.4s;
  -o-transition: color 0.4s, border-color 0.4s;
  transition: color 0.4s, border-color 0.4s;
  margin-right: 4px;
  text-decoration: none;
}
.entry-meta,
.attachment .entry-meta,
.banner-content .entry-meta {
  font-size: 15px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 15px;
}
.entry-meta > span,
.attachment .entry-meta > span,
.banner-content .entry-meta > span {
  display: inline-block;
  padding: 0 8px;
}
@media screen and (max-width: 991px) {
  .entry-meta,
  .attachment .entry-meta,
  .banner-content .entry-meta {
    font-size: 12px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
  }
  .entry-meta > span,
  .attachment .entry-meta > span,
  .banner-content .entry-meta > span {
    padding: 0 5px;
  }
}
.entry-meta a,
.attachment .entry-meta a,
.banner-content .entry-meta a {
  color: #7a7a7a;
  display: block;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  text-decoration: none;
}
.entry-meta a:before,
.attachment .entry-meta a:before,
.banner-content .entry-meta a:before {
  color: var(--global-color);
  font-family: "Font Awesome 5 Free";
  margin-right: 8px;
  font-size: 12px;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.entry-meta .posted-on a:before,
.attachment .entry-meta .posted-on a:before,
.banner-content .entry-meta .posted-on a:before {
  content: "\f073";
}
.entry-meta .byline a:before,
.attachment .entry-meta .byline a:before,
.banner-content .entry-meta .byline a:before {
  content: "\f007";
}
.entry-meta .comments-link a:before,
.attachment .entry-meta .comments-link a:before,
.banner-content .entry-meta .comments-link a:before {
  content: "\f086";
}
.entry-meta .cat-links,
.entry-meta .tag-links,
.attachment .entry-meta .cat-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .cat-links,
.banner-content .entry-meta .tag-links {
  position: relative;
}
.entry-meta .cat-links:before,
.entry-meta .tag-links:before,
.attachment .entry-meta .cat-links:before,
.attachment .entry-meta .tag-links:before,
.banner-content .entry-meta .cat-links:before,
.banner-content .entry-meta .tag-links:before {
  color: var(--global-color);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  font-size: 12px;
}
.entry-meta .cat-links a,
.entry-meta .tag-links a,
.attachment .entry-meta .cat-links a,
.attachment .entry-meta .tag-links a,
.banner-content .entry-meta .cat-links a,
.banner-content .entry-meta .tag-links a {
  display: inline-block;
  margin-right: 1px;
}
.entry-meta .cat-links a:last-child,
.entry-meta .tag-links a:last-child,
.attachment .entry-meta .cat-links a:last-child,
.attachment .entry-meta .tag-links a:last-child,
.banner-content .entry-meta .cat-links a:last-child,
.banner-content .entry-meta .tag-links a:last-child {
  margin-right: 0;
}
.entry-meta .tag-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .tag-links {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}
.entry-meta .tag-links:before,
.attachment .entry-meta .tag-links:before,
.banner-content .entry-meta .tag-links:before {
  content: "\f02c";
}
@media screen and (max-width: 991px) {
  .entry-meta .tag-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .tag-links {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.post .button-container,
.attachment .button-container,
.banner-content .button-container {
  margin-top: 15px;
}

.post .entry-content,
.attachment .entry-content {
  padding: 25px 0 0;
}
.post .entry-content .button-container a,
.attachment .entry-content .button-container a {
  padding: 6px 20px;
}

.slide-inner .banner-content .entry-meta a:before {
  color: #f5f5f5;
}

/*--home and blog post css--*/
.blog .post .entry-text,
.archive .post .entry-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog .post .entry-text p,
.archive .post .entry-text p {
  width: 100%;
}

/*--post hover css--*/
@media screen and (max-width: 991px) {
  .post .featured-image img,
.page .featured-image img {
    width: 100%;
  }
}
.post .featured-image > a,
.page .featured-image > a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: table;
  position: relative;
}
.post .featured-image > a img,
.page .featured-image > a img {
  backface-visibility: hidden;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.post .featured-image > a:hover img, .post .featured-image > a:focus img, .post .featured-image > a:active img,
.page .featured-image > a:hover img,
.page .featured-image > a:focus img,
.page .featured-image > a:active img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2;
}

.home .post .entry-text p {
  margin-bottom: 0;
}

/*--list style post css--*/
.site-content .list-post {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 576px) {
  .site-content .list-post {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .site-content .list-post .featured-image {
    width: 380px;
  }
  .site-content .list-post .entry-content {
    width: -moz-calc(100% - 380px);
    width: -webkit-calc(100% - 380px);
    width: calc(100% - 380px);
    padding-left: 30px;
    padding-top: 0;
  }
}
@media screen and (max-width: 575px) {
  .site-content .list-post {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.site-content .list-post.no-thumbnail .entry-content {
  width: 100%;
  padding-left: 0;
}

.site-content .list-post .entry-text p,
.site-content .single-post .entry-text p {
  margin-bottom: 0;
}
.site-content .list-post .entry-text .button-container,
.site-content .single-post .entry-text .button-container {
  margin-top: 20px;
}

.site-content .single-post {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .site-content .single-post {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}

.site-content #primary [class*=col-]:last-child .list-post,
.site-content #primary [class*=col-]:last-child .single-post {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*--------------------------------------------------------------
# Header
----------------------------------------------------------------*/

.sticky-header{
  transition: all 0.3s ease;
}
.sticky-active {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
body.admin-bar .sticky-active {
  top: 32px;
}

@media screen and (max-width: 780px) {
  body.admin-bar .sticky-active {
    top: 40px;
  }
}

@media screen and (max-width: 550px) {
  .sticky-active {
    position: relative;
    top: 0;
    background: unset;
    box-shadow: unset;
    transition: unset;
  }
  body.admin-bar .sticky-active {
    top: 0;
  }
}

/*---site header logo style---*/
header.site-header .site-branding > a {
  display: block;
}
header.site-header .site-branding a ~ .site-title {
  margin-top: 10px;
}

.site-header .header-left {
  text-align: left;
}
.site-header .header-right {
  text-align: right;
}
.site-header .overlay {
  background-color: transparent;
}
.site-header .header-image-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.site-header .header-image-wrap .header-image-slider {
  overflow: hidden;
}
.site-header .site-branding {
  position: relative;
  z-index: 1;  
}
.page-template-default-home .site-header .site-branding{
  position: absolute;
  width: 100%;
  background: #fff;
  height: 100px;
  top: 0;
  border-radius: 50%;
}
.site-header .site-branding .site-title {
  color: var(--global-color);
  font-size: 22px;
  line-height: 1;
  margin-bottom: 0;
  font-weight: 600;
  padding: 20px 0;
}
.site-header .site-branding .site-title a {
  color: inherit;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.site-header .site-branding .site-description {
  color: #767676;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.1;
}
@media screen and (max-width: 575px) {
  .site-header .site-branding .site-description {
    font-size: 12px;
  }
}
.site-header .header-btn {
  margin-left: 20px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.site-header .header-btn a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
}
.site-header .header-btn a:first-child {
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .site-header .header-btn a {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .site-header .header-btn a:last-child {
    margin-bottom: 0;
  }
}


@media screen and (max-width: 991px) {
  header.site-header .site-branding > a, header.site-header.sticky-header .site-branding > a {
    max-width: 210px;
  }
}
@media screen and (max-width: 575px) {
  header.site-header .site-branding > a, header.site-header.sticky-header .site-branding > a {
    max-width: 120px;
  }
}

.header-icons {
  text-align: right;
}
.header-icons .social-profile {
  display: inline-block;
}
.header-icons .social-profile ul li {
  margin: 0 8px;
}
.header-icons .social-profile ul li a {
  font-size: 14px;
}
.header-icons .social-profile ul li:last-child {
  margin-right: 0;
}

.site-header .header-image-slider {
  position: absolute;
  width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
}
.site-header .header-image-slider * {
  min-height: 1px;
  height: 100%;
}

/*---site header contact css---*/
.header-contact ul {
  padding: 0;
  margin: 0;
}
.header-contact ul li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  margin-right: 10px;
}
.header-contact ul li i {
  margin-right: 5px;
}

.bottom-header {
  position: relative;
  z-index: 2;
}

/*--------------------------------------------------------------
# Site Main
----------------------------------------------------------------*/
.site-content {
  padding-bottom: 70px;
  padding-top: 70px;
}
.wp-block-latest-comments article,.wp-block-latest-comments__comment-meta {
  margin-bottom: 0 !important; 
}
@media screen and (max-width: 767px) {
  .site-content {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 991px) {
  .site-content .sidebar {
    padding-top: 50px;
  }
  .site-content .sidebar.left-sidebar {
    padding-top: 0;
    padding-bottom: 50px;
    padding: 0;
  }
}

.section-highlight-post {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .section-highlight-post {
    padding-top: 50px;
  }
}

@media screen and (max-width: 991px) {
  .left-sidebar {
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .section-post-area .pagination {
    margin-top: 70px;
  }
}

.wrap-ralated-posts .post {
  margin-bottom: 0;
}
.wrap-ralated-posts .post .featured-image {
  margin-right: 0;
}
.wrap-ralated-posts .post.has-no-thumbnail {
  padding: 25px;
}
.wrap-ralated-posts .post.has-no-thumbnail .post-inner {
  margin-bottom: 15px;
}
.wrap-ralated-posts .post.has-no-thumbnail .post-content-wrap {
  padding: 0;
}

.section-ralated-post {
  padding: 50px 0 20px;
}
@media screen and (max-width: 575px) {
  .section-ralated-post {
    padding: 40px 0 0;
    margin-top: 40px;
  }
  .topbar-inner-box {
    display: block;
    text-align: center;
  }
  .social-inner-box{
    text-align: center;
    margin: 20px 0;
  }
}

.wrap-ralated-posts .post {
  margin-bottom: 30px;
}
.wrap-ralated-posts .post .featured-image {
  margin-right: 0;
}
.wrap-ralated-posts .post .entry-content {
  background-color: #FAFAFA;
  border: none;
  margin: 0;
  padding: 20px;
  text-align: center;
}
.wrap-ralated-posts .post .entry-content .entry-title {
  font-size: 18px;
  margin-bottom: 0;
}
.wrap-ralated-posts .not-found {
  font-size: 18px;
  color: dimgray;
}

/*--------------------------------------------------------------
# Footer
----------------------------------------------------------------*/
.site-info p {
  margin: 0;
}
.site-footer .site-info a{
  text-decoration: underline;
}
.top-footer {
  background-color: #d9d9d9;
  color: #656565;
  padding: 20px 0 0;
}
.bottom-footer a {
  color: #383838;
}
.site-footer h1 a, .site-footer h2 a, .site-footer h3 a, .site-footer h4 a, .site-footer h5 a, .site-footer h6 a {
  color: inherit;
}
.site-footer .social-profile {
  margin-bottom: 20px;
}
.site-footer .social-profile ul {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .site-footer .social-profile ul {
    margin-bottom: 5px;
  }
}
.site-footer .social-profile ul li {
  margin: 0 8px;
  vertical-align: middle;
}
.site-footer .social-profile ul li a {
  background-color: rgba(0, 0, 0, 0.04);
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.site-footer .social-profile ul li a i {
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.site-footer .social-profile ul li a:hover, .site-footer .social-profile ul li a:focus, .site-footer .social-profile ul li a:active {
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  .site-footer .social-profile {
    margin-bottom: 15px;
  }
}
.site-footer .site-info {
  display: inline-block;
  font-size: 16px;
  color: #fff;
}
.site-footer .site-info a {
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .site-footer .site-info {
    font-size: 13px;
  }
}
.site-footer .footer-menu {
  display: inline-block;
}
.site-footer .footer-menu ul {
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 0;
  font-size: 0;
}
.site-footer .footer-menu ul li {
  border-left: 1px solid #e6e6e6;
  display: inline-block;
  list-style: none;
  line-height: 1.1;
  padding: 0 10px;
}
.site-footer .footer-menu ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu ul li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}
.site-footer.site-footer-primary .bottom-footer-image-wrap {
  margin-top: 20px;
}

.footer-widget-wrap {
  padding-bottom: 50px;
}

.bottom-footer {
  background: var(--global-color);
  padding: 30px 0;
  text-align: center;
  position: relative;
}
.bottom-footer .container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 575px) {
  .bottom-footer {
    padding: 30px 0;
  }
}


/*--------------------------------------------------------------
# Footer
----------------------------------------------------------------*/
#back-to-top {
  bottom: 20px;
  display: block;
  position: fixed;
  right: 20px;
  z-index: 99991;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
#back-to-top a {
  background-color: #ffffff;
  color: #000000;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  display: block;
  font-size: 18px;
  -webkit-transition: color 0.5s, background 0.5s, border 0.5s;
  -moz-transition: color 0.5s, background 0.5s, border 0.5s;
  -ms-transition: color 0.5s, background 0.5s, border 0.5s;
  -o-transition: color 0.5s, background 0.5s, border 0.5s;
  transition: color 0.5s, background 0.5s, border 0.5s;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
#back-to-top a:hover, #back-to-top a:focus, #back-to-top a:active {
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  #back-to-top {
    bottom: 10px;
    right: 10px;
  }
  #back-to-top a {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
}

/*--------------------------------------------------------------
# pages
----------------------------------------------------------------*/
.inner-banner-wrap .inner-banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
  z-index: 1;
}
.inner-banner-wrap .inner-banner-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.inner-banner-wrap {
  margin-bottom: 80px;
}
@media screen and (max-width: 575px) {
  .inner-banner-wrap {
    margin-bottom: 50px;
  }
}
.transparent-header .inner-banner-wrap {
  margin-bottom: 0;
}

.error-404 {
  padding-bottom: 80px;
}
.error-404 .inner-content {
  text-align: center;
  position: relative;
}
.error-404 .inner-content .title-404 {
  font-size: 200px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 1.1;
  display: inline-block;
}
.error-404 .inner-content .page-title {
  font-size: 44px;
}
@media screen and (max-width: 575px) {
  .error-404 .inner-content .page-title {
    font-size: 28px;
  }
  .error-404 .inner-content .title-404 {
    font-size: 112px;
  }
}
@media screen and (max-width: 575px) {
  .error-404 {
    padding-bottom: 50px;
  }
}

.single-feature-image {
  margin-bottom: 30px;
}

.single .entry-container .cat-links {
  position: relative;
}
.single .entry-container .cat-links:before {
  color: var(--global-color);
  content: "\f07c";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: normal;
}
.single #primary .entry-meta {
  line-height: 2;
}

.entry-container .entry-content {
  padding-top: 0;
}

.author-info .section-title-wrap {
  margin-bottom: 40px;
}
.author-info .section-title {
  font-size: 22px;
}
@media screen and (max-width: 575px) {
  .author-info .section-title {
    font-size: 18px;
  }
}
.author-info .author-content-wrap {
  background-color: #f9f9f9;
  padding: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.author-info .author {
  width: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin-right: 20px;
}
.author-info .author img {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.author-info .author a {
  display: block;
}
.author-info .author a:hover img, .author-info .author a:hover img, .author-info .author a:hover img {
  opacity: 0.8;
}
@media screen and (max-width: 575px) {
  .author-info .author {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
}
.author-info .author-content {
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
@media screen and (max-width: 575px) {
  .author-info .author-content {
    width: 100%;
    text-align: center;
  }
}
.author-info .author-name {
  font-size: 18px;
  margin-bottom: 0px;
}
.author-info .text {
  margin-top: 10px;
}
.author-info .text p {
  line-height: 1.4;
}
.author-info .text p:last-child {
  margin-bottom: 0;
}
.author-info ~ .post-navigation {
  border-top: none;
}

.error-404-form {
  max-width: 600px;
  margin: 50px auto 0;
  position: relative;
}

.no-results {
  text-align: center;
  margin-top: 40px;
}
.no-results:before, .no-results:after {
  content: "";
  display: block;
  clear: both;
}
.no-results .content {
  margin-top: 30px;
  text-align: center;
}
.no-results .content p {
  margin-bottom: 40px;
}

.search-results .hentry,.blog .content-area .hentry,.archive .content-area .hentry,
.search-results .product {
  border: 1px solid #e6e6e6;
  padding: 20px;
  margin-bottom: 30px;
}

.sticky {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
}
.sticky.no-thumbnail,.sticky.has-post-thumbnail {
  border-left: solid 10px var(--global-color) !important;
}

.search-results .hentry.has-post-thumbnail .entry-content,
.search-results .product.has-post-thumbnail .entry-content {
  padding: 25px 0 0;
}


.single .entry-content > [class*=wp-block-] {
  margin-bottom: 20px;
}
.single .entry-content select {
  width: 100%;
  height: 42px;
  padding: 0 10px;
}

@media screen and (min-width: 992px) {
  .site-layout-box,
.site-layout-frame {
    position: relative;
  }
  .site-layout-box:before,
.site-layout-frame:before {
    background-color: transparent;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
}
.site-layout-box .site,
.site-layout-frame .site {
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.site-layout-box .container,
.site-layout-frame .container {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .site-layout-box .container,
.site-layout-frame .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

body.site-layout-box .header-ten .hgroup-wrap,
body.site-layout-frame .header-ten .hgroup-wrap {
  width: 100%;
  margin-left: auto;
  max-width: 100%;
}

@media screen and (min-width: 992px) {
  .site-layout-frame {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.site-layout-full .container {
  max-width: 1450px;
}

.site-layout-extend .container {
  max-width: 1230px;
  width: 100%;
}

/*--------------------------------------------------------------
# Comments
----------------------------------------------------------------*/
.comments-area {
  margin-top: 60px;
}
.comments-area .comments-title {
  font-size: 22px;
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .comments-area .comments-title {
    font-size: 18px;
  }
}
.comments-area #reply-title {
  font-size: 22px;
  margin-bottom: 10px;
  text-align: left;
}
.comments-area #reply-title:before {
  content: "\f086";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
}
.comments-area #reply-title small {
  float: right;
  margin-top: 8px;
}
@media screen and (max-width: 575px) {
  .comments-area #reply-title {
    font-size: 18px;
  }
}
.comments-area .comment-notes {
  color: #000000;
  font-size: 13px;
}
.comments-area .comment-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.comments-area .comment-list li {
  list-style: none;
}
.comments-area .comment-list .comment-body {
  border: 1px solid #e6e6e6;
  padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 15px;
  position: relative;
  margin-left: 31px;
  padding-left: 45px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .comments-area .comment-list .comment-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 575px) {
  .comments-area .comment-list .comment-body {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.comments-area .comment-list .comment-content {
  font-size: 14px;
  margin-top: 10px;
}
.comments-area .comment-list .comment-content ul {
  padding-left: 10px;
  list-style: initial;
}
.comments-area .comment-list .comment-content ul li:before {
  display: none;
}
.comments-area .comment-list .comment-content ol {
  padding-left: 10px;
}
.comments-area .comment-list .comment-content ol:before {
  display: none;
}
.comments-area .comment-list .comment-content ol li {
  list-style: decimal;
}
.comments-area .comment-list .comment-content a {
  word-wrap: break-word;
  color: inherit;
}
.comments-area .comment-list .bypostauthor {
  display: block;
}
.comments-area .comment-list .comment-meta:before, .comments-area .comment-list .comment-meta:after {
  content: "";
  display: block;
  clear: both;
}
.comments-area .comment-list .comment-author {
  display: inline-block;
}
@media screen and (max-width: 575px) {
  .comments-area .comment-list .comment-author {
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  .comments-area .comment-list .comment-author:before, .comments-area .comment-list .comment-author:after {
    content: "";
    display: block;
    clear: both;
  }
}
.comments-area .comment-list .comment-author .avatar {
  background: #e6e6e6;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 8px solid #ffffff;
  float: left;
  height: 65px;
  left: -31px;
  margin-right: 15px;
  position: absolute;
  width: 65px;
  top: 12px;
}
@media screen and (max-width: 575px) {
  .comments-area .comment-list .comment-author .avatar {
    position: static;
  }
}
.comments-area .comment-list .comment-author .fn {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.comments-area .comment-list .comment-author .fn a {
  color: inherit;
}
.comments-area .comment-list .comment-author .says {
  display: none;
}
.comments-area .comment-list .comment-metadata {
  display: inline-block;
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #d9d9d9;
  line-height: 1;
}
@media screen and (max-width: 575px) {
  .comments-area .comment-list .comment-metadata {
    border-left: none;
    border-top: 1px solid #d9d9d9;
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    padding-left: 0px;
    padding-top: 10px;
  }
}
.comments-area .comment-list .comment-metadata a {
  display: inline-block;
  font-size: 13px;
  color: gray;
}
@media screen and (max-width: 767px) {
  .comments-area .comment-list .comment-metadata a span {
    margin-top: 0;
    margin-bottom: 5px;
    display: block;
  }
}
.comments-area .comment-list .comment-metadata a span:before {
  content: "\7d";
  font-size: 13px;
  margin-right: 5px;
  vertical-align: top;
}
.comments-area .comment-list .comment-metadata a:hover, .comments-area .comment-list .comment-metadata a:focus, .comments-area .comment-list .comment-metadata a:active {
  color: var(--global-color);
}
.comments-area .comment-list .children {
  margin: 0;
}
.comments-area .comment-list .children li {
  position: relative;
}
.comments-area .comment-list .children li:before {
  height: 20px;
  width: 20px;
  content: "";
  display: inline-block;
  background-color: #ffffff;
  border-width: 1px 0 0 1px;
  border-style: solid;
  transform: rotate(45deg);
  border-color: #e6e6e6;
  position: absolute;
  top: -9px;
  left: 60px;
  z-index: 1;
}
.comments-area .comment-list .reply {
  text-align: right;
}
.comments-area .comment-list .reply:before:before, .comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:before, .comments-area .comment-list .reply:after:after {
  content: "";
  display: block;
  clear: both;
}
.comments-area .comment-list .reply a {
  background-color: #787878;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.comments-area .comment-list .reply a:before {
  content: "\f3e5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}
.comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply a:active {
  background: var(--global-color);
}
.comments-area .no-comments {
  text-align: center;
  margin-bottom: 30px;
  display: block;
  font-size: 18px;
  font-style: italic;
}

.comment-respond {
  margin-top: 60px;
  margin-bottom: 5px;
}
.comment-respond .logged-in-as {
  margin-bottom: 20px;
}
.comment-respond .logged-in-as a {
  color: #7b7b7b;
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 3px;
}
.comment-respond .logged-in-as a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:active {
  color: #1a1a1a;
}
.comment-respond .comment-form {
  margin-left: -15px;
  margin-right: -15px;
}
.comment-respond .comment-form:before, .comment-respond .comment-form:after {
  content: "";
  display: block;
  clear: both;
}
.comment-respond .comment-form input {
  width: 100%;
}
.comment-respond .comment-form input[type=submit], .comment-respond .comment-form input[type=radio], .comment-respond .comment-form input[type=checkbox] {
  width: auto;
}
.comment-respond .comment-form .comment-form-cookies-consent label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.comment-respond .comment-form .submit {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 12px 25px;
  letter-spacing: 1px;
}
.comment-respond .comment-form .comment-form-cookies-consent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.comment-respond .comment-form .comment-form-cookies-consent input {
  float: left;
}
.comment-respond .comment-form .comment-form-cookies-consent label {
  float: left;
  vertical-align: middle;
  margin-top: 0;
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin-left: 15px;
}
.comment-respond .comment-form .comment-subscription-form {
  clear: both;
}
.comment-respond .comment-form p {
  float: left;
  width: 33.33%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.comment-respond .comment-form p label {
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  .comment-respond .comment-form p {
    width: 100%;
  }
}
.comment-respond .comment-form .comment-form-comment {
  width: 100%;
}
.comment-respond .comment-form .comment-notes {
  margin-bottom: 50px;
  width: 100%;
  color: #000000;
  line-height: 1.6;
}
.comment-respond .comment-form .comment-notes span {
  font-weight: 600;
  color: #000000;
}
.comment-respond label {
  display: block;
  color: #1a1a1a;
  margin-bottom: 10px;
  font-weight: 500;
}

.required {
  color: #000;
}

.woocommerce-Reviews .comment-form-rating {
  padding: 0 15px;
  clear: both;
}
.woocommerce-Reviews .comment-form-rating .stars {
  padding: 0;
}

/*--------------------------------------------------------------
# Widgets
----------------------------------------------------------------*/
.widget {
  font-size: 15px;
  margin-bottom: 30px;
}
.widget h2 {
  font-size: 18px;
  margin-bottom: 30px;
}
.widget ul, .widget ol {
  margin: 0;
  padding: 0;
}
.widget ul li, .widget ol li {
  border-bottom: 1px solid #e6e6e6;
  list-style: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget ul li:last-child, .widget ol li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget ul li a, .widget ol li a {
  color: #333;
  font-weight: 400;
  display: inline-block;
  line-height: 1.4;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.widget ul li a:hover, .widget ul li a:focus, .widget ul li a:active, .widget ol li a:hover, .widget ol li a:focus, .widget ol li a:active {
  color: var(--global-color);
}
.widget select {
  width: 100%;
  padding: 10px;
}
.widget.widget_text .textwidget p:last-child {
  margin-bottom: 0;
}
.widget.widget_recent_entries .post-date {
  color: #949494;
  display: block;
  font-size: 13px;
  margin-top: 5px;
}
.widget.widget_categories li {
  text-align: right;
}
.widget.widget_categories li:before, .widget.widget_categories li:after {
  content: "";
  display: block;
  clear: both;
}
.widget.widget_categories li a {
  float: left;
}
.widget .tagcloud {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  margin: 0 -2px;
}
.widget .tagcloud a {
  border: 1px solid #999999;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  color: #404040;
  display: inline-block;
  font-size: 13px !important;
  margin: 3px 2px;
  padding: 5px 15px;
  -webkit-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
  -moz-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
  -ms-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
  -o-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
  transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
  vertical-align: middle;
  text-align: center;
}
.widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget .tagcloud a:active {
  background: var(--global-color);
  border: 1px solid var(--global-color);
  color: #ffffff;
}
.widget.widget_rss .widget-title .rsswidget img {
  margin-right: 5px;
  vertical-align: middle;
}
.widget.widget_rss .rsswidget {
  line-height: 1.3;
  font-size: 15px;
}
.widget.widget_rss .rss-date,
.widget.widget_rss .rssSummary {
  font-size: 13px;
}
.widget.widget_rss .rss-date {
  color: #bfbfbf;
}
.widget.widget_rss .rssSummary {
  color: #a6a6a6;
  line-height: 1.5;
}
.widget.widget_rss cite {
  color: #404040;
  font-style: normal;
}
.widget.widget_calendar table {
  color: #6b6b6b;
}
.widget.widget_calendar table thead th {
  border-right: 1px solid #e6e6e6;
}
.widget.widget_calendar table thead th:last-child {
  border-right: none;
}
.widget .wp-block-gallery ul li {
  border-bottom: none;
  padding-bottom: 0;
}

.sidebar .widget {
  margin-bottom: 50px;
  overflow-wrap: anywhere;
  border: 1px solid #e6e6e6;
  padding: 10px;
}
@media screen and (max-width: 575px) {
  .sidebar .widget {
    margin-bottom: 30px;
  }
}
.sidebar .widget:last-child {
  margin-bottom: 0;
}
.sidebar .widget h2 {
  font-size: 16px;
  display: table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}
.sidebar .widget h2:before, .sidebar .widget h2:after {
  background-color: #d6d6d6;
  content: "";
  position: absolute;
  top: 50%;
  width: 25px;
  height: 1px;
}
.sidebar .widget h2:before {
  left: 0;
}
.sidebar .widget h2:after {
  right: 0;
}
@media screen and (max-width: 575px) {
  .sidebar .widget h2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.sidebar .widget:last-child {
  margin-bottom: 0;
}

.author-widget .widget-content {
  text-align: center;
}
.author-widget .profile .avatar {
  margin-bottom: 30px;
}
.author-widget .profile .avatar a {
  display: block;
  position: relative;
  overflow: hidden;
}
.author-widget .profile .avatar a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: none;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.author-widget .profile .avatar a:hover:before, .author-widget .profile .avatar a:focus:before, .author-widget .profile .avatar a:active:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  display: block;
}
.author-widget .name-title {
  margin-bottom: 20px;
}
.author-widget .name-title h3 {
  font-size: 18px;
  margin-bottom: 0;
}
.author-widget .name-title span {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
.author-widget .text-content p:last-child {
  margin-bottom: 0;
}
.author-widget .socialgroup {
  margin-top: 25px;
}
.author-widget .socialgroup ul {
  margin: 0;
}
.author-widget .socialgroup ul li {
  list-style: none;
  border-bottom: none;
  display: inline-block;
  margin: 0 10px;
  padding: 0;
}
.author-widget .socialgroup ul li a {
  display: block;
  text-align: center;
  padding: 0;
}
.author-widget .socialgroup ul li a:hover, .author-widget .socialgroup ul li a:focus, .author-widget .socialgroup ul li a:active {
  color: var(--global-color);
}
.author-widget.author-thumbnail .profile .avatar {
  width: 150px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #fff;
}
.author-widget.author-thumbnail .profile .avatar img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.author-widget .widget-content.text-center .profile .avatar {
  margin-left: auto;
  margin-right: auto;
}
.author-widget .widget-content.text-right .profile .avatar {
  margin-left: auto;
}

.latest-posts-widget .post {
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.latest-posts-widget .post:before, .latest-posts-widget .post:after {
  content: "";
  display: block;
  clear: both;
}
.latest-posts-widget .post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.latest-posts-widget .entry-meta {
  margin-bottom: 0;
}
.latest-posts-widget .entry-meta a:before {
  color: inherit;
}
.latest-posts-widget .entry-meta {
  margin-bottom: 0;
}
.latest-posts-widget .entry-meta a:before {
  color: inherit;
}
.latest-posts-widget .featured-image {
  border-radius: 3px;
}
.latest-posts-widget .entry-title {
  font-size: 15px;
  margin-bottom: 8px;
}
.latest-posts-widget.left-thumb-widget .post-content {
  width: 100%;
}
.latest-posts-widget.left-thumb-widget .featured-image {
  width: 80px;
  margin-right: 20px;
}
.latest-posts-widget.left-thumb-widget .featured-image ~ .post-content {
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.latest-posts-widget.right-thumb-widget .post {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.latest-posts-widget.right-thumb-widget .post-content {
  width: 100%;
}
.latest-posts-widget.right-thumb-widget .featured-image {
  width: 80px;
  margin-left: 20px;
}
.latest-posts-widget.right-thumb-widget .featured-image ~ .post-content {
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.latest-posts-widget.full-thumb-widget .featured-image {
  margin-bottom: 20px;
  margin-right: 0;
}

.site-footer .widget .widget-title,.site-footer .widget .widgettitle {
  position: relative;
}
.site-footer .widget .widget-title:before,.site-footer .widget .widgettitle:before {
  background-color: #000000;
  content: "";
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  margin-right: 10px;
  margin-top: -3px;
}
@media screen and (min-width: 992px) {
  .site-footer .footer-widget-wrap .widget:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .site-footer [class*=col-]:last-child .widget {
    margin-bottom: 0;
  }
}

.header-sidebar .widget {
  background-color: #FFFFFF;
  padding: 15px;
}
.header-sidebar .widget .widget-title {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Compatiable
----------------------------------------------------------------*/
.infinite-scroll .pagination {
  display: none;
}
.infinite-scroll #infinite-handle {
  margin-top: 70px;
  text-align: center;
}
.infinite-scroll #infinite-handle span {
  background-color: #1a1a1a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  padding: 13px 36px 14px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.infinite-scroll #infinite-handle span:after {
  content: "\21";
  display: inline-block;
  margin-left: 7px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.infinite-scroll #infinite-handle span button {
  text-transform: uppercase;
}
.infinite-scroll span.infinite-loader .spinner {
  left: 0;
  right: 0;
  margin: auto;
}

.mc4wp-form .mc4wp-alert {
  color: #5BC0DE;
  font-size: 13px;
}
.mc4wp-form .mc4wp-error {
  color: #D9534F;
}
.mc4wp-form .mc4wp-success {
  color: #5CB85C;
}
.mc4wp-form label {
  font-size: 13px;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
}
.mc4wp-form input[type=email] {
  border: 1px solid #ddd;
  margin-bottom: 0;
  width: 100%;
}
.mc4wp-form input[type=email]::-webkit-input-placeholder {
  color: gray;
  font-size: 13px;
}

.mc4wp-form input[type=email]:-moz-placeholder {
  color: gray;
  font-size: 13px;
}

.mc4wp-form input[type=email]::-moz-placeholder {
  color: gray;
  font-size: 13px;
}

.mc4wp-form input[type=email]:-ms-input-placeholder {
  color: gray;
  font-size: 13px;
}

.mc4wp-form input[type=submit] {
  padding: 10px 30px;
  width: 100%;
}

/* ========== WordPress Gallery Block CSS ========== */

/* Main container */
.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  box-sizing: border-box;
}

/* Spacing and layout for each item */
.gallery-item {
  padding: 5px;
  box-sizing: border-box;
  position: relative;
}

/* Dynamic column widths */
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.66%; }
.gallery-columns-7 .gallery-item { width: 14.28%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

/* Image styling */
.gallery-icon img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
  object-fit: cover;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* Caption below each image */
.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  padding: 8px 10px;
  margin-top: 4px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
}

/* Optional shine effect on hover */
.gallery .gallery-item a {
  position: relative;
  display: block;
  overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .gallery .gallery-item {
    width: 100% !important;
  }
}

/* instagram css */
.section-instagram-wrapper {
  padding-bottom: 60px;
}
@media screen and (max-width: 575px) {
  .section-instagram-wrapper {
    padding-bottom: 40px;
  }
}

#sb_instagram {
  position: relative;
}
#sb_instagram .sbi_photo_wrap a {
  opacity: 1 !important;
  position: relative;
}
#sb_instagram .sbi_photo_wrap a:before {
  background-color: transparent;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  -webkit-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -moz-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -ms-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -o-transition: background-color 0.3s, height 0.3s, width 0.3s;
  transition: background-color 0.3s, height 0.3s, width 0.3s;
  top: 0;
  width: 50px;
}
#sb_instagram .sbi_photo_wrap a:hover:before, #sb_instagram .sbi_photo_wrap a:focus:before, #sb_instagram .sbi_photo_wrap a:active:before {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  z-index: 9;
}
#sb_instagram #sbi_load {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 99;
}
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram #sbi_load .sbi_follow_btn a {
  background-color: #ffffff;
  border: 2px solid #565656;
  color: #313131;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 30px;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_load_btn:focus, #sb_instagram #sbi_load .sbi_load_btn:active,
#sb_instagram #sbi_load .sbi_follow_btn a:hover,
#sb_instagram #sbi_load .sbi_follow_btn a:focus,
#sb_instagram #sbi_load .sbi_follow_btn a:active {
  background-color: #313131;
  border-color: #313131;
  box-shadow: none;
  color: #ffffff;
}
#sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 10px;
}
@media screen and (max-width: 575px) {
  #sb_instagram #sbi_load {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  #sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram #sbi_load .sbi_follow_btn a {
    display: block;
    padding: 5px 10px;
  }
  #sb_instagram #sbi_load .sbi_follow_btn {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}

/* any to share social icon css */
.blog .post .addtoany_content {
  margin: 15px 0 0 0;
  order: 1;
}

body.search-results .addtoany_content,
.author-widget .addtoany_content,
.page .addtoany_content {
  display: none;
}

.addtoany_content .addtoany_header {
  font-size: 14px;
  margin-bottom: 0;
}
.addtoany_content .addtoany_header,
.addtoany_content .addtoany_list {
  display: inline-block;
}
.addtoany_content .addtoany_list {
  margin: 0 -4px;
}

body .a2a_mini {
  z-index: 99;
}

body .a2a_menu {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04);
}
body .a2a_menu a.a2a_i,
body .a2a_menu i.a2a_i,
body .a2a_menu a {
  font-size: 13px;
  color: #212121;
}
body .a2a_menu .a2a_menu_show_more_less span {
  color: #212121;
}

.woocommerce ul.products li.product .product-inner {
  position: relative;
  text-align: center;
}
.woocommerce ul.products li.product .woo-product-image,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  position: relative;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  z-index: 1;
}
.woocommerce ul.products li.product .onsale {
  margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  padding-top: 0;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce ul.products li.product .woocommerce-loop-product__title:focus, .woocommerce ul.products li.product .woocommerce-loop-product__title:active {
  color: var(--global-color);
}
.woocommerce ul.products li.product .star-rating {
  margin-bottom: 2px;
  display: inline-block;
  width: initial;
}
.woocommerce ul.products li.product .star-rating:before {
  color: #313131;
  position: static;
}
.woocommerce ul.products li.product .star-rating:before,
.woocommerce ul.products li.product .star-rating span::before {
  color: #FEBF00;
  font-size: 12px;
  letter-spacing: 3px;
}
.woocommerce ul.products li.product .price {
  color: #414141;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.woocommerce ul.products li.product .price span {
  display: inline;
}
.woocommerce ul.products li.product .price:hover {
  color: var(--global-color);
}
.woocommerce ul.products li.product .button-cart_button_three > a {
  background: transparent;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.woocommerce ul.products li.product .button-cart_button_three > a:hover {
  color: var(--global-color);
  border-bottom-color: var(--global-color);
}
.woocommerce ul.products li.product .button-cart_button_four {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.woocommerce ul.products li.product .button-cart_button_four > a {
  background-color: #ffffff;
  color: #000000;
  width: 42px;
  height: 42px;
  display: block;
  text-align: center;
  padding: 0;
  line-height: 42px;
  font-size: 15px;
}
.woocommerce ul.products li.product .button-cart_button_four > a:hover, .woocommerce ul.products li.product .button-cart_button_four > a:focus {
  background: var(--global-color);
  color: #ffffff;
}
.woocommerce ul.products.columns-3 {
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
.woocommerce ul.products.columns-3 li.product {
  width: 33.33%;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .woocommerce ul.products.columns-3 li.product {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .woocommerce ul.products.columns-3 li.product {
    width: 100%;
  }
}

.woocommerce ul.products {
  padding-top: 60px;
}

.woocommerce div.product p.price {
  color: #414141;
  line-height: 1;
  font-size: 20px;
}
.woocommerce div.product p.price .amount {
  font-size: 20px;
}
.woocommerce span.onsale {
  background-color: var(--global-color);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  min-width: auto;
  min-height: auto;
  font-weight: 400;
  line-height: initial;
  padding: 5px 10px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
  background-color: #ffffff;
  color: #414141;
  border: 1px solid #d9d9d9;
  padding: 7px 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
a.added_to_cart.wc-forward {
  background-color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  padding: 7px 15px;
  color: #ffffff !important;
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transition: background-color 0.5s, color 0.5s;
  -ms-transition: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
a.added_to_cart.wc-forward:hover {
  background: var(--global-color);
  color: #ffffff;
}
.woocommerce a.added_to_cart {
  margin-top: 10px;
  color: #383838;
}
.woocommerce a.added_to_cart:hover, .woocommerce a.added_to_cart:focus, .woocommerce a.added_to_cart:active {
  color: var(--global-color);
}
.woocommerce .product-inner .add_to_cart_button,
.woocommerce .product-inner .added_to_cart {
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  text-transform: uppercase;
}
.woocommerce .checkout [class*=col-] {
  padding: 0;
  -ms-flex: inherit;
  flex: inherit;
  max-width: inherit;
}
.woocommerce .checkout h3 {
  font-weight: 600;
}
.woocommerce .checkout h3#order_review_heading {
  margin-top: 20px;
}
.woocommerce form.cart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.woocommerce form.cart .button {
  padding: 12px 30px;
}
@media screen and (max-width: 575px) {
  .woocommerce form.cart .button {
    padding: 12px 20px;
  }
}
.woocommerce form .form-row label {
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-top: 15px;
}
.woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100%;
}
.woocommerce .entry-summary .quantity input[type=number] {
  height: 100%;
  margin-right: 15px;
  width: 70px;
}
.woocommerce .entry-summary .quantity input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
@media screen and (max-width: 575px) {
  .woocommerce .entry-summary .quantity input[type=number] {
    width: 55px;
    margin-right: 8px;
  }
}
.woocommerce .woocommerce-cart-form table.cart td.actions .input-text#coupon_code {
  width: 160px;
  height: 42px;
}
.woocommerce .woocommerce-cart-form table.cart td.product-name a {
  color: #101010;
}
.woocommerce .woocommerce-cart-form table.cart td.product-remove a {
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.woocommerce .woocommerce-product-gallery__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: none;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:hover:before, .woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:focus:before, .woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:active:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  display: block;
}
.woocommerce .product_meta {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
  clear: both;
}
.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .tagged_as {
  color: #6b6b6b;
  display: block;
  margin-top: 10px;
  position: relative;
  font-weight: 600;
}
.woocommerce .product_meta .posted_in a,
.woocommerce .product_meta .tagged_as a {
  font-weight: normal;
  color: #6b6b6b;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.woocommerce .product_meta .posted_in a:hover, .woocommerce .product_meta .posted_in a:focus, .woocommerce .product_meta .posted_in a:active,
.woocommerce .product_meta .tagged_as a:hover,
.woocommerce .product_meta .tagged_as a:focus,
.woocommerce .product_meta .tagged_as a:active {
  color: var(--global-color);
}
@media screen and (max-width: 575px) {
  .woocommerce .product_meta .posted_in a,
.woocommerce .product_meta .tagged_as a {
    font-size: 12px;
  }
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  color: #f1f1f1;
}
.woocommerce .entry-summary .product_title {
  font-weight: 600;
}
.woocommerce .entry-summary p.price {
  margin-bottom: 35px;
}
.woocommerce .entry-summary .yith-wcwl-add-button i {
  font-family: FontAwesome;
}
.woocommerce .entry-summary .woocommerce-product-details__short-description {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  margin-top: 20px;
}
.woocommerce .entry-summary .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0;
}
.woocommerce .woocommerce-tabs h2 {
  margin-bottom: 20px;
  font-size: 21px;
}
.woocommerce .woocommerce-tabs .woocommerce-Reviews p {
  margin-bottom: 30px;
}
.woocommerce .woocommerce-tabs #reviews #comments h2 {
  margin-bottom: 0;
}
.woocommerce .woocommerce-tabs #reviews #comments ol {
  padding: 0;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar {
  width: 45px;
  border-radius: 100%;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 65px;
  border-radius: 0;
}
.woocommerce .woocommerce-tabs #reviews #comments .comment-text .woocommerce-review__awaiting-approval {
  color: #000000;
}
.woocommerce .woocommerce-tabs #reviews #comments .comment-text .star-rating {
  font-size: 13px;
}
.woocommerce .woocommerce-tabs #reviews #comments .comment-text .woocommerce-review__author {
  font-size: 15px;
  color: #000000;
}

.woocommerce ul.products li.product [class*=col-] .woocommerce-loop-product__title {
  padding-bottom: 0;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
  width: 100%;
  height: 100%;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  line-height: inherit;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers:hover {
  background-color: transparent;
  border: none;
  color: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  border: none;
  float: none;
  margin: 0 5px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:active, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current {
  color: #ffffff;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid #e6e6e6;
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
  color: #000000;
  display: inline-block;
  font-size: 14px;
  padding: 10px 0;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce .woocommerce-MyAccount-navigation ul li a:focus, .woocommerce .woocommerce-MyAccount-navigation ul li a:active {
  color: var(--global-color);
}
.woocommerce .woocommerce-MyAccount-content {
  padding-left: 30px;
}
.woocommerce .woocommerce-MyAccount-content p a {
  color: #a6a6a6;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.woocommerce .woocommerce-MyAccount-content p a:hover, .woocommerce .woocommerce-MyAccount-content p a:focus, .woocommerce .woocommerce-MyAccount-content p a:active {
  color: var(--global-color);
}

.woocommerce .woocommerce-form-login .form-row {
  padding: 0 0 20px;
  display: block;
}
.woocommerce .woocommerce-form-login .form-row label {
  margin-top: 0;
}
.woocommerce .woocommerce-form-login .form-row label.woocommerce-form-login__rememberme {
  margin-bottom: 15px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.woocommerce .woocommerce-form-login p:last-child {
  margin-bottom: 0;
}
.woocommerce .woocommerce-form-login.login label {
  display: block;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  padding: 40px;
}

body[class*=woocommerce] .widget ul.product_list_widget li {
  padding-top: 10px;
  padding-bottom: 10px;
}
body[class*=woocommerce] .widget ul.product_list_widget li img {
  width: 55px;
  margin-left: 0;
}
body[class*=woocommerce] .widget.widget_product_search input {
  width: 100%;
  padding-left: 10px;
  padding-right: 50px;
}
body[class*=woocommerce] .widget.widget_product_search [type=submit] {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  font-size: 0px;
  position: absolute;
  right: 0;
  height: 100%;
  padding: 0 15px;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
body[class*=woocommerce] .widget.widget_product_search [type=submit]:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}
body[class*=woocommerce] .widget.widget_product_search [type=submit]:hover, body[class*=woocommerce] .widget.widget_product_search [type=submit]:focus, body[class*=woocommerce] .widget.widget_product_search [type=submit]:active {
  background: var(--global-color);
  color: #ffffff;
}
body[class*=woocommerce] .widget.widget_recently_viewed_products li, body[class*=woocommerce] .widget.widget_recent_reviews li, body[class*=woocommerce] .widget.widget_products .product_list_widget li {
  font-size: 13px;
}
body[class*=woocommerce] .widget.widget_recently_viewed_products li img, body[class*=woocommerce] .widget.widget_recent_reviews li img, body[class*=woocommerce] .widget.widget_products .product_list_widget li img {
  float: left;
  margin-right: 15px;
}
body[class*=woocommerce] .widget.widget_recent_reviews li .star-rating,
body[class*=woocommerce] .widget.widget_recent_reviews li .reviewer, body[class*=woocommerce] .widget.widget_products li .star-rating,
body[class*=woocommerce] .widget.widget_products li .reviewer {
  display: block;
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 5px;
}

body .woocommerce.widget_price_filter .ui-slider .ui-slider-range {
  background-color: #b3b3b3;
}
body .woocommerce.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--global-color);
}

.entry-content .woocommerce .shop_table img {
  margin-bottom: 0;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.woocommerce ul.products li.product .onsale {
    top: 0px;
    right: 0px;
}

.wc-block-grid__product a {
  text-decoration: none;
}

.woocommerce table.shop_table,
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  border-radius: 0;
}

.woocommerce span.onsale {
  top: 15px;
  left: 15px;
}

.product .product-compare-wishlist .yith-wcwl-add-to-wishlist {
  margin-top: 0;
}

.product-wishlist .yith-wcwl-add-button .fa-heart-o:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  display: inline-block;
}

.woocommerce #review_form #respond p {
  width: 100%;
  margin-bottom: 20px;
}

.wc-block-grid__product-title {
  font-size: 15px;
  font-weight: 400;
  color: #212121;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  font-size: 13px;
  border-radius: 0;
  padding: 6px 10px;
}

h2.wc-block-featured-product__title {
  font-size: 38px;
}

@media screen and (max-width: 991px) {
  h2.wc-block-featured-product__title {
    font-size: 20px;
  }
}
.wc-block-featured-product__description {
  font-size: 15px;
}

.section-banner .banner-content .entry-title {
  font-size: 50px;
  font-weight: 600;
}

.wc-block-grid__product-add-to-cart a {
  display: inline-block;
}

.wc-block-grid__product-add-to-cart a.added_to_cart {
  border: 1px solid #656565;
  font-size: 13px;
  padding: 6px 10px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body .woocommerce .col2-set [class*=col-], body.woocommerce-page .col2-set .col-1[class*=col-] {
  padding: 0;
  -ms-flex: inherit;
  flex: inherit;
  max-width: inherit;
}

body .single.woocommerce #content div.product div.images {
  width: 40%;
}

body .single.woocommerce #content div.product div.summary {
  width: 56%;
}

body .single.woocommerce #content div.product div.summary .yith-wcwl-wishlistexistsbrowse {
  margin-bottom: 20px;
}

body .select2-container--default .select2-selection--single {
  height: 42px;
  border-radius: 0;
  border-color: #d9d9d9;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
}

body .woocommerce form.checkout_coupon,
body .woocommerce form.login,
body .woocommerce form.register {
  border-radius: 0;
}

.woocommerce .edit-account .form-row {
  display: block;
}

.woocommerce .edit-account .woocommerce-form-row label {
  margin-top: 0;
}

.woocommerce .edit-account .woocommerce-Button {
  margin-top: 15px;
}

.woocommerce .edit-account fieldset {
  padding: 0;
}

body .woocommerce form.checkout_coupon .form-row button {
  height: 42px;
}

body .woocommerce form.checkout_coupon .form-row-last,
body .woocommerce-page form.checkout_coupon .form-row-last {
  float: none;
}

body .woocommerce form.checkout_coupon .form-row-last {
  margin-left: 10px;
}

.woocommerce .wishlist_table tr td.product-name {
  text-align: center;
}

.woocommerce .wishlist-items-wrapper a {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.woocommerce .wishlist-items-wrapper a.button {
  color: #FFFFFF;
  float: right;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 992px) {
  .woocommerce .related ul.columns-3 li.product {
    width: 33.33%;
  }
}

body.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  padding: 0;
  margin: 0;
  border-color: #e6e6e6;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) {
  background-color: transparent;
  border: none;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 12px 25px;
  color: #333;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color: #e6e6e6;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  content: "";
  box-shadow: none !important;
  border-radius: 0;
  border: none;
}

body.woocommerce div.product .woocommerce-tabs .panel {
  padding: 40px;
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
  text-decoration: none;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

.wp-block-button a.wp-block-button__link {
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.wp-block-button a.wp-block-button__link:hover,
.wp-block-button a.wp-block-button__link:focus,
.wp-block-button a.wp-block-button__link:active {
  color: #FFFFFF;
  text-decoration: none;
}

.entry-content .wc-block-grid__products li a {
  text-decoration: none;
}
.entry-content .wc-block-grid__products li a:hover, .entry-content .wc-block-grid__products li a:focus, .entry-content .wc-block-grid__products li a:active {
  text-decoration: none;
}

.woocommerce ul.products li.product .added ~ a.added_to_cart {
  display: table;
}

[class*=woocommerce] table.wishlist_table thead th {
  border-top: none;
  text-align: center;
}

body.woocommerce div.product .woocommerce-tabs .panel {
  margin-bottom: 60px;
}

.woocommerce .quantity .qty {
  width: 70px;
}

.woocommerce-lost-password .site-main {
  text-align: center;
}

.woocommerce .woocommerce-ResetPassword {
  border: 1px solid #d9d9d9;
  width: 450px;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.woocommerce .woocommerce-ResetPassword .form-row-first,
.woocommerce .woocommerce-ResetPassword input[type=text] {
  width: 100%;
}
.woocommerce .woocommerce-ResetPassword .form-row-first {
  margin-bottom: 15px;
}

.product-detail-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.product-detail-wrapper:before, .product-detail-wrapper:after {
  content: "";
  clear: both;
  display: block;
}
.product-detail-wrapper .breadcrumb-wrap {
  margin-bottom: 20px;
}
.product-detail-wrapper .breadcrumb-wrap .breadcrumbs {
  background-color: transparent;
  color: #a6a6a6;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
}
.product-detail-wrapper .breadcrumb-wrap .breadcrumbs .current-item {
  color: #383838;
}
.product-detail-wrapper .entry-summary {
  margin-left: 4%;
}

.thumbnails.slider svg {
  vertical-align: initial;
}

.related.products ul.products {
  padding-top: 20px;
}

body[class*=woocommerce] ul.products li .woo-product-image a {
  position: relative;
  z-index: 9;
  display: block;
}
body[class*=woocommerce] ul.products li .product-compare {
  margin-right: 8px;
}
body[class*=woocommerce] ul.products li .product-compare-wishlist {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body[class*=woocommerce] ul.products li .product-compare-wishlist > div {
  display: inline-block;
}
body[class*=woocommerce] ul.products li .product-compare-wishlist a {
  position: absolute;
  display: block;
  z-index: 1;
}
body[class*=woocommerce] ul.products li .product-compare-wishlist a i {
  color: #383838;
  display: block;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin: 5px -5px 0;
}

.woocommerce .woocommerce-product-gallery .flex-control-thumbs li {
  padding: 5px;
}
.woocommerce .woocommerce-product-gallery .flex-control-thumbs li a {
  display: block;
  position: relative;
  overflow: hidden;
}
.woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: none;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:hover:before, .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:focus:before, .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:active:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  display: block;
}

.woocommerce div.product form.cart {
  margin-bottom: 30px;
  float: left;
}

.summary .yith-wcwl-add-to-wishlist {
  float: left;
  margin-top: 0;
}

.summary .yith-wcwl-add-button {
  display: inline-block;
  float: left;
  position: relative;
  text-align: center;
}

.woocommerce .summary .compare {
  font-size: 0;
}
.woocommerce .summary .compare:before {
  content: "\f021";
  font-family: fontawesome;
  font-size: 14px;
}

.summary .yith-wcwl-add-to-wishlist .add_to_wishlist span {
  display: none;
}

.summary .yith-wcwl-add-button a i,
.woocommerce .entry-summary a.compare.button,
.summary .yith-wcwl-add-to-wishlist i {
  border: 1px solid #d9d9d9;
  border-radius: 0;
  color: #383838;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  width: 45px;
  text-align: center;
  margin-left: 20px;
  margin-top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.summary .yith-wcwl-add-button a i i,
.woocommerce .entry-summary a.compare.button i,
.summary .yith-wcwl-add-to-wishlist i i {
  margin-right: 0;
}
.summary .yith-wcwl-add-button a i:hover,
.woocommerce .entry-summary a.compare.button:hover,
.summary .yith-wcwl-add-to-wishlist i:hover {
  color: var(--global-color);
  border-color: var(--global-color);
}
@media screen and (max-width: 575px) {
  .summary .yith-wcwl-add-button a i,
.woocommerce .entry-summary a.compare.button,
.summary .yith-wcwl-add-to-wishlist i {
    margin-left: 8px;
    width: 40px;
  }
}

.woocommerce .entry-summary a.compare.button {
  background-color: transparent;
  padding: 0;
}

.info-tooltip {
  background-color: #1a1a1a;
  color: #ffffff;
  font-size: 11px;
  padding: 4px 10px;
  position: absolute;
  top: -25px;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
}

.product-compare-wishlist a:hover .info-tooltip {
  top: -35px;
  visibility: visible;
}

.wishlist_table td .product-view {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.wishlist_table td .product-view a {
  background: #000000;
  color: #FFFFFF;
  padding: 2px 10px 5px;
}
.wishlist_table td .product-view a:hover {
  background: var(--global-color);
}
.wishlist_table td .product-view i {
  font-size: 10px;
  margin-right: 4px;
}
.wishlist_table td .product-view .info-tooltip {
  background-color: transparent;
  position: static;
  opacity: 1;
  visibility: visible;
  padding: 0;
}
.wishlist_table td.product-add-to-cart a {
  background-color: #000000;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 15px;
}
.wishlist_table td.product-add-to-cart a:hover {
  background: var(--global-color);
}

.yith-wcwl-share .share-button .fa {
  font-family: FontAwesome;
  font-weight: 400;
  font-size: 13px;
}

.product-wishlist {
  margin-right: 8px;
}

.product-wishlist .yith-wcwl-add-button > a i,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a i {
  margin-right: 0;
}
.product-wishlist .feedback,
.yith-wcwl-add-to-wishlist .feedback {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30%;
  display: inline-block;
  padding: 2px 10px;
  margin-left: 7.5%;
  margin-right: 7.5%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  font-size: 13px;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
}
.product-wishlist .feedback i,
.yith-wcwl-add-to-wishlist .feedback i {
  display: none;
}

.woocommerce .product .product-inner a.yith-wcqv-button {
  border: none;
}

body[class*=woocommerce] ul.products li:hover .feedback {
  opacity: 1;
}

.summary .yith-wcwl-add-to-wishlist {
  position: relative;
}
.summary .yith-wcwl-add-to-wishlist .feedback {
  display: none;
}

.post-edit-link,
.edit {
  text-decoration: underline;
}
.post-edit-link:hover,
.edit:hover {
  text-decoration: underline;
}

.woocommerce-MyAccount-content fieldset legend {
  margin-top: 30px;
}

.stars {
  display: inline-block;
  line-height: 1;
}
.stars a {
  color: #000000;
}
.stars a:hover, .stars a:focus, .stars a:active {
  color: #000000;
}

.woocommerce a:hover .star-rating span,
.woocommerce a:focus .star-rating span,
.woocommerce a:active .star-rating span {
  color: intial;
}

body[class*=woocommerce] .product-compare .compare.added {
  font-size: 13px;
  text-decoration: underline;
}

body.search-results[class*=woocommerce] ul.products li, body.search-results[class*=woocommerce] ul.products.columns-3 li {
  border: none;
}

body[class*=woocommerce] ul.products.columns-1 li.product-list {
  width: 100%;
}
body[class*=woocommerce] ul.products li.product-list .product-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
body[class*=woocommerce] ul.products li.product-list .woo-product-image img {
  margin-bottom: 0;
}
@media screen and (min-width: 480px) {
  body[class*=woocommerce] ul.products li.product-list .woo-product-image {
    width: 40%;
  }
}
@media screen and (min-width: 480px) {
  body[class*=woocommerce] ul.products li.product-list .product-inner-contents {
    width: 60%;
    padding-left: 25px;
  }
}

.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0 !important;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row .wc-stripe-elements-field,
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row .wc-stripe-iban-element-field {
  padding: 10px;
  margin: 0;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=text],
#grocery-supermarket-chain-contact .wpcf7 input[type=email],
#grocery-supermarket-chain-contact .wpcf7 textarea {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=submit] {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  text-transform: uppercase;
  background-color: #FF7B2F;
  font-weight: 600;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:hover,
#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:active,
#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:focus {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  text-transform: uppercase;
  background-color: #2C75BA;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=text],
#grocery-supermarket-chain-contact .wpcf7 input[type=email],
#grocery-supermarket-chain-contact .wpcf7 textarea {
  border: none;
  background-color: #fff;
  height: 55px;
  padding-left: 20px;
  margin-bottom: 20px;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=submit] {
  background-color: #233D62;
  padding: 20px 35px;
  font-weight: 600;
  font-size: 15px;
}

#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:hover,
#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:active,
#grocery-supermarket-chain-contact .wpcf7 input[type=submit]:focus {
  background-color: #000000;
}

.grocery-supermarket-chain-contact-form .wpcf7-submit {
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #18407C;
  padding: 15px 30px 16px 30px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
}

.grocery-supermarket-chain-contact-form .wpcf7-email,
.grocery-supermarket-chain-contact-form .wpcf7 input[type=text],
.grocery-supermarket-chain-contact-form .wpcf7-textarea {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  height: 45px;
}

#grocery-supermarket-chain-app-contact .wpcf7 input[type=text],
#grocery-supermarket-chain-app-contact .wpcf7 input[type=email],
#grocery-supermarket-chain-app-contact .wpcf7 textarea {
  border: solid 1px #ff922261;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -moz-border-radius: 25px;
}

#grocery-supermarket-chain-app-contact .wpcf7 input[type=submit] {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -moz-border-radius: 25px;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #FF9222;
  padding: 16px 30px;
}

#grocery-supermarket-chain-app-contact .wpcf7 input[type=submit]:hover,
#grocery-supermarket-chain-app-contact .wpcf7 input[type=submit]:active,
#grocery-supermarket-chain-app-contact .wpcf7 input[type=submit]:focus {
  background-color: #E98015;
}

/* Breadcrumb */
.grocery-supermarket-chain-breadcrumb{
  padding:30px 0;
  flex-direction: row;
  gap: 10px;
}
.grocery-supermarket-chain-breadcrumb a,.grocery-supermarket-chain-breadcrumb span{
  background: var(--global-color); 
  color:#fff;
  padding: 7px 15px;
  border-radius: 4px;
  display: inline-block;
  align-content: center;
  margin-bottom: 10px;
}
.grocery-supermarket-chain-breadcrumb span{
  margin-left: 5px;
}
.grocery-supermarket-chain-breadcrumb a:hover, .post-categories li a:hover{
  background: #000;
  color:#fff;
}