@charset "UTF-8";

.about-us-container {
    display: flex;
    gap: 20px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 左邊圖片 */
.about-us-image {
    flex: 1;
}

.about-us-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* 右邊文字 */
.about-us-text {
    flex: 1;
}

.about-us-text h2 {
    font-size: 2rem;
    margin-bottom: 15px;
}

.about-us-text p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

/* 響應式 - 手機時改成上下排 */
@media (max-width: 768px) {
    .about-us-container {
        flex-direction: column;
    }

    .about-us-image,
    .about-us-text {
        width: 100%;
    }

    .about-us-text {
        margin-top: 20px;
    }
}

.section-subtitle {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin: 70px 0;      /* 上下各50px，左右0 */
    position: relative;
    display: block;
    padding-bottom: 8px;
}

/* 底部細線裝飾 */
.section-subtitle::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #d9534f;
    margin: 8px auto 0;
    border-radius: 2px;
}

/* 響應式調整 */
@media (max-width: 768px) {
    .section-subtitle {
        font-size: 24px;
        margin: 40px 0;
    }
}

@media (max-width: 480px) {
    .section-subtitle {
        font-size: 20px;
        margin: 35px 0;
    }
}


/* Post Content Wrapper: Flexbox Layout */
.post-content-wrapper {
    display: flex; /* Enable flexbox */
    justify-content: space-between; /* Space between left and right sections */
    gap: 20px; /* Space between the image and content */
}

/* Left side: Image */
.post-thumbnail-left {
    flex: 0 0 50%; /* Image takes up 60% of the width */
}

.post-thumbnail-left img {
    width: 100%;  /* Ensure the image takes up full width of its container */
    max-width: 500px; /* Set the maximum width to 600px on desktop */
    height: auto; /* Maintain the image aspect ratio */
}

/* Right side: Content */
.post-text-right {
    flex: 0 0 50%; /* Content takes up 40% of the width */
    padding: 20px; /* Add padding around the text */
    box-sizing: border-box; /* Include padding within the width */
}

/* Optional: Styling for Title */
.entry-title {
    font-size: 28px;
    margin-bottom: 20px;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    .post-content-wrapper {
        flex-direction: column; /* Stack the image and content vertically on small screens */
        align-items: center; /* Center the content horizontally */
    }

    .post-thumbnail-left {
        width: 100%; /* Full width for the image on mobile */
        margin-bottom: 20px; /* Add space between image and content */
    }

    .post-text-right {
        width: 100%; /* Full width for the content on mobile */
    }
}


.entry-title span{
    font-size: 16px;
	font-weight:400;
}

@media (max-width: 768px) {

.entry-title span{
    font-size: 12px;
}

}


/*手機列表*/

   /* 手機和平板：顯示兩篇文章並排（小於 768px） */
@media (max-width: 768px) {
    .theme-article .article-wraper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* 保證每個格子之間的間距 */
    }

    .theme-article .article-wraper article {
        flex: 1 1 calc(50% - 20px); /* 每篇文章占 50% 寬度 */
        margin-bottom: 20px; /* 每篇文章的底部間距 */
        display: flex;
        flex-direction: column; /* 強制每篇文章內部項目垂直排列 */
    }

    /* 確保圖片和標題垂直排列 */
    .theme-article .theme-article-post {
        display: flex;
        flex-direction: column; /* 图片和标题垂直排列 */
        align-items: center; /* 垂直居中对齐 */
        margin-bottom: 10px; /* 文章底部间距 */
    }

    .theme-article .theme-article-image {
        width: 100%; /* 确保图片充满容器 */
        margin-bottom: 10px; /* 图片和标题之间的间距 */
    }

    .theme-article .theme-article-details {
        text-align: center; /* 保证标题居中 */
    }

    .theme-article .entry-thumbnail img {
        width: 100%; /* 保证图片自适应容器的宽度 */
        height: auto; /* 保持图片比例 */
    }

    .theme-article .entry-header h2 {
        font-size: 16px; /* 根据需要调整标题字体大小 */
        margin: 10px 0; /* 增加标题与其他内容的间距 */
    }

    .theme-article .entry-title a {
        text-align: center; /* 标题居中对齐 */
    }
}

/* 小螢幕手機（小於 480px）：顯示兩篇文章並排 */
@media (max-width: 480px) {
    .theme-article .article-wraper article {
        flex: 1 1 calc(50% - 20px); /* 每篇文章占 50% 寬度 */
    }
}


/*內文基本資訊*/

.profile-info {
    flex: 1;
    margin-left: 20px; /* 右侧区块与左侧区块的间隔 */
}

.profile-info h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.profile-info p {
    font-size: 16px;
    line-height: 1.5; /* 缩小行间距 */
    color: #555;
    margin: 5px 0; /* 减小段落之间的间距 */
}

.profile-info .basic-info {
    margin-bottom: 15px; /* 缩小基本信息区块的间隔 */
}

.profile-info .basic-info span {
    font-weight: bold;
    color: #333;
}

.profile-info .basic-info .label {
    color: #888;
    margin-right: 10px; /* 标签与内容之间增加一些间距 */
}

/*

Theme Name: Consultancy Firm

Theme URI: https://www.omegathemes.com/products/consultancy-firm

Author: Omega Themes

Author URI: https://omegathemes.com/

Description: The Consultancy Firm Theme is a powerful and professional solution designed for modern consulting businesses. Whether you're in business consultancy, strategy consulting, or HR consulting, this theme offers everything you need to build a credible online presence. Ideal for firms specializing in management consulting, financial consulting, IT consulting, legal consulting, or tax consulting, it features a sleek layout, intuitive navigation, and full customization options tailored to your branding needs. Perfect for branding consultancy, startup consulting, business growth, and market research, this theme supports services ranging from digital consulting and project management to sales consulting, risk management, and compliance consulting. Built for business strategy, organizational development, and process improvement, it also serves technology consulting, data analytics consulting, investment consulting, and business advisory. Additional features include support for real estate consulting, business planning, financial strategy, corporate consulting, and SME consulting. Ideal for change management, staffing consultancy, recruitment agencies, and talent acquisition, it also caters to leadership training, HR solutions, and employee retention. Grow your firm with built-in options for SEO consulting, brand strategy, content consulting, PR consulting, digital strategy, and more. Whether offering business coaching, ERP consulting, or compliance advisory, this theme helps your consultancy thrive. 

Requires at least: 5.3

Tested up to: 6.8

Requires PHP: 7.2

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: consultancy-firm

Tags: blog, portfolio, education, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, wide-blocks, custom-background, custom-logo, custom-menu, custom-colors, custom-header, featured-images, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets, 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%;

    font-size: 62.5%; /* 1rem = 10px */

    box-sizing: border-box;

}

body {

    border: none;

    margin: 0;

    padding: 0;

    font-family: var(--font-main);

    color: #010F1C;

    background: #FAF9F6;

}

h1 {

    font-size: 2em;

    margin: 0.67em 0;

}

.header-social .social-area a{

    align-items: center;

    display: flex;

}

a.social-4 {

    width: 15px;

}

hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible;

}

pre {

    font-size: 1em;

    background: #eee;

    font-family: var(--font-main);

    font-size: 15px;

    line-height: 1.6;

    margin-bottom: 1.6em;

    max-width: 100%;

    overflow: auto;

    padding: 1.6em;

}

a {

    background-color: transparent;

}

abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted;

}

b,

strong {

    font-weight: bolder;

}

code,

kbd,

samp,

kbd,

tt,

var {

    font-family: var(--font-main);

    font-size: 1em;

    font-family: var(--font-main);

    font-size: 15px;

    font-size: 0.9375rem;

}

small {

    font-size: 85%;

}

img {

    border-style: none;

}

button,

input,

optgroup,

select,

textarea {

    font-size: 100%;

    line-height: 1.15;

    margin: 0;

}

button,

input {

  font-family: var(--font-main);

  overflow: visible;

}

button,

select {

    text-transform: none;

}

button,

[type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0;

}

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText;

}

fieldset {

    padding: 0.35em 0.75em 0.625em;

}

legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0; /* 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

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

body,

button,

input,

select,

optgroup,

textarea {

    font-weight: 400;

    font-size: 1.8rem;

    line-height: 1.6;

    -webkit-font-smoothing: antialiased;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    line-height: 1.2;

    clear: both;

    margin-top: 0;

    font-weight: bold;

    font-family: var(--font-head);

}

p{

    font-family: var(--font-main);

    margin-bottom: 1.5em;

    margin-top: 0;

}



.entry-title {

    font-weight: bold;

}

.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;

}

@media (max-width: 991px) {

    .entry-title-big {

        font-size: 2.7rem;

    }

}

dfn,

cite,

em,

i {

    font-style: italic;

}

blockquote {

    margin: 0 1.5em;

}

address {

    margin: 0 0 1.5em;

}



abbr,

acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

}

big {

    font-size: 125%;

}

::-moz-selection {

    background: #070707;

    color: #fff;

}

::selection {

    background: #070707;

    color: #fff;

}

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

# Elements

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

*,

::after,

::before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

body {

    

}

.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%;

}

.data-bg {

    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 {

    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-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;

    cursor: pointer;

    display: inline-block;

    margin: 0;

    padding: 5px 25px;

    text-align: center;

    text-decoration: none;

    transition: opacity 0.15s linear;

    background-color: #fff;

    color: #000;

    border-radius: 0px;

    border: solid 1px #000;

}

 .wp-block-search__button:hover{

    color: #ffffff;

}

.wp-block-button.is-style-outline .wp-block-button__link{

    border: solid 2px var(--global-color);

    color: var(--global-color) !important;

}

.wp-block-button.is-style-squared .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);

    background-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;

}

.btn-fancy-primary {

    background-color: #fff;

    color: #000;

    border: solid 2px #000;

}

.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 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 {

    color: #000;

    display: block;

    font-size: 15px;

    font-weight: 600;

}

.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{

    color: #000;

}

h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price{

    text-align: center;

}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{

    color: #ffffff;

}

a.added_to_cart.wc-forward {

    padding: 5px 120px;

    border-radius: 5px;

    margin-top: 12px;

    font-size: 15px;

    font-weight: 600;

    color: #000 !important;

    border: 2px solid #000;

}

.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: #222;

}

p.order-again a,a.woocommerce-button.button.view{

    background: var(--global-color) !important;

}

.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: 15px;

}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{

  border: 2px solid var(--global-color);

  background: var(--global-color);

  color: #fff !important;

}

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{

    color: #ffffff;

}

.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{

  flex-flow: column-reverse !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;

}



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

# Header

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



.theme-header-areas.header-areas-right.header-social .social-area {

    display: flex;

    gap: 20px;

    justify-content: end;

}

.theme-header-areas.header-areas-right.header-social{

    width: 15%;

}

.theme-header-areas.header-areas-right.header-social .social-area a:hover svg{

    fill: var(--global-color) !important;

}

.page-template-frontpage .main-header {

    position: absolute;

    top: 60px;

}

.main-header {

    position: relative;

    width: 100%;

    top: 0px;

    z-index: 99;

}

.wrapper.header-wrapper.header-box {

    background-color: #ffffff;

    border-radius: 45px;

    padding: 12px 30px;

}

.header-titles {

    width: 20%;

}

.menu-box {

    width: 65%;

}

.theme-header-areas.header-areas-right.header-button {

    width: 32%;

    gap: 20px;

    justify-content: left;

    align-items: center;

}

.theme-header-areas.header-areas-right.header-button p{

    margin: 0px;

}

.theme-header-areas.header-areas-right.header-button p a,.theme-header-areas.header-areas-right.header-button p{

    font-size: 16px;

    font-weight: 600;

    color: #ffffff;

}

.theme-header-areas.header-areas-right.header-button p.default-text {

    font-size: 12px;

    font-weight: 400;

    color: #ffffff;

    text-align: left;

    margin: 0px;

}

.phone-icon {

    background: #ffffff;

    padding: 15px;

    border-radius: 50%;

    width: 50px;

    text-align: center;

    height: 50px;

}

.main-banner {

    position: relative;

    background: #1A3C8B;

}

.phone-icon svg{

    fill: var(--global-color)

}

.theme-header-areas.header-areas-right.header-button a.button2 {

    background: var(--global-color);

    border: 1px solid var(--global-color);

}

.main-box-header.theme-header-areas.header-areas-right.header-meta-box {

    width: 12%;

}

.header-titles .custom-logo-name {

    color: var(--global-color);

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 700;

}

.header-titles .site-description {

    color: #08131D;

}



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

# Slider Section.

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

.slide-btn a {

    background: var(--global-color);

    border-radius: 30px;

    border: 0px;

    color: #fff;

    font-weight: bold;

    text-transform: capitalize;

    font-size: 12px;

}

.theme-article-post .entry-title {

    position: relative;

    margin-bottom: 2rem;

    transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875);

}

.header-wrapper.sldier-contact-box {

    width: 57%;

    right: 0px;

    position: absolute;

    bottom: 0;

    border-radius: 167px 0px 0px 0px;

    padding: 35px 45px;

    z-index: 1;

    background: var(--global-color);

}

.left-box {

    position: relative;

}

.left-box{

    width: 50%;

}

.right-box {

    width: 50%;

    background: var(--global-color);

    padding: 0px 0px;

    right: 0%;

    top: 15%;

    border-radius: 120px 0px 0px 0px;

    position: relative;

}

.main-carousel-caption .post-content {

    width: 43%;

}

.theme-main-carousel .entry-content {

    margin-bottom: 2rem;

    color: #FFFFFF;

    font-weight: 500;

    font-size: 13px;

}

header.entry-header h3 {

    color: var(--global-color);

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 3px;

    font-family: var(--font-head);

    line-height: 22.05px;

}

/*.theme-banner-block {

    background: #2d215f;

}*/

.left-box .main-carousel-caption .post-content {

    left: 17%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.image-main-box {

    position: relative;

    height: 600px;

}

.right-box .data-bg.banner-img {

    width: 100%;

    height: 600px;

    border-radius: 120px 0px 0px 0px;

}

.swiper-slide .post-content h2 a {

    color: #ffffff !important;

    text-decoration: none;

    font-weight: bold;

    font-size: 38px;

}

.swiper-slide .post-content h2:hover{

    text-decoration: none;

}

.theme-banner-block .btn-fancy-primary.slider-btn-1 {

    background-color: #ffff;

    color: var(--global-color);

    margin-right: 20px;

}

.theme-banner-block .btn-fancy-primary {

    background-color: var(--global-color);

    color: #fff;

    font-size: 13px;

    letter-spacing: 1px;

    font-weight: 700;

    display: inline-flex;

    padding: 13px 30px;

    text-decoration: none !important;

    border: 0px;

    text-transform: uppercase;

    border-radius: 30px;

}

.theme-banner-block .btn-fancy-primary svg{

    margin-left: 10px;

    fill: #fff;

}





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

# Category Section.

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

.post-main-content {

    display: flex;

}

.slider-post-content:nth-child(2)  {

    width: 40% !important;

}

.tab-box {

    width: 80%;

    margin: 0 auto;

}



span.slide-cat {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.data-bg.featured-img {

    height: 350px;

    width: 100%;

    border-radius: 10px 10px 0px 0px;

    opacity: 1;

    object-fit: cover;

}

.team-mian-box {

    width: 80%;

    margin: 0 auto;

}

.theme-article-post.slider-post-content .entry-thumbnail {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #332467 100%);

    border-radius: 10px;

}

.theme-product-block .theme-article-post.slider-post-content h2.entry-title.entry-title-big {

    font-size: 25px;

    color: #FFFFFF;

    font-weight: 700;

    margin-bottom: 10px;

    text-align: left;

}

.theme-article-post.slider-post-content .entry-content {

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 20px;

    color: #6B5884;

}

.theme-article-post.slider-post-content header.entry-header a.banner-btn {

    font-size: 14px;

    font-weight: 500;

    line-height: 26px;

    text-align: left;

    color: #fff;

}



.theme-article-post.slider-post-content .main-owl-caption {

    position: absolute;

    bottom: 0px;

    padding: 15px 30px;

}

.theme-article-post.slider-post-content{

    position: relative;

}

header.entry-header p {

    font-size: 12px;

    margin-bottom: 10px;

    color: var(--global-color);

    font-weight: 700;

    text-align: center;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.section-heading h6 span {

    position: absolute;

    left: 0px;

    color: var(--global-color);

    -webkit-text-stroke: 0px #FFD9D6;

    right: 0px;

    text-transform: capitalize;

    top: 5px;

    font-weight: 600;

    font-size: 20px;

}

.section-heading h6 {

    font-size: 30px;

    font-weight: 500;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 10px;

    position: relative;

    -webkit-text-stroke: 1px #FFD9D6;

    color: #ffffff;

}

.section-heading h4 {

    font-size: 24px;

    font-weight: 600;

    text-align: center;

    color: #1A3C8B;

}

.section-heading {

    margin-bottom: 25px !important;

    text-align: center;

    margin: 0 auto;

    width: 40%;

}

.theme-product-block .main-owl-caption h2.entry-title.entry-title-big {

    font-size: 22px;

    font-weight: 600;

    line-height: 30px;

    word-wrap: break-word;

    text-transform: capitalize;

    color: #08131D;

    text-align: center;

    margin: 0px;

}

.theme-product-block .main-owl-caption.catebox1,.theme-product-block .main-owl-caption.catebox4,.theme-product-block .main-owl-caption.catebox7{

    background: #E3562E;

}

.theme-product-block .main-owl-caption.catebox2,.theme-product-block .main-owl-caption.catebox5,.theme-product-block .main-owl-caption.catebox8{

    background: #375E35;

}

.theme-product-block .main-owl-caption.catebox3,.theme-product-block .main-owl-caption.catebox6,.theme-product-block .main-owl-caption.catebox9{

    background: var(--global-color);

}

.theme-product-block .main-owl-caption hr {

    border: 0;

    height: 3px;

    margin: 14px 0px;

    background: #C5C5C566;

    margin-bottom: 14px;

}



/* -------------------- Sldier Section ----------------- */

.slider-main {

    display: flex;

    align-items: center;

    gap: 20px;

}

.banner-left-box,.banner-right-box{

    position: relative;

}



.team-box p.team-default-text {

    font-size: 20px;

    font-weight: 900;

    text-align: center;

    color: #262F51;

    margin-bottom: 0px;

}

.team-mian-box .post-content-location {

    background: #FFFFFF;

    padding: 30px 15px;

    text-align: center;

    border-radius: 0px 0px 10px 10px;

}

.team-box p {

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin-bottom: 10px;

    color: #08131D;

}

.team-mian-box .post-content-location:hover h2.entry-title.entry-title-big a,.team-mian-box .post-content-location:hover p{

    color: #ffffff;

}

.team-mian-box .post-content-location:hover .social-area a svg {

    fill: #ffffff;

}

.team-mian-box .post-content-location:hover{

    background: #1A3C8B;

}

.team-mian-box .post-content-location .social-area{

    margin-top: 35px;

}

.team-mian-box .post-content-location .social-area a{

    padding: 0px 10px;

}

.team-mian-box .post-content-location .social-area a:hover svg{

    fill: var(--global-color);

}

.banner-image img{

    height: 300px;

}

.banner-image img {

    height: 350px;

    width: 300px;

    object-fit: cover;

    margin: 0 auto;

}

span.logo img {

    height: 30px;

    width: 100px;

}



span.heading {

    font-size: 16px;

    font-weight: 700;

    line-height: 14px;

    color: #ffffff;

}

.slider-box {

    background-size: 100% 100% !important;

}



.right-box h6 {

    font-size: 28px;

    font-weight: 800;

    text-align: center;

    color: var(--global-color);

    margin-bottom: 0px;

}

.right-box p{

    font-size: 12px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #010F1C;

    margin-bottom: 0px;

}

.right-box .image-main-box .data-bg-large {

    width: 360px;

    border-radius: 50%;

    position: relative;

    margin: 0px auto;

    left: 13px;

    z-index: 1;

}



.main-slider {

    position: relative;

    height: 600px;

}

.theme-custom-block {

    position: relative;

    height: 600px;

}

.singular-main-block .theme-custom-block {

    height: auto;

}

.theme-banner-block .main-slider {

    position: relative;

    padding: 50px 50px;

    display: flex;

    width: 100%;

    text-align: center;

}

.theme-banner-block .banner-center-box a {

    background: var(--global-color);

    font-size: 12px;

    font-weight: 400;

    color: #FFFFFF;

    margin-bottom: 30px;

    padding: 10px 25px;

    text-transform: capitalize;

}

.banner-left-box,.banner-center-box,.banner-right-box{

    width: 33.3%;

}

.theme-banner-block .main-slider .banner-center-box h6{

    font-size: 14px;

    color: var(--global-color);

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 5px;

    line-height: 28.75px;

}

.theme-banner-block .main-slider h4{

    font-size: 22px;

    font-weight: 500;

    text-align: center;

}



.theme-banner-block .swiper-container {

    position: relative;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

}

@media screen and (min-width: 575px) and (max-width: 767px)  {

    .theme-banner-block .theme-article-post {

        display: block !important;

    }

    .theme-header-areas.header-areas-right.header-button {

        align-items: center;

        display: grid;

        justify-items: center;

        justify-content: space-evenly;

    }

    .theme-header-areas.header-areas-right.header-button p.default-text{

        text-align: center;

    }

    .tab-box{

        width: 100%;

    }

    .data-bg.featured-img{

        height: 250px;

    }

    .post-main-content{

        display: block;

    }

    .theme-article-post.slider-post-content,.slider-post-content:nth-child(2){

        width: 100% !important;

    }

    .page-template-frontpage .main-header {

        position: relative;

        top: 0px;

    }

    .header-wrapper.sldier-contact-box{

        position: relative;

        width: 100%;

        display: flex;

        border-radius: 0px;

    }

    .left-box .main-carousel-caption .post-content{

        position: relative;

        left: 10px;

        transform: none;

        margin: 20px 0px;

        right: 10px;

    }

    .left-box{

        width: 70%;

        margin:0 auto;

    }

    .theme-header-areas.header-areas-right.menu-box{

        margin-bottom: 0px;

    }

    .theme-header-areas.header-areas-right.header-social{

        width: 50%;

        margin-bottom: 0px;

    }

    .right-box{

        margin-top: 30px !important;

        width: 100%;

    }

    .wrapper.header-wrapper.header-box{

        display: flex !important;

        align-items: center !important;

        gap:20px;

    }

    .menu-box,.header-titles {

        width: 25% !important;

    }

    .theme-product-block::after,.theme-product-block::before{

        display: none;

    }

    .main-box-header.theme-header-areas.header-areas-right.header-meta-box {

        width: 30% !important;

        text-align: left;

        display: flex !important;

    }

    .data-bg-large,.image-main-box {

        height: 350px !important;

    }

    .main-carousel-caption .post-content{

        position: relative !important;

    }

    .main-carousel-caption,.theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail{

        width: 100% !important;

    }

    .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail{

        margin-bottom: 20px !important;

    }

}

@media screen and (min-width: 768px) and (max-width: 991px)  {

    .right-box .image-main-box .data-bg-large {

        width: 285px;

    }

    .header-wrapper.sldier-contact-box {

        width: 100%;

    }

    .right-box {

        width: 65% !important;

    }

    .banner-image img{

        width: 100%;

    }

    .image-main-box:after {

       width: 360px;

       left: 0px;

       right: 0px;

       margin: 0 auto;

    }   

    .left-box .main-carousel-caption .post-content {

        left: 5%;

        position: relative;

        top: 50%;

        width: 100%;

        transform: none;

    }

    .section-heading {

        width: 70% !important;

    }

    .theme-product-block::after,.theme-product-block::before{

        display: none;

    }

    .theme-header-areas.header-areas-right.header-social {

        width: 40%;

    }

    .theme-article-post.slider-post-content,.slider-post-content:nth-child(2) {

        width: 50%;

    }

    .post-main-content{

        gap:0px;

    }

    .menu-box {

        width: 20%;

        justify-content: center !important;

    }

    .header-titles {

        width: 40%;

    }

    .theme-header-areas.header-areas-right.header-button{

        width: 40%;

    }

    .wrapper.header-wrapper.header-box{

        gap:20px !important;

    }

}

@media screen and (min-width: 992px) and (max-width: 1200px)  {

    .header-wrapper.sldier-contact-box {

        width: 75%;

    }

    .theme-header-areas.header-areas-right.header-social {

        width: 17%;

    }

}

@media (max-width: 574px) {

    #top-header .theme-header-areas .header-areas-right{

        justify-content: center;

    }

    a.social-4 {

        width: auto;

    }

    .page-template-frontpage .main-header {

        position: relative;

        top: 0px;

    }

    .left-box,.right-box{

        width: 100% !important;

    }

    .theme-product-block::after,.theme-product-block::before{

        display: none;

    }

    .left-box .main-carousel-caption .post-content {

        left: 0% ;

        right: 0%;

        position: relative;

        top: 0% ; 

        transform: none ; 

    }

    .post-main-content{

        display: block;

    }

    .slider-post-content:nth-child(2),.theme-article-post.slider-post-content{

        width: 100% !important;

    }

    .theme-article-post.slider-post-content{

        margin-bottom: 10px;

    }

    .theme-header-areas.header-areas-right.header-social .social-area{

        justify-content: center;

    }

    .theme-header-areas.header-areas-right.header-social {

        width: 100%;

        margin-bottom: 0px;

    }

    .header-wrapper.sldier-contact-box {

        width: 100% !important;

        position: relative !important;

        border-radius: 0px !important;

        padding: 10px !important;

    }

    .header-titles {

        width: 100%;

    }

    .banner-left-box, .banner-center-box, .banner-right-box{

        width: 100%;

    }

    .banner-image{

        margin-bottom: 20px;

    }

    .theme-header-areas.header-areas-right.header-button {

        display: flex;

        text-align: left;

        justify-content: center;

    }

    .menu-box,.theme-header-areas.header-areas-right.header-button {

        width: 100%;

    }

    .theme-header-areas.header-areas-left.suport-box ,.theme-header-areas.header-areas-left.account-box{

        margin-bottom: 0px;

    }

}

@media (max-width: 767px) {

    .header-titles .custom-logo-name {

        font-size: 2.8rem;

    }

    .main-carousel-caption .post-content{

        text-align: center;

    }

    .section-heading h6 span {

        font-size: 14px;

    }

    .section-heading h6 {

        font-size: 17px;

    }

    .section-heading h4 {

        font-size: 22px;

    }

    .team-mian-box{

        width: 100%;

    }

    .theme-banner-block .main-slider {

        padding: 10px;

        display: block;

    }

    .banner-left-box, .banner-center-box, .banner-right-box{

        width: 100%;

    }

    .section-heading{

        width: 100% !important;

    }

    .slider-box{

        clip-path: none;

    }

    .theme-custom-block,.slider-box,.main-slider{

        height: auto;

    }

}

@media screen and (max-width: 992px) and (min-width: 768px) {

    .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p {

        font-size: 14px;

    }

    .swiper-slide .post-content h2 a{

        font-size: 35px;

    }

}

@media screen and (max-width: 1200px) and (min-width: 992px) {  

    .right-box {

        width: 51%;

    }

    .section-heading {

        width: 52% !important;

    }

    .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p {

        font-size: 12px;

    }

    .main-carousel-caption .post-content {

        width: 75%;

    }

}

@media screen and (max-width: 1600px) and (min-width: 1201px) {

    .team-box{

        top: 45%;

    }

    .main-carousel-caption .post-content {

        width: 60%;

    }

    .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p{

        font-size: 13px;

    }

    .header-wrapper.sldier-contact-box {

        width: 65%;

    }

    .section-heading {

        width: 50% !important;

    }

}



.header-navigation-wrapper {

    position: relative;

}

.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;

    }

}

.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;

}



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

## Sticky

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



.stick_head {

  position: fixed !important;

  width: 100%;

  z-index: 999999;

  top: 0;

  left: 0;

  padding: 12px 0px;

  background: #ffffff;

}

.header-navbar.login-user.stick_head {

  margin-top: 32px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



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

## 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 var(--global-color);

      border-left: 25px solid var(--global-color);

      border-bottom: 25px solid var(--global-color);

      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 var(--global-color);

      border-left: 25px solid var(--global-color);

      border-bottom: 25px solid var(--global-color);

      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: #FFE52C;

      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); }

  }



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

## Links

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

a {

    color: #000;

    text-decoration: none;

}

a:hover,

a:focus {

    color: var(--global-color);

}

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,.theme-custom-block a {

    text-decoration: underline;

}

.entry-content p{

    word-wrap: break-word;

}

.wp-block-button__link{

    border-radius: 30px;

    margin-bottom: 15px;

}

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

## Menus

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

span.navbar-control-trigger{

    color: var(--global-color);

}

.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;

    justify-content: center;

}

.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: 1rem 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 > a::before {

    position: absolute;

    content: "";

    height: 0.1rem;

    width: 0;

    right: 0;

    bottom: -5px;

    background-color: #2D215F;

    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;

}

.site-navigation .primary-menu > li a {

    color: #271D3A;

    font-size: 14px;

    position: relative;

    letter-spacing: 2px;

    font-weight: 500;

}

.site-navigation .primary-menu > li a:hover{

    color: #1A3C8B;

    font-weight: bold;

}

/* SUB MENU */

.site-navigation .primary-menu ul {

    background: var(--global-color);

    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.sub-menu li a{

    color:#fff !important;

}

.site-navigation .primary-menu ul a {

    background: transparent;

    border: none;

    color: inherit;

    padding: 1.5rem;

    transition: background-color 0.15s linear;

    width: 90%;

}

.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: var(--global-color);

    bottom: auto;

    left: -1.6rem;

    top: 2rem;

}

.rtl .site-navigation .primary-menu ul ul::after {

    transform: rotate(180deg);

}



@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;

    }

    .wrapper, .wrapper-fluid {

        width: auto !important;

        margin-right: 15px !important;

        margin-left: 15px !important;

    }

}

.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;

    }

}

#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;

    height: 55px;

    width: 20%;

    -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;

}

.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;

}

.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-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;

    }

    .slider-main {

        display: block;

        text-align: center;

        padding-top: 0px;

    }

    .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;

    }

    .right-box h6{

        margin-top: 0px;

    }

    .header-wrapper .header-areas-left,.header-wrapper .header-areas-right {

        justify-content: unset;

        margin-bottom: 15px;

    }

    .main-carousel-caption .post-content{

        width: 100%;

    }

    .theme-banner-block .btn-fancy-primary.slider-btn-1{

        margin-right: 0px;

        margin-bottom: 10px;

    }

    .main-carousel-caption{

        padding: 0px !important;

    }

    .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;

}

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

## Posts and pages

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

.sticky {

    display: block;

}

.theme-article-details{

    margin-bottom: 20px;

}

.widget-area-wrapper button.search-submit {

    padding: 17px 25px;

}

.updated:not(.published) {

    display: none;

}

.entry-header-1 {

    margin-top: 3rem;

    padding-top: 3rem;

}

@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 (min-width: 992px) {

    .wrapper {

        max-width: 1140px;

    }

}

@media only screen and (min-width: 1441px) {

    .wrapper {

        max-width: 1400px;

    }

}

.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,.singular-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: 5;

    font-size: 1.6rem;

    padding-top: 4rem;

}

.widget-area-wrapper .widget {

    border-bottom: 1px solid;

}

.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: 1px solid;

    -ms-flex-order: 2;

    order: 2;

    z-index: 1;

}

.right-sidebar .widget-area-wrapper .widget {

    margin-left: 40px;

}

.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: var(--global-color);

}

.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 {

    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 span.post-title{

    word-break: break-all;

}

.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;

}



.entry-thumbnail img {

    object-fit: cover;

}

.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;

}

.site-content .content-area .theme-article-image {

    margin-bottom: 2rem;

}



/* 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;

        margin:0 auto;

    }

}

.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.to-the-top {

    color: #222222;

    font-weight: 400;

}

@media only screen and (max-width: 767px) {

    .footer-widgetarea {

        padding-bottom: 3rem;

        padding-top: 3rem;

    }

    .site-info {

        padding: 3rem 0;

    }

}

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

## Rough

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



.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 .entry-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 3rem;

    width: 100%;

}

.theme-custom-block {

    position: relative;

}

.theme-product-block {

    padding: 50px 0;

    position: relative;

}



.theme-product-block .owl-nav,.theme-product-block .owl-dots{

    display: none;

}



.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-product-block h3{

        margin-bottom: 15px;

    }

    .header-navbar{

        justify-content: center;

    }

}

.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;

}

.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%);

    }

}



@media (max-width: 767px) {

    .image-main-box:after{

        display: none;

    }

}



@media (max-width: 575px) {

    .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail ,.main-carousel-caption{

        width: 100%;

    }

    .theme-banner-block .theme-article-post{

        display: block;

    }

    .page-template-frontpage header#site-header{

        position: static;

    }

    .main-carousel-caption .post-content{

        position: relative;

    }

    .main-slider {

        position: relative;

    }

    .theme-main-carousel .entry-content{

        display: none;

    }

    .swiper-slide .post-content h2 a {

        font-size: 30px;

    }

    .image-main-box{

        width: 100%;

    }

    .right-box .image-main-box .data-bg-large{

        width: 260px;

        left: 0px;

    }

    .right-box{

        margin-top: 20px;

    }

    .image-main-box:after{

        display: none;

    }

    .image-main-box{

        height: 265px;

    }

}

.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;

}



.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: #F75C4E;

    --font-head: "Plus Jakarta Sans", sans-serif;

    --font-main: "Plus Jakarta Sans", 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;

}

/* 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);

    color: #000;

}

.theme-image-responsive {

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    position: absolute;

    z-index: 0;

}

.theme-image-responsive:focus {

    border: 2px solid var(--global-color);

}

.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;

}

.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: 0;

    background: rgb(26 77 140 / 70%);

    left: 0;

    right: 0;

    padding: 15px;

}

.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;

}

.woocommerce span.onsale{

    background-color: var(--global-color);

}



.woocommerce div.product p.price, .woocommerce div.product span.price{

    color: var(--global-color);

}

.products button,.products .button,.products .wp-block-search__button,.products .wp-block-button__link,.products .wp-block-file .wp-block-file__button,.products input[type="button"],.products input[type="reset"],.products input[type="submit"],.products .woocommerce ul.products li.product .button,.products a.added_to_cart.wc-forward{

    padding: 10px 25px !important;

}



.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper.tinvwl-woocommerce_after_shop_loop_item {

    text-align: center;

}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{

    width: auto !important;

}

.woocommerce-Address-title.title a,.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,.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{

    background-color: #fff;

    color: #000;

    border: solid 2px #000;

}

.woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a: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)) #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{

    background-color: var(--global-color);

}

@media screen and (min-width:1700px) and (max-width:1900px){

    .wrapper{

        max-width: 1520px;

    }

}

@media screen and (min-width:1920px) {

    .wrapper{

        max-width: 1620px;

    }

}



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;

    }

}



.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {

    position: unset !important;

    padding: 0;

}

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;

}