/*!
Theme Name: unitex
Theme URI: https://digitalanimals.com.au/
Author: Digital Animals Agency
Author URI: https://digitalanimals.com.au/
Description: Custom theme for Unitex Australia
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: unitex
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*========== Fonts Start ==========*/

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeueLight.eot");
    src: url("assets/fonts/HelveticaNeueLight.eot?#iefix") format("embedded-opentype"), url("assets/fonts/HelveticaNeueLight.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLight.woff") format("woff"), url("assets/fonts/HelveticaNeueLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeueMedium.eot");
    src: url("assets/fonts/HelveticaNeueMedium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/HelveticaNeueMedium.woff2") format("woff2"), url("assets/fonts/HelveticaNeueMedium.woff") format("woff"), url("assets/fonts/HelveticaNeueMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeueRegular.eot");
    src: url("assets/fonts/HelveticaNeueRegular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/HelveticaNeueRegular.woff2") format("woff2"), url("assets/fonts/HelveticaNeueRegular.woff") format("woff"), url("assets/fonts/HelveticaNeueRegular.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeueThin.eot");
    src: url("assets/fonts/HelveticaNeueThin.eot?#iefix") format("embedded-opentype"), url("assets/fonts/HelveticaNeueThin.woff2") format("woff2"), url("assets/fonts/HelveticaNeueThin.woff") format("woff"), url("assets/fonts/HelveticaNeueThin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeueBold.eot");
    src: url("assets/fonts/HelveticaNeueBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/HelveticaNeueBold.woff2") format("woff2"), url("assets/fonts/HelveticaNeueBold.woff") format("woff"), url("assets/fonts/HelveticaNeueBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("assets/fonts/Syne-Regular.eot");
    src: url("assets/fonts/Syne-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Syne-Regular.woff2") format("woff2"), url("assets/fonts/Syne-Regular.woff") format("woff"), url("assets/fonts/Syne-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("assets/fonts/Syne-Medium.eot");
    src: url("assets/fonts/Syne-Medium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Syne-Medium.woff2") format("woff2"), url("assets/fonts/Syne-Medium.woff") format("woff"), url("assets/fonts/Syne-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("assets/fonts/Syne-Bold.eot");
    src: url("assets/fonts/Syne-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Syne-Bold.woff2") format("woff2"), url("assets/fonts/Syne-Bold.woff") format("woff"), url("assets/fonts/Syne-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("assets/fonts/Syne-ExtraBold.eot");
    src: url("assets/fonts/Syne-ExtraBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Syne-ExtraBold.woff2") format("woff2"), url("assets/fonts/Syne-ExtraBold.woff") format("woff"), url("assets/fonts/Syne-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("assets/fonts/Syne-SemiBold.eot");
    src: url("assets/fonts/Syne-SemiBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Syne-SemiBold.woff2") format("woff2"), url("assets/fonts/Syne-SemiBold.woff") format("woff"), url("assets/fonts/Syne-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*========== Fonts End ==========*/

/*========== Common Start ==========*/

:root {
    /* Color Variables */
    --primary-color-rgb: 0, 137, 196;
    --primary-color: rgba(var(--primary-color-rgb), 1);
    --secondary-color-rgb: 128, 129, 132;
    --secondary-color: rgba(var(--secondary-color-rgb), 1);
    --slate-color-rgb: 46, 59, 66;
    --slate-color: rgba(var(--slate-color-rgb), 1);
    --light-gray-color-rgb: 214, 214, 214;
    --light-gray-color: rgba(var(--light-gray-color-rgb), 1);
    --mid-light-gray-color-rgb: 246, 246, 246;
    --mid-light-gray-color: rgba(var(--mid-light-gray-color-rgb), 1);
    --gray-color-rgb: 217, 217, 217;
    --gray-color: rgba(var(--gray-color-rgb), 1);
    --light-blue-color-rgb: 242, 251, 255;
    --light-blue-color: rgba(var(--light-blue-color-rgb), 1);
    --dark-color-rgb: 36, 41, 46;
    --dark-color: rgba(var(--dark-color-rgb), 1);
    --dark-gray-color-rgb: 77, 77, 77;
    --dark-gray-color: rgba(var(--dark-gray-color-rgb), 1);
    --text-color-rgb: 36, 41, 46;
    --text-color: rgba(var(--text-color-rgb), 1);
    --border-color-rgb: 36, 41, 46;
    --border-color: rgba(var(--border-color-rgb), 1);
    --white-color-rgb: 255, 255, 255;
    --white-color: rgba(var(--white-color-rgb), 1);
    --black-color-rgb: 0, 0, 0;
    --black-color: rgba(var(--black-color-rgb), 1);
    --error-color-rgb: 229, 73, 73;
    --error-color: rgba(var(--error-color-rgb), 1);
    --success-color-rgb: 39, 192, 40;
    --success-color: rgba(var(--success-color-rgb), 1);
    --input-color-rgb: 36, 41, 46;
    --input-color: rgba(var(--input-color-rgb), 1);

    /* Scrollbar Variables */
    --scrollbar-thumb-color: var(--primary-color);
    --scrollbar-track-color: rgba(var(--primary-color-rgb), 0.2);

    /* Font Variables */
    --body-font: "HelveticaNeue";
    --title-font: "Syne";

    /* Header Variables */
    --main-header-height: 117px;
    --top-header-bar-height: 36px;

    /* Section Spacing Variables */
    --section-spacing: 80px;

    /* Body Variables */
    --body-font-size: clamp(1rem, 0.216vw + 0.866rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 16px */
    --body-line-height: 1.75;

    /* Transition Variables */
    --transition: 0.3s;
    --transition-2: 0.5s;

    /* Gutter Variables */
    --gutter: 32px;

    /* Modal Variables */
    --modal-backdrop-opacity: 0.5;
    --modal-backdrop-color: rgba(var(--black-color-rgb), var(--modal-backdrop-opacity));

    /* Swiper Variables */
    --swiper-pagination-bullet-inactive-color: var(--gray-color);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-border-radius: 0px;
    --swiper-pagination-bullet-height: 4px;
    --swiper-pagination-bullet-width: 41px;
    --swiper-pagination-color: var(--dark-color);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 7px;
    --swiper-pagination-bullet-margin: 56px;
    --swiper-outside: 30px;

    /* Form Variables */
    --form-input-height: 46px;
    --form-input-padding-inline: 20px;
    --form-select-arrow-right-position: 30px;
    --form-control-wrap-margin-bottom: 30px;
    --form-accent-color: var(--primary-color);


}

body {
    font-family: var(--body-font);
    font-weight: 100;
    letter-spacing: 0.05em;
}

body,
button,
input,
select,
optgroup,
textarea,
P {
    color: var(--text-color);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    font-weight: 100;
    letter-spacing: 0.05em;
}

p {
    margin-bottom: 16px;
    letter-spacing: 0.05em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: var(--dark-color);
    font-family: var(--title-font);
    letter-spacing: -0.05em;
    text-transform: uppercase;
}

p a,
a {
    color: var(--primary-color);
    transition: var(--transition);
}

p a:hover,
a:hover {
    color: var(--dark-color);
}

h1,
.h1-title {
    font-size: clamp(3.438rem, 2.694vw + 1.767rem, 5rem);
    /* Breakpoint:- 1920 to 992, value:- 80px to 55px */
    line-height: 1;
    margin-bottom: 12px;
}

h2,
.h2-title {
    font-size: clamp(2.5rem, 1.078vw + 1.832rem, 3.125rem);
    /* Breakpoint:- 1920 to 992, value:- 50px to 40px */
    line-height: 1;
    margin-bottom: 14px;
}

h3,
.h3-title {
    font-size: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
    line-height: 1;
    margin-bottom: 0;
}

h4,
.h4-title {
    font-size: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    line-height: 1;
    margin-bottom: 0;
}

h5,
.h5-title {
    font-size: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
    line-height: 1;
    margin-bottom: 0;
}

h6,
.h6-title {
    font-size: clamp(1rem, 0.216vw + 0.866rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 16px */
    line-height: 1;
    margin-bottom: 0;
}

.p1 {
    font-size: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
    line-height: 1.75;
    color: var(--text-color);
    font-weight: 100;
}

.p2 {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
    font-weight: 100;
}

.p1>*,
.p2>* {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.play-btn {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    color: var(--primary-color);
    background: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    box-shadow: 0 3px 10px rgba(var(--dark-color-rgb), 0.16);
    transition: var(--transition);
}

.play-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.spinner {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, 0);
    background: rgba(var(--dark-color-rgb), 0.2);
    display: none;
    z-index: 3;
}

.spinner iconify-icon {
    font-size: 40px;
    color: var(--primary-color);
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 2;
    animation: rot360 0.6s linear infinite;
}

@keyframes rot360 {
    100% {
        transform: rotate(360deg);
    }

    0% {
        transform: rotate(0deg);
    }
}

.my-80 {
    margin-block: var(--section-spacing);
}

.mt-80 {
    margin-top: var(--section-spacing);
}

.mb-80 {
    margin-bottom: var(--section-spacing);
}

.py-80 {
    padding-block: var(--section-spacing);
}

.pt-80 {
    padding-top: var(--section-spacing);
}

.pb-80 {
    padding-bottom: var(--section-spacing);
}

@media (min-width: 992px) {
    .container {
        --container-max-width: 1712px;
        max-width: calc(var(--container-max-width) + var(--gutter));
        --container-gutter: var(--gutter);
    }
}

@media (max-width: 991px) {
    :root {
        --gutter: 24px;
    }

    h1,
    .h1-title {
        font-size: 44px;
    }

    h2,
    .h2-title {
        font-size: 36px;
    }
}

@media (max-width: 782px) {
    #wpadminbar {
        position: fixed;
    }
}

@media (max-width: 575px) {
    :root {
        --swiper-pagination-bullet-width: 30px;
        --section-spacing: 60px;
    }

    h1,
    .h1-title {
        font-size: 34px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    h3,
    .h3-title {
        font-size: 20px;
    }

    h4,
    .h4-title {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    :root {
        --form-input-height: 44px;
        --form-input-padding-inline: 15px;
        --form-select-arrow-right-position: 25px;
        --form-control-wrap-margin-bottom: 25px;
    }

    h1,
    .h1-title {
        font-size: 30px;
    }

    h2,
    .h2-title {
        font-size: 26px;
    }

    .container {
        --container-gutter: calc(var(--gutter) / 2);
    }
}

/*========== Common End ==========*/

/*========== Common Components Start ==========*/

/* ----- Common Section Start ----- */

.common-sec {
    --extra-space: 67px;
    margin-top: var(--extra-space);
    padding-bottom: clamp(6.25rem, 10.776vw - 0.431rem, 12.5rem);
    /* Breakpoint:- 1920 to 992, value:- 200px to 100px */
}

.common-sec-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 24px;
    margin-bottom: 40px;
}

.common-sec-title .common-sec-title-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.common-sec-title .common-sec-title-content>* {
    margin-bottom: 0;
}

.common-sec-title .common-sec-title-content-btn {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.common-sec .common-content-box {
    margin-top: calc(var(--extra-space) * -1);
}

.common-content-box {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    padding: clamp(2.188rem, 3.341vw + 0.116rem, 4.125rem) clamp(2.5rem, 3.448vw + 0.362rem, 4.5rem);
    /* Breakpoint:- 1920 to 992, value:- 66px to 35px */
    /* Breakpoint:- 1920 to 992, value:- 72px to 40px */
    background-color: var(--dark-color);
}

.common-content-box .sec-title .h2-title {
    margin-bottom: 0;
}

.common-content-box .p2 {
    max-width: 500px;
}

.common-content-box .p2 ul {
    list-style: disc;
    margin: 0 0 16px 30px;
}

.common-content-box .p2 ol {
    margin: 0 0 16px 30px;
}

.common-content-tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.common-content-tags ul li {
    line-height: 1;
}

.common-content-tags ul li a {
    display: inline-block;
    padding: 7px;
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    color: var(--white-color);
    background-color: transparent;
    border: 1px solid var(--white-color);
    transition: var(--transition);
}

.common-content-tags ul li a:hover {
    border-color: var(--primary-color);
    color: var(--white-color);
    background-color: var(--primary-color);
}

/* ----- Common Section End ----- */

/* ----- Common Slider Section Start ----- */

.common-slider-wp {
    position: relative;
}

.common-slider-sec .swiper .common-slider-image {
    padding-top: clamp(11.25rem, 21.552vw - 2.112rem, 23.75rem);
    /* Breakpoint:- 1920 to 992, value:- 380px to 180px */
    height: 100%;
}

.common-slider-pagination-wrapper {
    position: relative;
    bottom: 74px;
    margin-bottom: -18px;
    line-height: 1;
    pointer-events: none;
}

.common-slider-pagination-wrapper .common-slider-pagination-inner {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(2.5rem, 2.478vw + 0.963rem, 3.938rem);
    /* Breakpoint:- 1920 to 992, value:- 63px to 40px */
    pointer-events: auto;
}

.common-slider-pagination-wrapper .common-slider-pagination-inner .swiper-pagination {
    --swiper-pagination-bullet-margin: 0px;
    justify-content: flex-start;
    width: auto;
}

.common-slider-sec .swiper {
    --extra-space: 125px;
    padding-bottom: var(--extra-space);
}

.common-slider-sec .swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.common-slider .common-slider-image .container,
.common-slider .common-slider-image .container .row,
.common-slider .common-slider-image .container .row [class*="col-"] {
    height: 100%;
}

.common-slider-sec .common-content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% + var(--extra-space));
    margin-bottom: calc(var(--extra-space) * -1);
}

.common-slider-sec .common-content-box .p2 {
    max-width: 100%;
    max-height: 284px;
}

/* ----- Common Slider Section End ----- */

.social-media ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.social-media ul li a {
    --size: 50px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    background-color: transparent;
    color: var(--dark-color);
    font-size: 24px;
    transition: var(--transition);
}

.social-media ul li a:hover,
.social-media.social-media-white ul li a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.social-media ul li a svg {
    width: 1em;
    height: 1em;
}

.social-media.social-media-white ul li a {
    background-color: var(--white-color);
    border-color: var(--white-color);
}

.sec-title.mb-40 {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .common-content-box {
        max-width: 840px;
    }

    .common-content-box.common-content-box-right {
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    .common-sec {
        --extra-space: 50px;
    }

    .common-content-box {
        padding: 40px 30px;
    }

    .common-sec-title {
        margin-bottom: 30px;
    }

    .common-sec-title:has(.common-sec-title-content-btn .for-des) {
        gap: 0;
    }

    .common-slider-sec .swiper .common-slider-image {
        padding-top: 120px;
    }

    .common-slider-sec .swiper {
        --extra-space: 80px;
    }

    .common-slider-pagination-wrapper {
        margin-top: 30px;
        bottom: 0;
        margin-bottom: 0;
    }

    .sec-title.mb-40 {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .common-sec {
        padding-bottom: 80px;
    }

    .common-content-box {
        padding: 35px 25px;
    }

    .common-slider-sec .swiper .common-slider-image {
        padding-top: 100px;
    }

    .social-media ul li a {
        --size: 44px;
        font-size: 22px;
    }
}

@media (max-width: 400px) {
    .common-sec {
        padding-bottom: 60px;
    }

    .common-content-box {
        padding: 30px 20px;
    }

    .common-slider-sec .swiper .common-slider-image {
        padding-top: 80px;
    }

    .social-media ul li a {
        --size: 40px;
        font-size: 20px;
    }
}

/*========== Common Components End ==========*/

/* ========= Common Form Start ==========*/
.common-form-wp {
    margin-right: -16px;
}

.common-form .gform_heading {
    margin-bottom: 40px;
}

.common-form .gform_heading .gform_title {
    margin-bottom: 40px;
}

.common-form .gform_heading .gform_required_legend {
    display: none;
}

@media (max-width: 1699px) {
    .common-form-wp {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .common-form-wp {
        margin-right: 0;
    }

    .common-form .gform_heading {
        margin-bottom: 30px;
    }

    .common-form .gform_heading .gform_title {
        margin-bottom: 30px;
    }
}

/* Gravity Form Start */

.gform_wrapper.gform-theme {
    --gf-color-primary: var(--primary-color);
    --gf-form-gap-x: 24px;
    --gf-form-gap-y: 32px;
    --gf-transition-ctrl: var(--transition);
    --gf-form-footer-margin-y-start: 32px;
    --gf-ctrl-label-color-req: var(--error--color);

    /* File Upload */
    --gf-ctrl-file-zone-border-style: solid;
    --gf-ctrl-file-zone-radius: 0px;
    --gf-ctrl-file-zone-padding-x: 40px;
    --gf-ctrl-file-zone-padding-y: 50px;
    --gf-ctrl-file-zone-height: auto;
    --gf-ctrl-file-prog-bar-bg-color-loading: var(--primary-color);

    /* Validation */
    --gf-color-danger: var(--error-color);
    --gf-ctrl-label-color-req: var(--error-color);
}

.gform_wrapper.gform-theme label.gfield_label.gform-field-label {
    font-size: var(--body-font-size);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.75;
    margin-bottom: 8px;
    color: var(--dark-color);
    letter-spacing: 0.05em;
}

.gform_wrapper.gform-theme .gfield :where(input, textarea, select) {
    --gf-local-padding-y: 10px;
    --gf-local-padding-x: 20px;
    border: 1px solid var(--border-color);
    background: var(--white-color);
    border-radius: 0px;
    box-shadow: none;
    block-size: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    font-size: var(--body-font-size);
    letter-spacing: 0.05em;
}

.gform_wrapper.gform-theme .gfield :where(input, textarea, select):focus {
    outline: none;
}

.gform_wrapper.gform-theme .gfield :where(textarea) {
    min-block-size: 200px !important;
    resize: none;
    display: block;
    overflow-wrap: break-word;
}

.gform_wrapper.gform-theme .gfield .gfield_description {
    font-size: clamp(0.813rem, 0.323vw + 0.612rem, 1rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 13px */
    font-weight: 700;
    color: var(--secondary-color);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 8px;
}

.gform_wrapper.gform-theme .gfield .gfield_description.validation_message {
    color: var(--error-color);
}

.gform-theme.gform_wrapper .gform_footer .gform_button.button {
    outline: none !important;
    --gf-ctrl-btn-size: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    --gf-ctrl-btn-bg-color-primary: var(--dark-color);
    --gf-ctrl-btn-border-color-primary: var(--dark-color);
    --gf-ctrl-btn-radius: 0px;
    --gf-ctrl-btn-color: var(--white-color);
    --gf-ctrl-btn-text-transform: uppercase;
    --gf-ctrl-btn-font-weight: 300;
    --gf-ctrl-btn-letter-spacing: 0.05em;
    --gf-ctrl-btn-font-size: var(--body-font-size);
    --gf-ctrl-btn-padding-x: 30px;
    --gf-ctrl-btn-padding-y: 10px;
    --gf-ctrl-btn-bg-color-hover-primary: var(--primary-color);
    --gf-ctrl-btn-color-hover-primary: var(--white-color);
    --gf-ctrl-btn-border-color-hover-primary: var(--primary-color);
    --gf-ctrl-btn-bg-color-focus-primary: var(--primary-color);
    --gf-ctrl-btn-color-focus-primary: var(--white-color);
    --gf-ctrl-btn-border-color-focus-primary: var(--primary-color);
}

.gform_wrapper.gform-theme .gform-footer {
    position: relative;
}

.gform_wrapper.gform-theme .gform-loader {
    position: absolute;
    right: 10px;
    --gf-form-spinner-fg-color: var(--primary-color);
    --gf-form-spinner-bg-color: var(--black-color);
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
    content: none;
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area {
    --gf-ctrl-border-color: var(--border-color);
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_instructions {
    --gf-ctrl-file-zone-instructions-margin-y-end: 16px;
    font-size: var(--body-font-size);
    text-transform: uppercase;
    font-weight: 300;
    color: var(--dark-color);
    letter-spacing: 0.05em;
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area .button.gform_button_select_files {
    background: var(--dark-color);
    border: 1px solid var(--border-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 0.862vw + 0.466rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 16px */
    border-radius: 0;
    font-size: var(--body-font-size);
    line-height: 1;
    padding-inline: clamp(1.25rem, 1.293vw + 0.448rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
    padding-block: clamp(0.625rem, 0.539vw + 0.291rem, 0.938rem);
    /* Breakpoint:- 1920 to 992, value:- 15px to 10px */
    color: var(--white-color);
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    outline: none !important;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area .button.gform_button_select_files:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.gform_wrapper.gform-theme .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area .button.gform_button_select_files:after {
    --size: 32px;
    content: "";
    width: var(--size);
    height: var(--size);
    display: block;
    background: var(--white-color);
    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDExSDEwQzkuMjA0MzUgMTEgOC40NDEyOSAxMS4zMTYxIDcuODc4NjggMTEuODc4N0M3LjMxNjA3IDEyLjQ0MTMgNyAxMy4yMDQ0IDcgMTRWMjZDNyAyNi43OTU3IDcuMzE2MDcgMjcuNTU4NyA3Ljg3ODY4IDI4LjEyMTNDOC40NDEyOSAyOC42ODM5IDkuMjA0MzUgMjkgMTAgMjlIMjJDMjIuNzk1NiAyOSAyMy41NTg3IDI4LjY4MzkgMjQuMTIxMyAyOC4xMjEzQzI0LjY4MzkgMjcuNTU4NyAyNSAyNi43OTU3IDI1IDI2VjE0QzI1IDEzLjIwNDQgMjQuNjgzOSAxMi40NDEzIDI0LjEyMTMgMTEuODc4N0MyMy41NTg3IDExLjMxNjEgMjIuNzk1NiAxMSAyMiAxMUgyME0yMCA3TDE2IDNNMTYgM0wxMiA3TTE2IDNWMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: translate(0, 0);
    opacity: 1;
    transition: var(--transition);
}

.gform_wrapper.gform-theme.gform_confirmation_wrapper .gform_confirmation_message {
    font-size: clamp(1.125rem, 0.395vw + 1.026rem, 1.5rem);
    /* Breakpoint:- 1920 to 400, value:- 24px to 18px */
}

@media (max-width: 991px) {
    .gform_wrapper.gform-theme {
        --gf-form-gap-x: 16px;
        --gf-form-gap-y: 16px;
        --gf-form-footer-margin-y-start: 16px;
        --gf-ctrl-file-zone-padding-x: 20px;
        --gf-ctrl-file-zone-padding-y: 40px;
    }

    .gform_wrapper.gform-theme .gfield :where(textarea) {
        min-block-size: 150px !important;
    }
}

/* Gravity Form End */

/* ========= Common Form End ==========*/

/*========== Form Start ==========*/

.form-element {
    position: relative;
}

.wpcf7-form-control-wrap:has(.wpcf7-select):after {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: calc(var(--form-input-height) / 2);
    right: calc(var(--form-select-arrow-right-position) / 2);
    font-size: 22px;
    color: var(--primary-color);
    pointer-events: none;
    line-height: 0;
    display: block;
    transform: translate(0, -50%);
    z-index: 1;
}

span.wpcf7-form-control {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

span.wpcf7-form-control.wpcf7-checkbox {
    flex-direction: column;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}

/* Input Validation Start */
.form-input.wpcf7-not-valid,
.input-text.wpcf7-not-valid,
.wpcf7-form-control-wrap .wpcf7-not-valid .wpcf7-list-item input[type="checkbox"],
.wpcf7-form-control-wrap .wpcf7-not-valid .wpcf7-list-item input[type="radio"] {
    border-color: var(--error-color);
    outline: 1px solid var(--error-color) !important;
}

/* Input Validation End */

/* Placeholder Start */
.form-input::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-moz-placeholder,
.input-text::-moz-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::placeholder,
.input-text::placeholder {
    color: var(--input-color);
    opacity: 1;
}

/* Placeholder End */

select option {
    color: var(--black-color);
}

select {
    color: var(--input-color) !important;
}

.form-input,
.input-text,
.select2-container--default .select2-selection--single .select2-selection__rendered,
select {
    width: 100%;
    height: var(--form-input-height);
    border: 1px solid var(--border-color);
    outline: none !important;
    padding: 0 var(--form-input-padding-inline);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--dark-color);
    background: var(--white-color);
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
}

select,
select.form-input {
    padding-right: calc(var(--form-input-padding-inline) + var(--form-select-arrow-right-position));
}

.form-input.wpcf7-textarea {
    height: 120px;
    resize: none;
    padding: 15px;
    display: block;
}

.submit-btn {
    position: relative;
    display: inline-block;
    text-align: left;
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    margin: 0 0 0 10px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Form Input File Start */

.form-input-file {
    position: relative;
    height: 48px;
    background: 0 0;
    border-radius: 0;
    border: 1px solid var(--black-color);
    margin-bottom: var(--gutter);
}

.form-box.form-input-file {
    height: auto;
    border: 0;
}

.form-input-file p {
    color: var(--black-color);
    line-height: 1;
    margin-bottom: 0;
}

.form-box {
    position: relative;
}

.form-box.form-input-file p {
    line-height: inherit;
}

.form-input-file .wpcf7-form-control-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.form-box.form-input-file .wpcf7-form-control-wrap {
    position: relative;
}

.form-input-file [type="file"] {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.form-box.form-input-file input[type="file"] {
    width: 76px;
    height: 73px;
    line-height: 1;
}

.form-input-file .icon-label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
}

.form-box.form-input-file .input-file-icon {
    position: absolute;
    top: 30px;
    left: 0;
    width: 76px;
    height: 73px;
    background: var(--input-color);
    border-radius: 13px;
    display: inline-block;
    cursor: pointer;
    z-index: 0;
}

.form-box.form-input-file .input-file-icon::before,
.form-box.form-input-file .input-file-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--gutter);
    height: 1px;
    background-color: var(--black-color);
}

.form-box.form-input-file .input-file-icon::after {
    width: 1px;
    height: var(--gutter);
}

.form-input-file .icon-label label {
    font-weight: inherit;
    font-size: 14px;
    line-height: 22px;
}

.form-input-file .icon-label label span {
    color: var(--black-color);
    font-weight: 600;
    margin-left: 3px;
}

.form-input-file .input-file-text {
    color: var(--black-color);
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 3px;
    font-size: 14px;
    line-height: 24px;
}

/* Form Input File End */

/*========== Form End ==========*/

/*========== Button Start ==========*/

.sec-btn {
    background: var(--dark-color);
    border: 1px solid var(--border-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 0.647vw + 0.599rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 16px */
    border-radius: 0;
    font-size: var(--body-font-size);
    line-height: 1;
    padding-inline: clamp(1.125rem, 0.862vw + 0.591rem, 1.625rem) clamp(1.125rem, 1.509vw + 0.19rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 18px */
    /* Breakpoint:- 1920 to 992, value:- 21px to 17px */
    padding-block: clamp(1.063rem, 0.431vw + 0.795rem, 1.313rem);
    /* Breakpoint:- 1920 to 992, value:- 21px to 16px */
    color: var(--white-color);
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    outline: none !important;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}


.sec-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.sec-btn.sm-btn {
    font-size: 16px;
    padding-inline: 14px 20px;
    padding-block: clamp(0.875rem, 0.539vw + 0.541rem, 1.188rem);
    /* Breakpoint:- 1920 to 992, value:- 19px to 14px */
    gap: clamp(0.75rem, 0.754vw + 0.282rem, 1.188rem);
    /* Breakpoint:- 1920 to 992, value:- 19px to 12px */
}

.sec-btn.sm-btn::after,
.sec-btn.sm-btn::before {
    --size: 15px;
}

.sec-btn.sm-btn::before {
    right: 20px;
}

.sec-btn.xsm-btn {
    font-size: 14px;
    padding-inline: clamp(0.938rem, 1.389vw - 0.104rem, 1.563rem) clamp(1.125rem, 1.389vw + 0.083rem, 1.75rem);
    /* Breakpoint:- 1920 to 1200, value:- 25px to 15px */
    /* Breakpoint:- 1920 to 1200, value:- 28px to 18px */
    padding-block: clamp(0.75rem, 0.556vw + 0.333rem, 1rem);
    /* Breakpoint:- 1920 to 1200, value:- 16px to 12px */
    gap: 16px;
}

.sec-btn.xsm-btn::after,
.sec-btn.xsm-btn::before {
    --size: 10px;
}

.sec-btn.xsm-btn::before {
    right: clamp(1.125rem, 1.389vw + 0.083rem, 1.75rem);
    /* Breakpoint:- 1920 to 1200, value:- 28px to 18px */
}

.sec-btn.white-btn {
    background: var(--white-color);
    color: var(--dark-color);
    border-color: var(--white-color);
}

.sec-btn.white-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.sec-btn.outline-btn {
    border-color: var(--border-color);
    color: var(--dark-color);
    background: transparent;
}

.sec-btn.outline-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.sec-btn.outline-btn::after,
.sec-btn.outline-btn::before {
    background: var(--dark-color);
}

.sec-btn.outline-btn:hover::before,
.sec-btn.outline-btn:hover::after {
    background: var(--white-color);
}

.sec-btn.white-outline-btn {
    background: transparent;
    border-color: var(--white-color);
    color: var(--white-color);
}

.sec-btn.white-outline-btn:hover {
    background: var(--white-color);
    color: var(--primary-color);
}

.sec-btn::after,
.sec-btn::before {
    --size: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
    content: "";
    width: var(--size);
    height: var(--size);
    flex: 0 0 auto;
    display: block;
    background: var(--white-color);
    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzA3MDkyIDIwLjVMMjAuNzA3MSAwLjVNMjAuNzA3MSAwLjVINS43MDcwOU0yMC43MDcxIDAuNVYxNS41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=);
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: translate(0, 0);
    opacity: 1;
    transition: var(--transition);
}

.sec-btn::before {
    position: absolute;
    right: clamp(1.125rem, 1.509vw + 0.19rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 18px */
    transform: translate(-20px, 20px);
    opacity: 0;
}

.sec-btn:hover::after {
    transform: translate(20px, -20px);
    opacity: 0;
}

.sec-btn:hover::before {
    transform: translate(0, 0);
    opacity: 1;
}

.sec-btn.white-btn::before,
.sec-btn.white-btn::after {
    background: var(--dark-color);
}

.sec-btn.white-btn:hover::before,
.sec-btn.white-btn:hover::after {
    background: var(--white-color);
}

.sec-btn.arrow-none {
    padding: clamp(1.125rem, 0.323vw + 0.925rem, 1.313rem);
    /* Breakpoint:- 1920 to 992, value:- 21px to 18px */
}

.sec-btn.arrow-none:before,
.sec-btn.arrow-none:after {
    content: none;
}

.arrow-btn {
    position: relative;
}

.arrow-btn::before,
.arrow-btn::after {
    --size: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
    content: "";
    width: var(--size);
    height: var(--size);
    display: block;
    background: var(--dark-color);
    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzA3MDkyIDIwLjVMMjAuNzA3MSAwLjVNMjAuNzA3MSAwLjVINS43MDcwOU0yMC43MDcxIDAuNVYxNS41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=);
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: translate(0, 0);
    opacity: 1;
    transition: var(--transition);
}

.arrow-btn::before {
    position: absolute;
    /* right: 32px; */
    transform: translate(-20px, 20px);
    opacity: 0;
}

.arrow-btn:hover::after {
    transform: translate(20px, -20px);
    opacity: 0;
}

.arrow-btn:hover::before {
    transform: translate(0, 0);
    opacity: 1;
    background: var(--primary-color);
}

/*========== Button End ==========*/

/*========== Accordion Start ==========*/

.accordion .accordion-box {
    --space_x: 0px;
    position: relative;
    border-bottom: 1px solid var(--secondary-color);
    border-radius: 0px;
    margin-bottom: 0;
}

.accordion .accordion-box:first-child {
    border-top: 1px solid var(--secondary-color);
}

.accordion .accordion-box .accordion-box-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px var(--space_x);
    cursor: pointer;
}

.accordion .accordion-box .accordion-box-title .h4-title {
    font-size: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    line-height: 1;
    flex: 1;
    transition: var(--transition);
}

.accordion .accordion-box .accordion-box-title .accordion-box-toggle-icon {
    --size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size);
    font-size: 14px;
    border-radius: 50%;
    transition: var(--transition);
}

.accordion .accordion-box .accordion-box-title .accordion-box-toggle-icon:before {
    content: "";
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em;
    height: 1em;
    color: currentColor;
    opacity: 1;
    transition: var(--transition);
}

.accordion .accordion-box .accordion-box-content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: var(--transition);
    padding-inline: var(--space_x);
}

.accordion .accordion-box .accordion-box-content .accordion-box-content-inr {
    overflow: hidden;
    transition: var(--transition);
}

.accordion .accordion-box:last-child {
    margin-bottom: 0;
}

.accordion .accordion-box.accordion-box-active .accordion-box-title .accordion-box-toggle-icon:before {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E");
}

.accordion .accordion-box.accordion-box-active .accordion-box-content {
    grid-template-rows: 1fr;
    padding-bottom: 32px;
}

.accordion .accordion-box.accordion-box-active .accordion-box-content .accordion-box-content-inr {
    padding-top: 0;
}

@media (max-width: 991px) {
    .accordion .accordion-box .accordion-box-title {
        padding-block: 24px;
    }

    .accordion .accordion-box.accordion-box-active .accordion-box-content {
        padding-bottom: 24px;
    }
}

/*========== Accordion End ==========*/

/*========== Modal Popup Start ==========*/

.modal-content {
    background: var(--white-color);
    -webkit-mask-image: -webkit-radial-gradient(var(--white-color), var(--black-color));
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 30px rgba(60, 140, 244, 0.16);
}

.popup-title {
    position: relative;
    padding: 10px 65px 10px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.popup-title .h2-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}

button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: var(--primary-color);
    opacity: 1 !important;
    text-shadow: none;
    color: var(--white-color);
    border-radius: 0;
    outline: none !important;
    z-index: 2;
    transition: var(--transition);
}

button.close:hover {
    background: var(--primary-color);
    color: var(--dark-color);
}

.modal-dialog {
    max-width: 700px;
}

.common-popup-overflow {
    padding: 10px 0px;
}

.common-popup-text::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

@media (max-width: 400px) {
    .popup-title {
        padding: 10px 65px 10px 15px;
    }
}

/*========== Modal Popup End ==========*/

/*========== Slider Start ==========*/

.custom-arrow-wrapper .swiper-nav-wrapper {
    position: unset;
    display: inline-flex;
    width: auto;
    transform: unset;
}

.swiper-pagination {
    position: unset;
    font-size: 0;
    line-height: 1;
    gap: var(--swiper-pagination-bullet-horizontal-gap);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--swiper-pagination-bullet-margin);
}

.swiper-pagination-bullet {
    transition: var(--transition);
    margin: 0 !important;
}

.swiper-pagination-bullet:hover {
    background: var(--swiper-pagination-color);
    opacity: var(--swiper-pagination-bullet-opacity);
}

.swiper-pagination-bullet-active {
    --swiper-pagination-bullet-width: clamp(4.313rem, 2.155vw + 2.976rem, 5.563rem);
    /* Breakpoint:- 1920 to 992, value:- 89px to 69px */
}

.swiper-nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
    z-index: 2;
    gap: clamp(2.5rem, 2.478vw + 0.963rem, 3.938rem);
    /* Breakpoint:- 1920 to 992, value:- 63px to 40px */
}

.swiper-nav-btn {
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--dark-color);
    pointer-events: auto;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-nav-btn:hover {
    color: var(--primary-color);
}

.swiper-nav-btn span {
    display: inline-block;
}

.swiper-nav-wrapper.swiper-nav-white-btn .swiper-nav-btn {
    color: var(--white-color);
}

.swiper-nav-wrapper.swiper-nav-white-btn .swiper-nav-btn:hover {
    color: var(--primary-color);
}

/* For Slider Three Pagination */

.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    display: none;
    transition-property: all;
    transition-duration: 500ms;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child+.swiper-pagination-bullet+.swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet:has(+ .swiper-pagination-bullet + .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child),
.swiper-pagination .swiper-pagination-bullet:has(+ .swiper-pagination-bullet.swiper-pagination-bullet-active) {
    display: block;
}

@media (max-width: 575px) {
    .swiper-pagination-bullet-active {
        --swiper-pagination-bullet-width: 50px;
    }
}

/*========== Slider End ==========*/

/*========== Header Start ==========*/

.site-header {
    position: fixed;
    width: 100%;
    top: calc(var(--wp-admin--admin-bar--height, 0px));
    left: 0;
    background-color: var(--white-color);
    transition: var(--transition);
    z-index: 99;
}

.site-header.sticky_head {
    box-shadow: 0 0 20px rgba(var(--dark-color-rgb), 0.1);
}

/* ----- Top Header Start ----- */

.site-header .top-header-bar {
    height: var(--top-header-bar-height);
    background-color: var(--white-color);
    border-bottom: 1px solid var(--light-gray-color);
}

.site-header .top-header-bar .container {
    height: 100%;
}

.site-header .top-header-bar .top-header-bar-row-wp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-block: 4px;
    height: 100%;
}

.top-header-menu ul {
    display: flex;
    justify-content: flex-end;
    gap: 32px;
}

.top-header-menu ul li a {
    font-size: 16px;
    line-height: 1.75;
    color: var(--text-color);
    text-transform: uppercase;
}

.top-header-menu ul li a:hover {
    color: var(--primary-color);
}

.top-header-menu .quote-li .afrq-menu-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}

.top-header-menu .quote-li .afrq-menu-item span {
    display: inline-block;
}

.top-header-menu .quote-li .afrq-menu-item span iconify-icon {
    font-size: 26px;
    vertical-align: middle;
}

.top-header-menu .quote-li .afrq-menu-item .totalitems {
    padding: 0;
    font-size: 16px;
}

@media (max-width: 1199px) {
    .site-header .top-header-bar {
        display: none;
    }
}

/* ----- Top Header End ----- */

.site-header .main-header {
    height: var(--main-header-height);
    border-bottom: 1px solid var(--light-gray-color);
    transition: var(--transition);
}

.site-header .main-header .container,
.site-header .main-header .container .row,
.site-header .main-header .container .row>* {
    height: 100%;
}

.site-branding {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 100%;
    width: 420px;
}

.site-branding a {
    width: 100%;
    height: 100%;
}

.site-branding a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    height: 100%;
}

.main-navigation {
    clear: both;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    float: none;
    width: auto;
}

/* Header Search Start */

.header-search-box {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.header-search-box .header-search-btn {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    font-size: 26px;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: var(--transition);
}

.header-search-box .header-search-btn:hover,
.header-search-box.search-active .header-search-btn {
    color: var(--primary-color);
}

.header-search-box .header-search {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 400px;
    transition: var(--transition);
}

.header-search-box.search-active .header-search {
    visibility: visible;
    opacity: 1;
}

.header-search-box .header-search label {
    margin-bottom: 0 !important;
}

.header-search-box .header-search .search-form .search-submit {
    right: 5px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

/* Header Search End */

/* ----- Mega Menu Start ----- */

@media (min-width: 1200px) {

    .main-navigation .header-menu-box .mega-menu-wrap,
    .main-navigation .header-menu-box .mega-menu-wrap .mega-menu,
    .main-navigation .header-menu-box .mega-menu-wrap .mega-menu>li.mega-menu-item {
        height: 100%;
    }
}

.mega-menu-wrap,
.mega-menu-wrap .mega-menu,
.mega-menu-wrap .mega-menu ul.mega-sub-menu,
.mega-menu-wrap .mega-menu li.mega-menu-item,
.mega-menu-wrap .mega-menu li.mega-menu-row,
.mega-menu-wrap .mega-menu li.mega-menu-column,
.mega-menu-wrap .mega-menu a.mega-menu-link,
.mega-menu-wrap .mega-menu span.mega-menu-badge,
.mega-menu-wrap button.mega-close,
.mega-menu-wrap button.mega-toggle-standard {
    transition: var(--transition);
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 0;
    bottom: auto;
    box-sizing: border-box;
    clip: auto;
    color: var(--text-color);
    display: block;
    float: none;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    height: auto;
    left: auto;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    min-height: auto;
    max-height: none;
    min-width: auto;
    max-width: none;
    opacity: 1;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    pointer-events: auto;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    transform: none;
    top: auto;
    vertical-align: baseline;
    visibility: inherit;
    width: auto;
    word-wrap: break-word;
    white-space: normal;
    -webkit-tap-highlight-color: transparent;
}

.mega-menu-wrap:before,
.mega-menu-wrap:after,
.mega-menu-wrap .mega-menu:before,
.mega-menu-wrap .mega-menu:after,
.mega-menu-wrap .mega-menu ul.mega-sub-menu:before,
.mega-menu-wrap .mega-menu ul.mega-sub-menu:after,
.mega-menu-wrap .mega-menu li.mega-menu-item:before,
.mega-menu-wrap .mega-menu li.mega-menu-item:after,
.mega-menu-wrap .mega-menu li.mega-menu-row:before,
.mega-menu-wrap .mega-menu li.mega-menu-row:after,
.mega-menu-wrap .mega-menu li.mega-menu-column:before,
.mega-menu-wrap .mega-menu li.mega-menu-column:after,
.mega-menu-wrap .mega-menu a.mega-menu-link:before,
.mega-menu-wrap .mega-menu a.mega-menu-link:after,
.mega-menu-wrap .mega-menu span.mega-menu-badge:before,
.mega-menu-wrap .mega-menu span.mega-menu-badge:after,
.mega-menu-wrap button.mega-close:before,
.mega-menu-wrap button.mega-close:after,
.mega-menu-wrap button.mega-toggle-standard:before,
.mega-menu-wrap button.mega-toggle-standard:after {
    display: none;
}

.mega-menu-wrap.mega-keyboard-navigation .mega-menu-toggle:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-toggle-block:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-toggle-block a:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-toggle-block .mega-search input[type="text"]:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-menu a:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-menu span:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-menu input:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-menu li.mega-menu-item a.mega-menu-link:focus,
.mega-menu-wrap.mega-keyboard-navigation .mega-menu form.mega-search-open:has(input[type="text"]:focus),
.mega-menu-wrap.mega-keyboard-navigation .mega-menu+button.mega-close:focus {
    outline-style: solid;
    outline-width: 3px;
    outline-color: var(--primary-color);
    outline-offset: -3px;
}

.mega-menu-wrap.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
    outline-offset: 2px;
}

.mega-menu-wrap.mega-keyboard-navigation>li.mega-menu-item>a.mega-menu-link:focus {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: normal;
    text-decoration: none;
    border-color: var(--white-color);
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap.mega-keyboard-navigation>li.mega-menu-item>a.mega-menu-link:focus {
        color: var(--white-color);
        background-color: var(--dark-color);
    }
}

.mega-menu-wrap .mega-menu {
    text-align: left;
    padding: 0px;
}

.mega-menu-wrap .mega-menu a.mega-menu-link {
    cursor: pointer;
    display: inline;
}

.mega-menu-wrap .mega-menu a.mega-menu-link .mega-description-group {
    vertical-align: middle;
    display: inline-block;
    transition: none;
}

.mega-menu-wrap .mega-menu a.mega-menu-link .mega-description-group .mega-menu-title,
.mega-menu-wrap .mega-menu a.mega-menu-link .mega-description-group .mega-menu-description {
    transition: none;
    line-height: 1.5;
    display: block;
}

.mega-menu-wrap .mega-menu a.mega-menu-link .mega-description-group .mega-menu-description {
    font-style: italic;
    font-size: 0.8em;
    text-transform: none;
    font-weight: normal;
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon>a.mega-menu-link {
    display: flex;
    align-items: center;
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon>a.mega-menu-link:before {
    flex: 0 0 auto;
    align-self: flex-start;
}

.mega-menu-wrap .mega-menu li.mega-menu-tabbed.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon>a.mega-menu-link {
    display: block;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-icon-top>a.mega-menu-link {
    display: table-cell;
    vertical-align: middle;
    line-height: initial;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-icon-top>a.mega-menu-link:before {
    display: block;
    margin: 0 0 6px 0;
    text-align: center;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-icon-top>a.mega-menu-link>span.mega-title-below {
    display: inline-block;
    transition: none;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-icon-top>a.mega-menu-link {
        display: block;
        line-height: 40px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-icon-top>a.mega-menu-link:before {
        display: inline-block;
        margin: 0 6px 0 0;
        text-align: left;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-icon-right>a.mega-menu-link:before {
    float: right;
    margin: 0 0 0 6px;
}

.mega-menu-wrap .mega-menu>li.mega-animating>ul.mega-sub-menu {
    pointer-events: none;
}

.mega-menu-wrap .mega-menu li.mega-disable-link>a.mega-menu-link,
.mega-menu-wrap .mega-menu li.mega-menu-megamenu li.mega-disable-link>a.mega-menu-link {
    cursor: inherit;
}

.mega-menu-wrap .mega-menu li.mega-menu-item-has-children.mega-disable-link>a.mega-menu-link,
.mega-menu-wrap .mega-menu li.mega-menu-megamenu>li.mega-menu-item-has-children.mega-disable-link>a.mega-menu-link {
    cursor: pointer;
}

.mega-menu-wrap .mega-menu p {
    margin-bottom: 10px;
}

.mega-menu-wrap .mega-menu input,
.mega-menu-wrap .mega-menu img {
    max-width: 100%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item>ul.mega-sub-menu {
    display: block;
    display: none;
    visibility: hidden;
    opacity: 1;
    pointer-events: auto;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu li.mega-menu-item>ul.mega-sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu li.mega-hide-sub-menu-on-mobile>ul.mega-sub-menu {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu[data-effect="fade"] li.mega-menu-item>ul.mega-sub-menu {
        opacity: 0;
        transition: opacity 200ms ease-in, visibility 200ms ease-in;
    }

    .mega-menu-wrap .mega-menu[data-effect="fade"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
    }

    .mega-menu-wrap .mega-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
        opacity: 0;
        transform: translate(0, 10px);
        transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
        display: none;
    }

    .mega-menu-wrap .mega-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
        transform: translate(0, 0);
        display: block;
    }

    .mega-menu-wrap .mega-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
        transform: translate(0, 10px);
        transition: transform 200ms ease-in, visibility 200ms ease-in;
    }

    .mega-menu-wrap .mega-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    .mega-menu-wrap .mega-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        transform: translate(0, 0);
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children>ul.mega-sub-menu {
    display: none;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on>ul.mega-sub-menu {
    display: block;
}

.mega-menu-wrap .mega-menu.mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
.mega-menu-wrap .mega-menu.mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
.mega-menu-wrap .mega-menu li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
    visibility: visible;
    display: block;
    opacity: 1;
    top: 100%;
    animation: swip_up var(--transition) linear 1;
}

@keyframes swip_up {
    from {
        top: calc(100% + 20px);
        opacity: 0;
    }

    to {
        top: 100%;
        opacity: 1;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    visibility: inherit;
    opacity: 1;
    display: block;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 100%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 50%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 33.3333333333%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 25%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 20%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns>ul.mega-sub-menu>li.mega-menu-item {
    float: left;
    width: 16.6666666667%;
}

.mega-menu-wrap .mega-menu li.mega-menu-item a[class^="dashicons"]:before {
    font-family: dashicons;
}

.mega-menu-wrap .mega-menu li.mega-menu-item a.mega-menu-link:before {
    display: inline-block;
    font: inherit;
    font-family: dashicons;
    position: static;
    margin: 0 6px 0 0px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    background: transparent;
    height: auto;
    width: auto;
    top: auto;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
    margin: 0;
}

.mega-menu-wrap .mega-menu li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
    margin: 0 6px 0 0;
}

.mega-menu-wrap .mega-menu li.mega-align-bottom-left.mega-toggle-on>a.mega-menu-link {
    border-radius: 0px;
}

.mega-menu-wrap .mega-menu li.mega-align-bottom-right>ul.mega-sub-menu {
    right: 0;
}

.mega-menu-wrap .mega-menu li.mega-align-bottom-right.mega-toggle-on>a.mega-menu-link {
    border-radius: 0px;
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-menu-item {
        position: static;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-item {
    margin: 0 0px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.mega-menu-wrap .mega-menu>li.mega-menu-item.mega-item-align-right {
    float: right;
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-item-align-right {
        margin: 0 0 0 0px;
    }
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-item-align-float-left {
        float: left;
    }
}

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

    .mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link:hover,
    .mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link:focus {
        background-color: var(--dark-color);
        color: var(--white-color);
        font-weight: 100;
        text-decoration: none;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: 100;
    text-decoration: none;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        color: var(--white-color);
        background-color: var(--dark-color);
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: 100;
    text-decoration: none;
}

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

    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
        color: var(--white-color);
        background-color: var(--dark-color);
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0px 15px;
    vertical-align: baseline;
    width: auto;
    color: var(--text-color);
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    font-weight: 100;
    line-height: var(--body-line-height);
    text-transform: uppercase;
    outline: none;
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-multi-line>a.mega-menu-link {
        line-height: inherit;
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-multi-line>a.mega-menu-link br {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-item {
        display: list-item;
        margin: 0;
        clear: both;
        border: 0;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item.mega-item-align-right {
        float: none;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: var(--body-line-height);
        height: auto;
        padding: 0 10px;
        background: transparent;
        text-align: left;
        color: var(--white-color);
        font-size: var(--body-font-size);
        justify-content: flex-start;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
    width: 100%;
    float: left;
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
    float: left;
    min-height: 1px;
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
        width: calc(var(--span) / var(--columns) * 100%);
    }
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
        width: 100%;
        clear: both;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 0;
    width: 100%;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0px;
    background-color: var(--white-color);
    box-shadow: 0 4px 4px rgba(var(--dark-color-rgb), 0.25);
    border: 0;
    padding: 0px;
    padding-block: 40px;
    position: absolute;
    width: 100%;
    max-width: none;
    left: 0;
    top: 100%;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
        float: left;
        position: static;
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard {
        width: calc(var(--span) / var(--columns) * 100%);
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu .mega-description-group .mega-menu-description {
    margin: 5px 0;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item ul.mega-sub-menu {
    clear: both;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    margin-left: 10px;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
    margin-left: 10px;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    color: var(--gray-color);
    font-family: inherit;
    font-size: 14px;
    display: block;
    float: left;
    clear: none;
    padding: 15px;
    vertical-align: top;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard.mega-menu-clear,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.mega-menu-clear {
    clear: left;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 0.03em;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    display: block;
    visibility: inherit;
    border: 0;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title:hover {
    border-color: transparent;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    color: var(--text-color);
    /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
    font-family: var(--body-font);
    font-size: 22px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    display: inline-block;
    border: 0;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
    border-color: transparent;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link:focus,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
    color: var(--primary-color);
    /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
    font-weight: 700;
    text-decoration: none;
    background-color: transparent;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link:hover>span.mega-title-below,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link:focus>span.mega-title-below,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover>span.mega-title-below,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus>span.mega-title-below {
    text-decoration: none;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
    color: var(--text-color);
    /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 100;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    display: inline-block;
    border: 0;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
    border-color: transparent;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon>a.mega-menu-link {
    display: flex;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link:focus,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:focus {
    color: var(--primary-color);
    /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
    font-weight: 100;
    text-decoration: none;
    background-color: transparent;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
        border: 0;
        padding: 10px;
        border-radius: 0;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
        width: 100%;
        clear: both;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    color: var(--gray-color);
    font-family: inherit;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    margin: 0;
    border: 0;
    padding: 0px;
    vertical-align: top;
    display: block;
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-megamenu.mega-no-headers>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
    color: var(--gray-color);
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
}

.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 250px;
    max-width: none;
    padding: 0px;
    border: 0;
    background-color: var(--white-color);
    box-shadow: 0 4px 4px rgba(var(--dark-color-rgb), 0.25);
    border-radius: 0px;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu {
        float: left;
        position: static;
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        clear: both;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background-color: var(--white-color);
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 100;
    padding: 5px 10px;
    line-height: 1.75;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
}

.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child>a.mega-menu-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child>a.mega-menu-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child>a.mega-menu-link {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child>a.mega-menu-link {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background-color: rgba(var(--dark-color-rgb), 0.15);
    font-weight: 100;
    text-decoration: none;
    color: var(--dark-color);
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
        padding-left: 20px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
        padding-left: 30px;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    display: inline-block;
    width: auto;
    background: transparent;
    position: relative;
    pointer-events: auto;
    left: auto;
    min-width: auto;
    font-size: inherit;
    padding: 0;
    margin: 0 0 0 6px;
    height: auto;
    line-height: inherit;
    color: inherit;
}

.mega-menu-wrap .mega-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
    content: "";
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}

.mega-menu-wrap .mega-menu li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    float: right;
    margin-left: auto;
}

.mega-menu-wrap .mega-menu li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
    content: "";
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        float: right;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
        content: "";
    }

    .mega-menu-wrap .mega-menu li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile>a.mega-menu-link>span.mega-indicator {
        display: none;
    }
}

.mega-menu-wrap .mega-menu li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children)>a.mega-menu-link>span.mega-indicator,
.mega-menu-wrap .mega-menu li.mega-menu-item-has-children.mega-hide-arrow>a.mega-menu-link>span.mega-indicator {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .mega-menu-wrap .mega-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link>span.mega-indicator:after {
        content: "";
    }

    .mega-menu-wrap .mega-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
        text-align: right;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link>span.mega-indicator {
        float: left;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link>span.mega-indicator:after {
        content: "";
        margin: 0 6px 0 0;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
        float: right;
        margin: 0 0 0 6px;
    }

    .mega-menu-wrap .mega-menu li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: -100%;
        top: 0;
    }
}

.mega-menu-wrap .mega-menu li[class^="mega-lang-item"]>a.mega-menu-link>img {
    display: inline;
}

.mega-menu-wrap .mega-menu a.mega-menu-link>img.wpml-ls-flag,
.mega-menu-wrap .mega-menu a.mega-menu-link>img.iclflag {
    display: inline;
    margin-right: 8px;
}

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

    .mega-menu-wrap .mega-menu li.mega-hide-on-mobile,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-hide-on-mobile,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.mega-hide-on-mobile {
        display: none;
    }
}

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

    .mega-menu-wrap .mega-menu li.mega-hide-on-desktop,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-hide-on-desktop,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.mega-hide-on-desktop {
        display: none;
    }
}

.mega-menu-wrap .mega-menu-toggle {
    display: none;
}

.mega-menu-wrap .mega-menu-toggle~button.mega-close {
    visibility: hidden;
    opacity: 0;
    transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out, opacity 200ms ease-out;
}

.mega-menu-wrap .mega-menu-toggle~button.mega-close {
    right: auto;
    left: 0;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu-toggle {
        z-index: 1;
        cursor: pointer;
        background-color: var(--white-color);
        border-radius: 0;
        line-height: 1;
        height: 40px;
        text-align: left;
        user-select: none;
        outline: none;
        white-space: nowrap;
        display: flex;
        position: relative;
    }

    .mega-menu-wrap .mega-menu-toggle img {
        max-width: 100%;
        padding: 0;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-left,
    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-center,
    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right {
        display: flex;
        flex-basis: 33.33%;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-block {
        display: flex;
        height: 100%;
        outline: 0;
        align-self: center;
        flex-shrink: 0;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-left {
        flex: 1;
        justify-content: flex-start;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        margin-left: 6px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
        margin-right: 6px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-center {
        justify-content: center;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right {
        flex: 1;
        justify-content: flex-end;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: 0px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
        margin-left: 0px;
    }

    .mega-menu-wrap .mega-menu-toggle+.mega-menu {
        flex-direction: column;
        flex-wrap: nowrap;
        background-color: var(--dark-color);
        padding: 0px;
        display: none;
        position: fixed;
        width: 300px;
        max-width: 100%;
        height: 100dvh;
        max-height: 100dvh;
        top: 0;
        box-sizing: border-box;
        transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9999999999;
        overscroll-behavior: contain;
        visibility: hidden;
        display: flex;
        padding-block: 30px;
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open+.mega-menu {
        display: flex;
        visibility: visible;
    }

    .mega-menu-wrap .mega-menu-toggle~button.mega-close {
        display: flex;
        position: fixed;
        top: 0;
        z-index: 99999999999;
        cursor: pointer;
    }

    .mega-menu-wrap .mega-menu-toggle~button.mega-close:before {
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background: var(--white-color);
        --mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMTUgNC4xNWEuNS41IDAgMCAxIC43MDcgMGwzLjE1IDMuMTVsMy4xNS0zLjE1YS41LjUgMCAwIDEgLjcwNy43MDdsLTMuMTUgMy4xNWwzLjE1IDMuMTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMy4xNS0zLjE1bC0zLjE1IDMuMTVhLjUuNSAwIDAgMS0uNzA3LS43MDdsMy4xNS0zLjE1bC0zLjE1LTMuMTVhLjUuNSAwIDAgMSAwLS43MDciIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
        -webkit-mask-image: var(--mask-image);
        mask-image: var(--mask-image);
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        transition: var(--transition);
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open~button.mega-close:hover::before {
        rotate: -90deg;
    }

    .mega-menu-wrap .mega-menu-toggle+.mega-menu {
        left: -300px;
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open~button.mega-close {
        visibility: visible;
        opacity: 1;
        left: calc(min(100vw - 30px, 300px));
        right: auto;
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open+.mega-menu {
        left: 0;
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open:after {
        position: fixed;
        width: 100%;
        height: 99999px;
        content: "";
        top: 0;
        left: 0;
        opacity: 0.5;
        background: var(--black-color);
        cursor: pointer;
        z-index: 9999999998;
    }
}

html.mega-menu-menu-1-off-canvas-open {
    overflow: hidden;
    height: auto;
}

html.mega-menu-menu-1-off-canvas-open body {
    overflow: hidden;
    height: auto;
}

html.mega-menu-menu-1-off-canvas-open #wpadminbar {
    z-index: 0;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 {
    cursor: pointer;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
    padding: 0;
    display: flex;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    transform: scale(1);
    align-self: center;
    outline: 0;
    background: none;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
    outline: 0;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: var(--primary-color);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    content: "";
    display: block;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    top: -10px;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    bottom: -10px;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
    top: 2px;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    top: 20px;
}

.mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/** Push menu onto new line **/

.mega-menu-wrap {
    clear: both;
}

/* ----- Mega Menu End ----- */

/* ----- Custom Mega Menu Css Start ----- */

@media only screen and (min-width: 1200px) {
    .mega-sub-menu .mega-product-mega-menu-row>.mega-sub-menu {
        display: flex !important;
        flex-wrap: wrap;
        margin-inline: -16px !important;
    }

    .mega-sub-menu .mega-product-mega-menu-row>ul>li {
        padding-inline: 16px !important;
    }

    .mega-sub-menu .mega-product-mega-menu-row .product-mega-menu-col-2>ul>li:not(:last-child) {
        margin-bottom: 40px;
    }

    .product-mega-menu-col-1>ul {
        display: flex !important;
        flex-wrap: wrap;
        gap: 40px 0;
        margin-inline: -16px !important;
    }

    .product-mega-menu-col-1>ul>li {
        padding-inline: 16px !important;
        flex: 0 0 50%;
    }

    .product-mega-menu-col-1>ul>li:last-child {
        flex: 1;
    }

    .product-mega-menu-col-1>ul>li:last-child>ul {
        display: block !important;
        column-count: 2;
        column-gap: 20px;
    }

    .product-mega-menu-col-1>ul>li:last-child>ul>li:not(:last-child) {
        margin-bottom: 24px;
    }
}

.mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 32px !important;
    margin-top: 16px !important;
    border-top: 1px solid var(--light-gray-color) !important;
}

.product-mega-menu-col-3 .widget_media_image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.64761904761;
    object-fit: cover;
}

.mega-menu-release-content {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.mega-menu-release-content .mega-badge {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 9px;
    background-color: var(--light-blue-color);
    font-weight: 700;
}

.mega-menu-release-content h5 {
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    color: var(--dark-color);
    font-family: var(--body-font);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mega-menu-release-content .p2 p:last-of-type {
    margin-bottom: 0;
}

.mega-menu-release-content .sec-btn {
    margin-top: 8px;
}

@media only screen and (max-width: 1199px) {
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
        background-color: var(--dark-color);
    }

    .product-mega-menu-col-1>ul>li:not(:last-child),
    .mega-sub-menu .mega-product-mega-menu-row .product-mega-menu-col-2>ul>li:not(:last-child),
    .mega-sub-menu .mega-product-mega-menu-row>ul>li:not(:last-child) {
        margin-bottom: 18px !important;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>ul {
        gap: 14px;
        padding-top: 12px !important;
        margin-top: 12px !important;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 14px;
        color: var(--white-color);
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
        color: var(--white-color);
        font-size: 14px;
    }

    .mega-menu-release-content .mega-badge {
        font-size: 12px;
    }

    .mega-menu-release-content h5 {
        color: var(--white-color);
        font-size: 16px;
    }

    .mega-menu-release-content .p2 {
        color: var(--white-color);
        font-size: 14px;
    }

    .mega-menu-release-content .sec-btn {
        margin-top: 0;
    }

    .mega-menu .sec-btn {
        background: var(--white-color);
        color: var(--dark-color);
        border-color: var(--white-color);
    }

    .mega-menu .sec-btn:hover {
        background: var(--primary-color);
        color: var(--white-color);
        border-color: var(--primary-color);
    }

    .mega-menu .sec-btn::after,
    .mega-menu .sec-btn::before {
        background: var(--dark-color);
    }

    .mega-menu .sec-btn:hover::after,
    .mega-menu .sec-btn:hover::before {
        background: var(--white-color);
    }
}

.system-specifications-mega-menu-row:not(:last-child) {
    margin-bottom: 40px !important;
}

.system-specifications-mega-menu-row>ul {
    display: flex !important;
}

.system-specifications-mega-menu-row>ul>li>ul>li {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 16px;
}

.system-specifications-mega-menu-row>ul>li>ul>li a:has(img) {
    display: block;
    position: relative;
}

.system-specifications-mega-menu-row>ul>li>ul>li a img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.system-specifications-mega-menu-row>ul>li>ul>li a:has(img)::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(var(--dark-color-rgb), 0.55);
    transition: var(--transition);
}

.system-specifications-mega-menu-row>ul>li>ul>li a:has(img):hover::after {
    opacity: 1;
}

.system-specifications-mega-menu-get-in-touch>ul {
    display: flex !important;
    align-items: stretch;
}

.system-specifications-mega-menu-get-in-touch>ul>li:first-child {
    flex: 0 0 30.908%;
}

.system-specifications-mega-menu-get-in-touch>ul>li>img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.substrate-cta-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 32px;
    background-color: var(--dark-color);
}

.substrate-cta-box .h4-title {
    margin-bottom: 24px;
}

.substrate-cta-box .p2 p {
    font-size: 14px;
    line-height: 1.75;
}

.substrate-cta-box .p2 p:last-of-type {
    margin-bottom: 0;
}

.substrate-cta-box .sec-btn {
    margin-top: 16px;
}

@media only screen and (min-width: 1200px) {
    .system-specifications-mega-menu-row>ul {
        margin-inline: -15px !important;
    }

    .system-specifications-mega-menu-row>ul>li {
        padding-inline: 15px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .system-specifications-mega-menu-row>ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .system-specifications-mega-menu-row-2>ul>li:last-child {
        grid-column: 1 / -1;
    }

    .system-specifications-mega-menu-row:not(:last-child) {
        margin-bottom: 18px !important;
    }

    .system-specifications-mega-menu-row>ul>li>ul>li {
        display: flex !important;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
        color: var(--white-color);
        font-size: 14px;
    }

    .system-specifications-mega-menu-get-in-touch>ul {
        display: flex !important;
        align-items: flex-start;
        flex-direction: column;
    }

    .substrate-cta-box {
        padding: 0;
        margin-top: 16px;
    }

    .substrate-cta-box .h4-title {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu {
        background-color: var(--dark-color);
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background-color: transparent;
        display: inline-block;
        color: var(--white-color);
        font-size: 14px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
    .mega-menu-wrap .mega-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
        background-color: transparent;
        color: var(--primary-color);
    }
}

/* ----- Custom Mega Menu Css End ----- */

@media only screen and (max-width: 1699px) and (min-width: 1200px) {
    :root {
        --main-header-height: 100px;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link {
        padding: 0px clamp(0.5rem, 2.341vw - 1.548rem, 0.938rem);
        /* Breakpoint:- 1699 to 1400, value:- 15px to 08px */
        font-size: clamp(1rem, 0.669vw + 0.415rem, 1.125rem);
        /* Breakpoint:- 1699 to 1400, value:- 18px to 16px */
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: clamp(1rem, 1.202vw + 0.098rem, 1.375rem);
        /* Breakpoint:- 1699 to 1200, value:- 22px to 16px */
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item>a.mega-menu-link,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
        font-size: clamp(0.938rem, 0.601vw + 0.487rem, 1.125rem);
        /* Breakpoint:- 1699 to 1200, value:- 18px to 15px */
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>ul {
        gap: clamp(1rem, 1.603vw - 0.202rem, 1.5rem);
        /* Breakpoint:- 1699 to 1200, value:- 24px to 16px */
        padding-top: clamp(1.5rem, 1.603vw + 0.298rem, 2rem) !important;
        /* Breakpoint:- 1699 to 1200, value:- 32px to 24px */
        margin-top: clamp(0.625rem, 1.202vw - 0.277rem, 1rem) !important;
        /* Breakpoint:- 1699 to 1200, value:- 16px to 10px */
    }

    .product-mega-menu-col-1>ul>li:last-child>ul>li:not(:last-child) {
        margin-bottom: clamp(1rem, 1.603vw - 0.202rem, 1.5rem);
        /* Breakpoint:- 1699 to 1200, value:- 24px to 16px */
    }

    .mega-menu-release-content h5 {
        font-size: clamp(1.125rem, 0.802vw + 0.524rem, 1.375rem);
        /* Breakpoint:- 1699 to 1200, value:- 22px to 18px */
    }

    .mega-menu-release-content .p2 {
        font-size: clamp(1rem, 0.401vw + 0.699rem, 1.125rem);
        /* Breakpoint:- 1699 to 1200, value:- 18px to 16px */
    }

    .mega-menu-release-content .sec-btn {
        margin-top: 0;
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title,
    .mega-menu-wrap .mega-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
        font-size: clamp(0.875rem, 0.802vw + 0.274rem, 1.125rem);
        /* Breakpoint:- 1699 to 1200, value:- 18px to 14px */
    }

    .system-specifications-mega-menu-row>ul {
        margin-inline: calc(-1 * clamp(0.25rem, 2.204vw - 1.403rem, 0.938rem)) !important;
        /* Breakpoint:- 1699 to 1200, value:- -15px to -04px */
    }

    .system-specifications-mega-menu-row>ul>li {
        padding-inline: clamp(0.25rem, 2.204vw - 1.403rem, 0.938rem) !important;
        /* Breakpoint:- 1699 to 1200, value:- 15px to 04px */
    }

    .system-specifications-mega-menu-row:not(:last-child) {
        margin-bottom: clamp(1.5rem, 3.206vw - 0.905rem, 2.5rem) !important;
        /* Breakpoint:- 1699 to 1200, value:- 40px to 24px */
    }

    .substrate-cta-box {
        padding: clamp(1.375rem, 2.004vw - 0.128rem, 2rem);
        /* Breakpoint:- 1699 to 1200, value:- 32px to 22px */
    }

    .substrate-cta-box .h4-title {
        margin-bottom: clamp(0.625rem, 2.806vw - 1.479rem, 1.5rem);
        /* Breakpoint:- 1699 to 1200, value:- 24px to 10px */
        font-size: clamp(0.938rem, 1.804vw - 0.415rem, 1.5rem);
        /* Breakpoint:- 1699 to 1200, value:- 24px to 15px */
    }
}

@media only screen and (max-width: 1499px) and (min-width: 1400px) {
    :root {
        --main-header-height: 85px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    :root {
        --main-header-height: 72px;
    }

    .top-header-menu ul li a {
        font-size: clamp(0.875rem, 1.005vw + 0.121rem, 1rem);
        /* Breakpoint:- 1399 to 1200, value:- 16px to 14px */
    }

    .mega-menu-wrap .mega-menu>li.mega-menu-item>a.mega-menu-link {
        padding: 0px clamp(0.375rem, 1.804vw - 0.978rem, 0.938rem);
        /* Breakpoint:- 1399 to 1200, value:- 15px to 06px */
    }
}

@media (min-width: 1200px) {
    .site-header.sticky_head {
        top: calc(var(--wp-admin--admin-bar--height, 0px));
    }

    .site-header.sticky_head:has(.top-header-bar) {
        top: calc(calc(var(--wp-admin--admin-bar--height, 0px)) + calc(var(--top-header-bar-height, 0px) * -1));
    }

    .main-navigation,
    .main-navigation .header-menu,
    .main-navigation .header-menu-box {
        height: 100%;
    }

    body:has(.mega-toggle-on):before {
        content: "";
        position: fixed;
        inset: 0;
        display: block;
        width: 100vw;
        height: 100vh;
        background: rgba(var(--dark-color-rgb), 0.75);
        z-index: 6;
    }
}

@media (max-width: 1199px) {
    :root {
        --main-header-height: 79px;
        --top-header-bar-height: 0px;
    }

    .site-header {
        height: var(--main-header-height);
    }

    .site-header .container {
        max-width: 100%;
        --container-gutter: calc(var(--gutter));
    }

    .site-header .main-header .container .row>* {
        height: auto;
    }

    .site-branding {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: var(--gutter);
        width: 285px;
    }

    .header-menu {
        height: var(--main-header-height);
    }

    .main-navigation {
        height: 100%;
        flex-direction: row-reverse;
        gap: 20px;
    }

    .header-search-box .header-search-btn {
        font-size: 30px;
    }

    .mega-menu .for-mob {
        display: block !important;
    }
}

@media (max-width: 575px) {
    :root {
        --main-header-height: 59px;
    }

    .site-branding {
        width: 215px;
    }

    .header-search-box {
        position: unset;
    }

    .header-search-box .header-search-btn {
        font-size: 26px;
    }

    .header-search-box .header-search {
        width: calc(100% - calc(var(--gutter) * 2));
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .header-search-box .header-search .search-field {
        height: 50px;
        font-size: 14px;
        padding: 10px 100px 10px 15px;
    }

    .header-search-box .header-search .search-form .search-submit {
        height: 40px;
        padding: 4px 12px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
        width: 32px;
    }

    .mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .mega-menu-wrap .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        width: 32px;
        height: 3px;
    }
}

@media (max-width: 400px) {
    .site-header .container {
        --container-gutter: calc(var(--gutter) / 2);
    }

    .main-navigation {
        gap: 10px;
    }

    .site-branding {
        left: calc(var(--gutter) / 2);
        width: 206px;
    }

    .header-search-box .header-search {
        width: calc(100% - calc(var(--gutter) * 1));
    }
}

/*========== Header End ==========*/

/*========== Main Banner Start ==========*/

.main-banner {
    position: relative;
    padding-top: calc(var(--top-header-bar-height) + var(--main-header-height));
    height: 100dvh;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.banner-bg-lines-wp {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 6;
}

.banner-bg-lines-wp .container {
    height: 100%;
}

.banner-bg-lines {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    block-size: 100%;
}

.banner-bg-lines span {
    flex: 0 0 auto;
    display: inline-block;
    width: 1px;
    height: 0px;
    background-color: rgba(var(--white-color-rgb), 0.25);
    transition-property: height;
    transition-duration: 1s;
    transition-timing-function: ease;
}

.page-loaded .banner-bg-lines span {
    height: 100%;
}

.main-banner>.container {
    position: unset;
    height: 100%;
}

.main-banner>.container div {
    height: 100%;
}

.main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.main-banner .h1-title {
    display: none;
}

.main-banner-content-col .back-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: 0.7s;
}

.main-banner-content-col .back-img::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--dark-color-rgb), 0.75);
    z-index: 1;
}

.main-banner-content .h2-title {
    display: inline-block;
    font-size: clamp(1.75rem, 1.293vw + 0.948rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 28px */
    margin-bottom: clamp(1.5rem, 0.647vw + 1.099rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 24px */
    transition: var(--transition-2);
}

.main-banner-content .h2-title:hover {
    transform: translateY(-5px);
}

.main-banner-content ul li {
    line-height: 1;
    margin-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
}

.main-banner-content ul li:last-child {
    margin-bottom: 0;
}

.main-banner-content ul li a {
    display: inline-block;
    color: var(--white-color);
    font-size: clamp(1.125rem, 0.647vw + 0.724rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 18px */
    line-height: 1;
}

.main-banner-content ul li a:hover {
    transform: translateX(5px);
    transition: var(--transition-2);
}

@media (min-width: 576px) {
    .main-banner-slider-pagination {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .main-banner-slider-pagination {
        max-width: 7200px;
    }
}

@media (min-width: 992px) {
    .main-banner-content-row-wp {
        position: unset;
    }

    .main-banner-content-row {
        --width: 25%;
        --spacing: 24px;
        /* --gap: 24px; */
        --gap: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: var(--gap);
        position: unset;
        transform: unset;
    }

    .main-banner-content-row .main-banner-content-col {
        /* flex: 0 0 calc(var(--width) - calc(var(--gap))); */
        flex: 0 0 calc(var(--width) - 0px);
        display: block;
        position: unset;
        transition: unset;
        transform: unset;
        padding-inline: var(--spacing) calc(var(--spacing) / 2);
        padding-bottom: 80px;
        box-sizing: border-box;
    }

    .main-banner-content-col.active .back-img {
        opacity: 1;
        visibility: visible;
    }

    .main-banner-content-row .main-banner-content-col .container {
        --container-max-width: 100%;
        --gutter: 0px;
        position: unset;
    }

    .main-banner-slider-pagination,
    .main-banner-slider-navigation {
        display: none;
    }
}

@media (max-width: 991px) {
    .main-banner {
        padding: 0;
    }

    .main-banner>.container {
        max-width: 100%;
        padding: 0;
        height: 100%;
        flex: 1;
        position: unset;
    }

    .main-banner-content-row .main-banner-content-col {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: auto;
        /* padding: 200px 0 80px; */
        padding-bottom: 80px;
        box-sizing: border-box;
    }

    .main-banner-content-col .back-img {
        opacity: 1;
        visibility: visible;
        transition: unset;
    }

    .main-banner-content-row-wp {
        display: flex;
        height: 100%;
    }

    .main-banner-content-row .main-banner-content-col .container {
        box-sizing: border-box;
    }

    .banner-bg-lines span:nth-child(n + 4) {
        display: none;
    }

    .main-banner-content-row .main-banner-content {
        padding-inline: 24px;
    }

    .main-banner-slider-pagination {
        --swiper-pagination-bottom: 20px;
        position: absolute;
        height: auto !important;
        bottom: 20px;
        z-index: 1;
        padding: 0 36px;
        align-items: center;
        gap: 10px;
        display: flex;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .main-banner-slider-pagination .swiper-pagination-bullet-active {
        background: var(--primary-color);
    }

    .main-banner-slider-navigation {
        --swiper-navigation-sides-offset: 24px;
        --swiper-navigation-size: 35px;
    }

    .main-banner-slider-navigation .swiper-nav-btn {
        height: var(--swiper-navigation-size) !important;
        background: var(--white-color);
    }

    .main-banner-slider-navigation .swiper-nav-btn svg {
        width: 60%;
        height: 60%;
    }
}

@media (max-width: 575px) {

    .main-banner {
        height: 80dvh;
    }

    .banner-bg-lines span:nth-child(n + 3) {
        display: none;
    }

    .main-banner-slider-pagination {
        --swiper-pagination-bottom: 25px;
        padding: 0 48px;
    }
}

@media (max-width: 400px) {
    .main-banner-content-row .main-banner-content {
        padding-inline: 12px;
    }

    .main-banner-content .h2-title {
        font-size: 26px;
    }

    .main-banner-slider-navigation {
        --swiper-navigation-sides-offset: 12px;
    }

    .main-banner-slider-pagination {
        padding: 0 24px;
    }
}

/*========== Main Banner End ==========*/

/*========== About Info Section Start ==========*/

.about-info-sec {
    padding: 96px 0;
}

.about-info-content p {
    font-size: clamp(1.75rem, 1.293vw + 0.948rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 28px */
    line-height: 1.5;
    letter-spacing: 0;
}

.about-info-btn {
    display: flex;
    justify-content: flex-end;
}

.about-info-btn .sec-btn {
    justify-content: space-between;
}

@media (min-width: 1700px) {
    .about-info-btn .sec-btn {
        font-size: 22px;
        padding-inline: 32px 38px;
        padding-block: 28px;
        width: 420px;
        max-width: 100%;
    }
}

@media (max-width: 1699px) {
    .about-info-sec {
        padding: var(--section-spacing) 0;
    }
}

@media (max-width: 1699px) {
    .about-info-content {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .about-info-btn {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .about-info-content p {
        font-size: 22px;
    }
}

/*========== About Info Section End ==========*/

/*========== Our Range Section Start ==========*/

.our-range-bottom-wp {
    --extra-space: 64px;
    margin-top: var(--extra-space);
    padding-bottom: 64px;
    background-color: var(--dark-color);
}

.our-range-content {
    padding-top: clamp(1.875rem, 3.233vw - 0.129rem, 3.75rem);
    /* Breakpoint:- 1920 to 992, value:- 60px to 30px */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: clamp(2.125rem, 3.664vw - 0.147rem, 4.25rem);
    /* Breakpoint:- 1920 to 992, value:- 68px to 34px */
    max-width: 349px;
    height: 100%;
}

.our-range-content .p1 {
    font-size: clamp(1rem, 0.431vw + 0.733rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 16px */
}

.our-range-slider-wp {
    margin-top: calc(var(--extra-space) * -1);
    margin-left: -7px;
}

.our-range-slider {
    width: calc(100% + 22.67vw);
}

.our-range-slider .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.our-range-box {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.our-range-box .our-range-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.86617100371;
    overflow: hidden;
    flex: 0 0 auto;
}

.our-range-box .our-range-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.our-range-box:hover .our-range-image img {
    transform: scale(1.03);
}

.our-range-box .our-range-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: clamp(1rem, 0.862vw + 0.466rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 16px */
    padding: 30px 38px 30px 32px;
    background-color: var(--white-color);
}

.our-range-box .our-range-box-content .p1 {
    font-size: clamp(1.125rem, 0.862vw + 0.591rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
}

@media (max-width: 1699px) {
    .our-range-slider-wp {
        margin-left: 0;
    }

    .our-range-box .our-range-box-content {
        padding: clamp(1.25rem, 1.078vw + 0.582rem, 1.875rem);
        /* Breakpoint:- 1920 to 992, value:- 30px to 20px */
    }
}

@media (max-width: 1399px) {
    .our-range-slider {
        width: calc(100% + 14vw);
    }
}

@media (max-width: 991px) {
    .our-range-bottom-wp {
        --extra-space: 0;
        padding-bottom: 60px;
    }

    .our-range-content {
        padding-top: 50px;
        margin-bottom: 30px;
        max-width: 100%;
        height: auto;
    }

    .our-range-slider-wp {
        margin-bottom: 30px;
    }

    .our-range-slider {
        width: calc(100% + 31vw);
    }

    .our-range-bottom-wp .common-sec-title-content-mob-btn {
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .our-range-bottom-wp .common-sec-title-content-mob-btn {
        margin-top: 40px;
    }

    .our-range-slider {
        width: calc(100% + 40vw);
    }

    .our-range-box .our-range-box-content {
        padding: 15px;
    }

    .our-range-box .our-range-box-content .p1 {
        font-size: 16px;
    }
}

/*========== Our Range Section End ==========*/

/*========== Featured Projects Section Start ==========*/

.featured-projects-sec.common-slider-sec .swiper .common-slider-image {
    padding-top: clamp(14.5rem, 21.552vw + 1.138rem, 27rem);
    /* Breakpoint:- 1920 to 992, value:- 432px to 232px */
}

.featured-projects-sec.common-slider-sec .common-content-box .p2 {
    max-height: 189px;
}

@media (max-width: 991px) {
    .featured-projects-sec.common-slider-sec .swiper .common-slider-image {
        padding-top: 132px;
    }

    .featured-projects-sec .common-sec-title-content-mob-btn {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .featured-projects-sec.common-slider-sec .common-content-box .p2 {
        max-height: 224px;
    }
}

@media (max-width: 575px) {
    .featured-projects-sec.common-slider-sec .swiper .common-slider-image {
        padding-top: 100px;
    }

    .featured-projects-sec .common-sec-title-content-mob-btn {
        margin-top: 40px;
    }
}

@media (max-width: 400px) {
    .featured-projects-sec.common-slider-sec .swiper .common-slider-image {
        padding-top: 80px;
    }
}

/*========== Featured Projects Section End ==========*/

/*========== Footer Start ==========*/

.footer-top {
    padding: var(--section-spacing) 0;
}

.footer-top-content h2 {
    font-size: clamp(2.125rem, 1.078vw + 1.457rem, 2.75rem);
    /* Breakpoint:- 1920 to 992, value:- 44px to 34px */
    line-height: 1;
    font-weight: 100;
    text-transform: capitalize;
    font-family: var(--body-font);
    margin-bottom: 0;
    letter-spacing: 0;
}

.footer-bottom {
    padding: 34px 0 30px;
}

.footer-logo {
    max-width: 100%;
    width: 420px;
}

.footer-link-box {
    display: block;
    text-align: center;
    width: 100%;
}

.footer-link-box .footer-links {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.footer-link-box .footer-links ul {
    display: block;
    column-count: 2;
    column-gap: clamp(1.25rem, 12.931vw - 6.767rem, 8.75rem);
    /* Breakpoint:- 1920 to 992, value:- 140px to 20px */
}

.footer-link-box .footer-links ul li {
    break-inside: avoid;
}

.footer-link-box .footer-links ul li:not(:last-child) {
    margin-bottom: 16px;
}

.footer-link-box .footer-links ul li a {
    display: inline-block;
    color: var(--dark-color);
    text-transform: uppercase;
}

.footer-link-box .footer-links ul li a:hover {
    color: var(--primary-color);
}

.footer-Copyright-box {
    padding: 16px 0;
    background-color: var(--dark-color);
}

.footer-Copyright-box .footer-Copyright-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px 42px;
}

.footer-Copyright-box .footer-Copyright-content p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .footer-about {
        margin-bottom: 30px;
    }

    .footer-bottom {
        padding: 34px 0 18px;
    }

    .footer-logo {
        width: 285px;
    }

    .footer-link-box {
        text-align: left;
    }

    .footer-Copyright-box .footer-Copyright-content {
        text-align: center;
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .footer-top-content h2 {
        font-size: 30px;
    }

    .footer-bottom {
        padding: 34px 0;
    }

    .footer-logo {
        width: 215px;
    }

    .footer-link-box .footer-links ul {
        column-count: 1;
    }
}

@media (max-width: 575px) {
    .footer-logo {
        width: 206px;
    }
}

/*========== Footer End ==========*/

/*========== Scroll To Top Start ==========*/

.scrolltop {
    --size: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: var(--size);
    height: var(--size);
    background: var(--primary-color);
    border: none;
    color: var(--white-color) !important;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    padding: 13px 0;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    display: none;
    z-index: 50;
    transition: var(--transition);
}

.scrolltop:hover {
    background: var(--dark-color);
    color: var(--white-color) !important;
}

/*========== Scroll To Top End ==========*/

/*========== Inner Page Start ==========*/

.inner-banner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(31.25rem, 27.263vw + 14.347rem, 47.063rem);
    /* Breakpoint:- 1920 to 992, value:- 753px to 500px */
    padding: clamp(10rem, 19.397vw - 2.026rem, 21.25rem) 0 clamp(5rem, 2.371vw + 3.53rem, 6.375rem);
    /* Breakpoint:- 1920 to 992, value:- 340px to 160px */
    /* Breakpoint:- 1920 to 992, value:- 102px to 80px */
}

.inner-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--black-color-rgb), 0.55);
    pointer-events: none;
}

.inner-banner .banner-bg-lines span {
    background-color: rgba(var(--white-color-rgb), 0.15);
}

.inner-banner .container {
    width: 100%;
}

.banner-content .breadcrumb-box {
    margin-top: clamp(2rem, 3.233vw - 0.004rem, 3.875rem);
    /* Breakpoint:- 1920 to 992, value:- 62px to 32px */
}

.breadcrumb-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}

.breadcrumb-box ul li {
    color: var(--white-color);
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
    font-size: var(--body-font-size);
    line-height: 1;
    text-transform: uppercase;
}

.breadcrumb-box ul li:not(:last-child):after {
    content: "/";
    display: block;
    color: inherit;
}

.breadcrumb-box ul li a {
    color: inherit;
    text-transform: inherit;
}

.breadcrumb-box ul li a:hover {
    color: var(--primary-color);
}

.breadcrumb-box ul li:not(:has(a)) {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.inner-banner.small-banner {
    padding: clamp(7rem, 8.405vw + 1.789rem, 11.875rem) 0 32px;
    /* Breakpoint:- 1920 to 992, value:- 190px to 112px */
    min-height: clamp(18.75rem, 16.487vw + 8.528rem, 28.313rem);
    /* Breakpoint:- 1920 to 992, value:- 453px to 300px */
}

.banner-content .h3-title {
    margin-bottom: 8px;
}

.inner-banner.small-banner .banner-content .breadcrumb-box {
    margin-top: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

@media (min-width: 768px) {
    .single-post .inner-banner.small-banner .banner-content .breadcrumb-box {
        width: 40%;
    }
}

.inner-banner.inner-banner-transparent {
    border-bottom: 1px solid var(--light-gray-color);
}

.inner-banner.inner-banner-transparent::before {
    content: none;
}

.inner-banner.inner-banner-transparent .breadcrumb-box ul li {
    color: var(--dark-color);
}

@media (max-width: 991px) {
    .inner-banner {
        min-height: 400px;
        padding: 160px 0 80px;
    }

    .banner-content .h3-title {
        font-size: clamp(1.125rem, 0.338vw + 1.04rem, 1.25rem);
        /* Breakpoint:- 991 to 400, value:- 20px to 18px */
    }

    .banner-content .breadcrumb-box {
        margin-top: 24px;
    }

    .breadcrumb-box ul li {
        font-size: clamp(0.875rem, 0.338vw + 0.79rem, 1rem);
        /* Breakpoint:- 991 to 400, value:- 16px to 14px */
    }
}

@media (max-width: 575px) {
    .inner-banner {
        min-height: 350px;
        padding: 127px 0 70px;
    }

    .inner-banner.small-banner {
        min-height: 250px;
        padding: 90px 0 30px;
    }

    .inner-banner.small-banner .banner-content .breadcrumb-box {
        margin-top: 16px;
    }

    .inner-banner .banner-content .h1-title {
        margin-bottom: 10px;
    }
}

@media (max-width: 400px) {
    .breadcrumb-box ul li:not(:has(a)) {
        max-width: 285px;
    }
}

.inner-page-text {
    padding: var(--section-spacing) 0;
}

.privacy-content h2,
.entry-content h2 {
    font-size: 35px;
}

.privacy-content :where(h1, h2, h3, h4, h5, h6):not(:first-child),
.entry-content :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: 20px;
}

.privacy-content :where(h1, h2, h3, h4, h5, h6):not(:last-child),
.entry-content :where(h1, h2, h3, h4, h5, h6):not(:last-child) {
    margin-bottom: 20px;
}

.privacy-content p a,
.privacy-content a,
.entry-content a,
.entry-content p a,
.entry-content a {
    transition: var(--transition);
    color: var(--primary-color);
}

.privacy-content p a:hover,
.privacy-content a:hover,
.entry-content p a:hover,
.entry-content a:hover {
    color: var(--text-color);
}

.entry-content ol,
.entry-content ul,
.privacy-content ol,
.privacy-content ul {
    padding: 0;
    margin: 0 0 1.5em 3em;
}

.entry-content ol li,
.privacy-content ol li {
    list-style: decimal;
    margin-bottom: 10px;
}

.entry-content ul li,
.privacy-content ul li {
    list-style: disc;
    margin-bottom: 10px;
}

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

    .entry-content ol,
    .entry-content ul,
    .privacy-content ol,
    .privacy-content ul {
        margin-left: 20px;
    }

    .privacy-content h2,
    .entry-content h2 {
        font-size: 28px;
    }
}

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

    .privacy-content h2,
    .entry-content h2 {
        font-size: 26px;
    }
}

/*========== Inner Page End ==========*/

/*========== Default Content [Page] Start ==========*/

/* ----- Default Content Section Start ----- */

.default-content-box-wp .default-content-inner-box {
    max-width: 840px;
    margin-inline: auto;
}

.default-content-box :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.default-content-box :where(h1, h2, h3, h4, h5, h6):not(:last-child) {
    margin-bottom: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.default-content-box ul,
.default-content-box ol {
    list-style: disc;
    margin: 0 0 16px 2em;
}

.default-content-box ol {
    list-style: decimal;
}

.default-content-box .wp-block-image {
    max-width: unset;
    width: calc(100% + 64px);
    margin-inline: -32px;
}

.default-content-box p+.wp-block-image,
.default-content-box ul+.wp-block-image,
.default-content-box ol+.wp-block-image {
    margin-block: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.default-content-inner-box .social-media {
    margin-top: clamp(3.125rem, 1.509vw + 2.19rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 50px */
}

@media (max-width: 991px) {
    .default-content-box :where(h1, h2, h3, h4, h5, h6):not(:last-child) {
        margin-bottom: 20px;
    }

    .default-content-box :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
        margin-top: 20px;
    }

    .default-content-box p+.wp-block-image,
    .default-content-box ul+.wp-block-image,
    .default-content-box ol+.wp-block-image {
        margin-block: 20px;
    }

    .default-content-box .wp-block-image {
        width: calc(100% + 24px);
        margin-inline: -12px;
    }

    .default-content-inner-box .social-media {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .default-content-inner-box .social-media {
        margin-top: 30px;
    }
}

@media (max-width: 400px) {
    .default-content-box .wp-block-image {
        width: 100%;
        margin-inline: 0;
    }
}

/* ----- Default Content Section End ----- */

/*========== Default Content [Page] End ==========*/

/*========== Our Story [Page] Start ==========*/

/*----- What We Do Section Start -----*/

.row.what-we-do-box-row {
    --gutter: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    --gutter-y: var(--gutter);
}

.what-we-do-box {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: clamp(1.063rem, 1.078vw + 0.394rem, 1.688rem);
    /* Breakpoint:- 1920 to 992, value:- 27px to 17px */
}

.what-we-do-box .what-we-do-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.13636363636;
    overflow: hidden;
    flex: 0 0 auto;
}

.what-we-do-box .what-we-do-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.what-we-do-box:hover .what-we-do-image img {
    transform: scale(1.03);
}

.what-we-do-box .what-we-do-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 12px;
}

.what-we-do-box .what-we-do-box-content .p1 {
    font-size: clamp(0.875rem, 1.293vw + 0.073rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 14px */
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.what-we-do-sec .what-we-do-content {
    margin-block: var(--section-spacing) -6px;
    display: block;
    column-count: 2;
    column-gap: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.what-we-do-sec .what-we-do-content ul,
.system-specification-single-category-content .p1 ul,
.woocommerce div.product div.summary .product-short-description ul,
.woocommerce-archive-description-inner ul {
    list-style: disc;
    margin: 0px 0px 16px 30px;
}


.what-we-do-sec .what-we-do-content ol,
.system-specification-single-category-content .p1 ol,
.woocommerce div.product div.summary .product-short-description ol,
.woocommerce-archive-description-inner ol {
    margin: 0px 0px 16px 30px;
}

.our-commitment-content .social-media {
    margin-top: clamp(3.125rem, 1.509vw + 2.19rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 50px */
}

.what-we-do-box-content .arrow-btn::before,
.what-we-do-box-content .arrow-btn::after {
    --size: clamp(0.875rem, 0.647vw + 0.474rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 14px */
}

@media (max-width: 991px) {
    .row.what-we-do-box-row {
        --gutter: 24px;
    }

    .what-we-do-box {
        gap: 20px;
    }

    .what-we-do-box .what-we-do-box-content .p1 {
        font-size: 18px;
    }

    .what-we-do-sec .common-sec-title-content-mob-btn {
        margin-top: 30px;
    }

    .what-we-do-sec .what-we-do-content {
        column-count: 1;
        margin-block: var(--section-spacing) 0;
    }

    .our-commitment-content .social-media {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .our-commitment-content .social-media {
        margin-top: 30px;
    }
}

/*----- What We Do Section End -----*/

/*========== Our Story [Page] End ==========*/

/*========== Blog [Page] Start ==========*/

.blog-tab-sec {
    padding-top: 64px;
}

.blog-tab-buttons {
    display: grid;
    place-content: center;
}

.blog-tab-wp .blog-tab-buttons ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: auto hidden;
    width: 100%;
    gap: 27px;
    white-space: nowrap;
    padding-bottom: 10px;
}

.blog-tab-wp .blog-tab-buttons ul li {
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 100;
    padding-inline: 2px;
    color: var(--black-color);
    cursor: pointer;
    transition: var(--transition);
}

.blog-tab-wp .blog-tab-buttons ul li.tab-active,
.blog-tab-wp .blog-tab-buttons ul li:hover {
    -webkit-text-stroke-width: 1px;
}

.blog-tab-wp .blog-tab-buttons ul::-webkit-scrollbar {
    width: 100%;
    height: 3px;
}

.blog-tab-wp .blog-tab-buttons ul::-webkit-scrollbar-track {
    width: 100%;
    background-color: var(--secondary-color);
}

.blog-tab-wp .blog-tab-buttons ul::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    cursor: grab;
}

.blog-tab-wp {
    display: flex;
    flex-direction: column;
    gap: clamp(2.125rem, 2.155vw + 0.789rem, 3.375rem);
    /* Breakpoint:- 1920 to 992, value:- 54px to 34px */
}

.blog-tab-panel {
    position: relative;
}

.blog-box-row {
    --gutter: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    --gutter-x: var(--gutter);
    --gutter-y: calc(var(--gutter) * 2);
}

.blog-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-box .blog-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.65055762081;
    overflow: hidden;
}

.blog-box .blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.blog-box:hover .blog-image img {
    transform: scale(1.03);
}

.blog-post-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.blog-post-info ul li {
    color: var(--dark-color);
    display: flex;
    align-items: center;
    text-align: center;
    gap: 16px;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}

.blog-post-info ul li:not(:last-child):after {
    content: "|";
    display: block;
    color: inherit;
}

.blog-post-info ul li a {
    color: inherit;
    text-transform: inherit;
}

.blog-post-info ul li a:hover {
    color: var(--primary-color);
}

.blog-post-info.blog-post-info-white ul li {
    color: var(--white-color);
}

.blog-box .blog-box-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-box-content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--body-font);
    font-size: clamp(1.25rem, 0.647vw + 0.849rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 20px */
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: var(--dark-color);
}

.blog-box-content h4 a {
    color: inherit;
}

.blog-box-content h4 a:hover {
    color: var(--primary-color);
}

.blog-box .blog-box-content .p2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-categories ul {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-categories ul li {
    line-height: 1;
}

.blog-categories ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    color: var(--dark-color);
    padding: 7px 5px;
    border: 1px solid var(--border-color);
}

.blog-categories ul li a:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.inner-page-text .custom-pagination-wp {
    margin-top: clamp(2.75rem, 2.155vw + 1.414rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 44px */
}

.blog-tab-wp .custom-pagination-wp {
    margin-top: 10px;
}

.custom-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
}

.custom-pagination .pagination-btn.disabled {
    cursor: unset;
    opacity: 0.5;
}

.custom-pagination .pagination-btn {
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--dark-color);
    cursor: pointer;
    transition: var(--transition);
}

.custom-pagination .pagination-btn:not(.disabled):hover {
    color: var(--primary-color);
}

.custom-pagination .p2 {
    line-height: 1;
    font-weight: 300;
    color: var(--dark-color);
}

.custom-pagination .p2 span {
    display: inline-block;
}

@media (max-width: 991px) {
    .blog-tab-wp .blog-tab-buttons ul {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .blog-box-row {
        --gutter: 24px;
        --gutter-y: var(--gutter);
    }
}

@media (max-width: 575px) {
    .blog-tab-sec {
        padding-top: 60px;
    }

    .blog-tab-wp {
        gap: 30px;
    }

    .custom-pagination {
        flex-direction: row;
    }

    .custom-pagination .p2 {
        width: 100%;
        order: 1;
        text-align: center;
    }

    .custom-pagination .pagination-btn.prev {
        order: 2;
    }

    .custom-pagination .pagination-btn.next {
        order: 3;
    }

    .inner-page-text .custom-pagination-wp {
        margin-top: 30px;
    }
}

@media (max-width: 400px) {
    .blog-box .blog-box-content {
        gap: 12px;
    }

    .blog-post-info ul,
    .blog-post-info ul li {
        gap: 10px;
    }

    .blog-box-content h4 {
        font-size: 18px;
    }
}

/*========== Blog [Page] End ==========*/

/*========== Single Blog [Page] Start ==========*/

.gallery-slider-sec .gallery-slider-wp {
    position: relative;
}

.gallery-slider-sec:not(:has(.swiper-slide + .swiper-slide)) .gallery-slider-pagination-wrapper {
    display: none;
}

.gallery-slider-sec .swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.gallery-slider-sec .swiper .gallery-slider-image {
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 0.50052083333;
}

.gallery-slider-pagination-wrapper {
    position: relative;
    bottom: -50px;
    margin-bottom: -18px;
    line-height: 1;
    z-index: 6;
    pointer-events: none;
}

.gallery-slider-pagination-wrapper .gallery-slider-pagination-inner {
    display: inline-flex;
    align-items: center;
    gap: clamp(2.5rem, 2.478vw + 0.963rem, 3.938rem);
    /* Breakpoint:- 1920 to 992, value:- 63px to 40px */
    pointer-events: auto;
}

.gallery-slider-pagination-wrapper .gallery-slider-pagination-inner .swiper-pagination {
    --swiper-pagination-bullet-margin: 0px;
    justify-content: flex-start;
    width: auto;
}

.gallery-slider-sec .common-content-box {
    margin-top: calc(clamp(7.875rem, 6.466vw + 3.866rem, 11.625rem) * -0.5);
    /* Breakpoint:- 1920 to 992, value:- -186px to -126px */
}

.common-content-box .blog-post-info ul li {
    font-size: clamp(1.25rem, 0.216vw + 1.116rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 20px */
    line-height: 1.5;
}

.row.single-post-content-main-row {
    --gutter: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.single-post-content-section {
    padding-top: 64px;
}

.single-post-toc .h5-title {
    padding-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    margin-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    border-bottom: 1px solid var(--light-gray-color);
}

.toc-nav ul {
    display: flex;
    flex-direction: column;
    gap: clamp(0.875rem, 1.078vw + 0.207rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 14px */
}

.toc-nav ul li a {
    display: inline-block;
    font-size: var(--body-font-size);
    line-height: 1.5;
    color: var(--dark-color);
    text-transform: uppercase;
}

.toc-nav ul li a:not(:last-child) {
    margin-bottom: clamp(0.25rem, 0.431vw - 0.017rem, 0.5rem);
    /* Breakpoint:- 1920 to 992, value:- 8px to 4px */
}

.toc-nav ul li a.active {
    -webkit-text-stroke-width: 1px;
}

.toc-nav ul ul {
    margin-left: 16px;
    gap: 8px;
}

.toc-nav ul ul li a {
    font-size: clamp(0.938rem, 0.108vw + 0.871rem, 1rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 15px */
    line-height: 1.75;
}

.single-post-content :where(h1, h2):not(:first-child) {
    margin-top: clamp(2.5rem, 2.155vw + 1.164rem, 3.75rem);
    /* Breakpoint:- 1920 to 992, value:- 60px to 40px */
}

.single-post-content :where(h1, h2):not(:last-child) {
    margin-bottom: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.single-post-content h3:not(:first-child) {
    margin-top: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.single-post-content h3:not(:last-child) {
    margin-bottom: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
}

.single-post-content h4:not(:first-child) {
    margin-top: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
}

.single-post-content h4:not(:last-child) {
    margin-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
}

.single-post-content h5:not(:first-child) {
    margin-top: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
}

.single-post-content h5:not(:last-child) {
    margin-bottom: clamp(1.125rem, 0.216vw + 0.991rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 18px */
}

.single-post-content h6:not(:first-child) {
    margin-top: 16px;
}

.single-post-content h6:not(:last-child) {
    margin-bottom: 16px;
}

.single-post-content ul,
.single-post-content ol {
    list-style: disc;
    margin: 0 0 16px 2em;
}

.single-post-content ol {
    list-style: decimal;
}

.single-post-content figure:not(:first-child) {
    margin-top: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.single-post-content figure:not(:last-child) {
    margin-bottom: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.single-post-content a {
    text-decoration: underline !important;
}

.single-post-content-wp .single-post-cta {
    margin-top: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.single-post-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.single-post-content-wp .social-media {
    margin-top: clamp(2.75rem, 2.155vw + 1.414rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 44px */
}

.you-may-also-like .h5-title {
    margin-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
}

.you-may-also-like .related-posts-list {
    display: flex;
    flex-direction: column;
    gap: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.related-post-item .related-post-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.58333333333;
    overflow: hidden;
    margin-bottom: 16px;
}

.related-post-item .related-post-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.related-post-item .related-post-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.related-post-item:hover .related-post-image a img {
    transform: scale(1.03);
}

.related-post-item .related-post-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.related-post-item .related-post-content h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--body-font);
    font-size: clamp(1rem, 0.431vw + 0.733rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 16px */
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: var(--dark-color);
}

.related-post-item .related-post-content h5 a {
    color: inherit;
}

.related-post-item .related-post-content h5 a:hover {
    color: var(--primary-color);
}

.sidebar-newsletter {
    padding: clamp(1.25rem, 1.293vw + 0.448rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: clamp(2.75rem, 2.155vw + 1.414rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 44px */
    background-color: var(--dark-color);
}

.sidebar-newsletter-content .h5-title {
    margin-bottom: 16px;
}

.sidebar-newsletter-form form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-newsletter-form input {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    color: var(--white-color);
    font-family: var(--body-font);
    height: 50px;
    padding: 16px 24px;
    border: 1px solid var(--white-color);
    outline: none;
    background-color: transparent;
}

.sidebar-newsletter-form input::placeholder {
    color: var(--white-color);
}

.sidebar-newsletter-form form .sec-btn {
    padding-block: 15px;
}

@media (min-width: 992px) {
    body:has(.sidebar-sticky-sec) {
        overflow: unset !important;
    }

    .sidebar-sticky-sec .single-post-toc,
    .sidebar-sticky-sec .single-post-sidebar {
        position: sticky;
        top: calc(var(--main-header-height) + calc(var(--wp-admin--admin-bar--height, 0px)) + 40px);
    }
}

@media (max-width: 991px) {
    .gallery-slider-sec .common-content-box {
        margin-top: calc(clamp(6.25rem, 3.869vw + 5.476rem, 7.875rem) * 0);
        /* Breakpoint:- 992 to 320, value:- -126px to -100px */
    }

    .gallery-slider-pagination-wrapper.for-mob {
        bottom: 0;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .common-content-box .blog-post-info ul li {
        font-size: 18px;
    }

    .single-post-content-section .single-post-toc:has(.toc-nav) {
        margin-bottom: 50px;
    }

    .single-post-content :where(h1, h2):not(:first-child) {
        margin-top: clamp(1.875rem, 1.488vw + 1.577rem, 2.5rem);
        /* Breakpoint:- 992 to 320, value:- 40px to 30px */
    }

    .single-post-content :where(h1, h2):not(:last-child) {
        margin-bottom: clamp(1.5rem, 1.786vw + 1.143rem, 2.25rem);
        /* Breakpoint:- 992 to 320, value:- 36px to 24px */
    }

    .single-post-content h3:not(:first-child) {
        margin-top: clamp(1.5rem, 1.786vw + 1.143rem, 2.25rem);
        /* Breakpoint:- 992 to 320, value:- 36px to 24px */
    }

    .single-post-content figure:not(:first-child) {
        margin-top: clamp(1.5rem, 1.786vw + 1.143rem, 2.25rem);
        /* Breakpoint:- 992 to 320, value:- 36px to 24px */
    }

    .single-post-content figure:not(:last-child) {
        margin-bottom: clamp(1.5rem, 1.786vw + 1.143rem, 2.25rem);
        /* Breakpoint:- 992 to 320, value:- 36px to 24px */
    }

    .single-post-content-section .single-post-sidebar {
        margin-top: 50px;
    }

    .related-post-item .related-post-content h5 {
        font-size: 18px;
    }

    .sidebar-newsletter {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .gallery-slider-sec .swiper .gallery-slider-image {
        height: 400px;
        aspect-ratio: unset;
    }
}

@media (max-width: 575px) {
    .single-post-content-section {
        padding-top: 60px;
    }

    .single-post-content figure:not(:first-child) {
        margin-top: 30px;
    }

    .single-post-content-wp .single-post-cta {
        margin-top: 30px;
    }

    .single-post-content-wp .social-media {
        margin-top: 30px;
    }

    .you-may-also-like .related-posts-list {
        gap: 24px;
    }

    .related-post-item .related-post-image {
        margin-bottom: 10px;
    }

    .related-post-item .related-post-content {
        gap: 10px;
    }

    .sidebar-newsletter {
        margin-top: 30px;
    }

    .sidebar-newsletter-form input {
        padding: 10px 15px;
    }
}

@media (max-width: 400px) {
    .sidebar-newsletter {
        padding: 20px;
    }

    .single-post-cta .sec-btn {
        padding-inline: 14px;
        font-size: 14px;
    }

    .single-post-cta .sec-btn::before {
        right: 14px;
    }
}

/*========== Single Blog [Page] End ==========*/

/*========== Contact [Page] Start ==========*/

.contact-about-info {
    margin-left: 122px;
}

.contact-about-info .contact-looking-for-box {
    margin-bottom: 64px;
}

.contact-looking-for-box .h3-title {
    margin-bottom: 43px;
}

.contact-link-box-wp .contact-link-box:not(:last-child) {
    margin-bottom: 56px;
}

.contact-link-box .h3-title {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.contact-link-box .contact-info-links ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.contact-link-box .contact-info-links ul li {
    line-height: 1;
}

.contact-link-box .contact-info-links ul li a {
    display: inline-block;
    font-size: clamp(1rem, 0.647vw + 0.599rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 16px */
    line-height: 1.75;
    letter-spacing: 0;
    font-weight: 100;
    color: var(--black-color);
    text-decoration: underline !important;
}

.contact-link-box .contact-info-links ul li a:hover {
    color: var(--primary-color);
}

.map-sec {
    --extra-space: 75px;
    margin-top: var(--extra-space);
    position: relative;
    z-index: 2;
    min-height: clamp(34.375rem, 19.828vw + 22.082rem, 45.875rem);
    /* Breakpoint:- 1920 to 992, value:- 734px to 550px */
    padding-right: var(--gutter);
}

.map-office-box {
    position: relative;
    top: calc(var(--extra-space) * -1);
    background: var(--dark-color);
    width: clamp(34.375rem, 21.552vw + 21.013rem, 46.875rem);
    /* Breakpoint:- 1920 to 992, value:- 750px to 550px */
    max-width: 100%;
    padding-inline: clamp(3.75rem, 6.466vw - 0.259rem, 7.5rem);
    /* Breakpoint:- 1920 to 992, value:- 120px to 60px */
    padding-block: clamp(3.75rem, 3.879vw + 1.345rem, 6rem);
    /* Breakpoint:- 1920 to 992, value:- 96px to 60px */
}

.map-office-box .h2-title {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.map-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.map-box iframe {
    width: 100%;
    height: 100%;
    display: block;
    filter: grayscale(100%);
}

@media (max-width: 1199px) {
    .contact-about-info {
        margin-left: 50px;
    }
}

@media (max-width: 991px) {
    .contact-sec .row {
        --gutter-y: 50px;
    }

    .contact-about-info {
        margin-left: 0;
    }

    .contact-link-box-wp .contact-link-box:not(:last-child) {
        margin-bottom: 30px;
    }

    .contact-looking-for-box .h3-title {
        margin-bottom: 30px;
    }

    .contact-about-info .contact-looking-for-box {
        margin-bottom: 40px;
    }

    .map-sec {
        --extra-space: 40px;
    }

    .map-office-box {
        width: clamp(25rem, 22.355vw + 20.529rem, 34.375rem);
        /* Breakpoint:- 1920 to 992, value:- 550px to 400px */
        padding-inline: clamp(1.875rem, 4.471vw + 0.981rem, 3.75rem);
        /* Breakpoint:- 1920 to 992, value:- 60px to 30px */
        padding-block: clamp(1.875rem, 4.471vw + 0.981rem, 3.75rem);
        /* Breakpoint:- 1920 to 992, value:- 60px to 30px */
    }
}

@media (max-width: 575px) {
    .contact-link-box .contact-info-links ul {
        gap: 8px;
    }
}

@media (max-width: 400px) {
    .map-sec {
        padding-right: calc(var(--gutter) / 2);
        min-height: clamp(28.125rem, 14.903vw + 25.144rem, 34.375rem);
        /* Breakpoint:- 1920 to 992, value:- 550px to 450px */
    }
}

/*========== Contact [Page] End ==========*/

/*========== Plan Quote Service [Page] Start ==========*/

.plan-quote-service-wp {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.plan-quote-service-img {
    width: 700px;
    aspect-ratio: 1 / 1.25714285714;
    display: inline-block;
    margin-top: 120px;
}

@media (max-width: 991px) {
    .plan-quote-service-sec .row {
        --gutter-y: 50px;
    }

    .plan-quote-service-img {
        margin-top: 0;
        width: 100%;
    }
}

/*========== Plan Quote Service [Page] End ==========*/

/*========== Stockists [Page] Start ==========*/


.stockist-content h2 {
    margin-bottom: 40px;
}

.stockists-content p a {
    text-decoration: underline !important;
}

.stockist-content .wpsl-default-filters {
    margin-top: 32px;
}

.stockists-content .wpsl-search {
    background: var(--dark-color);
    margin-bottom: 0;
}

.stockists-content #wpsl-search-wrap .wpsl-input {
    margin-bottom: 0;
    position: relative;
}

.stockists-content #wpsl-search-wrap {
    margin-bottom: 16px;
}

#wpsl-search-wrap .wpsl-input>div {
    display: none;
}

#wpsl-search-wrap .wpsl-input input#wpsl-search-input {
    background: transparent;
    border: none;
    height: 100%;
    color: #FFF;
    outline: none;
    box-shadow: none;
    appearance: none !important;
    display: flex;
    font-weight: 300;
    border: 1px solid #454545;
    padding: 17px 17px 17px 56px;
}

.stockists-content #wpsl-search-wrap .wpsl-input::before {
    position: absolute;
    content: "";
    --size: 24px;
    width: var(--size);
    height: var(--size);
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    background-color: #FFF;
    --mask-img: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%206.35%206.35%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%3E%3Cg%3E%3Cpath%20d%3D%22M2.894.511a2.384%202.384%200%200%200-2.38%202.38%202.386%202.386%200%200%200%202.38%202.384c.56%200%201.076-.197%201.484-.523l.991.991a.265.265%200%200%200%20.375-.374l-.991-.992a2.37%202.37%200%200%200%20.523-1.485C5.276%201.58%204.206.51%202.894.51zm0%20.53c1.026%200%201.852.825%201.852%201.85S3.92%204.746%202.894%204.746s-1.851-.827-1.851-1.853.825-1.852%201.851-1.852z%22%20paint-order%3D%22stroke%20fill%20markers%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    mask: var(--mask-img) no-repeat center / contain;
    -webkit-mask: var(--mask-img) no-repeat center / contain;
}

.stockists-content #wpsl-search-wrap .wpsl-search-btn-wrap {
    display: none;
}

.stockists-content #wpsl-result-list {
    margin-right: 0;
}

.stockists-content #wpsl-stores {
    background: var(--dark-color);
    padding: 16px;
    border-top: 1px solid #454545 !important;
}

.stockists-content #wpsl-stores::-webkit-scrollbar-track {
    background: var(--dark-color) !important;
}

.stockists-content #wpsl-stores::-webkit-scrollbar-thumb {
    background-color: #FFF !important;
}

.stockists-content #wpsl-stores::-webkit-scrollbar-thumb:hover {
    background-color: #FFF !important;
}

.stockists-content #wpsl-stores ul li {
    border: 1px solid #454545 !important;
    padding: 24px 16px !important;
    margin-bottom: 24px;
}

.stockists-content #wpsl-stores ul li:last-child {
    margin-bottom: 0;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location p {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #FFF;
    letter-spacing: 0.8px;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    color: #fff;
    letter-spacing: .9px;
}

.stockists-content #wpsl-stores ul li .wpsl-direction-wrap,
.stockists-content #wpsl-stores ul li .wpsl-direction-wrap a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #FFF;
    letter-spacing: 0.8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location a:hover,
.stockists-content #wpsl-stores ul li .wpsl-direction-wrap a:hover {
    text-decoration: underline !important;
    ;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location>p:first-child>span {
    padding-left: 24px;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location p span.wpsl-street {
    position: relative;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location>p:first-child span.wpsl-street::before,
.stockists-content #wpsl-stores ul li .wpsl-store-location p.wpsl-contact-details::before {
    position: absolute;
    content: "";
    --size: 16px;
    width: var(--size);
    height: var(--size);
    top: 3px;
    left: 0;
    background-color: #FFF;
    --mask-img: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%3E%3Cg%3E%3Cpath%20d%3D%22M12%200C7.038%200%203%204.066%203%209.065c0%207.103%208.154%2014.437%208.501%2014.745a.749.749%200%200%200%20.998.001C12.846%2023.502%2021%2016.168%2021%209.065%2021%204.066%2016.962%200%2012%200zm0%2014c-2.757%200-5-2.243-5-5s2.243-5%205-5%205%202.243%205%205-2.243%205-5%205z%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    mask: var(--mask-img) no-repeat center / contain;
    -webkit-mask: var(--mask-img) no-repeat center / contain;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location p.wpsl-contact-details {
    position: relative;
    padding-left: 24px;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location p.wpsl-contact-details span strong {
    display: none;
}

.stockists-content #wpsl-stores ul li .wpsl-store-location p.wpsl-contact-details::before {
    --mask-img: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20513.64%20513.64%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%3E%3Cg%3E%3Cpath%20d%3D%22m499.66%20376.96-71.68-71.68c-25.6-25.6-69.12-15.359-79.36%2017.92-7.68%2023.041-33.28%2035.841-56.32%2030.72-51.2-12.8-120.32-79.36-133.12-133.12-7.68-23.041%207.68-48.641%2030.72-56.32%2033.28-10.24%2043.52-53.76%2017.92-79.36l-71.68-71.68c-20.48-17.92-51.2-17.92-69.12%200L18.38%2062.08c-48.64%2051.2%205.12%20186.88%20125.44%20307.2s256%20176.641%20307.2%20125.44l48.64-48.64c17.921-20.48%2017.921-51.2%200-69.12z%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/*========== Stockists [Page] End ==========*/

/*========== Systems Specifications [Page] Start ==========*/

.system-process-content-wp .step-process-content {
    margin-block: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.step-process-content .h3-title,
.system-specifications-list-content>.h3-title {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.step-process-content .step-process-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(1.25rem, 1.293vw + 0.448rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
    padding: clamp(1.25rem, 1.293vw + 0.448rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
    height: 100%;
    background-color: var(--dark-color);
}

.step-process-box .step-count {
    display: inline-block;
    font-size: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
    font-family: var(--title-font);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}

.step-process-box .h4-title {
    font-size: clamp(1.125rem, 0.862vw + 0.591rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
    text-align: center;
}

.step-process-content .row [class*="col-"]:not(:last-child) .step-process-box:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 1px;
    background-color: var(--dark-gray-color);
}

.row.system-specifications-list-row {
    --gutter: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    --gutter-y: calc(var(--gutter) * 2);
}

.system-specifications-box {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 0.754vw + 0.782rem, 1.688rem);
    /* Breakpoint:- 1920 to 992, value:- 27px to 20px */
}

.system-specifications-box .system-specifications-image-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.13636363636;
    overflow: hidden;
    flex: 0 0 auto;
}

.system-specifications-box .system-specifications-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.system-specifications-box:hover .system-specifications-image-box img {
    transform: scale(1.03);
}

.system-specifications-box .system-specifications-box-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
}

.system-specifications-box .system-specifications-box-content .system-specifications-box-title {
    font-size: clamp(1.125rem, 0.862vw + 0.591rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
    line-height: 1;
    font-weight: 300;
    font-family: var(--title-font);
    text-transform: uppercase;
    color: var(--dark-color);
    letter-spacing: 0.05em;
}

.system-specifications-box .system-specifications-box-content .sec-btn {
    justify-content: space-between;
    margin-top: auto;
    padding-inline: clamp(0.5rem, 0.862vw - 0.034rem, 1rem) clamp(0.5rem, 1.509vw - 0.435rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 08px */
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
    gap: clamp(0.5rem, 0.862vw - 0.034rem, 1rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 6px */
    font-size: clamp(0.875rem, 0.431vw + 0.608rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 14px */
}

.system-specifications-box .system-specifications-box-content .sec-btn::before {
    right: clamp(0.5rem, 1.509vw - 0.435rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
}

.system-specifications-substrate-cta-box {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.system-specifications-substrate-cta-box .system-specifications-substrate-cta-image {
    flex: 0 0 34.186%;
    height: 100%;
}

.system-specifications-substrate-cta-box .system-specifications-substrate-cta-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.system-specifications-substrate-cta-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(1.5rem, 1.724vw + 0.431rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 24px */
    padding: clamp(1.25rem, 1.293vw + 0.448rem, 2rem) clamp(1.875rem, 2.802vw + 0.138rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
    /* Breakpoint:- 1920 to 992, value:- 56px to 30px */
    background-color: var(--dark-color);
}

@media screen and (max-width: 991px) {
    .step-process-content .row [class*="col-"]:nth-child(2) .step-process-box:after {
        content: none;
    }

    .step-process-content .row [class*="col-"]:not(:last-child) .step-process-box:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: var(--dark-gray-color);
    }

    .system-specifications-box .system-specifications-box-content .sec-btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .row.system-specifications-list-row {
        --gutter: 30px;
        --gutter-y: var(--gutter);
    }

    .system-specifications-substrate-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .system-specifications-substrate-cta-box .system-specifications-substrate-cta-image {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1.13636363636;
        overflow: hidden;
    }

    .system-specifications-substrate-cta-content {
        padding: 30px;
    }
}

@media screen and (max-width: 575px) {
    .system-specifications-box .system-specifications-box-content {
        gap: 10px;
    }

    .system-specifications-substrate-cta-content {
        padding: 30px 20px;
    }
}

/*========== Systems Specifications [Page] End ==========*/

/*========== Systems Specifications Category [Page] Start ==========*/

.system-specification-single-category-content .p1 {
    font-size: clamp(1.125rem, 0.431vw + 0.858rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 18px */
    line-height: 1.75;
    font-weight: 300;
    color: var(--black-color);
}

.system-specification-single-category-content .p1 p:not(:last-of-type) {
    margin-bottom: clamp(1.25rem, 2.155vw - 0.086rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 24px */
}

.system-specification-single-category-image-wp {
    display: flex;
    justify-content: flex-end;
}

.system-specification-single-category-image {
    width: 421px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}

.system-specification-single-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.system-specification-single-category-sec .system-specification-single-category-bottom {
    padding-top: clamp(2.625rem, 1.509vw + 1.69rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 42px */
    margin-top: clamp(3.125rem, 1.509vw + 2.19rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 50px */
    border-top: 1px solid var(--secondary-color);
}

.system-specification-single-category-bottom .system-specifications-box .system-specifications-box-content .system-specifications-box-title {
    line-height: 1.2;
}

@media screen and (max-width: 991px) {
    .system-specification-single-category-content {
        margin-bottom: 30px;
    }

    .system-specification-single-category-image-wp {
        justify-content: flex-start;
    }

    .system-specification-single-category-image {
        width: 100%;
    }

    .system-specification-single-category-content .p1 {
        font-size: 16px;
    }

    .system-specification-single-category-content .p1 p:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .system-specification-single-category-sec .system-specification-single-category-bottom {
        padding-top: 35px;
        margin-top: 45px;
    }
}

/*========== Systems Specifications Category [Page] End ==========*/

/*========== Systems Specifications Single Post [Page] Start ==========*/

.single-post-content-section.system-specification-single-post-content-section {
    padding-top: var(--section-spacing);
}

.system-specification-single-post-content-wp {
    display: flex;
    flex-direction: column;
    gap: clamp(3.125rem, 1.509vw + 2.19rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 50px */
}

.system-specification-single-post-specification-content {
    display: flex;
    flex-direction: column;
    gap: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.system-specification-single-post-specification-content .sec-title .h2-title {
    margin-bottom: 0;
}

.system-specification-single-substrate-details .h3-title,
.system-specification-single-construction-detailing>.h3-title,
.system-specification-single-Product-documents .h3-title,
.system-specification-single-Product-disclaimer .h3-title {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.system-specification-single-substrate-details table {
    border-collapse: collapse;
    width: 100%;
    font-family: var(--body-font);
    margin: 0;
}

.system-specification-single-substrate-details table tr:nth-child(odd) {
    background-color: var(--mid-light-gray-color);
}

.system-specification-single-substrate-details table th,
.system-specification-single-substrate-details table td {
    padding: 16px;
    vertical-align: middle;
    text-align: left;
    color: var(--dark-color);
}

.system-specification-single-substrate-details table th {
    width: 41%;
    font-weight: 700;
}

.system-specification-single-substrate-details table td {
    width: 59%;
}

.system-specification-single-process-content .sec-title {
    margin-bottom: clamp(2.25rem, 2.155vw + 0.914rem, 3.5rem);
    /* Breakpoint:- 1920 to 992, value:- 56px to 36px */
}

.system-specification-single-process-boxes .system-specification-single-process-box .system-specification-single-product-box:not(:last-child) {
    margin-bottom: 30px;
}

.system-specification-single-process-boxes {
    display: flex;
    flex-direction: column;
    gap: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.system-specification-single-process-box .h4-title {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    padding-bottom: 8px;
    border-bottom: 1px solid var(--secondary-color);
}

.system-specification-single-product-box {
    display: flex;
    gap: clamp(1.25rem, 2.909vw - 0.554rem, 2.938rem);
    /* Breakpoint:- 1920 to 992, value:- 47px to 20px */
    align-items: flex-start;
}

.system-specification-single-product-box .system-specification-single-product-box-image {
    flex: 0 0 auto;
    width: 142px;
    height: auto;
    aspect-ratio: 1/1.24647887324;
    border: 1px solid var(--light-gray-color);
}

.system-specification-single-product-box .system-specification-single-product-box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.system-specification-single-product-box-content .h5-title {
    font-family: var(--body-font);
    line-height: 1.75;
    text-transform: unset;
    letter-spacing: 0.05em;
    text-decoration: underline;
    margin-bottom: 15px;
}

.system-specification-single-product-box-content ul {
    list-style: disc;
    margin: 0 0 15px 28px;
}

.system-specification-single-product-box-content ul li strong {
    font-weight: 700;
}

.system-specification-single-product-box-content .sec-btn {
    margin-top: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
}

.system-specification-single-Product-documents .p2 a {
    text-decoration: underline !important;
}

/* systems specifications sidebar content */

.system-specifications-sidebar-content .h5-title {
    padding-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    margin-bottom: clamp(1.25rem, 0.431vw + 0.983rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 20px */
    border-bottom: 1px solid var(--light-gray-color);
}

.system-specifications-sidebar-content .system-specifications-related-posts-list .system-specifications-box .system-specifications-box-content .system-specifications-box-title {
    line-height: 1.2;
}

.system-specifications-sidebar-content .system-specifications-related-posts-list .system-specifications-box:not(:last-child) {
    margin-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    padding-bottom: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    border-bottom: 1px solid var(--light-gray-color);
}

.system-specifications-sidebar-content .system-specifications-related-btn {
    margin-top: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    padding-top: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    border-top: 1px solid var(--light-gray-color);
}

.system-specifications-related-posts-list .system-specifications-box .system-specifications-box-content .sec-btn {
    line-height: 1.2;
    padding-block: clamp(0.625rem, 1.078vw - 0.043rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 10px */
}

.system-specifications-sidebar-content .system-specifications-related-btn .sec-btn {
    padding-inline: 14px;
    line-height: 1.2;
    padding-block: clamp(0.625rem, 1.078vw - 0.043rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 10px */
    gap: clamp(0.5rem, 0.862vw - 0.034rem, 1rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 8px */
    font-size: clamp(0.875rem, 0.431vw + 0.608rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 14px */
}

.system-specifications-sidebar-content .system-specifications-related-btn .sec-btn::before {
    right: 14px;
}

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

    .system-specification-single-substrate-details table th,
    .system-specification-single-substrate-details table td {
        padding: 10px;
    }

    .system-specifications-sidebar-content .system-specifications-related-btn .sec-btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .system-specification-single-post-content-wp {
        gap: 40px;
    }

    .system-specification-single-post-specification-content {
        gap: 30px;
    }

    .system-specification-single-process-content .sec-title {
        margin-bottom: 30px;
    }

    .system-specification-single-substrate-details table {
        table-layout: fixed;
    }

    .system-specification-single-substrate-details table th {
        width: 200px;
    }

    .system-specification-single-substrate-details table td {
        width: 350px;
    }

    .system-specification-single-product-box {
        flex-direction: column;
    }

    .system-specification-single-product-box .system-specification-single-product-box-image {
        width: 294px;
    }
}

/*========== Systems Specifications Single Post [Page] End ==========*/

/*========== Resources [Page] Start ==========*/

.application-manuals-sec .application-manuals-top {
    position: relative;
    margin-bottom: 33px;
    z-index: 5;
}

.application-manuals-content {
    max-width: 765px;
}

.application-manuals-content a {
    text-decoration: underline !important;
}

.custom-search-box {
    display: flex;
    justify-content: flex-end;
}

.custom-search-form {
    position: relative;
    width: 559px;
    max-width: 100%;
}

.custom-search-form .custom-search-btn {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 32px;
    font-size: clamp(1.875rem, 0.539vw + 1.541rem, 2.188rem);
    /* Breakpoint:- 1920 to 992, value:- 35px to 30px */
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background-color: transparent;
    pointer-events: none;
    transition: var(--transition);
}

.custom-search-form .custom-search-field {
    width: 100%;
    height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    padding: 10px 20px 10px 96px;
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 300;
    font-family: var(--body-font);
    color: var(--dark-color);
    text-overflow: ellipsis;
    border: 1px solid var(--border-color);
    outline: none;
    background-color: transparent;
    transition: var(--transition);
}

.sidebar-newsletter-form input::placeholder,
.custom-search-form .custom-search-field::placeholder {
    text-transform: uppercase;
}

.application-manuals-bottom {
    display: flex;
    flex-direction: column;
}

.application-box-row-wp {
    position: relative;
}

.application-box-row-wp .resource-not-found {
    color: var(--error-color);
}

.row.application-box-row {
    --gutter: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    --gutter-y: calc(var(--gutter) * 2);
    --gutter-x: 0;
}

.application-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100%;
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
}

@media (min-width: 992px) {
    .application-box-row [class*="col-"]:nth-child(3n + 1) .application-box {
        border-left: 1px solid var(--secondary-color);
    }

    .application-box-row [class*="col-"]:nth-child(3n) .application-box,
    .application-box-row [class*="col-"]:last-child .application-box {
        border-right: 1px solid var(--secondary-color);
    }

    .application-box-row [class*="col-"]:not(:nth-child(3n)) .application-box {
        border-right: 1px solid var(--secondary-color);
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .application-box-row [class*="col-"]:nth-child(2n + 1) .application-box {
        border-left: 1px solid var(--secondary-color);
    }

    .application-box-row [class*="col-"]:nth-child(2n) .application-box,
    .application-box-row [class*="col-"]:last-child .application-box {
        border-right: 1px solid var(--secondary-color);
    }

    .application-box-row [class*="col-"]:not(:nth-child(2n)) .application-box {
        border-right: 1px solid var(--secondary-color);
    }
}

@media (max-width: 767px) {
    .application-box {
        border-left: 1px solid var(--secondary-color);
        border-right: 1px solid var(--secondary-color);
    }
}

.application-box .application-box-title {
    padding: 10px 24px;
    min-height: clamp(3.813rem, 1.616vw + 2.81rem, 4.75rem);
    /* Breakpoint:- 1920 to 992, value:- 76px to 61px */
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.application-box .application-box-title .h5-title {
    font-family: var(--body-font);
    font-size: clamp(1rem, 0.431vw + 0.733rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 16px */
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark-color);
    letter-spacing: 0.05em;
}

.application-box .application-box-image {
    padding: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.application-box .application-box-image img {
    width: 251px;
    height: auto;
    aspect-ratio: 1 / 1.41832669323;
    object-fit: cover;
    flex: 0 0 auto;
}

.application-box .application-box-content {
    display: flex;
}

.application-box .application-box-content .application-box-content-inner {
    padding: clamp(0.938rem, 0.754vw + 0.47rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 15px */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: clamp(1.5rem, 0.862vw + 0.966rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 24px */
    border-right: 1px solid var(--secondary-color);
    font-size: clamp(1rem, 0.431vw + 0.733rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 16px */
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--white-color);
    background-color: var(--dark-color);
    transition: var(--transition);
}

.application-box .application-box-content .application-box-content-inner:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.application-box .application-box-content .application-box-content-inner:last-child {
    border-right: none;
}

.application-box .application-box-content .application-box-content-inner .download-btn {
    display: inline-block;
    flex: 0 0 auto;
    font-size: clamp(1.563rem, 0.216vw + 1.429rem, 1.688rem);
    /* Breakpoint:- 1920 to 992, value:- 27px to 25px */
    line-height: 1;
}

@media screen and (max-width: 991px) {
    .custom-search-form .custom-search-btn {
        left: 20px;
    }

    .custom-search-form .custom-search-field {
        padding: 10px 20px 10px 74px;
    }

    .application-manuals-content {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .custom-search-box {
        justify-content: flex-start;
    }

    .custom-search-form {
        width: 100%;
    }

    .application-box .application-box-image {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .row.application-box-row {
        --gutter: 24px;
        --gutter-y: var(--gutter);
    }
}

@media screen and (max-width: 400px) {
    .custom-search-form .custom-search-btn {
        --size: 26px;
        left: 10px;
    }

    .custom-search-form .custom-search-field {
        padding: 10px 10px 10px 44px;
    }
}

/*========== Resources [Page] End ==========*/

/*========== Data Sheets [Page] Start ==========*/

.application-manuals-sec.data-sheets-sec .application-manuals-content {
    max-width: 900px;
}

.application-manuals-sec.data-sheets-sec .application-box .application-box-image {
    padding-block: clamp(1.688rem, 2.155vw + 0.351rem, 2.938rem);
    /* Breakpoint:- 1920 to 992, value:- 47px to 27px */
}

.application-manuals-sec.data-sheets-sec .application-box .application-box-image img {
    width: 327px;
    aspect-ratio: 1 / 1;
}

.application-manuals-bottom .custom-pagination-wp {
    margin-top: clamp(2.75rem, 2.155vw + 1.414rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 44px */
}

@media screen and (max-width: 991px) {
    .application-manuals-sec.data-sheets-sec .application-box .application-box-image {
        padding: 20px;
    }
}

@media screen and (max-width: 575px) {
    .application-manuals-bottom .custom-pagination-wp {
        margin-top: 30px;
    }
}

/*========== Data Sheets [Page] End ==========*/

/*========== WooCommerce Shop/Archive [Page] Start ==========*/

.woocommerce-archive-description {
    margin-bottom: 64px;
}

.shop-wrapper .shop-filters .widget>h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark-color);
    font-family: var(--title-font);
    padding-bottom: 24px;
    border-bottom: 1px solid var(--light-gray-color);
    margin-bottom: 35px;
}

.woof.woof_sid .woof_container {
    padding-bottom: 0;
    margin-bottom: 32px;
}

.woof.woof_sid .woof_container_inner h4 {
    font-size: var(--body-font-size);
    line-height: 1.75;
    margin-bottom: 24px;
    position: relative;
}

.woof.woof_sid .woof_list.woof_list_checkbox {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.woof.woof_sid .woof_list.woof_list_checkbox li {
    line-height: 1;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.woof.woof_sid .woof_list.woof_list_checkbox li div {
    margin: 0;
    --size: 31px;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--dark-color);
    background: var(--white-color);
    position: relative;
    flex: 0 0 auto;
}

.woof.woof_sid .woof_list.woof_list_checkbox li .woof_checkbox_label {
    padding: 0;
    margin: 0 !important;
    font-size: var(--body-font-size);
    font-weight: 100;
    color: var(--dark-color);
    flex: 1;
    align-self: center;
    line-height: 1.75;
}

.woof.woof_sid .woof_list.woof_list_checkbox li div.checked {
    background: var(--dark-color);
    border-color: var(--dark-color);
}

.woof.woof_sid .woof_list.woof_list_checkbox li div:before {
    display: inline-block;
    --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI2OTggMy4zNTI0NUMxMy42MjczIDMuNjEyNDUgMTMuNzA3MyA0LjExMjQ1IDEzLjQ0NzMgNC40Njk5NUw3LjA0NzI3IDEzLjI3QzYuOTA5NzcgMTMuNDYgNi42OTcyNyAxMy41Nzc1IDYuNDYyMjcgMTMuNTk3NUM2LjIyNzI3IDEzLjYxNzUgNS45OTk3NyAxMy41MyA1LjgzNDc3IDEzLjM2NUwyLjYzNDc3IDEwLjE2NUMyLjMyMjI3IDkuODUyNDUgMi4zMjIyNyA5LjM0NDk1IDIuNjM0NzcgOS4wMzI0NUMyLjk0NzI3IDguNzE5OTUgMy40NTQ3NyA4LjcxOTk1IDMuNzY3MjcgOS4wMzI0NUw2LjMwNDc3IDExLjU3TDEyLjE1NDggMy41Mjc0NUMxMi40MTQ4IDMuMTY5OTUgMTIuOTE0OCAzLjA4OTk1IDEzLjI3MjMgMy4zNDk5NUwxMy4yNjk4IDMuMzUyNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    --mask-size: 16px 16px;
    background-color: var(--white-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--mask-size);
    mask-size: var(--mask-size);
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    opacity: 0;
    transition: var(--transition);
}

.woof.woof_sid .woof_list.woof_list_checkbox li div.checked:before {
    opacity: 1;
    transition: var(--transition);
}

.woof.woof_sid .woof_list.woof_list_checkbox li ul.woof_childs_list {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 16px !important;
}

.woof_submit_search_form_container .woof_reset_search_form {
    width: 100%;
    height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
}

.product-action-buttons .afrfqbt_single_page {
    margin: 0 !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after {
    content: none !important;
}

.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)) a.button.alt,
.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)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background: var(--dark-color);
    border: 1px solid var(--border-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    border-radius: 0;
    font-size: var(--body-font-size);
    line-height: 1;
    padding-inline: clamp(1.125rem, 0.862vw + 0.591rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 18px */
    padding-block: clamp(1rem, 0.539vw + 0.666rem, 1.313rem);
    /* Breakpoint:- 1920 to 992, value:- 21px to 16px */
    color: var(--white-color);
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    outline: none !important;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

.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)) a.button.alt: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)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

div.woof_info_popup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.woof_products_top_panel ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.woof_products_top_panel ul li {
    float: none;
    margin: 0 !important;
}

.woof_products_top_panel ul li button {
    background: var(--dark-color);
    border: 1px solid var(--border-color);
    font-size: var(--body-font-size);
    color: var(--white-color);
    font-weight: 300;
    transition: var(--transition);
}

.woof_products_top_panel ul li button:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.woof_auto_show_indent .woof_sid {
    max-height: 500px;
    overflow: unset;
}

.woof_sid_auto_shortcode .woof_container_inner {
    padding-left: 0;
}

/* Woo */

.woocommerce.woocommerce-page .shop-products .shop-products-inner {
    position: relative;
    z-index: 1;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner,
.woocommerce.woocommerce-page .shop-products .shop-products-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 30px;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woof_products_top_panel_content {
    order: 1;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woof_products_top_panel {
    flex: 0 0 100%;
    order: 2;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-notices-wrapper {
    order: 3;
    flex: 0 0 100%;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-result-count {
    order: 4;
    flex: 0 0 auto;
    max-width: 250px;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-grid-view-switcher {
    flex: 1;
    order: 5;
    justify-content: center;
    align-self: center;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-ordering {
    order: 6;
}

.woocommerce.woocommerce-page .shop-products .shop-products-inner ul.products {
    order: 7;
    width: 100%;
    margin-top: 35px;
}

.woocommerce nav.woocommerce-pagination {
    order: 8;
    width: 100%;
    margin-top: clamp(2.5rem, 2.586vw + 0.897rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 40px */
}

.woocommerce-no-products-found,
.woof_results_by_ajax_shortcode {
    width: 100%;
}

.woocommerce-grid-view-switcher {
    display: flex;
    align-items: center;
    gap: 16px;
}

.woocommerce-grid-view-switcher .view-label {
    display: inline-block;
    line-height: 1;
}

.woocommerce-grid-view-switcher .grid-view-options {
    display: flex;
    gap: 16px;
}

.woocommerce-grid-view-switcher .grid-view-options .grid-view-btn {
    outline: none;
    border: none;
    color: var(--secondary-color);
    cursor: pointer;
    background-color: transparent;
}

.woocommerce-grid-view-switcher .grid-view-options .grid-view-btn.active {
    color: var(--dark-color);
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    margin-bottom: 0;
}

.woocommerce-shop .woocommerce-result-count {
    float: none;
    font-size: var(--body-font-size);
    line-height: 1.75;
    margin-bottom: 0 !important;
    color: var(--dark-color);
    letter-spacing: 0.05em;
    font-weight: 300;
    min-height: 64px;
}

.woocommerce_before_shop_loop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.woocommerce-shop .woocommerce_catalog_ordering {
    float: none;
    position: relative;
    max-width: 225px;
}

.woocommerce-result-count,
.woocommerce-ordering {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
}

.woocommerce-result-count+.woocommerce-ordering {
    margin-left: auto;
}

.woocommerce .woocommerce-ordering {
    position: relative;
    margin-bottom: 0;
}

.woocommerce .woocommerce-ordering select {
    --form-input-height: 64px;
    --form-input-padding-inline: 16px;
}

.woocommerce .woocommerce-ordering::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    background-color: currentColor;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
    --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI0NDQ1IDYuOTNDNS43MTY5NSA3LjMxMjUgNi40MTA3IDcuMjg2MjUgNi44NDk0NSA2Ljg0NzVMMTEuNjQ5NSAyLjA0NzVDMTEuOTk0NSAxLjcwMjUgMTIuMDk1NyAxLjE4ODc1IDExLjkwODIgMC43Mzg3NUMxMS43MjA3IDAuMjg4NzUgMTEuMjg1NyAwIDEwLjgwMiAwSDEuMjAxOTVDMC43MTgyMDIgMCAwLjI3OTQ1MiAwLjI5MjUgMC4wOTE5NTIgMC43NDI0OTlDLTAuMDk1NTQ4IDEuMTkyNSAwLjAwOTQ1MjAzIDEuNzA2MjUgMC4zNTQ0NTIgMi4wNDc1TDUuMTU0NDUgNi44NDc1TDUuMjQ0NDUgNi45M1oiIGZpbGw9IiMyNDI5MkUiLz4KPC9zdmc+Cg==");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    z-index: 11;
}

.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0;
}

.woocommerce-cart .wc-block-grid__products,
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 32px;
}

.woocommerce-cart .wc-block-grid__products li,
.woocommerce ul.products li {
    list-style: none;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 0;
}

.woocommerce-cart .wc-block-grid__products li {
    max-width: 100% !important;
}

.woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-onsale,
.woocommerce span.onsale {
    --size: 50px;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    margin: 0;
    top: -10px;
    right: -10px;
    border-radius: 50%;
}

.woocommerce-cart .wc-block-grid__products::before,
.woocommerce-cart .wc-block-grid__products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    position: absolute;
}

/* .woocommerce ul.products li.product a .product-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.784263959;
    margin-bottom: 16px;
    border: 1px solid var(--secondary-color);
    padding: 12px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.woocommerce ul.products li.product a .product-image-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 16px;
    border: 1px solid var(--secondary-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.woocommerce ul.products li.product a .product-image-wrapper::before {
    content: '';
    display: block;
    padding-top: 78.43%;
}

.woocommerce ul.products li.product a .product-image-wrapper>* {
    padding: 12px 20px;
    position: absolute;
}

.woocommerce ul.products li.product a img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    margin: 0;
    transition: var(--transition);
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover img {
    transform: scale(1.03);
}

.woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 20px;
    line-height: 1.2;
    padding: 0;
    font-weight: 300;
    color: var(--dark-color);
    letter-spacing: 0.05em;
    transition: var(--transition);
    word-break: break-word;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
    color: var(--primary-color);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: var(--primary-color);
}

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

    .woocommerce-cart .wc-block-grid__products,
    .woocommerce ul.products {
        gap: 45px 15px;
    }

    .woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-title,
    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 18px;
    }

    .woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-title,
    .woocommerce ul.products.columns-3 li.product .woocommerce-loop-category__title,
    .woocommerce ul.products.columns-3 li.product .woocommerce-loop-product__title,
    .woocommerce ul.products.columns-3 li.product h3 {
        font-size: 16px;
    }

    .woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-title,
    .woocommerce ul.products.columns-4 li.product .woocommerce-loop-category__title,
    .woocommerce ul.products.columns-4 li.product .woocommerce-loop-product__title,
    .woocommerce ul.products.columns-4 li.product h3 {
        font-size: 14px;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner,
    .woocommerce.woocommerce-page .shop-products .shop-products-inner {
        gap: 0 5px;
    }

    .woocommerce-shop .woocommerce-result-count {
        font-size: clamp(0.875rem, 0.983vw + 0.266rem, 1.125rem);
        /* Breakpoint:- 1399 to 992, value:- 18px to 14px */
    }
}

@media screen and (min-width: 992px) {
    .shop-products .woof_autohide_wrapper {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .woof_autohide_wrapper {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 5;
        top: 0;
        pointer-events: none;
    }

    .woof_autohide_wrapper br {
        display: none;
    }

    .woof_btn_default {
        margin-top: 18px;
        margin-bottom: 0 !important;
        pointer-events: auto;
        background: var(--dark-color);
        display: inline-flex !important;
        justify-content: center;
        align-items: center;
        padding: 6px 9px;
        width: 75px;
        color: var(--white-color);
        position: relative;
        height: 30px;
        gap: 5px;
        line-height: 1;
        transition: var(--transition);
    }

    .woof_btn_default:hover {
        background: var(--primary-color);
        color: var(--white-color);
    }

    .woof_btn_default:before {
        --size: 1.1em;
        content: "";
        width: var(--size);
        height: var(--size);
        flex: 0 0 auto;
        display: block;
        background: var(--white-color);
        --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%230089c4' stroke-linecap='round' stroke-width='1'%3E%3Cpath d='M5 12V4m14 16v-3M5 20v-4m14-3V4m-7 3V4m0 16v-9'/%3E%3Ccircle cx='5' cy='14' r='2'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Ccircle cx='19' cy='15' r='2'/%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-image: var(--mask-image);
        mask-image: var(--mask-image);
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        transform: translate(0, 0);
        opacity: 1;
        transition: var(--transition);
    }

    .woof_auto_show {
        pointer-events: auto;
    }

    .woocommerce-cart .wc-block-grid__products,
    .woocommerce ul.products {
        gap: 25px 15px;
    }

    .shop-wrapper aside.shop-filters {
        display: none;
    }

    .shop-products-inner {
        position: relative;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner,
    .woocommerce.woocommerce-page .shop-products .shop-products-inner {
        gap: 0 15px;
    }

    .woocommerce_before_shop_loop {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: 100%;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-result-count {
        order: 1;
        padding-left: 136px;
        max-width: 100%;
        flex: 1;
        justify-content: center;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-grid-view-switcher {
        order: 2;
        justify-content: flex-end;
        flex: 0 0 auto;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-notices-wrapper {
        order: 5;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woof_products_top_panel_content {
        order: 3;
        flex: 0 0 auto;
        width: 100%;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woof_products_top_panel {
        order: 4;
    }

    .woocommerce .woocommerce-ordering select {
        --form-input-height: 50px;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner ul.products {
        grid-template-columns: repeat(2, 1fr);
    }

    .woof_submit_search_form_container {
        margin: 0;
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-result-count {
        max-width: 100%;
        min-height: 50px;
        padding-left: 80px;
    }

    .woocommerce-grid-view-switcher .view-label {
        display: none;
    }

    .woof_btn_default {
        margin-top: 10px;
    }

    .woof.woof_sid .woof_list.woof_list_checkbox li div {
        --size: 24px;
    }

    .woof.woof_sid .woof_list.woof_list_checkbox li .woof_checkbox_label {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 400px) {
    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-result-count {
        min-height: 30px;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woocommerce-grid-view-switcher {
        justify-content: flex-start;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner,
    .woocommerce.woocommerce-page .shop-products .shop-products-inner {
        gap: 10px;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner .woof_products_top_panel {
        margin: 0;
    }

    .woocommerce.woocommerce-page .shop-products .shop-products-inner ul.products {
        margin: 0;
    }

    .woof_btn_default {
        margin-top: 2px;
    }

    .woocommerce-cart .wc-block-grid__products li .wc-block-grid__product-title,
    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 16px;
    }
}

/* Grid View Switcher - Mobile and Desktop Classes */
.grid-view-btn.for-mobile {
    display: block;
}

.grid-view-btn.for-desktop {
    display: none;
}

/* Desktop styles - show desktop buttons, hide mobile-only buttons */
@media (min-width: 992px) {
    .grid-view-btn.for-desktop {
        display: block;
    }

    .grid-view-btn.for-mobile:not(.for-desktop) {
        display: none;
    }
}

/* Mobile styles - show mobile buttons, hide desktop-only buttons */
@media (max-width: 991px) {
    .grid-view-btn.for-mobile {
        display: block;
    }

    .grid-view-btn.for-desktop:not(.for-mobile) {
        display: none;
    }
}

/*========== WooCommerce Shop/Archive [Page] End ==========*/

/*========== WooCommerce Single Product [Page] Start ==========*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: var(--mid-light-gray-color);
    color: var(--text-color);
}

/* Product Images */
.product-images-wp {
    position: relative;
}

.woocommerce div.product .single-product-left {
    width: 712px;
    max-width: 100%;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.woocommerce div.product div.summary {
    float: none;
    width: unset;
    max-width: unset;
    margin-left: -16px;
    clear: unset;
    margin-bottom: 0;
}

.wpgs-for.slick-slider {
    border: 1px solid var(--secondary-color);
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto !important;
}

.wpgs-for.slick-slider .slick-list,
.wpgs-for.slick-slider .slick-list .slick-track {
    height: 100%;
}

.wpgs-for.slick-slider .slick-list .slick-slide {
    height: 100%;
}

.wpgs-for.slick-slider .slick-list .slick-slide a {
    block-size: 100%;
    outline: none !important;
    outline-offset: 0 !important;
    padding: 15px;
    height: 100%;
    display: block;
}

.wpgs-for.slick-slider .slick-list .slick-slide a img {
    block-size: 100%;
    width: 100% !important;
    object-fit: contain;
}

.wpgs-nav.slick-slider .slick-slide {
    margin: 0;
}

.wpgs-nav.slick-slider {
    margin-top: 16px;
    --gutter: 16px;
    --gutter-x: var(--gutter);
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--gutter-x));
    margin-left: calc(-0.5 * var(--gutter-x));
}

.wpgs-nav.slick-slider .slick-slide {
    margin-right: calc(var(--gutter) / 2);
    margin-left: calc(var(--gutter) / 2);
    position: relative;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--secondary-color);
}

.woocommerce .wpgs-nav.slick-slider .slick-slide img {
    block-size: 100%;
    width: 100% !important;
    object-fit: cover;
}

.wpgs-nav.slick-slider .slick-slide:not(.slick-current) {
    opacity: 0.5;
}

.wpgs-nav button.slick-arrow {
    --size: 30px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: var(--dark-color);
    border-radius: 50%;
    color: var(--white-color);
    transition: var(--transition);
}

.wpgs-nav button.slick-arrow:before {
    content: "";
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m5.293 8l3.854 3.854l.707-.707L6.707 8l3.147-3.146l-.707-.708z' clip-rule='evenodd' stroke-width='1.5' stroke='%23000'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em;
    height: 1em;
    color: currentColor;
    opacity: 1;
}

.wpgs-nav button.slick-arrow.slick-next {
    right: 0;
}

.wpgs-nav button.slick-arrow.slick-prev {
    left: 0;
}

.wpgs-nav button.slick-arrow.slick-next:before {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m10.207 8l-3.854 3.854l-.707-.707L8.793 8L5.646 4.854l.707-.708z' clip-rule='evenodd' stroke-width='1.5' stroke='%23000'/%3E%3C/svg%3E");
}

.wpgs-nav button.slick-arrow:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.wpgs-nav button.slick-arrow.slick-disabled {
    opacity: 0.8;
    pointer-events: none;
}

.system-specifications-wp {
    margin-top: 32px;
}

.product-system-specifications>.h4-title {
    margin-bottom: 32px;
}

.system-specifications-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.system-specification-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.system-specification-item p {
    margin: 0;
}

.system-specification-item .h5-title {
    font-weight: 300;
}

.single-product-left .system-specification-item .sec-btn {
    margin-top: 8px;
}

/* Product Summary */

.woocommerce div.product div.summary .product_title {
    font-size: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
    margin-bottom: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
}

.woocommerce div.product div.summary .product-description,
.woocommerce div.product div.summary .product-short-description {
    margin-bottom: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
}

.materials-calculator {
    margin-bottom: clamp(1.125rem, 0.647vw + 0.724rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 18px */
}

.materials-calculator .form-label {
    line-height: 1;
    font-weight: 700;
    margin-bottom: 16px;
}

.materials-calculator .input-group {
    display: flex;
    gap: 16px;
}

.materials-calculator .input-group .input-group-inr {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.materials-calculator .input-group .input-group-inr .form-input {
    --form-input-height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    --form-input-padding-inline: 16px;
}

.materials-calculator .input-group .input-group-inr .input-group-text {
    padding: 16px 15px;
    background: var(--mid-light-gray-color);
    line-height: 1;
    border: 1px solid var(--border-color);
    border-left: none;
    min-height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.materials-calculator .input-group .sec-btn {
    min-width: 215px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 25px;
    color: var(--dark-color);
}

.product-selection table.table thead {
    background: var(--mid-light-gray-color);
}

.product-selection table.table {
    margin: 0;
    border: none;
    border-spacing: 0;
    text-align: left;
}

.product-selection table.table thead th,
.product-selection table.table tbody td {
    padding: 16px;
}

.product-selection-item {
    display: flex;
    align-items: center;
    gap: 32px;
}

.product-selection-item img {
    width: 60px;
    flex: 0 0 auto;
}

.product-selection-item span {
    font-weight: 700;
}

.product-selection table.table .quantity-column {
    width: clamp(8.125rem, 8.405vw + 2.914rem, 13rem);
    /* Breakpoint:- 1920 to 992, value:- 208px to 130px */
}

.woocommerce .quantity .qty {
    --form-input-height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    --form-input-padding-inline: 10px;
    min-width: 75px;
    width: 75px;
    -webkit-appearance: textfield !important;
    -moz-appearance: number-input !important;
    appearance: textfield !important;
}

.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button !important;
    appearance: auto !important;
    display: block !important;
    opacity: 1 !important;
    margin: 0 !important;
}

.product-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 32px;
}

.product-accordion .quick-guide-table {
    border-collapse: collapse;
    width: 100%;
    font-family: var(--body-font);
    margin: 0;
}

.product-accordion .quick-guide-table tr:nth-child(odd) {
    background-color: var(--mid-light-gray-color);
}

.product-accordion .quick-guide-table th,
.product-accordion .quick-guide-table td {
    padding: 16px;
    vertical-align: middle;
    text-align: left;
    color: var(--dark-color);
}

.product-accordion .quick-guide-table th {
    width: 41%;
    font-weight: 700;
}

.product-accordion .quick-guide-table td {
    width: 59%;
}

.product-accordion .document-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.product-accordion .document-list li {
    line-height: 1;
}

.product-accordion .document-list li a {
    display: inline-flex;
    align-items: center;
    color: var(--dark-color);
    gap: 8px;
}

.product-accordion .document-list li a:hover {
    color: var(--primary-color);
}

.product-accordion .document-list li a span {
    display: inline-block;
}

.product-accordion .document-list li a .pdf-icon {
    font-size: 32px;
}

.product-accordion .document-list li a .pdf-icon svg {
    width: 1em;
    height: 1em;
}

.accordion-box-content .woocommerce-product-attributes.shop_attributes {
    margin-top: 16px;
}

.woocommerce table.shop_attributes {
    border-collapse: collapse;
    width: 100%;
    font-family: var(--body-font);
    margin: 0;
    border: none;
}

.woocommerce table.shop_attributes tr:nth-child(odd) {
    background-color: var(--mid-light-gray-color);
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: unset;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 16px;
    vertical-align: middle;
    text-align: left;
    border: none;
    color: var(--dark-color);
    font-style: normal;
}

.woocommerce table.shop_attributes th {
    width: 41%;
    font-weight: 700;
}

.woocommerce table.shop_attributes td {
    width: 59%;
}

.woocommerce table.shop_attributes td p {
    padding: 0;
}

.woocommerce div.product div.summary .social-media {
    margin-top: 64px;
}

.product-accordion .accordion-box-content .additional-description ul {
    list-style: disc;
    margin: 0 0 16px 30px;
}

.product-accordion .accordion-box-content .additional-description ol {
    list-style: decimal;
    margin: 0 0 16px 30px;
}

.product-accordion .accordion-box-content .additional-description ul li:not(:last-child),
.product-accordion .accordion-box-content .additional-description ol li:not(:last-child) {
    margin-bottom: 5px;
}


.texture-item-wp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.texture-item .texture-item-top-content {
    margin-bottom: 20px;
}

.texture-item .texture-item-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 15px;
}

.texture-item .texture-item-btn a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
}

.texture-item .texture-item-btn a .download-btn {
    font-size: 20px;
    display: inline-block;
    line-height: 1;
}

.texture-item {
    --body-font-size: 16px;
}

.texture-item .texture-content p:not(:last-child) {
    margin-bottom: 8px;
}

.texture-item .texture-item-top-content .texture-item-image-box {
    --size: 123px;
    width: var(--size);
    height: var(--size);
    margin-bottom: 14px;
}

.texture-item .texture-item-top-content .texture-item-image-box a {
    display: block;
}

.texture-item .texture-item-top-content .texture-item-image-box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accordion .accordion-box .accordion-box-content .accordion-box-content-inr .texture-item {
    padding: 20px;
    border: 1px solid var(--secondary-color);
}

.product-accordion .accordion-single-project-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.625rem, 1.078vw - 0.043rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 10px */
}

.product-accordion .accordion-single-project-gallery .gallery-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    display: block;
}

.product-accordion .accordion-single-project-gallery .gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.woocommerce .related.products .products {
    grid-template-columns: repeat(4, 1fr) !important;
}

.woocommerce .related.products .related-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 24px;
    margin-bottom: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
}

.woocommerce .related.products .related-products-header h2 {
    font-size: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
    flex: 1;
    margin: 0;
}

.woocommerce .related.products .related-products-header .sec-btn {
    flex: 0 0 auto;
}

@media (max-width: 1199px) {
    .texture-item-wp {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 991px) {
    .woocommerce div.product div.summary {
        width: 100%;
        margin-left: 0;
    }

    .product-page-section .row {
        --gutter-y: 50px;
    }

    .woocommerce .related.products .products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .wpgs-lightbox-icon::before {
        content: none !important;
    }

    .materials-calculator .input-group .sec-btn {
        min-width: unset;
    }

    .woocommerce div.product div.summary .social-media {
        margin-top: 30px;
    }

    .product-selection table.table thead th,
    .product-selection table.table tbody td {
        padding: 10px;
    }

    .product-selection-item {
        gap: 16px;
    }

    .product-accordion .quick-guide-table th,
    .product-accordion .quick-guide-table td {
        padding: 10px;
    }

    .woocommerce table.shop_attributes th,
    .woocommerce table.shop_attributes td {
        padding: 10px;
    }

    .product-accordion .document-list {
        gap: 24px;
    }

    .texture-item-wp {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-accordion .accordion-single-project-gallery {
        gap: 20px;
    }

    .related-product-mobile-btn {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .product-selection-item {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .product-selection table.table .quantity-column {
        vertical-align: top;
    }

    .product-action-buttons {
        margin-top: 14px;
    }

    .product-accordion .document-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .texture-item-wp {
        grid-template-columns: repeat(1, 1fr);
    }

    .product-accordion .accordion-single-project-gallery {
        gap: 15px;
    }
}

@media (max-width: 575px) {
    .product-selection-item img {
        width: 40px;
    }

    .wpgs-nav button.slick-arrow {
        --size: 20px;
    }

    .wpgs-nav.slick-slider {
        margin-top: 16px;
        --gutter: 8px;
        --gutter-x: var(--gutter);
    }

    .wpgs-for.slick-slider .slick-list .slick-slide a {
        padding: 10px;
    }

    .single-product-left .system-specification-item .sec-btn {
        font-size: 14px;
    }

    .product-accordion .document-list {
        gap: 16px;
    }

    .product-accordion .document-list li a .pdf-icon {
        font-size: 24px;
    }

    .product-accordion .accordion-single-project-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 400px) {
    .materials-calculator .input-group {
        flex-direction: column;
    }

    .product-accordion .quick-guide-table th,
    .woocommerce table.shop_attributes th {
        width: 200px;
    }

    .product-accordion .quick-guide-table,
    .woocommerce table.shop_attributes {
        table-layout: fixed;
    }

    .product-accordion .quick-guide-table td,
    .woocommerce table.shop_attributes td {
        width: 350px;
    }

    .accordion .accordion-box .accordion-box-content .accordion-box-content-inr .texture-item {
        padding: 20px 15px;
    }

    .product-accordion .document-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*========== WooCommerce Single Product [Page] End ==========*/

/*========== Request a Quote Form Plugin Start ==========*/

.addify-quote-form__contents.template-two th {
    color: var(--dark-color) !important;
    padding-block: clamp(1.063rem, 1.724vw - 0.006rem, 2.063rem) !important;
    /* Breakpoint:- 1920 to 992, value:- 33px to 17px */
    padding-inline: clamp(1rem, 1.724vw - 0.069rem, 2rem) !important;
    /* Breakpoint:- 1920 to 992, value:- 32px to 16px */
    background: var(--mid-light-gray-color);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height) !important;
}

.addify-quote-form__contents.template-two,
.addify-quote-form.template_two .cart_totals table {
    border: none !important;
}

.addify-quote-form__contents.template-two td {
    padding: 8px clamp(0.813rem, 1.078vw + 0.144rem, 1.438rem) !important;
    /* Breakpoint:- 1920 to 992, value:- 23px to 13px */
}

.addify-quote-form__contents.template-two .product-name p {
    margin-bottom: 7px !important;
    margin-top: 6px;
    font-size: 13px;
    line-height: 22px;
}

.addify-quote-form__contents.template-two .product-quantity {
    margin: 10px 0 !important;
}

.template-two .product-quantity input {
    background: no-repeat;
    box-shadow: none;
    border: 1px solid #5555556e;
    border-radius: 1px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    border-radius: 3px;
    min-height: auto !important;
    width: 44px !important;
    max-width: 44px !important;
    padding: 0px 0 0 4px !important;
}

.template-two .offered-price .offered-price-input,
.product-quantity input {
    border-radius: 2px;
    border: 1px solid #5555556e;
}

.addify-quote-form.template_two .af_quote_fields .addify-option-field label {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.addify-quote-form.template_two .af_quote_fields .addify-option-field label span.required {
    color: var(--error-color);
}

.addify-quote-form.template_two div.af_quote_fields input[type="text"],
.addify-quote-form.template_two div.af_quote_fields input[type="email"],
.addify-quote-form.template_two div.af_quote_fields input[type="time"],
.addify-quote-form.template_two div.af_quote_fields input[type="date"],
.addify-quote-form.template_two div.af_quote_fields input[type="datetime-local"],
.addify-quote-form.template_two div.af_quote_fields select,
.addify-quote-form.template_two div.af_quote_fields textarea,
.addify-quote-form.template_two div.af_quote_fields input[type="number"] {
    box-sizing: border-box;
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 300;
    font-family: var(--body-font);
    color: var(--dark-color);
    width: 100%;
    height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    /* Breakpoint:- 1920 to 992, value:- 64px to 54px */
    padding: 10px 20px;
    border: 1px solid var(--border-color) !important;
    outline: none !important
}

.addify-quote-form.template_two div.af_quote_fields textarea {
    height: 175px;
    resize: none;
}

.addify-quote-form.template_two div.af_quote_fields select {
    height: 42px;
}

.addify-quote-form.template_two .addify-option-field input[type="file"] {
    font-size: 12px;
}

.addify-quote-form.template_two .cart_totals h2 {
    border-bottom: 1px solid #a9a2a28a;
    padding: 0 0 16px 0 !important;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 9px;
}

.addify-quote-form.template_two .cart_totals table tr th,
.addify-quote-form__contents.template-two th:first-child,
.addify-quote-form__contents.template-two td:first-child {
    padding-left: 0 !important;
}

.addify-quote-form__contents.template-two th:last-child,
.addify-quote-form__contents.template-two td:last-child {
    padding-right: 0 !important;
}

.addify-quote-form.template_two .cart_totals table tr td {
    font-size: 14px;
    line-height: 24px;
    background: #fff0 !important;
}

.template-two .product-name a {
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px;
    color: var(--dark-color);
}

.template-two .product-name a:hover {
    color: var(--primary-color);
}

.template_two .adf-radio-btn,
.template_two .adf-chekboxes {
    font-size: 13px !important;
    line-height: 23px !important;
    margin-bottom: 4px !important;
    font-weight: normal !important;
}

.template_two .af-quote-field-table .addify-option-field .select2-selection__rendered li.select2-selection__choice {
    font-size: 12px;
    line-height: 18px;
    background-color: #e0e0e061;
    padding: 2px 7px;
}

.template_two .af-quote-field-table .addify-option-field .select2-container--default .select2-selection--multiple {
    border: 1px solid #d3d3d373;
    min-height: 42px;
}

.afrfq-continue-browsing .button {
    background: transparent !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
    padding-block: clamp(1.125rem, 0.431vw + 0.858rem, 1.375rem) !important;
}

.afrfq-continue-browsing .button:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.addify-option-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: clamp(3.375rem, 1.078vw + 2.707rem, 4rem);
    padding: 15px 20px;
}

.addify-option-field .select2-selection.select2-selection--single {
    border: 0;
}

/*========== Request a Quote Form Plugin End ==========*/

/*========== Request a Quote [Page] Start ==========*/

.quote-page-content .adf-request-quote-page.template_two {
    max-width: 100% !important;
}

.quote-page-content .addify-quote-form.template_two {
    gap: 32px;
    display: flex !important;
}

.quote-page-content .addify-quote-form.template_two .adf-quote-detail-wrap {
    width: 100% !important;
    overflow-x: unset !important;
}

.quote-page-content .afrfq-section-title {
    font-size: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
    font-weight: 700;
}

.quote-page-content .addify-quote-form.template_two .afrfq-section-title {
    margin-bottom: 32px;
}

@media (min-width: 769px) {
    .quote-page-content .addify-quote-form table.addify-quote-form__contents {
        table-layout: fixed;
        margin-bottom: 32px;
    }

    .addify-quote-form__contents.template-two .cart_item_heading th.product-thumbnail,
    .addify-quote-form__contents.template-two .cart_item_heading th.product-delete {
        display: none;
    }

    form.addify-quote-form table.addify-quote-form__contents .cart_item_heading th.product-name {
        min-width: auto;
        width: 100%;
    }

    .addify-quote-form__contents.template-two .cart_item_heading .product-quantity {
        width: clamp(12.25rem, 2.155vw + 10.914rem, 13.5rem);
        /* Breakpoint:- 1920 to 992, value:- 216px to 196px */
    }

    .addify-quote-form__contents tr.cart_item {
        padding-inline: clamp(1rem, 1.724vw - 0.069rem, 2rem);
        /* Breakpoint:- 1920 to 992, value:- 32px to 16px */
        display: flex;
    }

    .addify-quote-form__contents tr.cart_item>* {
        display: flex;
        align-items: center;
    }

    .addify-quote-form__contents tr.cart_item td.product-thumbnail {
        width: clamp(4.563rem, 1.078vw + 3.894rem, 5.188rem);
        /* Breakpoint:- 1920 to 992, value:- 83px to 73px */
        flex: 0 0 auto;
    }

    .addify-quote-form__contents tr.cart_item td.product-thumbnail a {
        display: inline-block;
    }

    .addify-quote-form__contents tr.cart_item td.product-thumbnail img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1.23333333333;
        object-fit: contain;
    }

    .addify-quote-form__contents tr.cart_item td.product-thumbnail a {
        display: inline-block;
    }

    .addify-quote-form__contents tr.cart_item td.product-name {
        width: 100%;
        max-width: 513px;
        flex: 0 0 auto;
    }

    .addify-quote-form__contents tr.cart_item td.product-name a {
        display: inline-block;
        font-size: clamp(0.875rem, 0.431vw + 0.608rem, 1.125rem);
        /* Breakpoint:- 1920 to 992, value:- 18px to 14px */
        line-height: var(--body-line-height);
        color: var(--text-color);
        font-weight: 700;
        text-transform: uppercase;
    }

    .addify-quote-form__contents tr.cart_item td.product-name a:hover {
        color: var(--primary-color);
    }

    .addify-quote-form__contents tr.cart_item td.product-quantity {
        min-width: auto;
        width: clamp(5.688rem, 3.233vw + 3.683rem, 7.563rem);
        /* Breakpoint:- 1920 to 992, value:- 121px to 91px */
        flex: 0 0 auto;
        margin-block: 0 !important;
    }

    .addify-quote-form__contents tr.cart_item td.product-quantity .quantity .qty {
        min-width: clamp(4.063rem, 1.078vw + 3.394rem, 4.688rem);
        /* Breakpoint:- 1920 to 992, value:- 75px to 65px */
        font-size: var(--body-font-size) !important;
        color: var(--border-color);
        padding: clamp(0.625rem, 0.647vw + 0.224rem, 1rem) !important;
        /* Breakpoint:- 1920 to 992, value:- 16px to 10px */
        border: 1px solid var(--border-color);
    }

    .addify-quote-form__contents tr.cart_item td.product-delete {
        min-width: auto;
        width: 47px;
        flex: 0 0 auto;
    }
}

.addify-quote-form__contents tr.cart_item td.product-delete a.remove {
    color: var(--light-gray-color) !important;
}

.addify-quote-form__contents tr.cart_item td.product-delete a.remove:hover {
    color: var(--wc-red) !important;
    background: transparent !important;
}


@media screen and (max-width: 768px) {
    .quote-page-content .addify-quote-form table.addify-quote-form__contents {
        margin-bottom: 30px;
    }

    .addify-quote-form__contents tr.cart_item td.product-delete::before {
        content: attr(data-title) " " !important;
    }

    .quote-page-content form.addify-quote-form.template_two table.addify-quote-form__contents td:not(.product-thumbnail) {
        text-align: right !important;
        padding: 10px 10px !important;
        border: 1px solid var(--light-gray-color) !important;
    }

    .addify-quote-form__contents tr.cart_item td.product-quantity .quantity .qty {
        border: 1px solid var(--light-gray-color) !important;
    }
}

.quote-page-content .addify-quote-form.template_two .af_quote_fields {
    width: 100% !important;
    padding: 0;
    background: transparent;
}

.quote-page-content .addify-quote-form .cart_totals h2,
.quote-page-content .af_quote_fields h2 {
    font-size: clamp(1.375rem, 1.078vw + 0.707rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 22px */
    line-height: 1;
    margin-bottom: 24px !important;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-transform: uppercase;
}

.quote-page-content .addify-quote-form.template_two .afrfq-section-description {
    margin-bottom: 32px;
}

.quote-page-content .afrfq-section-description {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
    letter-spacing: 0;
    margin-bottom: 16px;
}

.quote-page-content .adf_half_width {
    width: 48.5%;
    flex: 0 0 48.5%;
    margin: 0 0 24px;
    line-height: 1;
}

.quote-page-content .adf_full_width {
    line-height: 1;
}

.quote-page-content .af-quote-field-table .form_row {
    text-align: left;
    margin-top: 30px;
}

.quote-page-content .button.addify_checkout_place_quote {
    min-width: 260px;
    padding-block: clamp(1.125rem, 0.431vw + 0.858rem, 1.375rem) !important;
    /* Breakpoint:- 1920 to 992, value:- 22px to 18px */
}

@media (max-width: 991px) {

    .quote-page-content .addify-quote-form.template_two {
        flex-direction: column !important;
        gap: 50px;
    }

    .quote-page-content .addify-quote-form.template_two .afrfq-section-title {
        margin-bottom: 30px;
    }

    .quote-page-content .addify-quote-form.template_two .afrfq-section-description {
        margin-bottom: 30px;
    }

    .quote-page-content .adf_half_width {
        margin: 0 0 16px;
    }

    .addify-quote-form.template_two div.af_quote_fields textarea {
        height: 135px;
    }

    .quote-page-content .af-quote-field-table .form_row {
        margin-top: 26px;
    }
}

@media (max-width: 575px) {
    .quote-page-content .addify-quote-form.template_two {
        gap: 40px;
    }

    .quote-page-content .addify-quote-form .cart_totals h2,
    .quote-page-content .af_quote_fields h2,
    .quote-page-content .afrfq-section-title {
        font-size: 20px;
    }

    .quote-page-content .button.addify_checkout_place_quote {
        min-width: 200px;
    }
}

/*========== Request a Quote [Page] End ==========*/


/*========== Search No Results [Page] Start ==========*/

.no-results {
    max-width: 800px;
    margin-inline: auto;
    background-color: var(--dark-color);
    padding: clamp(1.875rem, 2.155vw + 0.539rem, 3.125rem);
    /* Breakpoint:- 1920 to 992, value:- 50px to 30px */
}

.no-results .page-header .h3-title {
    margin-bottom: 24px;
}

.no-results .search-form .search-field {
    color: var(--white-color);
    height: 64px;
    padding: 12px 120px 12px 20px;
    border: 1px solid var(--white-color);
    background-color: transparent;
}

.no-results .search-form label {
    margin: 0;
}

.no-results .search-form .search-submit {
    background: var(--white-color);
    color: var(--dark-color);
    font-size: 16px;
    top: 50%;
    right: 5px;
    transform: translate(0, -50%);
}

@media (max-width: 991px) {
    .no-results .search-form .search-field {
        height: 54px;
        padding: 10px 110px 10px 15px;
    }

    .no-results .search-form .search-submit {
        height: 44px;
    }
}

@media (max-width: 400px) {
    .no-results {
        padding: 30px 20px;
    }

    .no-results .search-form .search-field {
        padding: 10px 15px;
    }

    .no-results .search-form .search-submit {
        position: relative;
        top: auto;
        transform: unset;
        right: auto;
        margin-top: 14px;
        height: 54px;
    }
}

/*========== Search No Results [Page] End ==========*/

/*========== Thank You Page Start ==========*/

.thank-text p a {
    text-decoration: underline !important;
    color: var(--primary-color);
    transition: var(--transition);
}

.thank-text p a:hover {
    color: var(--dark-color);
}

/*========== Thank You Page End ==========*/

/*========== 404 Not Found Start ==========*/

.not-found-section {
    padding-block: var(--section-spacing);
    text-align: center;
}

.not-found-section .not-found-content img {
    width: 50%;
    height: auto;
}

.not-found-section .not-found-content .not-found-btn-wp {
    margin-top: 32px;
}

@media (max-width: 991px) {
    .not-found-section .not-found-content img {
        width: 70%;
    }

    .not-found-section .not-found-content .not-found-btn-wp {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .not-found-section .not-found-content img {
        width: 100%;
    }
}

/*========== 404 Not Found End ==========*/

/*========== Site Map Start ==========*/
.site-map li a {
    color: var(--primary-color);
}

.site-map li::marker {
    color: var(--primary-color);
}

/*========== Site Map End ==========*/

/*========== View All Services Start ==========*/

.footer-last .text,
.menu-seo-menu-container ul li a {
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-color);
    cursor: pointer;
    transition: var(--transition);
}

.footer-last .text:hover {
    color: var(--dark-color) !important;
    text-decoration: underline !important;
}

.menu-seo-menu-container ul li a {
    padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid var(--dark-color);
    transition: var(--transition);
}

.menu-seo-menu-container ul li a:hover {
    color: var(--primary-color);
}

/*========== View All Services End ==========*/

/*========== SEO Page Start ==========*/

.main-seo-content {
    position: relative;
    padding-block: var(--section-spacing);
}

.excerpt-content p a {
    color: var(--primary-color);
    transition: var(--transition);
}

.excerpt-content p a:hover {
    color: var(--primary-color);
}

.excerpt-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: var(--primary-color);
}

.main-seo-content .excerpt-content {
    max-height: 325px;
    position: relative;
}

.main-seo-content .excerpt-content:not([style*="max-height: unset;"]):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, white, transparent);
    pointer-events: none;
}

/*========== SEO Page End ==========*/

/*========== Blog Start ==========*/

.posted-on a,
.byline a,
.widget ul li a,
.entry-title a,
.logged-in-as a {
    transition: var(--transition);
    color: var(--primary-color);
}

.entry-title a:hover,
.posted-on a:hover,
.byline a:hover,
.widget ul li a:hover,
.comment-meta .url:hover,
.comment-content a:hover,
.comment-metadata a:hover,
.reply a:hover,
.entry-footer span a:hover,
.nav-previous a:hover,
.nav-next a:hover {
    color: var(--dark-color);
}

.entry-footer span a {
    color: var(--primary-color);
}

.entry-footer span a:hover {
    color: var(--primary-color);
    text-decoration: underline !important;
}

.widget-area .widget_search .wp-block-search .wp-block-search__input,
.page-content .wp-block-search .wp-block-search__input,
.search-form .search-field {
    padding: 12px 100px 12px 20px;
    background: var(--white-color);
    font-size: var(--body-font-size);
    line-height: 1;
    font-weight: 300;
    font-family: var(--body-font);
    color: var(--dark-color);
    outline: none;
    width: 100%;
    height: 60px;
    border-radius: 0;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    appearance: none;
}

.widget-area .widget_search .wp-block-search .wp-block-search__button,
.page-content .wp-block-search .wp-block-search__button,
.search-form .search-submit {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 0;
    height: 50px;
    font-family: var(--body-font);
    text-transform: uppercase;
    color: var(--white-color);
    position: absolute;
    right: 0;
    bottom: 0;
    outline: none;
    border: none;
    cursor: pointer;
    background: var(--dark-color);
    flex: 1;
    transition: var(--transition);
}

.widget-area .widget_search .wp-block-search .wp-block-search__button:hover,
.page-content .wp-block-search .wp-block-search__button:hover,
.search-form .search-submit:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.comments-area textarea {
    resize: none;
    height: 180px;
    border-radius: 0;
    box-shadow: none;
    background: var(--black-color);
    border: 1px solid var(--border-color);
    outline: none;
    padding: 15px;
}

.comments-area p input {
    width: 100%;
    height: 46px;
    border-radius: 0;
    background: var(--black-color);
    border: 1px solid var(--border-color);
    outline: none;
    box-shadow: none;
    padding: 15px;
}

.form-submit .submit {
    width: 170px;
    height: 46px;
    background: var(--primary-color);
    color: var(--white-color);
    font-weight: bold;
    border: none;
    border-radius: 40px;
    outline: none !important;
    transition: var(--transition);
}

.form-submit .submit:hover {
    background: var(--dark-color);
    color: var(--primary-color);
}

.avatar.photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.wp-block-latest-comments__comment-meta a:hover {
    color: var(--dark-color);
}

.comment-meta .url,
.comment-content a {
    color: var(--primary-color);
}

.comment-meta .url:hover,
.comment-content a:hover {
    color: var(--dark-color);
    text-decoration: none !important;
}

.comment-metadata a {
    color: var(--primary-color);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.reply a {
    color: var(--primary-color);
    display: inline-block;
    margin-bottom: 10px;
    transition: var(--transition);
}

.comment-reply-title {
    font-size: 30px;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.comment-reply-title small a:hover {
    color: var(--dark-color);
}

.comment-form-comment .form-submit #submit {
    padding: 0;
    line-height: 42px;
}

.comments-area {
    margin-top: 60px;
}

.comments-title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
}

.comment-body {
    margin-bottom: 30px;
}

.comment-form-url {
    margin-right: 0;
}

.single-post .widget-area {
    margin-top: 0;
}

.nav-previous a,
.nav-next a {
    color: var(--primary-color);
    transition: var(--transition);
}

.result-pagination li a,
.result-pagination li,
.result-pagination .page-numbers {
    --pagination-size: 50px;
    width: var(--pagination-size);
    height: var(--pagination-size);
    background: var(--white-color);
    box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
    border-radius: 10px;
    color: var(--dark-color);
    font-size: 20px;
    z-index: 10;
    transition: var(--transition);
}

.result-pagination a:hover,
.result-pagination .current {
    background: var(--primary-color);
    color: var(--white-color);
}

.wpsl-store-location p:first-child span {
    line-height: 0.5;
}


/*========== Blog End ==========*/


/*========== Case Study Slider Start ==========*/

@media (max-width: 575px) {
    .case-study-slider-sec {
        display: none;
    }
}

/* ========= Case Study Slider End ==========*/

/*========== FAQs Start ==========*/
.qe-faqs-filters-container,
.qe-faqs-index-list {
    display: none;
}

.qe-faq-list:not(:last-child) {
    margin-bottom: 2rem;
}
.qe-list-title {
    margin-bottom: 0.5rem;
}

.qe-list-title h4,
.qe-faq-toggle .qe-toggle-title h4 {
    text-transform: initial;
    letter-spacing: -0.5px;
}

.qe-faq-toggle .qe-toggle-title {
    background-color: transparent;
    border: 0;
}

.qe-faq-toggle .qe-toggle-content {
    padding: 1.5em 1.5em;
}

/*========== FAQs End ==========*/