@charset "UTF-8";
/*
Theme Name: Medical Care Unit
Theme URI: https://www.omegathemes.com/products/free-medical-wordpress-theme
Author: Omega Themes
Author URI: https://www.omegathemes.com/
Description: Medical Care Unit is a professional and versatile WordPress theme specifically designed for medical and healthcare institutions. The theme comes with a clean and modern design and helps in creating a visually appealing and trustworthy online presence for clinics, medical centers, healthcare facilities, outpatient clinics, specialty clinics, urgent care, primary care, medical practitioners, healthcare providers, patient care, healthcare services, medical offices, health clinics, medical specialists, healthcare professionals, family medicine, internal medicine, surgical centers, pediatric clinics, dental clinics, mental health clinics, physical therapy clinics, wellness centers, telemedicine, healthcare management, medical diagnostics, patient treatment, medical consultation, health services, healthcare clinics, health institutions, hospitals, doctors, and other medical professionals.The Medical Care Unit WordPress theme offers a range of features and functionalities that cater to the unique needs of the medical industry. Its intuitive layout allows for easy navigation, ensuring visitors can find the information they need quickly. The theme provides various sections and templates to showcase medical services, doctors’ profiles, appointment booking forms, and patient testimonials, creating a comprehensive and informative website for your medical practice.Moreover, the Medical Care Unit WordPress theme integrates seamlessly with popular plugins and tools, providing additional functionality and flexibility. Whether you need to implement an online booking system, create a blog to share medical insights, or integrate social media platforms for better patient engagement, this theme has you covered. Customization options are also available, allowing you to tailor the theme’s colors, fonts, and layouts to match your brand identity, ensuring your practice's digital presence aligns with its professional values.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medical-care-unit
Tags: blog, e-commerce, education, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, full-width-template, wide-blocks, block-styles, editor-style, custom-background, custom-logo, custom-menu, custom-colors, custom-header, featured-images, flexible-header, footer-widgets, featured-image-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Social Icon
# Gutenberg
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    border: none;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: var(--font-main);
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: var(--font-main);
    font-size: 1em;
}
small {
    font-size: 85%;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: var(--font-main);
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
    font-family: var(--font-main);
}
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; /* 3 */
    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
--------------------------------------------------------------*/
html {
    font-size: 62.5%; /* 1rem = 10px */
}
body,
button,
input,
select,
optgroup,
textarea {
    color: #000;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: var(--font-main);
}
/*.entry-content {
    font-family: "EB Garamond", serif;
}*/
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-family: var(--font-head);
    clear: both;
}
h1,
h2 {
    margin: 0 0 2rem;
}
h3,
h4,
h5,
h6 {
    margin: 0 0 1.5rem;
}
.entry-title {
    font-weight: 500;
}
.entry-title a {
    background-image: linear-gradient(180deg, transparent 94%, #000 0);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}
.entry-title a:hover {
    text-decoration: none;
    background-size: 100% 100%;
}
.entry-title-large {
    font-size: 5.4rem;
}
.entry-title-big {
    font-size: 4.2rem;
}
.entry-title-medium {
    font-size: 2.2rem;
}
.entry-title-small {
    font-size: 1.6rem;
}
.entry-content p {
    word-wrap: break-word;
}
@media (max-width: 991px) {
    .entry-title-big {
        font-size: 2.7rem;
    }
}
p {
    margin-bottom: 1.5em;
    font-family: var(--font-main);
    margin-top: 0;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-size: 15px;
    font-family: var(--font-main);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: var(--font-main);
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
::-moz-selection {
    background: #070707;
    color: #fff;
}
::selection {
    background: #070707;
    color: #fff;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background: #ffffff;
}
.body-scroll-locked {
    overflow: hidden;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 1rem;
}
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;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
figure {
    margin: 1em 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
.entry-thumbnail img {
    object-fit: cover;
}
.data-bg {
    background-color: #ededed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    width: 100%;
}
.data-bg-fixed {
    background-attachment: fixed;
}
.data-bg-large {
    height: 700px;
}
.data-bg-big {
    height: 575px;
}
.data-bg-medium {
    height: 400px;
}
.data-bg-small {
    height: 290px;
}
.data-bg-xsmall {
    height: 180px;
}
.data-bg-thumbnail {
    height: 140px;
}
@media (max-width: 991px) {
    .data-bg-large,.data-bg-big,.data-bg-medium,.data-bg-small,.data-bg-xsmall,.data-bg-thumbnail {
        height: 250px;
    }
}

/*----------------------------------------------------*/

figure.wp-block-gallery.columns-3 {
    padding-right: 10%;
}
/* Gallery */

.wp-block-gallery {
    margin-bottom: 28px;
    margin-left: 0;
}

.wp-block-gallery figcaption {
    font-style: italic;
}

.wp-block-gallery.aligncenter {
    display: flex;
    margin: 0 -8px;
}

figure.wp-block-gallery.columns-3{
    padding-right: 15%;
}

figure.wp-block-gallery.columns-2{
    padding-right: 1%;
}

ul.blocks-gallery-grid {
    width: 70%;
}

h2.entry-title.entry-title-medium, h1.entry-title.entry-title-large span {
    word-wrap: break-word;
}

.wp-block-button__link{
    border-radius: 30px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
fieldset {
    border: 0.2rem solid #e1e1e3;
    margin-bottom: 3rem;
    margin-top: 3rem;
    padding: 2rem;
}
fieldset > *:first-child {
    margin-top: 0;
}
fieldset > *:last-child {
    margin-bottom: 0;
}
form {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
form > *:first-child {
    margin-top: 0;
}
form > *:last-child {
    margin-bottom: 0;
}
legend {
    font-size: 0.85em;
    font-weight: 700;
    padding: 0 1rem;
}
label {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}
label.inline,
input[type="checkbox"] + label {
    display: inline;
    font-weight: 400;
    margin-left: 0.5rem;
}
input,
textarea,
button,
.select {
    font-family: var(--font-main);
    line-height: 1;
}
input,
textarea,
.select {
    border-color: #000;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 0.2rem;
    box-shadow: none;
    color: inherit;
    display: block;
    margin: 0;
    max-width: 100%;
    outline: none;
    padding: 1.5rem 1.8rem;
    width: 100%;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="color"]:hover,
input[type="color"]:focus,
textarea:hover,
textarea:focus {
    border-color: var(--global-color);
}
textarea {
    height: 12rem;
    line-height: 1.5;
    width: 100%;
}
select {
    font-family: var(--font-main);
    font-size: inherit;
}
input::-webkit-input-placeholder {
    line-height: normal;
}
input:-ms-input-placeholder {
    line-height: normal;
}
input::-moz-placeholder {
    line-height: normal;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
    opacity: 0;
    visibility: hidden;
}
button,
.button,
.wp-block-search__button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product .button,a.added_to_cart.wc-forward,
.woocommerce-Address-title.title a {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0.2rem solid;
    background: var(--global-color);
    border-color: var(--global-color);
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 1.5rem 2rem;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    color: #fff;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
    border-radius: 0;
}
button:hover,
.button:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
.wp-block-search__button:focus,
.wp-block-button__link:focus,
.wp-block-file__button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    text-decoration: none;
    border-color: var(--global-color);
}
button:focus,
.button:focus,
.wp-block-search__button:focus,
.wp-block-button__link:focus,
.wp-block-file__button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 2px solid;
}
button:hover,
.button:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
.button:active,
.wp-block-search__button:active,
.wp-block-button__link:active,
.wp-block-file__button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: none;
}
.post-password-form {
    padding: 40px;
    background: #f8f9fa;
}
.post-password-form label {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.post-password-form input[type="password"] {
    min-height: 40px;
}
.post-password-form input[type="submit"] {
    padding: 0 2rem;
    min-height: 40px;
    height: 100%;
    border-radius: 0;
}
.post-password-form > p:first-child {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
.post-password-form > p:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0;
}
.btn-fancy {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0;
    outline: 0;
    transition: color 0.4s ease-out, background-color 0.2s ease-out,
    border-color 0.2s ease-out;
    padding: 9px 27px;
}
.wc-block-components-checkout-return-to-cart-button {
    background: var(--global-color);
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 10px;
    border: none !important;
    padding: 15px;
}
.btn-fancy-primary {
    background-color: var(--global-color);
    color: #fff;
    border-radius: 30px;
}
.btn-fancy-secondary {
    background-color: #fff;
    color: #000;
}
.btn-fancy-primary:hover,
.btn-fancy-primary:focus {
    background-color: #000;
    color: #fff;
}
.btn-fancy-secondary:hover,
.btn-fancy-secondary:focus {
    background-color: #000;
    color: #fff;
}
.topbar-info-icon svg polyline,
.topbar-info-icon svg line {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-dasharray: 40;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.theme-btn-link {
    font-size: 1.6rem;
}
.theme-btn-link:hover .topbar-info-icon svg polyline,
.theme-btn-link:hover .topbar-info-icon svg line,
.theme-btn-link:focus .topbar-info-icon svg polyline,
.theme-btn-link:focus .topbar-info-icon svg line {
    stroke-dashoffset: 80;
}

/*--------------------------------------------------------------
# woocommerce
--------------------------------------------------------------*/

.woocommerce span.onsale{
    background-color: var(--global-color);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
    background-color: var(--global-color);
    color: #fff;
}

.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price{
    color: var(--global-color);
}


.woocommerce-Address-title.title a,.woocommerce ul.products li.product .button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,a.added_to_cart.wc-forward,
.woocommerce-Address-title.title a {
    background: var(--global-color);
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
}
.woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a:hover,.woocommerce ul.products li.product .button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover{
    background: #000 !important;
    color: #fff;
}
h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price{
    text-align: center;
}
a.added_to_cart.wc-forward {
    background: var(--global-color);
    padding: 5px 73px;
    border-radius: 5px;
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    border-radius: 30px;
    width: 100%;
    text-align: center;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    font-size: 14px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width: 118px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
    color: #fff !important;
}
#customer_details input[type="text"]{
    padding: 0.5rem 1.8rem;
}
.woocommerce .quantity .qty {
    width: 80px;
}
.quantity input[type="number"]{
    padding: 2px;
}
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
    border: solid 2px #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 0 0 #e5e5e5;
    font-weight: 500;
}
.woocommerce .star-rating {
    margin: 0 auto 10px !important;
}

.woocommerce .star-rating span, .woocommerce p.stars a{
    color: #ffcc05;
}

.woocommerce nav.woocommerce-pagination ul li span.current{
    background: var(--global-color);
    color: #fff;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background: var(--global-color);
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
  border: 2px solid transparent;
  width: 50%;
}
.wc-block-components-checkout-return-to-cart-button{
    background: var(--global-color);
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 10px;
    border: none !important;
    padding: 10px;
    border: 2px solid transparent;
  }
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  border: 2px solid var(--global-color);
  background: var(--global-color);
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background: #e5a500;
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 5px;
  margin-top:5px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
}
.wc-block-components-order-summary-item__quantity{
  background: var(--global-color) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
  width: 100% !important;
}
.wc-block-components-sidebar{
    width: 100% !important;
}
.wp-block-woocommerce-cart.alignwide{
  margin-right: auto !important;
  margin-left: auto !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular  {
  color: #000 !important;
}
.wc-block-components-totals-wrapper:after{
  border-color: #000 !important;
}
tbody.wc-block-cart-items{
  border: 1px solid #000;
  border-radius: 30px;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{
  font-size: 14px !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: 270px 47px !important;
    padding: 16px 16px !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  display: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  border: unset !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    text-decoration: none;
}
.wc-block-components-text-input input[type=text]{
    padding: 14px !important;
}
p.order-again a,a.woocommerce-button.button.view{
    background: var(--global-color) !important;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.page-template-frontpage header#site-header {
    position: absolute;
    z-index: 999;
    width: 100%;
}
/* .page-template-frontpage .site-title a,
.page-template-frontpage .site-navigation a{
    color: #fff !important;
} */
.header-titles .custom-logo-name {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
}
.header-titles .custom-logo-name {
    color: #000;
}
@media (max-width: 767px) {
    .header-titles .custom-logo-name {
        font-size: 2.8rem;
    }
}
.header-navigation-wrapper {
    position: relative;
}
.header-navbar {
    align-items: center;
    background: #e5e5e5;
    display: flex;
    min-height: 10rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative;
    transition: none;
}
.page-template-frontpage .header-navbar{
    background: transparent;
}
.header-wrapper {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.header-wrapper .header-areas-left,
.header-wrapper .header-areas-center,
.header-wrapper .header-areas-right {
    display: flex;
    align-items: center;
}
.header-wrapper .header-areas-left {
    justify-content: flex-start;
}
.header-wrapper .header-areas-center {
    justify-content: center;
    flex-grow: 1;
}
.header-wrapper .header-areas-center .site-description {
    text-align: center;
}
.header-wrapper .header-areas-right {
    justify-content: flex-end;
}
.main-nav-controls,
.navbar-controls {
    display: flex;
}
.main-nav-controls {
    align-items: center;
}
.navbar-controls {
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}
.navbar-control {
    background: transparent;
    border-color: transparent;
    color: inherit;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    margin: 0 1.25rem;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 12px;
}
.navbar-control .svg-icon {
    display: inline-block;
    vertical-align: middle;
}
.main-nav-controls .navbar-control {
    margin: 0 1.25rem 0 auto;
}
.navbar-control:hover,
.navbar-control:focus,
.navbar-control:active {
    outline: none;
    border-color: transparent;
}
.navbar-control-trigger:focus {
    outline: none;
}
.navbar-control:focus-visible > .navbar-control-trigger {
    outline: 2px solid;
}
.header-searchbar {
    background: rgba(0, 0, 0, 0.42);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.header-searchbar.header-searchbar-active {
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.admin-bar .header-searchbar.header-searchbar-active {
    top: 32px;
}
@media (max-width: 782px) {
    .admin-bar .header-searchbar.header-searchbar-active {
        top: 46px;
    }
    .wc-block-cart .wc-block-cart__submit-container--sticky {
        bottom: unset !important;
    }
  .wp-block-woocommerce-cart .wc-block-cart__submit-button {
        width: 100%;
    }
  .wp-block-woocommerce-cart-order-summary-block {
        margin-top: 20px;
    }
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount{
        display: none !important;
    }
}
.header-searchbar-inner {
    transform: translateY(-100%);
    transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.header-searchbar-active .header-searchbar-inner {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
    transform: translateY(0);
    transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}
.header-searchbar-area {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8rem;
    padding-top: 8rem;
}
.header-searchbar form {
    margin: 0;
    position: relative;
    width: 100%;
}
.header-searchbar .close-popup {
    margin-left: 1rem;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #2c4692;
}
a:hover,
a:focus,
a:active {
    outline: none;
}
a:focus-visible {
    outline: 2px solid;
}
.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button),
.widget_text a:not(.more-link):not(.button),.comment-content a{
    text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-topbar{
    font-family: var(--font-main);
}
.single-post .header-layout {
    border-bottom: 1px solid #efece2;
}
.site-navigation .primary-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 0;
}
.site-navigation .primary-menu .brand-home {
    color: #fff;
}
.site-navigation .primary-menu .brand-home a {
    color: inherit;
    font-size: 1px;
    line-height: 1px;
}
.site-navigation .primary-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 0;
}
.theme-menu,
.theme-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.theme-menu a,
.responsive-content-menu a {
    color: inherit;
}
.site-navigation .primary-menu .icon {
    pointer-events: none;
    margin-left: 5px;
}
.rtl .site-navigation .primary-menu .icon {
    margin-left: 0;
    margin-right: 5px;
}
.site-navigation .primary-menu .icon .svg-icon {
    height: 1rem;
    width: 1rem;
}
.site-navigation .primary-menu > li {
    margin: 0 1rem;
    padding: 1.5rem 0;
}
.header-layout .site-navigation .primary-menu > li:last-child {
    margin-right: 0;
}
.rtl .header-layout .site-navigation .primary-menu > li:last-child {
    margin-right: 1rem;
    margin-left: 0;
}
.site-navigation .primary-menu > li > a,.link-icon-wrapper a {
    line-height: 1;
    font-size: 1.5rem;
    position: relative;
}
.site-navigation .primary-menu > li.dropdown a:not(:hover):not(:focus),
.site-navigation .primary-menu > li.menu-item-has-children a:not(:hover):not(:focus) {
    color: inherit;
}
.site-navigation .primary-menu > li > a::before {
    position: absolute;
    content: "";
    height: 0.1rem;
    width: 0;
    right: 0;
    bottom: -5px;
    background-color: black;
    transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-icon-wrapper svg.svg-icon {
    width: 10px;
    height: 10px;
    margin-left: 5px;
}
.site-navigation .primary-menu > li:hover > a::before,
.site-navigation .primary-menu > li:focus > a::before {
    width: 100%;
    left: 0;
}
.site-navigation .primary-menu > li.active > a::before {
    width: 100%;
    left: 0;
}
.site-navigation .primary-menu > li:not(.megamenu-has-children),
.site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li {
    position: relative;
}
.site-navigation .primary-menu a {
    display: inline-block;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
}
/* SUB MENU */
.site-navigation .primary-menu ul {
    background: #fff;
    color: #fff;
    font-size: 1.7rem;
    opacity: 0;
    margin: 0 auto;
    position: absolute;
    left: -99999rem;
    top: 100%;
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
    width: 30rem;
    z-index: 9;
}
.site-navigation .primary-menu li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu li.page_item_has_children:hover > ul,
.site-navigation .primary-menu li.page_item_has_children:focus > ul {
    left: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu li.page_item_has_children:focus-within > ul {
    left: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu ul::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}
.site-navigation .primary-menu ul::before {
    height: 2rem;
    left: 0;
    right: 0;
}
.site-navigation .primary-menu ul a {
    background: transparent;
    border: none;
    color: #000;
    padding: 1.5rem;
    transition: background-color 0.15s linear;
    width: 93%;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
    padding-right: 3rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children .icon {
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 0.5rem);
}
/* DEEP DOWN */
.site-navigation .primary-menu ul ul {
    top: 0;
}
.site-navigation .primary-menu ul li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu ul li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu ul li.page_item_has_children:hover > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus > ul {
    left: calc(100% + 2rem);
}
.site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul {
    left: calc(100% + 2rem);
}
.site-navigation .primary-menu ul ul::before {
    position: absolute;
    content: '';
    bottom: 0;
    height: 5.6rem;
    right: auto;
    left: -2rem;
    top: 0;
    width: 2rem;
}
.site-navigation .primary-menu ul ul::after {
    border: 0.8rem solid transparent;
    border-bottom-color: transparent;
    border-right-color: #000;
    bottom: auto;
    left: -1.6rem;
    top: 2rem;
}
.rtl .site-navigation .primary-menu ul ul::after {
    transform: rotate(180deg);
}
/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {
    .site-navigation .primary-menu > li.menu-item-has-children > a {
        padding-right: 0;
        margin-right: 2rem;
    }
    .site-navigation .primary-menu ul li.menu-item-has-children > a {
        margin-right: 4.5rem;
        padding-right: 0;
        width: unset;
    }
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
}
@media screen and (max-width: 991px) {
    .site-navigation .primary-menu-wrapper {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}
.menu-description {
    background-color: #000;
    color: #fff;
    padding: 4px 5px;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    top: -20px;
    left: calc(100% - 20px);
    padding: 2px 5px;
    line-height: 10px;
    white-space: nowrap;
    z-index: 1;
}
.menu-description:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-top-color: #000;
    left: 3px;
    bottom: -4px;
}
.navbar-control-offcanvas {
    display: none;
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 991px) {
    .navbar-control-offcanvas {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}
#offcanvas-menu {
    background: rgba(0, 0, 0, 0.42);
    position: fixed;
    top: 0;
    height: 100%;
    right: -100%;
    width: 100%;
    z-index: 1000;
    justify-content: flex-end;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
    transition: right 0.5s;
}
#offcanvas-menu .offcanvas-wraper {
    height: 100%;
    padding: 20px 100px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
}
#offcanvas-menu .offcanvas-wraper::-webkit-scrollbar {
    width: 0;
    height: 0;
}
@media screen and (max-width: 991px) {
    #offcanvas-menu .offcanvas-wraper {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    #offcanvas-menu .offcanvas-wraper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .stick_head{
        position: static !important;
    }
    .header-navbar.login-user.stick_head{
        margin-top: 0px !important;
    }
}
#offcanvas-menu .close-offcanvas-menu {
    text-align: right;
    cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu .offcanvas-close {
    font-size: 14px;
    font-weight: 700;
    margin: 10px auto;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close {
    margin-top: 40px;
}
.responsive-date-clock .responsive-content-date,
.responsive-date-clock .theme-topbar-clock {
    text-align: left;
}
.responsive-date-clock .theme-topbar-icon,
.responsive-date-clock .theme-topbar-label {
    display: inline-block;
    vertical-align: middle;
}
.offcanvas-wraper > * {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    will-change: transform, opacity;
}
.offcanvas-menu-active .offcanvas-wraper > * {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-branding {
    transition-delay: 0.3s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation {
    transition-delay: 0.6s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation {
    transition-delay: 0.9s;
}
#offcanvas-menu.offcanvas-menu-active {
    display: -ms-flexbox;
    display: flex;
    right: 0;
}
.offcanvas-main-navigation {
    width: 100%;
}
.offcanvas-item {
    margin-bottom: 15px;
}
.offcanvas-main-navigation li,
.responsive-content-menu li {
    border-bottom: 1px solid;
    position: relative;
}
.offcanvas-main-navigation li:last-child,
.responsive-content-menu li:last-child {
    border-bottom: none;
}
.offcanvas-main-navigation a,
.responsive-content-menu a {
    display: block;
    font-size: 18px;
    padding: 20px 0;
    text-decoration: none;
    position: relative;
    width: 100%;
}
.offcanvas-main-navigation .sub-menu {
    border-top: 1px solid;
    display: none;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.offcanvas-main-navigation .sub-menu.submenu-toggle-active {
    display: block;
}
.offcanvas-main-navigation .submenu-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding-left: 3rem;
    padding-right: 3rem;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle .svg-icon {
    height: .9rem;
    transition: transform .15s linear;
    width: 1.8rem;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle.button-toggle-active .svg-icon {
    transform: rotate(180deg);
}
.social-menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.social-menu li {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.social-menu li a .svg-icon {
    margin-left: 0.2rem;
    width: 1.6rem;
    height: 1.6rem;
}
.social-menu ul li a[href*="youtube.com"] .svg-icon {
    width: 1.9rem;
    height: 1.9rem;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.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;
}
.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;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.skip-link {
    font-size: 16px !important;
}
#content[tabindex="-1"]:focus {
    outline: 0;
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.widget:before,
.widget:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.widget:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 3rem;
    padding-bottom: 3rem;
}
.widget:last-child {
    margin: 0;
}
.widget select {
    max-width: 100%;
}
.widget ul,
.widget ol {
    padding-left: 0;
    padding-right: 0;
    list-style: none;
    margin-bottom: 0;
}
.widget .button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget a {
    color: inherit;
}
.widget a:hover,
.widget a:focus {
    color: var(--global-color);
}
.widget_nav_menu a {
    display: block;
    padding: 1rem 0;
}
.widget_nav_menu .menu > .menu-item:not(:first-child) {
    border-top: 1px #e9ecef solid;
}
.widget_nav_menu .menu-item-has-children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.widget_nav_menu .menu-item-has-children > a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.widget_nav_menu .menu-item-has-children > span {
    cursor: pointer;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.widget_nav_menu .menu-item-has-children > ul {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.widget_nav_menu .menu-item-expanded > span:after {
    content: "\e90f";
}
.widget_nav_menu .menu > .menu-item > .sub-menu {
    padding-bottom: 1rem;
}
.widget_nav_menu .sub-menu {
    display: none;
}
.widget_nav_menu .sub-menu a {
    padding: 0.5rem 0;
    line-height: 1;
}
.widget_nav_menu .sub-menu .sub-menu {
    padding: 0.5rem 0;
}
.widget_nav_menu .sub-menu .sub-menu a {
    padding-left: 1rem;
}
.widget_nav_menu .submenu-visible {
    display: block;
}
.search-form {
    margin: 0 auto;
    display: flex;
}
.search-form label {
    display: block;
    margin: 0 auto;
    width: 80%;
    float: left;
}
.search-form label .search-field {
    border-right: 0;
}
.search-form .search-submit {
    float: left;
    width: 20%;
    padding: 17px 0;
    -webkit-appearance: none;
}
.header-searchbar-area .search-form .search-submit {
    padding: 1.7rem 2rem;
}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_block .wp-block-latest-posts li,
.widget_block .wp-block-categories li,
.widget_block .wp-block-archives li,
.widget_block .wp-block-latest-comments li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 1rem;
    margin-bottom: 1rem;
}
.widget_recent_entries ul li:first-child:last-child,
.widget_categories ul li:first-child:last-child,
.widget_pages ul li:first-child:last-child,
.widget_archive ul li:first-child:last-child,
.widget_meta ul li:first-child:last-child {
    padding-bottom: 0;
}
.widget_categories ul li:first-child:last-child > .children,
.widget_pages ul li:first-child:last-child > .children,
.widget_archive ul li:first-child:last-child > .children {
    padding-bottom: 0;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_meta ul li a {
    padding-right: 0.6666666667rem;
    margin-right: auto;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.widget_categories ul ul.children,
.widget_pages ul ul.children,
.widget_archive ul ul.children {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
    padding-left: 1.5em;
}
.widget_categories ul ul.children li,
.widget_pages ul ul.children li,
.widget_archive ul ul.children li {
    padding: 1rem 0 1rem 1rem;
}
.widget_categories ul ul.children li:last-child,
.widget_pages ul ul.children li:last-child,
.widget_archive ul ul.children li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.widget_categories ul ul.children ul.children li,
.widget_pages ul ul.children ul.children li,
.widget_archive ul ul.children ul.children li {
    margin-left: 1rem;
    padding-left: 0;
}
.widget_search form {
    margin-top: 0;
}
#wp-calendar {
    width: 100%;
    margin: 0;
}
#wp-calendar caption {
    text-align: right;
    margin-bottom: 15px;
}
#wp-calendar thead th {
    text-align: center;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 5px;
}
#wp-calendar tbody td a {
    text-decoration: underline !important;
    color: #000;
}
#wp-calendar tbody td:hover {
    background: #fff;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot td.pad {
    display: none;
}
.widget_recent_comments li {
    position: relative;
    padding-bottom: 1rem;
}
.widget_recent_comments li:last-child {
    padding-bottom: 0;
}
.widget_recent_comments li .comment-author-link,
.widget_recent_comments li .comment-author-link a {
}
.widget_recent_entries li {
    position: relative;
    padding-bottom: 1rem;
}
.widget_recent_entries li:last-child {
    padding-bottom: 0;
}
.widget_recent_entries li .post-date {
    margin-left: 1rem;
}
.widget_recent_entries li .post-date:before {
    content: "(";
}
.widget_recent_entries li .post-date:after {
    content: ")";
}
.widget_rss .rss-widget-icon {
    display: none;
}
.widget_rss ul li {
    border-bottom: 1px #e9ecef solid;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.widget_rss ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_rss ul li .rsswidget {
    color: #000000;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.widget_rss ul li .rss-date {
    display: block;
    margin-top: 0.25rem;
}
.widget_rss ul li .rssSummary {
    margin-top: 0.25rem;
    color: #000000;
}
.widget_rss ul li cite {
    display: block;
    margin-top: 0.25rem;
    font-style: normal;
    text-align: right;
    font-size: 0.8125rem;
}
.widget_tag_cloud {
    overflow: hidden;
}
.widget_tag_cloud .tagcloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a {
    background: rgba(0, 0, 0, 0.052);
    font-size: 12px !important;
    padding: 0.5rem 1.5rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
    background: #000;
    color: #fff;
}
.widget_tag_cloud .tagcloud a:last-child {
    margin-right: 0;
}
.widget_tag_cloud .tagcloud a:first-letter {
    text-transform: uppercase;
}
.widget_media_video .mejs-container {
    max-width: 100%;
    overflow: hidden;
}
.widget_media_video .mejs-container video,
.widget_media_video .mejs-container iframe,
.widget_media_video .mejs-container object,
.widget_media_video .mejs-container embed {
    max-width: 100%;
    overflow: hidden;
}
.widget_media_gallery {
    overflow: hidden;
}
.widget_media_gallery [class^="gallery-columns-"],
.widget_media_gallery [class*=" gallery-columns-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem -0.5rem 0;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 0 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item img,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item img {
    display: block;
    border-radius: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item:hover img,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img {
    opacity: 0.6;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-caption,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption {
    padding: 1rem 1rem 0;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-icon,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.widget_media_gallery .gallery-columns-4 .gallery-caption,
.widget_media_gallery .gallery-columns-5 .gallery-caption,
.widget_media_gallery .gallery-columns-6 .gallery-caption,
.widget_media_gallery .gallery-columns-7 .gallery-caption,
.widget_media_gallery .gallery-columns-8 .gallery-caption,
.widget_media_gallery .gallery-columns-9 .gallery-caption {
    display: none;
}
.widget_media_gallery .gallery-columns-1 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.widget_media_gallery .gallery-columns-2 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.widget_media_gallery .gallery-columns-3 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.widget_media_gallery .gallery-columns-4 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.widget_media_gallery .gallery-columns-5 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.widget_media_gallery .gallery-columns-6 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.widget_media_gallery .gallery-columns-7 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.2857142857%;
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
}
.widget_media_gallery .gallery-columns-8 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.widget_media_gallery .gallery-columns-9 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11.1111111111%;
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
}
/* Text widget */
.widget_text {
    color: #000000;
    word-wrap: break-word;
}
.widget_text ul {
    list-style: disc;
    margin: 0 0 1rem 1rem;
}
.widget_text ol {
    list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
    border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}
.widget_text ul li ul {
    margin: 0 0 0 1rem;
}
.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}
.widget_text ol li {
    list-style-position: inside;
}
.widget_text ol li + li {
    margin-top: -1px;
}
/*Custom Widgets*/
.widget .tab-head .twp-nav-tabs {
    border-bottom: 2px solid;
    margin-bottom: 15px;
}
.widget .tab-head .twp-nav-tabs li {
    float: left;
    margin: 0 auto;
    width: 33.33%;
}
.widget .tab-head .twp-nav-tabs > li > a {
    display: block;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
.widget .tab-head .twp-nav-tabs > li.active > a,
.widget .tab-head .twp-nav-tabs > li > a:focus,
.widget .tab-head .twp-nav-tabs > li > a:hover,
.widget .tab-head .twp-nav-tabs > li.active > a:focus,
.widget .tab-head .twp-nav-tabs > li.active > a:hover {
    background: #000;
    color: #fff;
}
.widget .tab-head .post-description {
    margin-top: 20px;
}
.site-content .data-bg:not(.site-content .single-featured-banner .data-bg) {
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.site-content .data-bg:hover:not(.site-content .single-featured-banner .data-bg) {
    filter: blur(0.15rem);
}
.site-content .single-featured-banner {
    color: #fff;
}
.site-content .single-featured-banner .data-bg {
    position: relative;
    padding: 15rem 0;
    background-attachment: fixed;
}
.site-content .single-featured-banner .data-bg::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.14);
}
.site-content .single-featured-banner .featured-banner-content .entry-meta a {
    color: inherit;
}
.site-content .single-featured-banner .breadcrumbs ul li span:before,
.site-content .single-featured-banner .entry-meta-item::before {
    color: #fff;
}
.tab-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.site-content .tab-icon {
    width: 20px;
    height: 20px;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.theme-widget-list li .article-list {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.theme-widget-list li:last-child .article-list {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.theme-widget-list .article-image {
    position: relative;
}
.trend-item {
    background-color: #000;
    color: #fff;
    height: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 20px;
    outline: 2px solid #000;
    outline-offset: 4px;
    z-index: 1;
}
.category-widget-header .category-title,
.category-widget-header .post-count {
    display: inline-block;
    vertical-align: middle;
}
.category-widget-header .category-title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.category-widget-header .post-count {
    background-color: #000;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    width: 40px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 100%;
}
.category-widget-description,
.category-latest-article .entry-title {
    margin-top: 15px;
    margin-bottom: 0;
}
.author-widget-details .profile-data-bg {
    border-radius: 100%;
    border: 5px solid #fff;
    height: 160px;
    margin: 0 auto;
    width: 160px;
}
.data-bg-enable.author-widget-details .profile-data-bg {
    margin-top: -80px;
}
.author-widget-details .author-content {
    text-align: center;
}
.author-content .entry-title {
    margin-top: 10px;
}
.author-widget-details .author-social-profiles {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.author-widget-details .author-social-profiles > a {
    display: inline-block;
    margin: 0 5px;
}
.author-widget-details .author-social-profiles .svg-icon {
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 30px;
    outline: 2px solid;
    padding: 8px;
    outline-offset: 3px;
}
.author-widget-details .author-social-profiles a:hover .svg-icon,
.author-widget-details .author-social-profiles a:focus .svg-icon {
    background: #000;
}
.theme-social-widget ul li {
    margin: 2px 0;
    display: inline-block;
    vertical-align: middle;
}
.theme-social-widget ul li a {
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
}
.theme-social-widget ul li a:hover,
.theme-social-widget ul li a:focus {
    filter: alpha(opacity=90);
    opacity: 0.9;
    color: #fff;
}
.theme-social-widget ul li .svg-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-breadcrumb {
    margin-bottom: 4rem;
}
.breadcrumbs {
    font-size: 1.6rem;
    margin: 0 auto 20px;
}
@media (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
    .site-topbar,.header-wrapper{
        text-align: center;
    }
    .header-wrapper, .header-wrapper .header-areas-left, .header-wrapper .header-areas-center, .header-wrapper .header-areas-right{
        display: grid;
        justify-content: unset;
    }
    .header-wrapper .header-areas-left,.header-wrapper .header-areas-right {
        justify-content: unset;
        margin-bottom: 15px;
    }
    .navbar-controls{
        justify-content: center;
    }
    h1.site-title{
        margin-bottom: 0;
    }
}
.breadcrumbs a {
    color: inherit;
}
.breadcrumbs ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.breadcrumbs ul li {
    display: inline-block;
}
.breadcrumbs ul .trail-item span {
    position: relative;
}
.breadcrumbs ul .trail-item.trail-begin span {
    padding-left: 0;
}
.breadcrumbs ul li span:before {
    content: "/";
    margin: 0 6px;
    color: rgba(0, 0, 0, 0.24);
}
.breadcrumbs ul .trail-item.trail-begin span:before {
    content: none;
}

/*--------------------------------------------------------------
## Sticky Post
--------------------------------------------------------------*/

.sticky .entry-header h2 a span::before {
  content: '';
  font-size: 1.2rem;
  background: url(assets/images/pin.png) no-repeat scroll 0 0px !important;
  font-weight: 900;
  padding: 10px 15px;
}

/*--------------------------------------------------------------
## Site Loader
--------------------------------------------------------------*/
.preloader {
  display: flex;
  height: 100%;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.loader{
    position: relative;
    width: 200px;
    height: 60px;
    top: 40%;
    margin: 20px auto;
}
.loader > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
    animation: pacman-balls 1s -0.99s infinite linear;
}
.loader > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
    animation: pacman-balls 1s -0.66s infinite linear;
}
.loader > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
    animation: pacman-balls 1s -0.33s infinite linear;
}
.loader > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
    animation: pacman-balls 1s 0s infinite linear;
}
.loader > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #000000;
    border-left: 25px solid #000000;
    border-bottom: 25px solid #000000;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
    animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: 30%;
}
.loader > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #000000;
    border-left: 25px solid #000000;
    border-bottom: 25px solid #000000;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
    animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: 30%;
}
.loader > div:nth-child(3),
.loader > div:nth-child(4),
.loader > div:nth-child(5),
.loader > div:nth-child(6) {
    background-color: var(--global-color);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
    -ms-transform: translate(0, -6.25px);
    transform: translate(0, -6.25px);
    top: 25px;
    right: 0;
}
@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }
}
@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }
}
@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
}
@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
}
@-webkit-keyframes pacman-balls {
    75% {
        opacity: 0.7; }
    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px); }
}
@keyframes pacman-balls {
    75% {
        opacity: 0.7; }
    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px); }
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.updated:not(.published) {
    display: none;
}
.single .post-thumbnail {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
@media (max-width: 991px) {
    .entry-header-1 .entry-title {
        font-size: 4rem;
    }
}
@media (max-width: 575px) {
    .entry-header-1 .entry-title {
        font-size: 3rem;
    }
}
.entry-title a {
    color: inherit;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.wrapper,
.wrapper-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.wrapper {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1400px) {
    .wrapper-fluid {
        max-width: 90%;
    }
}
@media (max-width: 1200px) {
    .wrapper-fluid {
        max-width: 97%;
    }
}
@media (min-width: 992px) {
    .wrapper {
        max-width: 1140px;
    }
}
@media only screen and (min-width: 1441px) {
    .wrapper {
        max-width: 1400px;
    }
}
@media screen and (min-width:1700px) and (max-width:1900px){
    .wrapper{
        max-width: 1520px;
    }
}
@media screen and (min-width:1920px) {
    .wrapper{
        max-width: 1620px;
    }
}
.column-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.column-row-collapse {
    margin-right: 0;
    margin-left: 0;
}
.column-row-small {
    margin-right: -5px;
    margin-left: -5px;
}
.column {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.column-row-collapse .column {
    padding-right: 0;
    padding-left: 0;
}
.column-row-small .column {
    padding-right: 5px;
    padding-left: 5px;
}
.column-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.column-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.column-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.column-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.column-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.column-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.column-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.column-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.column-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.column-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.column-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.column-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
    .column-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .column-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .column-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }
}
@media (max-width: 991px) {
    .column-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .column-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .column-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .column-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 767px) {
    .column-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .column-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .column-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .column-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .hidden-xs-screen {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
}
.archive-main-block {
    border-top: 1px solid;
    border-color: #ededed;
}
.single-product .content-area {
    width: 100%;
}
.content-area {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 3rem;
    width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}
@media (max-width: 1400px) {
    .content-area {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}
@media (max-width: 1024px) {
    .content-area {
        -ms-flex-order: 1;
        order: 1;
    }
}
.no-sidebar .content-area {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.left-sidebar .content-area #site-content {
    padding-left: 2%;
}
.widget-area {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (max-width: 1400px) {
    .widget-area {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}
@media (max-width: 1024px) {
    .widget-area {
        -ms-flex-order: 2;
        order: 2;
        padding: 0 15px;
    }
}
.widget-area-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.6rem;
    padding-top: 4rem;
}
.widget-area-wrapper .widget {
    background: #ffffff;
    border: 1px solid #ededed !important;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05);
    margin-bottom: 2.4rem;
    padding: 2.4rem;
}
.widget-area-wrapper .widget:last-child {
    border-bottom: none;
}
.left-sidebar .widget-area {
    border-right: 1px solid;
}
.left-sidebar .widget-area-wrapper .widget {
    margin-right: 40px;
}
@media (max-width: 1400px) {
    .left-sidebar .content-area #site-content {
        padding-left: 0;
    }
}
@media (max-width: 1024px) {
    .left-sidebar .widget-area-wrapper {
        padding-right: 0;
        border-right: none;
    }
    .left-sidebar .widget-area-wrapper .widget {
        margin-right: 0;
    }
}
.right-sidebar .content-area {
    -ms-flex-order: 1;
    order: 1;
}
.right-sidebar .widget-area {
    border-left: 0px solid;
    -ms-flex-order: 2;
    order: 2;
}
.right-sidebar .widget-area-wrapper .widget {
    margin-left: 0px;
}
.right-sidebar .content-area #site-content {
    padding-right: 2%;
    padding-left: 0;
}
@media (max-width: 1400px) {
    .right-sidebar .content-area #site-content {
        padding-right: 0;
    }
}
@media (max-width: 1024px) {
    .right-sidebar .widget-area-wrapper {
        border-left: 0;
        padding-left: 0;
    }
    .right-sidebar .widget-area-wrapper .widget {
        margin-left: 0;
    }
}
.widget-title,
.widget_block .wp-block-group > .wp-block-group__inner-container > h2 {
    text-transform: capitalize;
    border-bottom: 1px solid;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.widget-area-wrapper .widget_recent_entries ul li a {
    background-image: linear-gradient(180deg, transparent 94%, #000 0);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}
.widget-area-wrapper .widget_recent_entries ul li a:hover {
    text-decoration: none;
    background-size: 100% 100%;
}
.widget-area-wrapper ul li a:hover {
    color: unset;
}
@media (max-width: 1024px) {
    .content-area,
    .widget-area {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.alignnone,
.aligncenter {
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.alignwide,
.alignfull {
    margin-bottom: 6rem;
    margin-top: 6rem;
}
.alignleft {
    margin: 0.5rem 2.5rem 2.5rem 0;
}
.alignright {
    margin: 0.5rem 0 2.5rem 2.5rem;
}
@media only screen and (min-width: 1400px) {
    .entry-content .alignwide {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}
.alignfull > figcaption,
.alignfull > .wp-caption-text {
    width: calc(100% - 8rem);
}
.entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.entry-meta-center {
    justify-content: center;
}
.entry-meta a {
    text-decoration: none;
}
.entry-meta-item,
.entry-meta .cat-links a {
    position: relative;
}
.cat-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.entry-meta .cat-links a {
    display: inline;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-right: 1rem;
    margin-right: 0.5rem;
}
.entry-meta .cat-links a:hover:not(.entry-meta .cat-links a:first-child) {
    opacity: 0.6;
}
.entry-meta .cat-links a::before,
.entry-meta-item::before {
    position: absolute;
    content: "/";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-weight: 600;
    color: #000;
}
.entry-meta .cat-links a:last-child {
    margin-right: 0;
    padding-right: 0;
}
.entry-meta .cat-links a:last-child::before {
    display: none;
}
.entry-meta .cat-links a:first-child {
    color: #d2601a;
}
.entry-meta .cat-links a:first-child:hover,
.entry-meta .cat-links a:first-child:focus {
    color: #000;
}
.entry-meta .entry-meta-item {
    margin: 0 1rem 1rem 0;
    padding-right: 1.5rem;
}
.entry-meta .entry-meta-item:last-child {
    margin-right: 0;
    padding-right: 0;
}
.entry-meta .entry-meta-item:last-child::before {
    display: none;
}
.entry-meta-left .entry-meta-avatar {
    width: 40px;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 1rem;
    overflow: hidden;
}
.entry-meta .entry-meta-right .entry-meta-item {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.entry-meta-wrapper,
.entry-meta-item {
    font-family: var(--font-main);
}
.entry-meta-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}
.entry-meta-item .entry-meta-icon {
    margin-right: 1rem;
}
.entry-meta-label {
    margin-right: 5px;
}
.post-navigation {
    border-style: solid;
    border-width: 0.1rem 0;
}
.post-navigation .nav-links {
    display: flex;
}
.post-navigation .nav-links > div + div {
    margin-top: 1rem;
}
.post-navigation a {
    align-items: baseline;
    display: flex;
    text-decoration: none;
}
.post-navigation .arrow {
    margin-right: 1rem;
}
@media (max-width: 767px) {
    .post-navigation .nav-links {
        display: block;
    }
    .navigation-wrapper .post-navigation .nav-links > div {
        max-width: 100%;
        margin: 2rem 0;
    }
}
/* article wrapper  */
.post-thumbnail,
.theme-article-image,
.entry-thumbnail {
    position: relative;
    overflow: hidden;
}
.site-content .article-wraper-archive {
    display: grid;
    gap: 20px;
}

.site-content .article-wraper-archive .theme-article-post {
    position: relative;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    hyphens: auto;
    box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05);
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ededed;
}
.site-content .content-area .theme-article-image {
    margin-bottom: 2rem;
}
.theme-btn-link {
    border: 1px solid var(--global-color);
    padding: 10px;
    box-shadow: 2px 4px 11px #00000029;
    border-radius: 7px;
}

.site-content .theme-article-post .cat-links {
    text-transform: capitalize;
    font-size: 14px;
}

.site-content .theme-article-post .entry-title {
    font-size: 21px;
    line-height: 27px;
}

.site-content .theme-article-post .entry-content p {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 500;
}

.site-content .nav-links {
    width: 100%;
}

.archive-main-block .column-row {
    row-gap: 30px;
}

.site-content .theme-article-details {
    margin-bottom: 20px;
}

@media screen and (min-width: 600px) and (max-width: 1200px) {
    .site-content .article-wraper-archive {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* SINGLE PAGINATION */
.post-navigation {
    font-size: 1.8rem;
    padding: 3.5rem 0;
    margin-bottom: 5rem;
    margin-top: 5rem;
}
@media (max-width: 1024px) {
    .post-navigation {
        margin-bottom: 3rem;
    }
}
.post-navigation .nav-links {
    flex-direction: row;
    justify-content: space-between;
}
.post-navigation .nav-links > div {
    max-width: calc(50% - 2rem);
}
.post-navigation .nav-links > div + div {
    margin: 0 0 0 4rem;
}
.post-navigation .arrow {
    margin: 0 2rem 0 0;
}
.post-navigation .nav-next:only-child {
    margin-left: auto;
}
.post-navigation .nav-next a {
    flex-direction: row-reverse;
    text-align: right;
}
.post-navigation .nav-next .arrow {
    margin: 0 0 0 2rem;
}
.theme-ajax-post-load {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}
.pagination {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
    text-align: center;
}
.pagination a {
    color: inherit;
}
.pagination .page-numbers {
    display: inline-block;
    margin-right: 1.25em;
    color: #abadaf;
}
.pagination .page-numbers.current {
    color: #161719;
}
.pagination .page-numbers:last-child {
    margin-right: 0;
}
@media only screen and (min-width: 600px) {
    .pagination .prev:after,
    .pagination .next:before {
        position: relative;
        display: inline-block;
        width: 2.25rem;
        height: 1px;
        content: "";
        vertical-align: middle;
        background-color: #eaebee;
    }
    .pagination .prev:after {
        margin-left: 1.25em;
    }
    .pagination .next:before {
        margin-right: 1.25em;
    }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.twp-comment-toggle {
    text-align: left;
    position: relative;
    width: 100%;
}
.comment-toggle-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    z-index: 1;
    padding: 0 10px;
    display: inline-block;
    line-height: 1px;
}
.comment-toggle-icon.active:after {
    width: 13px;
    height: 1px;
}
.comment-toggle-icon:before,
.comment-toggle-icon:after {
    content: "";
    width: 13px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.comment-toggle-icon:after {
    width: 1px;
    height: 13px;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
#comments .comments-title {
    margin-bottom: 60px;
    font-size: 26px;
}
.page #comments .comments-title {
    margin-top: 60px;
}
#comments .comment-list {
    list-style: none;
    margin: 40px auto;
    padding: 0;
}
#comments .comment-list li {
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}
#comments .comment-list li article {
    padding: 0;
    margin-bottom: 20px;
}
#comments .comment-list .children {
    list-style: none;
    margin: 0;
    padding-left: 30px;
    position: relative;
}
#comments .comment-list .children li {
    margin: 0;
    border: none;
}
#comments .comment-list .comment-content li {
    margin-bottom: 10px;
    border: none;
}
#comments .comment-list .comment-content h1,
#comments .comment-list .comment-content h2,
#comments .comment-list .comment-content h3,
#comments .comment-list .comment-content h4,
#comments .comment-list .comment-content h5,
#comments .comment-list .comment-content h6 {
    margin-bottom: 30px;
    margin-top: 30px;
}
#comments .comment-body {
    min-height: 60px;
    display: block;
    position: relative;
    clear: both;
}
#comments .comment-body p:last-child {
    margin-bottom: 0;
}
#comments .comment-body footer {
    margin-bottom: 20px;
}
#comments .comment-body footer a {
    color: inherit;
}
#comments .comment-author img {
    float: left;
    margin-right: 20px;
}
#comments .comment-author .fn {
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    display: inline-block;
    padding-top: 5px;
}
#comments .comment-author .says {
    display: none;
}
#comments .comment-meta .comment-metadata {
    font-size: 85%;
    margin-top: 5px;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#comments .comment-meta .comment-metadata .edit-link {
    margin-left: 10px;
}
#comments .reply {
    margin-top: 20px;
}
#comments .comment-reply-link {
    font-weight: 600;
    text-decoration: none;
}
#comments .comment-reply-link:hover {
    filter: alpha(opacity=85);
    opacity: 0.85;
}
#comments .comment-reply-link:hover:after {
    margin-left: 13px;
}
#comments .comment-form {
    margin-top: 15px;
}
#comments .comment-form p {
    margin-bottom: 10px;
}
#comments .comment-form p:last-child {
    margin-bottom: 0;
}
#comments .comment-list #respond {
    margin: -20px 0 40px 0;
}
#comments .comment-form-info-fields {
    margin-bottom: 25px;
}
#comments p.form-submit {
    clear: both;
}
#comments span.required {
    color: #ff7979;
}
#comments .comment-awaiting-moderation {
    color: #db6a23;
    font-size: 85%;
}
#comments p.comment-notes,
#comments p.logged-in-as,
#comments p.must-log-in {
    margin-bottom: 30px;
    font-size: 90%;
}
#comments p.form-allowed-tags {
    margin-bottom: 25px;
    font-size: 14px;
}
#comments h3.comment-reply-title {
    font-size: 18px;
    margin-bottom: 5px;
    clear: both;
}
#comments ol li h3.comment-reply-title {
    margin-top: 60px;
}
#comments h3.comment-reply-title #cancel-comment-reply-link {
    display: inline-block;
    margin-left: 10px;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
#comments .comment-form p.form-submit {
    margin-bottom: 0;
    margin-top: 30px;
}
#comments .comment-form .comment-subscription-form,
#comments .comment-form .comment-subscription-form:only-child {
    font-size: 14px;
    margin-top: 20px;
}
#comments .comment-form .comment-subscription-form:last-child {
    margin-top: 0;
}
@media (min-width: 600px) {
    .comments-area .comment-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .comments-area .comment-form-comment {
        margin-bottom: 1.5rem;
    }
    .comments-area .comment-notes,
    .comments-area .comment-form-comment,
    .comments-area .logged-in-as {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 1.5rem;
    }
    .comments-area .comment-form-author,
    .comments-area .comment-form-ratings,
    .comments-area .comment-form-email,
    .comments-area .comment-form-url {
        -webkit-box-flex: 0;
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 1.5rem;
    }
    .comments-area .comment-form-author,
    .comments-area .comment-form-email,
    .comments-area .comment-form-url {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .comments-area .comment-form-ratings {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .comments-area .comment-form-cookies-consent,
    .comments-area .comment-subscription-form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
}
.form-submit {
    margin: 0;
}
@media (min-width: 600px) {
    .form-submit {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}
.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
embed,
iframe,
object {
    max-width: 100%;
}
.wp-custom-logo .site-logo {
    margin: 0;
}
@media (max-width: 575px) {
    .wp-custom-logo .site-logo .custom-logo-link {
        max-width: 200px
    }
}
.custom-logo-link {
    display: block;
    margin-bottom: 1.5rem;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin: 1em 0 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.wp-caption.alignleft {
    margin-right: 20px;
}
.wp-caption.alignright {
    margin-left: 20px;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5rem;
}
@media (min-width: 600px) {
    div[class^="gallery-columns-"],
    div[class*=" gallery-columns-"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
@media (min-width: 600px) {
    .gallery-columns-2 .gallery-item {
        max-width: 50%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-3 .gallery-item {
        max-width: 33.33%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-4 .gallery-item {
        max-width: 25%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-5 .gallery-item {
        max-width: 20%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-6 .gallery-item {
        max-width: 16.66%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-7 .gallery-item {
        max-width: 14.28%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-8 .gallery-item {
        max-width: 12.5%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .gallery-columns-9 .gallery-item {
        max-width: 11.11%;
        position: relative;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer-widgetarea {
    border-top: 1px solid;
    padding-bottom: 5rem;
    padding-top: 7.5rem;
}
.site-info {
    border-top: 1px solid;
    padding: 6rem 0;
    font-size: 1.6rem;
    font-weight: 300;
}
.footer-credits {
    align-items: baseline;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
}
.footer-credits a {
    text-decoration: underline;
}
.footer-copyright a:hover{
    color: var(--global-color);
}
@media only screen and (max-width: 767px) {
    .footer-widgetarea {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .site-info {
        padding: 3rem 0;
    }
}
/*--------------------------------------------------------------
## Rough
--------------------------------------------------------------*/
.entry-content .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}
.wp-block-gallery.columns-1 {
    display: block;
}
ul.wp-block-gallery.columns-1,
.wp-block-gallery .blocks-gallery-grid,
.wp-block-gallery {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.featured-banner-media img {
    width: 100vmax;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none;
}
.site-navigation,
.offcanvas-main-navigation li,
.offcanvas-main-navigation .sub-menu,
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle,
.post-navigation,
.widget .tab-head .twp-nav-tabs,
.widget-area-wrapper .widget,
.footer-widgetarea,
.site-info,
.site-content .widget-area,
.widget-title,
.widget_block .wp-block-group > .wp-block-group__inner-container > h2,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    border-color: #ededed;
}
body.hide-comment-rating .tpk-single-rating,
body.hide-comment-rating .tpk-comment-rating-label,
body.hide-comment-rating .comments-rating,
body.hide-comment-rating .tpk-star-rating {
    display: none;
}
/*--------------------------------------------------------------
## Plugin Support
--------------------------------------------------------------*/
.elementor-html .preloader {
    display: none;
}
.offcanvas-wraper,
.header-searchbar-inner {
    background: #ffffff;
}
#comments .comment-body .comment-content,
#comments .comment-reply-link,
#comments p.comment-notes,
#comments p.logged-in-as,
#comments p.must-log-in {
    font-size: 95%;
    line-height: 1.8;
}
/*--------------------------------------------------------------
##Back to top
--------------------------------------------------------------*/
.align-text-right {
    text-align: right;
}
.to-the-top > * {
    pointer-events: none;
}

.theme-article-post {
    margin-bottom: 3rem;
    padding-bottom: 6rem;
}
.theme-article-post .entry-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    width: 100%;
}

.theme-article-post .entry-title {
    position: relative;
    margin-bottom: 2rem;
    transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
.theme-custom-block {
    position: relative;
}
.theme-banner-block,
.featured-categories-block {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}
.featured-categories-block h4.entry-title {
    color: var(--global-color);
}
@media only screen and (max-width: 767px) {
    .theme-banner-block,
    .featured-categories-block {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
}
.theme-banner-block .theme-article-post {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.theme-custom-block.theme-error-section.error-block-heading {
    margin-bottom: 0;
    margin-top: 6rem;
    padding-top: 6rem;
}
.theme-area-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6rem;
}
@media (max-width: 991px) {
    .theme-area-header {
        flex-direction: column;
        align-items: flex-start;
    }
}
.theme-area-headlines {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .theme-area-headlines {
        margin-bottom: 2rem;
        flex-direction: column;
        width: 100%;
    }
}
.theme-area-headlines .theme-area-title {
    font-size: 4.4rem;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .theme-area-headlines .theme-area-title {
        margin-bottom: 1rem;
    }
}
@media (max-width: 575px) {
    .theme-area-headlines .theme-area-title {
        font-size: 3rem;
    }
}
.theme-animated-line {
    width: 30rem;
    height: 2px;
    background: transparent;
    position: relative;
}
.theme-animated-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 100%;
    background: #000;
    animation: animate 5s linear infinite;
}
@keyframes animate {
    0% {
        left: 0;
    }
    50% {
        left: 100%;
    }
    0% {
        left: 0;
    }
}
@media (max-width: 991px) {
    @keyframes animate {
        0% {
            left: 0;
        }
        50% {
            left: 67%;
        }
        0% {
            left: 0;
        }
    }
}
.theme-carousel-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}
@media (max-width: 991px) {
    .theme-carousel-control {
        margin-right: auto;
    }
}
.featured-categories-block .theme-carousel-control {
    justify-content: center;
}
.featured-categories-block .entry-title {
    width: 50%;
}
.theme-carousel-control .svg-icon {
    width: 32px;
    height: 32px;
}
.theme-related-block {
    margin-top: 2rem;
    padding-top: 2rem;
}
.related-posts .related-post-item {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
@media (max-width: 991px) {
    .theme-related-block .related-posts .post-thumbnail {
        margin-bottom: 2rem;
    }
}
/* -----------------------------------------------------------------
    - Carousel horizontal
----------------------------------------------------------------- */
.main-carousel-item {
    pointer-events: none;
    width: 670px;
}
@media only screen and (max-height: 900px) {
    .main-carousel-item {
        width: 670px;
    }
}
@media only screen and (max-width: 768px) {
    .main-carousel-item {
        width: 580px;
    }
}
@media only screen and (max-width: 580px) {
    .main-carousel-item {
        margin-top: 2rem;
        width: 100%;
    }
}
@media screen and (min-width: 1500px) {
    .main-carousel-item {
        width: 1100px;
    }
}
.theme-main-carousel .swiper-slide-active {
    pointer-events: all;
}
@-webkit-keyframes reveal-carousel-primary {
    100% {
        transform: translateX(100%);
    }
}
@keyframes reveal-carousel-primary {
    100% {
        transform: translateX(100%);
    }
}
@-webkit-keyframes reveal-carousel-secondary {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes reveal-carousel-secondary {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
@-webkit-keyframes reveal-carousel-tertiary {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes reveal-carousel-tertiary {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
.main-carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    padding: 7rem;
    transform: translateX(100%);
    transition: 0.7s cubic-bezier(0.69, 0.13, 0, 0.95);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
.main-carousel-caption .post-content {
    position: absolute;
    right: 60%;
    left: 10%;
}
.post-content h2 a {
    color: #fff !important;
}

@media (max-width: 575px) {
    .main-carousel-caption,.featured-categories-block .entry-title {
        width: 100%;
    }
    .page-template-frontpage header#site-header{
        position: static;
    }
    .page-template-frontpage .site-title a, .page-template-frontpage .site-navigation a{
        color: #000 !important;
    }
    .main-carousel-caption .post-content {
        right: 15%;
    }
}
.theme-main-carousel .swiper-slide-active .main-carousel-caption {
    transform: translateX(0);
    transition: 1s cubic-bezier(0.54, 0.13, 0.35, 0.82);
}
.theme-main-carousel .swiper-button-prev svg,
.theme-main-carousel .swiper-button-next svg {
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
}
.theme-main-carousel svg polyline,
.theme-main-carousel svg line {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.theme-main-carousel .swiper-button-next:hover svg polyline,
.theme-main-carousel .swiper-button-next:focus svg polyline,
.theme-main-carousel .swiper-button-next:hover svg line,
.theme-main-carousel .swiper-button-next:focus svg line,
.theme-main-carousel .swiper-button-prev:hover svg polyline,
.theme-main-carousel .swiper-button-prev:focus svg polyline,
.theme-main-carousel .swiper-button-prev:hover svg line,
.theme-main-carousel .swiper-button-prev:focus svg line {
    stroke-dashoffset: 120;
}
.theme-main-carousel .entry-content {
    margin-bottom: 2rem;
    color: #fff;
    font-size: 15px;
}
.swiper-control,
.control-item {
    letter-spacing: 0.2rem;
    padding: 2.2rem 2rem;
    position: relative;
    text-transform: uppercase;
    transition: padding 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: auto;
}
:root {
    --global-color: #05cd9e;
    --font-head: "Lexend", sans-serif;
    --font-main: "Lexend", sans-serif;
    --swiper-navigation-size: 2.6rem;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: none;
}
.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next {
    color: #000;
    height: 100%;
    width: auto;
}
.theme-main-carousel .theme-carousel-control {
    position: relative;
    width: 100%;
    max-width: 11rem;
    margin: 0 auto;
    height: 3rem;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
}
.swiper-container .swiper-pagination-progressbar {
    background-color: #fff;
    position: fixed;
    top: 0;
}
.swiper-container .swiper-pagination-progressbar-fill {
    background-color: #070707;
}
.theme-post-format {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1;
    z-index: 1;
}
.theme-article-post .column-order-1 .theme-post-format {
    left: inherit;
    right: 0;
}
.theme-post-format .post-format-icom {
    margin-right: 5px;
}
.page-template-frontpage .theme-post-format{
    display: none;
}

/*--------------------------------------------------------------
## Sticky
--------------------------------------------------------------*/

.stick_head {
  position: fixed !important;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  background:#e5e5e5;
}
.header-navbar.login-user.stick_head {
  margin-top: 32px;
  background: #e5e5e5;
}

/* Hide JS Functionalities ------------------------ */
.js .show-js {
    display: block !important;
}
.js .hide-js {
    display: none !important;
}
.no-js .show-no-js {
    display: block !important;
}
.no-js .hide-no-js {
    display: none !important;
}
a:focus,
button:focus,
.navbar-control:focus-visible > .navbar-control-trigger {
    outline-color: #000;
}
.theme-post-format {
    background-color: var(--global-color);
}
.theme-image-responsive {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 4;
}
.theme-image-responsive:focus {
    border: 2px solid var(--global-color);
}
@media (min-width: 992px) {
    .swiper-slide.main-carousel-item .entry-thumbnail .data-bg {
        filter: blur(0);
        transform: scale(1.2);
        -webkit-transition: 0.6s ease;
        -moz-transition: 0.6s ease;
        -o-transition: 0.6s ease;
        transition: 0.6s ease;
    }
    .main-carousel-item.swiper-slide-active .entry-thumbnail .data-bg {
        transform: scale(1);
    }
}
.article-content {
    margin-top: 1.5rem;
}
.article-content .category-title {
    font-weight: 400;
}
/* categories carousel  */
.theme-transform-zoom .data-bg {
    transform: scale(1);
    transition: 0.4s ease;
}
.post-thumb-categories {
    overflow: hidden;
    border-radius: 14px;
}
.theme-transform-zoom:hover .data-bg {
    transform: scale(1.15);
}
.theme-categories-carousel .theme-article-post {
    margin: 0;
    padding: 0;
    position: relative;
}
.theme-categories-carousel .article-content {
    transition: 0.4s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    bottom: 25px;
    background: rgb(0 0 0 / 30%);
    left: 25px;
    right: 25px;
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #fff;
}
.theme-categories-carousel .article-content .category-title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0;
}
.theme-categories-carousel .article-content .category-title a{
    color: #fff !important;
}

h1.site-title,.site-title,.site-title p{
    font-family: var(--font-head);
}

@media screen and (max-width:500px) {
    footer#site-footer .column-9, footer#site-footer .column-3{
        padding: 0;
    }
}
.is-large .wc-block-checkout__sidebar.is-sticky {
    position: relative !important;
}

/* Add the styles for Newer/Older pagination (Previous/Next) */
.navigation.posts-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 0;
}

.navigation.posts-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    width: 30%;
}

.navigation.posts-navigation .nav-previous, 
.navigation.posts-navigation .nav-next {
    flex: 1;
    text-align: center;
}

.navigation.posts-navigation .nav-previous a,
.navigation.posts-navigation .nav-next a {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--global-color); /* Customize this color */
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.navigation.posts-navigation .nav-previous a:hover,
.navigation.posts-navigation .nav-next a:hover {
    background-color: #000; /* Darker shade on hover */
}

/* Styles for Numeric Pagination */
.navigation.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.navigation.pagination .nav-links {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.navigation.pagination .page-numbers {
    display: inline-flex;
    list-style: none;
    padding: 7px;
    margin: 0 5px;
    background-color: #f1f1f1; /* Light grey background */
    color: var(--global-color); /* Blue text */
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Hover effect on page numbers */
.navigation.pagination .page-numbers:hover {
    background-color: var(--global-color); /* Blue background on hover */
    color: #fff; /* White text on hover */
    transform: scale(1.02); /* Slight scale up effect on hover */
}

.navigation.pagination a.page-numbers:hover,.navigation.pagination .page-numbers.dots:hover {
    background-color: #000;
}

/* Active current page style */
.navigation.pagination .current {
    background-color: #000; /* Blue background */
    color: #fff; /* White text */
    font-weight: bold;
}

/* Previous and Next buttons (Prev/Next) */
.navigation.pagination .prev,
.navigation.pagination .next {
    padding: 10px 15px;
    background-color: var(--global-color);
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}

.navigation.pagination .page-numbers:hover .navigation.pagination .current{
    background-color: #000; /* Darker blue on hover */
}

.navigation.pagination .nav-links:hover .navigation.pagination .current{
    background-color: #000; /* Darker blue on hover */
}

/* Hover effect on Prev/Next buttons */
.navigation.pagination .prev:hover,
.navigation.pagination .next:hover {
    background-color: #000; /* Darker blue on hover */
    transform: scale(1.02); /* Slight scale up effect */
}

/* Dots (for page gaps) */
.navigation.pagination .dots {
    color: #999; /* Grey color for dots */
    font-size: 16px;
    padding: 10px;
    margin: 0 5px;
    background-color: #f1f1f1;
    border-radius: 50px;
}

/* Responsive Adjustments */
@media (max-width: 800px) {
    .navigation.posts-navigation .nav-links {
        width: 35%;
    }
}

/* Responsive Adjustments */
@media (max-width: 600px) {
    .site-content .article-wraper-archive {
        grid-template-columns: 1fr !important;
    }
    .navigation.pagination .page-numbers {
        display: block;
    }
    ul.page-numbers li {
        margin: 5px 0;
    }
    .navigation.posts-navigation .nav-links {
        width: 60%;
    }
    .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a {
        padding: 5px 7px;
        font-size: 14px;
    }
}

.site-content .article-wraper-archive .theme-article-post {
    margin-bottom: 20px;
}
a:not(:hover):not(:focus):not(.btn-fancy),
body, button, input, select, optgroup, textarea{
color: #000;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {
    position: unset !important;
}
.is-large.wc-block-cart .wc-block-components-sidebar,.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-large{
    padding: 0;
}
.wc-block-components-sidebar-layout {
    flex-flow: column-reverse !important;
}
footer#site-footer {
    margin-top: 50px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    color: #000 !important;
}
.woocommerce-Address-title.title{
    margin-bottom: 20px !important;
}
.woocommerce-account .addresses .title .edit{
    float: left;
    text-decoration: none !important;
}

/* TABEL CSS */
table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 15px;
    overflow-x: auto;
    border: 1px solid #e8e8e8;
}
thead th {
    text-align: center;
}
tbody td {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 5px;
}
tbody td a {
    text-decoration: underline !important;
    color: #000;
}
tbody td:hover {
    background: #fff;
}
tbody .pad {
    background: none;
}
tfoot td.pad {
    display: none;
}
/* =========================================================================
   MOBILE side padding for the inner pages
   (about / services / doctors / testimonials / contact / custom).
   Every one wraps content in <section> + <div class="container">, but:
     - the sections use the shorthand padding: 80px 0 (2nd value = 0, so no
       horizontal padding), and page-about's section sets none at all;
     - .container has NO css in this theme (verified: max-width:none,
       padding:0), so it contributes nothing.
   Result: headings and body copy sat flush against the screen edge.
   Full-width backgrounds stay edge-to-edge; only inner content is inset.

   #testimonials-section and page-custom's section carry no spfm-page-*
   class, so they are matched by id / body class instead.
   ========================================================================= */
@media screen and (max-width: 781px) {
  /* services/doctors handled by the .container rule below (all widths) */
  .spfm-page-about,
  .spfm-page-contact,
  #testimonials-section,
  .spfm-about-mvv,
  .page-template-page-custom section[style*="padding: 80px 0"],
  .page-template-page-about section[style*="padding: 60px 0"] {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  /* The CTA band nests its own .container (also unstyled), so it needs
     padding directly - it has no <section> ancestor to inherit from. */
  .cta .cta-overlay > .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================================
   Breathing room between a section's small label and the heading under it.
   The label sits directly on top of the h2 with only ~4px of gap (just its
   line-height), because neither element declares any vertical spacing.

   .center-title is the shared label class used by every section that has one
   (About Us / Our Standard / Services / Doctors / Testimonials / Contact),
   and it carries no CSS of its own, so one rule covers them all consistently.

   NOTE: a <span> is display:inline, and inline elements IGNORE vertical
   margins - margin-bottom alone would silently do nothing. inline-block makes
   it apply while keeping the label's intrinsic width (block would stretch it).
   ========================================================================= */
.center-title {
  display: inline-block;
  margin-bottom: 12px;
}

/* =========================================================================
   ABOUT section: vertical breathing room above the label.
   page-about.php's <section class="about spfm-page-about"> is the only
   section in this theme that declares NO padding at all - every sibling
   (.spfm-about-mvv, services, doctors, testimonials...) carries an inline
   padding: 80px 0. So the "About Us" label sat hard against the banner
   above it (measured gap: 0px, at both mobile and desktop).
   Matching the theme's own 80px section rhythm; a little tighter on mobile.
   ========================================================================= */
.spfm-page-about {
  padding-top: 80px;
}
@media screen and (max-width: 781px) {
  .spfm-page-about {
    padding-top: 50px;
  }
}

/* =========================================================================
   SERVICES / DOCTORS pages: section background.
   Their cards are white (background:#fff + a soft box-shadow), and on the
   home page that same card style sits on a grey band -
   front-page.php:97  <section id="before-after-section" style="...background:#f8f9fa;">
   But page-services.php:19 and page-doctors.php:19 declare no background at
   all, so white cards sat on a white page and effectively disappeared -
   only their faint shadow hinted at them.
   Matching the theme's own #f8f9fa band so the cards read as cards.

   NOTE: deliberately NOT applied to #testimonials-section - its content
   container is itself #f8f9fa, so a grey band there would blend into it.
   ========================================================================= */
.spfm-page-services,
.spfm-page-doctors {
  background: #f8f9fa;
}

/* =========================================================================
   CTA BAND ("Join Our Happy Patients") - background, padding, button.
   Same defect fixed in theme7/8/9/12: the markup was copied from theme4 but
   its CSS never came along - this theme defines neither .cta / .cta-overlay
   nor .btn-white, so the band had no background, no padding, and the button
   rendered as bare text. front_cta_image is unset, so the inline style emits
   background-image:url('') - a transparent overlay alone would still be white.
   Solid brand base + dark overlay: readable with or without a CTA image.
   #e05555 is this theme's own default (its var() fallback value).
   ========================================================================= */
.cta.front-cta {
  background-color: var(--color-primary1, #e05555);
}
.cta .cta-overlay {
  background: rgba(0, 0, 0, 0.35);
  padding: 100px 0;
}
.cta .cta-heading,
.cta .cta-content-left p {
  color: #fff;
}
.cta .cta-heading {
  margin-bottom: 16px;
  font-size: 32px;
}
.cta .cta-content-left {
  max-width: 637px;
}
.cta .btn-white {
  display: inline-block;
  background: #fff;
  /* raw #e05555 on white is ~3.3:1 (below AA); darken so the label is
     readable. color-mix keeps it correct if a customer changes their brand
     colour; the hex above is the fallback for older browsers.
     !important is required: the theme has a global
     "a:not(:hover):not(:focus):not(.btn-fancy){color:#000}" (specificity
     0,3,1) that otherwise forces the label black. */
  color: #a32020 !important;
  color: color-mix(in srgb, var(--color-primary1, #e05555) 62%, #000) !important;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s linear;
}
.cta .btn-white:hover {
  background: rgba(255, 255, 255, 0.88);
}

/* Mobile: stack and centre both halves */
@media screen and (max-width: 768px) {
  .cta .cta-overlay { padding: 50px 0; }
  .cta .cta-heading { font-size: 26px; }
  .cta .cta-content-left,
  .cta .cta-content-right {
    width: 100%;
    text-align: center;
  }
}

/* =========================================================================
   SERVICES / DOCTORS - content width on DESKTOP.
   These templates wrap content in <div class="container">, but .container has
   no CSS in this theme, so the section ran full-bleed and the label/heading/
   cards sat flush at left:0 on desktop (and touched the edge at any width
   above the 781px mobile breakpoint). The full-width grey background above
   stays edge-to-edge; only the inner content is constrained.
   Match the header's content box (.wrapper.header-wrapper is
   max-width:1140px; margin:0 auto; padding:0 15px) so the services content
   lines up with the site brand and nav.
   ========================================================================= */
.spfm-page-services .container,
.spfm-page-doctors .container,
#testimonials-section .container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}