/*!
Theme Name:   echelon
Theme URI:    https://www.echelon-inc.com/
Author:       Echelon
Author URI:   https://woo.com/
Description:  Echelon Custom theme.
Version:      1.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  echelon
*/

/* External Font: [Neue Haas Display Pro] */

@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&display=swap');

/* Bold */
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('./assets/fonts/NeueHaasDisplay-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('./assets/fonts/NeueHaasDisplay-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('./assets/fonts/NeueHaasDisplay-Mediu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 500 */
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('./assets/fonts/NeueHaasDisplay-Roman.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('./assets/fonts/NeueHaasDisplay-RomanItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --primary-text-color: #70B8C7;
    --secondary-bg: #1189A1;
    --yellow-bg: #EEFD89;
    --pagination-color: #BADADC;
    --white: #FFFFFF;
    --white-text: #F7F9F4;
    --black-text: #020F12;
}

body {
    position: relative;
    color: var(--black-text);
    overflow-x: hidden;
}

body.home {
    background-color: var(--black-text);
}

body,
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

.woocommerce-account .mywrapper,
header .navbox,
.container {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}


h1 {
    font-size: clamp(28px, calc(1.875rem + ((1vw - 7.68px) * 8.0357)), 84px);
}

h2 {
    font-size: clamp(28px, calc(1.875rem + ((1vw - 7.68px) * 8.0357)), 84px);
}

h3 {
    font-size: 28px;
    line-height: 30px;
}

.font-14 {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

.font-12 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
}

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

a {
    transition: all 0.3s;
}

.button {
    all: unset;
    border-radius: 100px !important;
    padding: 27px 50px 25px 50px !important;
    min-width: 140px !important;
    width: max-content !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    position: relative !important;
    cursor: pointer !important;
    display: inline-block;
    line-height: 9px !important;
}

.button:hover {
    background-color: inherit;
}

.button.yellow {
    background-color: var(--yellow-bg);
    color: var(--black-text);
}

.button.blue {
    background-color: var(--primary-text-color);
    color: var(--white-text);
}

.center {
    text-align: center;
}


.ech-header-blue header {
    background-color: var(--primary-text-color);
}

.ech-header-light-blue header {
    background-color: var(--pagination-color);
}

.ech-header-white header {
    background-color: var(--white-text);
}

.ech-header-dark header {
    background-color: var(--black-text);
}

.ech-header-action-btn-wrap {
    position: absolute;
    right: 0;
    bottom: -5px;
    display: flex;
    gap: 30px;
}

.ech-header-action-btn-wrap .btn_profile {
    cursor: pointer;
    width: 25px;
    display: block;
}

.ech-header-action-btn-wrap .custom_cart {
    all: unset;
    width: 25px;
    display: block;
    cursor: pointer;
}

.ech-header-action-btn-wrap .relative {
    position: relative;
}

.ech-header-action-btn-wrap .relative .ech-cart-cnt {
    position: absolute;
    content: "";
    top: -16px;
    right: -16px;
    width: 25px;
    height: 25px;
    background-color: var(--white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    font-size: 12px;
    font-weight: 600;
}



.ech-header-blue header nav ul li::before,
.ech-header-white header nav ul li::before {
    background-color: var(--black-text);
}

.ech-header-blue .custom_cart,
.ech-header-light-blue .custom_cart,
.ech-header-white .custom_cart,
.ech-header-light-blue header nav ul li::after,
.ech-header-light-blue header nav ul li a,
.ech-header-blue header nav ul li::after,
.ech-header-blue header nav ul li a,
.ech-header-white header nav ul li::after,
.ech-header-white header nav ul li a {
    color: var(--black-text);
}

.ech-header-action-btn-wrap img,
.ech-header-light-blue .logo img,
.ech-header-white .logo img {
    filter: invert(1);
}

.ech-header-light-blue .ech-header-action-btn-wrap img,
.ech-header-light-blue .ech-header-light-blue .logo img,
.ech-header-blue .ech-header-action-btn-wrap img,
.ech-header-blue .ech-header-light-blue .logo img,
.ech-header-white .ech-header-action-btn-wrap img,
.ech-header-white .ech-header-light-blue .logo img {
    filter: invert(0);
}

.ech-header-light-blue .ech-header-action-btn-wrap .relative .ech-cart-cnt,
.ech-header-blue .ech-header-action-btn-wrap .relative .ech-cart-cnt,
.ech-header-white .ech-header-action-btn-wrap .relative .ech-cart-cnt {
    background-color: var(--black-text);
    color: var(--white);
}

.ech-header-light-blue .search_main_box form,
.ech-header-white .search_main_box form {
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.ech-header-white .search_main_box,
.ech-header-light-blue .search_main_box,
.ech-header-blue .search_main_box {
    border-color: #00000030;
}

.ech-header-light-blue .custom_cart:hover,
.ech-header-light-blue header nav ul li a:hover,
.ech-header-blue .custom_cart:hover,
.ech-header-blue header nav ul li a:hover {
    color: var(--white);
}


p {
    font-weight: 500;
    line-height: 20px;
}






/* Header Design */
header {
    position: relative;
    background-color: var(--black-text);
    padding: 40px 0 0 0;
}

.mobile-header {
    display: none;
}

header .header-nav {
    position: relative;
}

body.dark-opacity {
    position: relative;
    transition: all .4s ease-in-out;
}

body.dark-opacity::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #020F1260;
    top: 0;
    left: 0;
    z-index: 9;
}

.custom_cart {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    color: var(--white-text);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: flex-end;
    transition: all 0.4s;
    line-height: 9px;
}



.custom_cart:hover {
    color: var(--primary-text-color);
}

header nav ul {
    display: flex;
    justify-content: space-between;
    counter-reset: number;
}

header nav ul li {
    position: relative;
    display: flex;
    align-items: end;
    flex-basis: 240px;
}

.footer-links nav ul li::after,
header nav ul li::after {
    counter-increment: number;
    position: absolute;
    content: counter(number);
    font-size: 9px;
    /* font-weight: 500; */
    color: var(--primary-text-color);
    top: 0;
    left: 20px;
}

.footer-links nav ul li::before,
header nav ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: var(--primary-text-color);
    left: 0;
}

.footer-links nav ul li a,
header nav ul li a {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: var(--white-text);
    text-transform: uppercase;
    line-height: normal;
    height: 40px;
    padding-left: 20px;
    top: 4px;
    display: flex;
    align-items: end;
}

header nav ul li a:hover {
    color: var(--primary-text-color);
}

.search_main_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid #ffffff30;
    margin-top: 40px;
    padding-top: 40px;
    gap: 44px;
}

.mobile-header .logo img,
.logo img {
    width: 100%;
    max-width: 235px;
    height: 38px;
    display: block;
    object-fit: cover;
}

.search_main_box form {
    max-width: 55.556vw;
    width: 100%;
    background-color: var(--white-text);
    border-radius: 100px;
    padding: 19px 38px 20px 38px;
    display: flex;
    align-items: center;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.search_main_box form pre {
    display: none;
}

.search_main_box button,
.search_main_box form input[type="search"] {
    font-size: 14px;
    line-height: 143%;
    font-weight: bold;
    color: var(--primary-text-color);
}

.search_main_box form input[type="search"] {
    all: unset;
    width: calc(100% - 105px);
    color: var(--primary-text-color);
    text-transform: lowercase;
    font-size: 14px;
    line-height: 143%;
    font-weight: bold;
}

.search_main_box form input[type="search"]::placeholder {
    color: var(--primary-text-color);
    text-transform: uppercase;
}

.search_main_box button {
    all: unset;
    position: relative;
    margin-left: auto;
    display: block;
    text-transform: uppercase;
    line-height: normal;
    height: max-content;
    cursor: pointer;
    font-size: 14px;
    width: 55px;
    flex: 0 0 55px;
}

.search_main_box button::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #1B272A;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}




/* Hero Banner Animation Design Start */
.light-font {
    font-weight: 500;
}

.top-font {
    font-size: 34px;
    position: relative;
    top: 4px;
    font-style: normal;
    line-height: 100%;
    left: -12px;
    vertical-align: top;
}

.bottom-font {
    line-height: 100%;
    vertical-align: bottom;
    font-weight: 600;
    bottom: 6px;
    position: relative;
    font-style: normal;
    font-size: 44px;
}

.hero-banner {
    background-color: var(--black-text);
    padding: 80px 0 80px 0;
    /* padding: 119px 0 133px 0; */
    overflow: hidden;
    position: relative;
}

.bold {
    font-weight: 600;
}

.hero-banner .hero-content .hero-title hr {
    border: none;
    background-color: #ffffff20;
    height: 1px;
    width: 1px;
    transition: all 2s ease-in-out;
}

.mobile-line {
    display: none;
}

.hero-banner .hero-content .hero-title h1 {
    text-transform: uppercase;
    line-height: 80px;
    color: var(--secondary-bg);
    column-gap: 13px;
    position: relative;
    overflow: hidden;
}

.hero-title sup {
    font-size: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 2.9762)), 34px);
    position: relative;
    top: -8px;
    font-weight: 600;
    line-height: 34px !important;
    left: -10px;
}

.hero-title sub {
    position: relative;
    /* font-size: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 2.9762)), 34px); */
    font-size: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 2.3438)), 41px);
    ;
    top: 0;
    font-weight: 600;
    vertical-align: baseline;
    line-height: 34px;
}

@media(min-width: 1440px) {
    .hero-title sub {
        font-size: 41px !important;
    }
}

.hero-banner .hero-content .hero--img {
    position: absolute;
    content: "";
    right: -28%;
    top: -4%;
    z-index: 9;
    filter: brightness(0.6);
    transition: 2s all ease;
    transform: rotateZ(80deg);
}

.hero-content-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    color: var(--secondary-bg);
    margin-top: 73px;
    z-index: 10;
    position: relative;
}

.hero-content-wrapper .hero-left {
    max-width: 520px;
    width: 100%;
    text-transform: uppercase;
}

.hero-content-wrapper .hero-right p,
.hero-content-wrapper .hero-left p {
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
}

.hero-content-wrapper .hero-right p {
    font-weight: 600;
}

.hero-content-wrapper .hero-left p {
    font-weight: bold;
}

.hero-title span.active:last-of-type {
    margin-left: 16px;
}

@media(max-width: 1024px) {
    .hero-banner .hero-content .hero-title h1 {
        line-height: 60px;
    }

    .top-font {
        font-size: 20px;
        top: 8px;
        left: -7px;
        vertical-align: top;
    }

    .bottom-font {
        bottom: 10px;
        font-size: 27px;
    }
}

@media(max-width: 920px) {
    .hero-content-wrapper .hero-left {
        max-width: max-content;
        width: 100%;
    }

    .top-font {
        font-size: 17px;
        top: 13px;
        left: -5px;
        vertical-align: top;
    }

    .bottom-font {
        bottom: 14px;
        font-size: 23px;
    }

    .hero-banner .hero-content .hero--img {
        top: 5% !important;
    }

    .hero-banner .hero-content .hero--img img {
        max-width: 250px;
    }

    .hero-title sup {
        top: 0;
        left: 0;
    }
}

@media(max-width: 820px) {
    .hero-banner .hero-content .hero-title h1 {
        line-height: 50px;
    }

    .top-font {
        font-size: 13px;
        top: 13px;
        left: -2px;
        vertical-align: top;
    }

    .bottom-font {
        bottom: 13px;
        font-size: 19px;
    }
}

@media(max-width: 575px) {
    .hero-banner {
        padding: 82px 0 74px 0;
    }

    .hero-content-wrapper {
        margin-top: 69px;
    }

    .hero-banner .hero-content .hero-title h1 {
        line-height: 30px;
    }

    .hero-banner .hero-content .hero-title sup,
    .hero-banner .hero-content .hero-title h1 .light-font.top-font {
        display: none;
    }

    .hero-banner .hero-content .hero--img {
        position: absolute;
        content: "";
        right: 13px !important;
        top: 31% !important;
        transform: translateY(-50%) rotate(45deg) scale(0.5) !important;
    }

    .hero-banner .hero-content .hero--img img {
        max-width: 347px;
    }

    .hero-content-wrapper {
        align-items: start;
        flex-direction: column;
        gap: 30px;
    }

    .hero-content-wrapper .hero-right p {
        padding-right: 20px;
        white-space: normal;
    }

    .hero-content-wrapper .hero-right p br {
        display: none;
    }

    .bottom-font {
        bottom: 2px;
        font-size: 14px;
    }

    .hero-banner .hero-content .hero-title h1 {
        letter-spacing: -0.5px;
    }
}


/* New css */
.hero-title sub,
.hero-title sup,
.hero-title b,
.hero-title span {
    transform: translateY(27px);
    opacity: 0;
    transition: 0.5s all ease;
    display: inline-block;
    position: relative;
    line-height: 95.238%;
    z-index: 99;
}

.hero-title sub,
.hero-title sup {
    transform: translateY(15px);
    transition: 0.5s all ease;
}

.hero-title sub.active,
.hero-title sup.active,
.hero-title b.active,
.hero-title span.active {
    transform: translateY(0px);
    opacity: 1;
}

.hero-title h1 span {
    font-weight: 500;
}

/* Hero Banner Animation Design End */







/* Footer Design */
.footer-links {
    padding: 40px 0;
    background-color: var(--white-text);
}

.footer-links nav ul {
    position: relative;
    counter-reset: number;
    display: flex;
    gap: 80px 40px;
    flex-wrap: wrap;
}

.footer-links nav ul::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.5px;
    background-color: rgb(0, 0, 0, 10%);
    top: 50%;
    transform: translateY(-50%);
}

.footer-links nav ul li {
    position: relative;
    max-width: 240px;
    width: 100%;
}

.footer-links nav ul li::after {
    color: var(--black-text);
}

.footer-links nav ul li::before {
    background-color: var(--black-text);
}

.footer-links nav ul li a {
    color: var(--black-text);
}

.footer-links .container {
    position: relative;
}

.footer-links .other-links-wrap {
    padding-left: 20px;
    position: absolute;
    right: 0;
    width: 17.6%;
    bottom: -4px;

}

.footer-links .other-links-wrap::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 98%;
    background-color: var(--black-text);
    left: 0;
    top: -3px;
}

.footer-links .other-links-wrap .other-links {
    display: inline-block;
}

.footer-links .other-links-wrap .other-links li a {
    color: var(--black-text);
    text-transform: uppercase;
    opacity: 1;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    display: block;

}

.footer-bottom {
    padding: 40px;
    background-color: var(--primary-text-color);
}

.footer-bottom .footer-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom .footer-wrap .footer-logo img {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.footer-bottom .footer-wrap .footer-logo img {
    filter: brightness(0);
}

.footer-bottom .footer-wrap .footer-description {
    text-align: center;
}

.footer-bottom .footer-wrap .footer-description p {
    font-size: 12px;
    font-weight: normal;
    line-height: 150%;
    color: var(--black-text);
    text-transform: uppercase;
}

footer .footer-bottom .footer-logo img.footer-logo {
    width: 100%;
    max-width: 235px;
    height: 38px;
    display: block;
    object-fit: cover;
}

/* Hero Banner Section */
section.hero-slider {
    background-color: var(--secondary-bg);
    padding: 0 0 40px 0;
}

section.hero-slider .slick-track {
    overflow: hidden;
}

.hero-card-slider .slick-track {
    padding: 36px 0 80px 0;
    margin-left: 34px;
    padding-bottom: 34px;
    border-bottom: 1px solid #00000015;
    display: flex;
    justify-content: flex-start;
}

section.hero-slider .hero-card-slider .slick-track .slick-slide>div {
    height: 100%;
}

section.hero-slider .hero-card-slider .slick-track .slick-slide {
    height: auto;
}

section.hero-slider .hero-card-slider {
    padding-bottom: 0px;
    position: relative;
}

.hero-card-slider::after {
    display: none;
    position: absolute;
    content: "";
    width: calc(100% - 40px);
    left: 20px;
    bottom: 80px;
    height: 1px;
    background-color: #00000015;
}

section.product-category .hero-card-slider::after {
    bottom: 0;
}

section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-next,
section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-prev,
.hero-card-slider .slick-custom-arrow.slick-next,
.hero-card-slider .slick-custom-arrow.slick-prev {
    background-color: transparent;
    border: 1px solid #020F1215;
    width: 60px;
    height: 60px;
    display: none !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 20px;
    bottom: 0;
    z-index: 99;
}
section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-next,
section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-prev{
    display: flex !important;
    left: unset;
    bottom: unset;
    z-index: 9999;
    bottom: -100px;
    transform: translateY(-50%);
    background-color: var(--white);
    cursor: pointer;
}
section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-prev{
    left: 0px;
}
section.ech-product-list.ech-style-2 .slick-custom-arrow.slick-next{
    left: 80px;
    transform: translateY(-50%) rotate(180deg);
}

.hero-card-slider .slick-custom-arrow.slick-next {
    left: 90px;
}

.hero-card-slider .slick-custom-arrow.slick-next img {
    transform: rotate(180deg);
}

/* display none by default */
.hero-card.none {
    /* display: none; */
    position: relative;
    top: 20px;
    opacity: 0;
}

.hero-card,
.hero-card>div {
    height: 100%;
}

.progress_slide_wrap {
    padding: 0 20px;
    display: none;
}

.slide__progress {
    display: block;
    width: 0;
    height: 2px;
    border-radius: 0;
    overflow: hidden;
    background-color: var(--black-text);
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: width .4s ease-in-out;
    position: relative;
    top: -83px;
}

section.product-category .slide__progress {
    top: -3px;
}

.slide__progress::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #00000015;
}

.slide__progress .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


section.hero-slider .hero-card>div>a {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

section.hero-slider .hero-card a h3 {
    font-weight: bold;
    color: var(--black-text);
    text-transform: uppercase;
    transition: all 0.3s;
    max-width: 210px;
}

section.hero-slider .hero-card a h3 span {
    font-weight: 500;
    color: var(--black-text);
    text-transform: uppercase;
    display: block;
    transition: all 0.3s;
}

section.hero-slider .hero-card .hero-link-box {
    margin-top: 30px;
}

section.hero-slider .hero-card .hero-link-box>span {
    text-transform: uppercase;
    display: inline-block;
    color: var(--black-text);
    letter-spacing: -1px;
    font-weight: bold;
    transition: all 0.3s;
}

section.hero-slider .hero-card .hero-link-box svg {
    margin-left: 7px;
    transition: all 0.3s;
}

section.hero-slider .hero-card:hover .hero-link-box>span,
section.hero-slider .hero-card:hover a h3 span,
section.hero-slider .hero-card:hover a h3 {
    color: var(--yellow-bg);
}

section.hero-slider .hero-card:hover .hero-link-box svg rect {
    fill: var(--yellow-bg);
}




/* Echelon Service Section */
.echelon-services {
    background-color: var(--pagination-color);
    padding: 143px 0 154px 0;
}

.heading-section {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: start;
}

.heading-section .heading-number {
    position: relative;
    top: -16px;
    display: block;
    max-width: 280px;
    width: 100%;
    text-align: start;
}

.heading-section .heading-number p {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
}

.heading-section .heading-number.light-color p:last-child {
    color: var(--pagination-color);
}

.heading-section .heading-number p:first-child {
    color: var(--black-text);
}

.heading-section .heading-number p:last-child {
    color: var(--white);
}

.heading-section .heading-title {
    text-align: left;
}

.heading-section .heading-title h2 {
    text-transform: uppercase;
    color: var(--white);
    font-weight: 500;
}

.heading-section .heading-title h2 strong {
    font-weight: bold;
    color: var(--black-text);
}

.heading-section .heading-title p {
    margin-top: 9px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    padding: 0 0 0 4px;
}

.service-box-container {
    display: grid;
    grid-template-columns: auto 800px;
    gap: 33px;
    margin-top: 70px;
    align-items: center;
}

.service-box-cards {
    display: grid;
    grid-template-columns: repeat(2, 248px);
    gap: 153px 30px;
    height: max-content;
}

.service-box-cards .service-box-card h3 {
    text-transform: uppercase;
    margin-bottom: 33px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 200px;
    width: 100%;
    /* transition: all 0.3s; */
    white-space: break-spaces;
}

.service-box-cards .service-box-card p {
    font-size: 12px;
    line-height: 15px;
    color: var(--black-text);
    font-weight: 500;
    padding-bottom: 33px;
    /* transition: all 0.3s; */
}
.service-box-cards .service-box-card .box-data a span,
.service-box-cards .service-box-card .box-data a p,
.service-box-cards .service-box-card .box-data a h3{
    color: var(--black-text);
}


body.woocommerce-account a.button.wc-forward {
    padding: 0 20px 0 0 !important;
    background-color: unset;
    min-width: max-content !important;
}

body.woocommerce-account a.button.wc-forward,
body.woocommerce-account .woocommerce-LostPassword.lost_password a,
body.woocommerce-checkout .lost_password a,
body.woocommerce-checkout .woocommerce-info a.showcoupon,
body.woocommerce-checkout .woocommerce-info a.showlogin,
.arrow-link {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 15px;
    color: var(--black-text);
    width: max-content;
    padding-right: 23px;
}

body.woocommerce-checkout .woocommerce-info a.showcoupon {
    line-height: normal;
}

body.woocommerce-account a.button.wc-forward {
    margin-top: 3px;
}

body.woocommerce-account a.button.wc-forward::after,
body.woocommerce-account .woocommerce-LostPassword.lost_password a::after,
body.woocommerce-checkout .lost_password a::after,
body.woocommerce-checkout .woocommerce-info a.showcoupon::after,
body.woocommerce-checkout .woocommerce-info a.showlogin::after,
.arrow-link::after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9.24219" y="2.17163" width="11" height="2" transform="rotate(135 9.24219 2.17163)" fill="%23020F12"/><rect x="10" width="10" height="2" transform="rotate(90 10 0)" fill="%23020F12"/><rect width="10" height="2" fill="%23020F12"/></svg>');
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.service-box-cards .service-box-card .box-data a:hover h3,
.service-box-cards .service-box-card .box-data a:hover p,
.service-box-cards .service-box-card .box-data a:hover span {
    color: var(--white-text);
}
.service-box-cards .service-box-card .box-data a span.arrow-link::after{
    transition: unset;
}
.service-box-cards .service-box-card .box-data a:hover span.arrow-link::after,
.service-box-cards .service-box-card:hover a.arrow-link::after {
    filter: invert(1);
}

.service-box-container {
    position: relative;
}

.service-box-container .img_box {
    overflow: hidden;
    display: none;
}

.service-box-container .img_box img {
    width: 800px;
    height: 900px;
    object-fit: cover;
}

.service-box-container .img_box.visible,
.service-box-container .img_box.show {
    display: block;
}

.service-box-container .img_box.show .zoomOut {
    animation: zoomOut 1s ease;
}

@keyframes zoomOut {
    from {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

.service-box-card:hover {
    cursor: default;
}




/* Trusted By Leading Company Section */
.about-echelon+.trusted-by-leading-company {
    padding: 156px 0 200px 0;
}

.trusted-by-leading-company {
    padding: 156px 0 160px 0;
}

.home .trusted-by-leading-company {
    background-color: var(--white);
}

.trusted-by-leading-company .heading-section {
    margin-bottom: 74px;
}

.trusted-by-leading-company .heading-section .heading-number {
    top: 0;
}

.trusted-by-leading-company .heading-section .heading-title h3 {
    text-transform: uppercase;
    font-weight: 500;
}

.trusted-by-leading-company .heading-section .heading-title h3 strong {
    font-weight: bold;
    display: block;
}

.trusted-by-leading-company .company-sections {
    padding: 96px 34px;
    border-top: 1px solid #020F12;
    border-bottom: 1px solid #020F12;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trusted-by-leading-company .company-sections .company-logo img {
    width: 180px;
    height: 45px;
    display: block;
    object-fit: contain;
}








/* Product Category Design Start */
.product-category {
    background-color: var(--white-text);
    padding: 153px 0 0 0;
}

.product-category .heading-section {
    color: var(--black-text);
    margin-bottom: 69px;
}

section.ech-product-list .heading-section .heading-title h2,
.product-category .heading-section .heading-title h2,
.feature-product .heading-section .heading-title h2,
.product-category .heading-section .heading-title h2 {
    color: var(--black-text);
}

section.ech-product-list .heading-section .heading-title p{
    font-weight: 500;
    text-transform: inherit;
}

.feature-product .heading-section .heading-number.light-color p:last-child,
.feature-product .heading-section .heading-title h2 strong,
.about-echelon .heading-section .heading-number.light-color p:last-child,
.about-echelon .heading-section .heading-title h2 strong,
.product-category .heading-section .heading-number.light-color p:last-child,
.product-category .heading-section .heading-title h2 strong {
    color: var(--black-text);
}

.product-category .heading-section .heading-title p {
    padding: 0;
}

.product-category .product-slider {
    padding: 42px 0 42px 0;
    background-color: var(--yellow-bg);
}


.product-category .product-slider .hero-card span.badge {
    font-size: 9px;
    color: var(--black-text);
    background-color: var(--white);
    padding: 5px 11px;
    display: inline-block;
    font-family: "Azeret Mono", monospace;
    margin-bottom: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: normal;
}

.product-category .product-slider .hero-card h3 {
    color: var(--black-text);
    text-transform: uppercase;
    transition: all 0.3s;
    max-width: 210px;
}

.product-category .product-slider .hero-card .prod__box {
    min-height: 129px;
}

.product-category .product-slider .hero-card h3 span {
    color: var(--black-text);
    font-weight: 500;
    transition: all 0.3s;
}

.product-category .product-slider .hero-card a {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.product-category .product-slider .hero-card .hero-link-box {
    margin-top: 73px;
}

.product-category .product-slider .hero-card .hero-link-box p {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--black-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 32px;
    transition: all 0.3s;
    display: none;
}

.product-category .product-slider .hero-card .hero-link-box span {
    color: var(--black-text);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    transition: all 0.3s;
}

.product-category .product-slider .hero-card .hero-link-box span+svg {
    margin-left: 10px;
}

.product-category .product-slider .hero-card a:hover svg rect,
.product-category .product-slider .hero-card a:hover svg {
    fill: var(--secondary-bg);
}

.product-category .product-slider .hero-card a:hover span,
.product-category .product-slider .hero-card a:hover p,
.product-category .product-slider .hero-card a:hover h3 span,
.product-category .product-slider .hero-card a:hover h3 {
    color: var(--secondary-bg);
}

/* .product-slider .slick-track .slick-slide {
    margin-right: 50px;
} */

.product-slider-link {
    padding: 55px 0 36px 0;
}

.product-slider-link .product-show {
    display: block;
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.product-slider-link .product-show a {
    border: 2px solid var(--black-text);
    border-radius: 100px;
    font-size: 14px;
    line-height: 15px;
    color: var(--black-text);
    font-weight: bold;
    padding: 22px 44px;
    text-transform: uppercase;
    display: inline-block;
}

.product-slider-link .product-show a+span {
    position: absolute;
    content: "";
    top: 0;
    right: -32%;
    font-size: 9px;
    line-height: 10px;
    font-weight: normal;
    color: var(--black-text);
    text-transform: uppercase;
    font-family: "Azeret Mono", monospace;
}

.product-slider-link .product-show a:hover {
    color: var(--secondary-bg);
    border-color: var(--secondary-bg);
}

/* Product Category Design End */



/* Product Detail Page Design Start */
.single .related.products .btn-wrapper a {
    background-color: var(--primary-text-color);
    color: var(--white);
}

/*Remove object border for external data*/
.single-product .ech-tabs-wrap object {
    border: none;
}

body.single.single-product {
    background-color: var(--white-text);
}

body.single.single-product main.site-main {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding: 123px 0 130px 0;
    position: relative;
}

body.single.single-product main.site-main nav.woocommerce-breadcrumb {
    color: var(--black-text);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 49px;
}

body.single.single-product main.site-main nav.woocommerce-breadcrumb a {
    color: var(--primary-text-color);
}

body.single.single-product .ech-prd-content-wrap {
    position: relative;
    display: grid;
    /* grid-template-columns: 33.333vw 55.556vw; */
    grid-template-columns: 1fr 1.43fr;
    justify-content: space-between;
    /* margin-bottom: 152px; */
}

body.single.single-product .ech-prd-content-wrap .ech-prd-img-excerp-wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 7px 0 0 0;
}

body.single.single-product .ech-prd-content-wrap .ech-prd-img-excerp-wrap .woocommerce-product-gallery {
    width: 100% !important;
    float: unset;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description {
    margin-top: auto;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description p {
    display: none;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description p+div {
    height: 114px !important;
    border: none;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description p+div::-webkit-scrollbar {
    width: 0;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description div {
    background-color: transparent !important;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description .bioz-w-detail-ex-large:first-child {
    font-size: 28px;
    color: #F7B629;
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description .bioz-w-detail-ex-large {
    font-size: 14px;
    color: var(--black-text);
}

body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description .bioz-w-detail-ex-large+div {
    color: var(--black-text);
}

body.single.single-product .ech-prd-content-wrap .bioz-w-add-underline {
    font-weight: normal !important;
    font-size: 11px !important;
    line-height: 20px;
    color: var(--black-text) !important;
    text-transform: uppercase;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary {
    width: 100% !important;
    margin-bottom: 0;
    float: unset;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .ech-prd-sku {
    font-size: 14px;
    color: var(--black-text);
    font-weight: bold;
    display: block;
    margin-bottom: 9px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .single_add_to_cart_button {
    margin-top: 40px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list {
    width: 100%;
    margin-top: 40px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
    width: 100px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 23px 0 16px 0;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list tr td .woocommerce-Price-amount.amount,
body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list tr label {
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    color: var(--black-text);
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary table.woocommerce-grouped-product-list tr td.woocommerce-grouped-product-list-item__label {
    width: 180px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity input::-webkit-outer-spin-button,
body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity input[type=number]::placeholder {
    color: var(--black-text);
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity input[type=number] {
    -moz-appearance: textfield;
    width: 30px;
    height: 30px;
    border: 1px solid var(--black-text);
    color: var(--black-text);
    margin-right: 5px;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary span.quantity {
    width: max-content;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity button.plus,
body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity button.minus {
    all: unset;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity button.plus img,
body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity button.minus img {
    width: 10px;
    height: 9px;
    display: block;
    object-fit: contain;
}

/* body.single.single-product .ech-prd-content-wrap .summary.entry-summary .quantity button.plus img {
    padding-left: 7px;
    width: 14px;
} */

body.single.single-product .ech-prd-content-wrap .summary.entry-summary .single_add_to_cart_button.button.alt {
    background-color: var(--primary-text-color);
}

body.single.single-product main.site-main .woocommerce-product-gallery {
    width: 100%;
    max-width: 480px;
}

body.single.single-product main.site-main .woocommerce-product-gallery button.slick-custom-arrow {
    all: unset;
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

body.single.single-product main.site-main .woocommerce-product-gallery button.slick-custom-arrow img {
    width: 10px;
    height: 16px;
}

body.single.single-product main.site-main .woocommerce-product-gallery button.slick-custom-arrow.slick-prev {
    left: 15px;
}

body.single.single-product main.site-main .woocommerce-product-gallery button.slick-custom-arrow.slick-next {
    transform: translateY(-50%) rotate(180deg);
    right: 15px;
}

body.single.single-product main.site-main .woocommerce-product-gallery__wrapper .slick-list {
    z-index: 0;
}

body.single.single-product main.site-main .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
    background-color: #eff1ec;
    display: block;
}

body.single.single-product main.site-main .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
    width: 100%;
    max-width: 480px;
    height: 270px;
    border-left: 1px solid var(--black-text);
    object-fit: contain;
    mix-blend-mode: multiply;
}

body.single.single-product .product .summary.entry-summary h1.product_title {
    font-size: 28px;
    color: var(--black-text);
    font-weight: bold;
}

body.single.single-product .product .summary.entry-summary p.ech-sort-desc {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-text);
    margin-top: 28px;
}

body.single.single-product .product .summary.entry-summary p.ech-sort-desc a {
    color: var(--black);
    font-weight: normal;
    white-space: nowrap;
}

/* Woocommerce Tabs Start */
body.single.single-product .ech-tabs-wrap {
    background-color: var(--white);
    padding: 37px 0;
    position: relative;
}

body.single.single-product .ech-tabs-wrap::before,
body.single.single-product .ech-tabs-wrap::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 95.6%;
    height: 1px;
}

body.single.single-product .ech-tabs-wrap::after {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.single.single-product .ech-tabs-wrap::before {
    top: 92px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

body.single.single-product .ech-tabs-wrap .woocommerce-tabs.wc-tabs-wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

body.single.single-product .woocommerce-tabs ul.tabs {
    padding: 0 0 36px 0;
    position: relative;
    margin-bottom: 27px;
}

body.single.single-product .woocommerce-tabs ul.tabs::before {
    border-color: rgba(0, 0, 0, 0.1);
}

body.single.single-product .woocommerce-tabs ul.tabs li {
    font-size: 14px;
    text-transform: uppercase;
    border: 0;
    border-radius: 0 !important;
    padding: 0 0 0 6px;
    margin-right: 38px;
    display: inline-block;
    background-color: transparent;
    position: relative;
}

body.single.single-product .woocommerce-tabs ul.tabs li a {
    color: var(--primary-text-color) !important;
    display: inline-block !important;
    font-weight: 700;
}

body.single.single-product .woocommerce-tabs ul.tabs li:last-child {
    margin-right: 0;
}

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

body.single.single-product .woocommerce-tabs ul.tabs li.active {
    background: unset;
}

body.single.single-product .woocommerce-tabs ul.tabs li.active a {
    color: var(--black-text) !important;
}

body.single.single-product .woocommerce-tabs ul.tabs li.active a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--black-text);
    bottom: -36px;
    left: 0;
}


body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information hr,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation hr,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description hr {
    margin-bottom: 15px;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation p,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information p,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--black-text);
    margin: 0 0 20px 0;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation h4,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description h4 {
    margin-bottom: 14px;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation p b,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p b {
    font-weight: normal;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation p strong,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p strong {
    font-weight: normal;
    padding-right: 3px;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation p a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information p a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--publications p a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description ul li a {
    color: var(--secondary-bg);
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation p strong {
    font-weight: 500;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description ul li a {
    font-weight: 500;
}

/* body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information p br,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p br{
    display: none;
} */

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation h2,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h2,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h4,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h3,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description h2,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description h4,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--black-text);
    margin-bottom: 5px;
    font-weight: normal;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation ol,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information ol,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description ol {
    padding: 0 0 0 20px;
    list-style: decimal;
    margin: 10px 0 0 0;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation ol li,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information ol li,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description ol li {
    list-style: decimal;
    margin: 0 0 10px 0;
    font-weight: 500;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--documentation ol li a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information ol li a,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description ol li a {
    color: var(--secondary-bg);
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table {
    margin-top: 20px;
    border-collapse: collapse;
    border: 0;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table td p {
    margin: 0;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:first-child th,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:first-child td {
    border-top: 0;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table td {
    font-style: normal;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: unset;
    white-space: nowrap;
}

body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table th {
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-weight: normal;
    background-color: unset;
    white-space: nowrap;
}

/* body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:first-child th,
body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:first-child td{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
} */
/* Woocommerce Tabs End */


/* Woocommerce notice wrapper start*/
body.single.single-product .woocommerce-notices-wrapper:not(:empty) {
    width: 100%;
    max-width: 1360px;
    margin: 100px auto 0 auto;
    padding-bottom: 0;
}

body.single.single-product .woocommerce-notices-wrapper .woocommerce-message {
    margin: 0;
    background-color: #daffda96;
    border: 0;
    color: var(--black-text);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
}

body.single.single-product .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward {
    padding: 0 30px 0 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    position: relative !important;
    font-size: 14px !important;
    color: var(--black-text) !important;
    min-width: auto !important;
    background-color: unset !important;
}

body.single.single-product .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward::after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9.24219" y="2.17163" width="11" height="2" transform="rotate(135 9.24219 2.17163)" fill="%23020F12"/><rect x="10" width="10" height="2" transform="rotate(90 10 0)" fill="%23020F12"/><rect width="10" height="2" fill="%23020F12"/></svg>');
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

body.single.single-product .woocommerce-notices-wrapper .woocommerce-message::after,
body.single.single-product .woocommerce-notices-wrapper .woocommerce-message::before {
    display: none;
}

/* Woocommerce notice wrapper end*/

/* Product Detail Page Design End */


/* About Echelon Start */
.about-echelon {
    padding: 115px 0 164px 0;
    background-color: var(--white-text);
}

.about-echelon .heading-section {
    align-items: start;
    margin-bottom: 55px;
}

.about-echelon .heading-section .heading-number {
    top: 25px;
}

.about-echelon .heading-section .heading-title h2 {
    color: var(--black-text);
}

.about-echelon .heading-section .heading-title h2 strong {
    color: var(--primary-text-color);
}

.about-echelon .heading-section .heading-title h2 sup {
    font-size: 34px;
    position: relative;
    left: 3px;
    top: -6px;
    letter-spacing: 1px;
    font-weight: bold;
    color: var(--primary-text-color);
}

.about-echelon .about-echelon-wrapper {
    display: grid;
    grid-template-columns: 2fr 1.3fr;
    gap: 40px;
}

.about-echelon .about-echelon-wrapper .about-image {
    position: relative;
    overflow: hidden;
}

.about-echelon .about-echelon-wrapper .about-image img {
    display: block;
}

.about-echelon .about-echelon-wrapper .about-echelon-content h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    white-space: break-spaces;
}

.about-echelon .about-echelon-wrapper .about-echelon-content p {
    font-weight: 500;
}

.btn-wrapper {
    margin-top: 73px;
    position: relative;
    display: inline-block;
    padding-right: 85px;
}

.btn-wrapper span {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    font-size: 9px;
    line-height: 10px;
    font-weight: normal;
    color: var(--primary-text-color);
    text-transform: uppercase;
    font-family: "Azeret Mono", monospace;
    text-align: start;
}

/* about page css start */
.ech-about-dark {
    background: #020F12;
}

.ech-about-dark .heading-section .heading-number p {
    color: var(--secondary-bg) !important;
}

.ech-about-dark .heading-section .heading-title h2 span {
    color: var(--secondary-bg);
}

.ech-about-dark .heading-section .heading-title h2 {
    color: var(--secondary-bg);
}

.ech-about-dark .about-echelon-content .h3 {
    color: var(--secondary-bg);
}

.ech-about-dark .about-echelon-content p {
    color: var(--primary-text-color);
    letter-spacing: 0.2px;
}

.ech-about-dark .about-echelon-content .btn-wrapper .button {
    background-color: var(--yellow-bg);
    color: var(--black-text);
}

.ech-about-dark .about-echelon-content .btn-wrapper span {
    color: var(--yellow-bg);
}

/* about page css end */

/* About Echelon End */



/* Feature Products Start */
.feature-product {
    padding: 153px 0 77px 0;
    background-color: var(--white);
}

.feature-product .feature-product-slider {
    margin-bottom: 79px;
    margin-top: 68px;
}

.feature-product .feature-product-slider .feature-product-card {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 18px;
}

.feature-product .feature-product-slider .feature-product-card .badge {
    padding: 5px 10px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Azeret Mono';
    line-height: 10px;
    color: var(--black-text);
    background-color: var(--yellow-bg);
    display: inline-block;
    margin-bottom: 20px;
}

.feature-product .feature-product-slider .feature-product-img img {
    width: 100%;
    /* max-width: 480px; */
    height: 270px;
    display: block;
    object-fit: cover;
    border-left: 2px solid var(--black-text);
    padding-right: 33px;
}

.feature-product .feature-product-slider a {
    display: block;
}

.feature-product .feature-product-slider .feature-product-data h3 {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    color: var(--black-text);
    margin-bottom: 33px;
    margin-top: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.feature-product .feature-product-slider .feature-product-data h3 a {
    color: var(--black-text);
}

.feature-product .feature-product-slider .feature-product-data .feature-product-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-product .feature-product-slider .feature-product-data .feature-product-price,
.feature-product .feature-product-slider .feature-product-data .feature-product-number p {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: var(--black-text);
}

.feature-product .feature-product-slider .feature-product-data .feature-product-price {
    padding: 11px 0 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-product .feature-product-slider .feature-product-data .feature-product-link {
    margin-top: 33px;
    padding-bottom: 37px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-product .btn-wrapper {
    margin: 0 auto;
    margin-left: 85px;
}

.feature-product .feature-product-slider .feature-product-data .feature-product-number,
.feature-product .feature-product-slider .feature-product-data .feature-product-price {
    padding-right: 33px;
}

/* .feature-product .slick-track{
    padding: 0 0 0 40px;
} */

.feature-product .feature-product-slider .feature-product-card .badge {
    margin-left: 43px;
}

.feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-link,
.feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-price,
.feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-number,
.feature-product .feature-product-slider .feature-product-card .feature-product-data h3,
.feature-product .feature-product-slider .feature-product-card .feature-product-img {
    padding-left: 43px;
}

/* Feature Products End */




/* Insight / Blog Section */
.insight-section {
    background-color: var(--pagination-color);
    padding: 141px 0 160px 0;
}

.insight-section .heading-section .heading-number.light-color p:last-child {
    color: var(--white);
}

.insight-section .insight-card {
    padding-top: 20px;
    padding-bottom: 36px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.insight-section .insight-card .badge {
    margin-bottom: 20px;
    padding: 5px 8px;
    color: var(--white);
    background-color: var(--black-text);
    text-transform: uppercase;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 0.05em;
    font-family: 'Azeret Mono';
    display: inline-block;
}

.insight-section .insight-card h3 {
    margin-top: 36px;
    margin-bottom: 34px;
    min-height: 60px;
    color: var(--black-text);
}

.insight-section .insight-card h3 a {
    color: var(--black-text);
}

.insight-section .insight-card .insight-feature-img img {
    border: 1px solid var(--black-text);
    width: 100%;
    max-width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
}

.insight-section .insight-card .insight-feature-desc {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 40px;
}

.insight-section .insight-card .insight-feature-desc p {
    font-size: 12px;
    color: var(--black-text);
    line-height: 15px;
    font-weight: 500;
}

.insight-section .insight-card .insight-feature-desc .desc {
    max-width: 240px;
    width: 100%;
}

.insight-section .insight-card .insight-feature-desc .author-box {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.insight-slider-section {
    margin-top: 65px;
}

.insight-slider-section .slick-track {
    padding: 0 0 0 46px;
}

.insight-slider-section .insight-card {
    padding-right: 40px;
}



/* Thank you page Design Start */
body.woocommerce-checkout.woocommerce-order-received h2 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

body.woocommerce-checkout.woocommerce-order-received p.woocommerce-thankyou-order-received {
    margin-bottom: 20px;
}

body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

body.woocommerce-checkout.woocommerce-order-received p {
    font-size: 16px;
    line-height: 20px;
    color: var(--black-text);
    font-weight: 500;
    margin-bottom: 10px;
}

body.woocommerce-checkout.woocommerce-order-received p a {
    color: var(--secondary-bg);
}

body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details {
    margin-top: 30px;
}

/* body.woocommerce-checkout.woocommerce-order-received table{
    border: 0;
} */
body.woocommerce-checkout.woocommerce-order-received table td {
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-weight: 500;
}

body.woocommerce-checkout.woocommerce-order-received table td strong {
    font-weight: normal;
}

body.woocommerce-checkout.woocommerce-order-received table th {
    font-weight: normal;
}

/* Thank you page Design End */


@media(min-width:1441px) {
    .search_main_box form {
        max-width: 800px;
    }

    body.single.single-product .ech-tabs-wrap::before,
    body.single.single-product .ech-tabs-wrap::after {
        max-width: 1360px;
    }
}

@media(max-width:1400px) {

    .footer-bottom {
        padding: 40px 20px;
    }

    .woocommerce-account .mywrapper,
    header .navbox,
    .container {
        padding: 0 20px;
    }

    .service-box-container {
        grid-template-columns: 1fr 2fr;
    }

    .footer-links nav ul {
        gap: 80px 30px;
    }

    .footer-links nav ul li {
        max-width: 220px;
    }

    .footer-bottom .footer-wrap .footer-logo img {
        left: -20px;
    }

    .footer-links .other-links-wrap {
        width: 24.5%;
    }
}

@media(max-width: 1300px) {
    .footer-links nav ul {
        gap: 80px 20px;
    }

    .footer-links nav ul li {
        max-width: 220px;
    }

    .footer-links .other-links-wrap {
        width: 22.5%;
    }

    .about-echelon .heading-section .heading-title h2 sup {
        left: 15px;
        top: 0;
    }

    .about-echelon .about-echelon-wrapper .about-echelon-content .btn-wrapper {
        margin-top: 30px;
    }

    .about-echelon .heading-section .heading-number {
        top: 10px;
    }
}

@media (max-width: 1199px) {
    .footer-links .other-links-wrap {
        width: 23.7%;
    }
}

@media(max-width: 1024px) {

    .footer-links nav ul {
        gap: 50px 10px;
    }

    .footer-links nav ul li {
        max-width: 180px;
    }

    .service-box-cards {
        grid-template-columns: repeat(2, 200px);
        gap: 85px 30px;
    }

    .service-box-cards .box-data {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .service-box-container .img_box img {
        height: 700px;
    }

    .heading-section {
        gap: 15%;
    }

    .heading-section .heading-number {
        width: 80px;
    }

    .trusted-by-leading-company .company-sections {
        padding: 90px 0;
    }

    .about-echelon .about-echelon-wrapper {
        gap: 30px;
    }

    .about-echelon .heading-section .heading-title h2 sup {
        font-size: 28px;
        top: 2px;
    }

    .feature-product .feature-product-slider .feature-product-data h3 {
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 100px;
        line-height: 100px;
    }

    body.tax-product_cat .myShopWrapper,
    body.woocommerce-shop .myShopWrapper {
        display: block !important;
    }

    body.tax-product_cat .toggleFilter,
    body.woocommerce-shop .toggleFilter {
        display: block !important;
    }

    body.tax-product_cat .ech-sidebar-wrap,
    body.woocommerce-shop .ech-sidebar-wrap {
        position: fixed;
        background: var(--white);
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 99999;
        padding: 20px;
        max-width: 240px !important;
        visibility: visible;
        transform: translateX(-100%) !important;
        transition: all .3s ease-in-out;
    }

    body.tax-product_cat .ech-sidebar-wrap.visible,
    body.woocommerce-shop .ech-sidebar-wrap.visible {
        transform: translateX(0) !important;
        visibility: visible;
        overflow: scroll;
    }

    body.tax-product_cat .ech-sidebar-wrap.visible::-webkit-scrollbar,
    body.woocommerce-shop .ech-sidebar-wrap.visible::-webkit-scrollbar {
        width: 0;
    }

    /* add class when sidebar of the filter is visible */
    .filter-on {
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }

    .filter-on::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        top: 0;
        left: 0;
    }

    body.single.single-product .ech-prd-content-wrap {
        gap: 20px;
    }

    .progress_slide_wrap {
        display: block;
    }

    .hero-card-slider .slick-track {
        border: none;
    }

    .hero-card-slider::after {
        display: block;
    }

    section.hero-slider .hero-card-slider {
        padding-bottom: 80px;
    }

    .hero-card-slider .slick-custom-arrow.slick-next,
    .hero-card-slider .slick-custom-arrow.slick-prev {
        display: flex !important;
    }

    section.product-category .hero-card-slider .slick-custom-arrow.slick-prev,
    section.product-category .hero-card-slider .slick-custom-arrow.slick-next {
        bottom: -90px;
        z-index: 999;
    }

    section.hero-slider .hero-card a h3 {
        padding-right: 5px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container.center .btn-wrapper{
        margin-left: 21.484vw;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap{
        padding: 90px 0 120px;
    }
}

@media(max-width:920px) {

    /* Mobile Menu Start*/
    body.overflow {
        overflow: hidden;
    }

    header.whitebg {
        position: relative;
    }


    header.whitebg .mobile-header .logo img {
        filter: invert(1);
    }

    .menu-btn.clicked {
        border-color: var(--black-text) !important;
    }

    .menu-btn.clicked span {
        background-color: var(--black-text) !important;
        transition: all .4s ease-in-out;
    }

    .menu-btn.clicked span:first-child {
        transform: translateY(3px) rotate(40deg);
    }

    .menu-btn.clicked span:last-child {
        transform: translateY(-3px) rotate(-40deg)
    }

    header {
        padding: 31px 0 0 0;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 99999;
        position: relative;
    }

    .mobile-header .menu-btn {
        width: 60px;
        height: 60px;
        border: 2px solid var(--secondary-bg);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        cursor: pointer;
        gap: 4px;
    }

    .ech-header-light-blue .mobile-header .menu-btn {
        border: 2px solid var(--black-text);
    }

    .ech-header-light-blue .mobile-header .menu-btn span {
        background-color: var(--black-text);
    }

    .mobile-header .menu-btn span {
        display: block;
        width: 20px;
        height: 2px;
        background-color: var(--secondary-bg);
        transition: all 0.4s ease-in-out;
    }

    .mobile-header .menu-btn.close span:first-child {
        transform: translate(0px, 3px) rotate(45deg);
    }

    .mobile-header .menu-btn.close span:last-child {
        transform: translate(0px, -3px) rotate(-45deg);
    }

    .search_main_box {
        display: flex;
        margin-top: 20px;
        padding-top: 40px;
        gap: 0;
    }

    .search_main_box form {
        max-width: 100%;
    }

    .search_main_box .logo {
        display: none;
    }

    header .navbox {
        position: absolute;
        content: "";
        background-color: var(--white-text);
        width: 100%;
        height: 100vh;
        z-index: 999;
        padding: 60px 20px 40px 20px;
        visibility: hidden;
        opacity: 0;
        transition: all .4s ease-in-out !important;
        transform: translateX(-100%) !important;
    }

    header .navbox::after {
        position: absolute;
        top: -91px;
        left: 0;
        content: "";
        width: 100%;
        height: 91px;
        background-color: var(--white-text);
        z-index: -1;
    }

    header.whitebg .navbox,
    header .navbox.opened {
        opacity: 1;
        visibility: visible;
        transform: translateX(0) !important;
    }

    /* header .navbox.opened::after{
        transform: translateX(0);
    } */

    header .navbox::before {
        position: absolute;
        content: "";
        top: 20px;
        width: calc(100vw - 40px);
        height: 1px;
        background-color: #000000;
    }

    header .navbox ul {
        flex-direction: column;
        gap: 36px;
    }

    header .navbox ul li {
        flex-basis: 100%;
    }

    header .navbox ul li::before {
        background-color: var(--black-text);
    }

    header .navbox ul li::after,
    header .navbox ul li a {
        color: var(--black-text);
    }

    .custom_cart {
        bottom: unset;
        top: 0;
        right: 0;
        color: var(--black-text);
    }


    /* Mobile Menu End*/


    .footer-links nav ul::after {
        display: none;
    }

    .footer-links nav ul {
        gap: 50px 30px;
    }

    .footer-links nav ul li {
        max-width: 200px;
    }

    .footer-links .other-links-wrap {
        position: relative;
        width: 100%;
        bottom: -4px;
        top: 0;
        margin-top: 50px;
    }

    .heading-section .heading-title p {
        line-height: 20px;
    }

    .feature-product,
    .about-echelon,
    .trusted-by-leading-company,
    .echelon-services {
        padding: 80px 0 80px 0;
    }

    .service-box-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

    .service-box-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 30px;
    }

    .trusted-by-leading-company .company-sections {
        padding: 40px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }

    .footer-bottom .footer-wrap {
        display: block;
    }

    .footer-bottom .footer-wrap>.footer-logo {
        padding-bottom: 41px;
    }

    .footer-bottom .footer-wrap .footer-logo img {
        left: unset;
        position: relative;
        transform: unset;
    }

    .footer-bottom .footer-wrap .footer-description {
        text-align: start;
        padding-top: 17px;
        border-top: 1px solid #000000;
    }

    .footer-bottom .container {
        padding: 0;
    }

    .service-box-container .img_box {
        text-align: center;
    }


    .product-category {
        padding: 80px 0 0 0;
    }

    .about-echelon .about-echelon-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 36px;
    }

    .service-box-container .img_box img,
    .about-echelon .about-echelon-wrapper .about-image img {
        margin: 0 auto;
        width: 100%;
    }

    .about-echelon .heading-section .heading-title h2 sup {
        font-size: 24px;
        top: 2px;
        left: -2px;
    }

    .about-echelon .heading-section .heading-number {
        top: 0;
    }

    .heading-section {
        align-items: start;
    }

    .heading-section .heading-number {
        top: 0;
    }

    .heading-section {
        gap: 3%;
    }

    .feature-product .feature-product-slider .feature-product-card .badge {
        margin-left: 20px;
    }

    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-link,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-price,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-number,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data h3,
    .feature-product .feature-product-slider .feature-product-card .feature-product-img {
        padding-left: 20px;
    }

    .insight-section {
        background-color: var(--pagination-color);
        padding: 73px 0 80px 0;
    }

    .feature-product .feature-product-slider .feature-product-img img {

        padding-right: 0px;
    }

    body.single.single-product .ech-tabs-wrap {
        padding: 37px 20px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container.center .btn-wrapper {
        margin-left: 11.484vw;
    }
}

@media(max-width: 820px) {
    .about-echelon .heading-section .heading-title h2 sup {
        font-size: 19px;
        top: 3px;
        left: 0px;
    }
}

@media(max-width:767px) {

    /* Footer Responsive */
    .footer-links nav ul {
        position: relative;
        counter-reset: number;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .footer-links nav ul::after {
        display: block;
        background-color: rgb(0, 0, 0, 10%);
        top: 56%;
        transform: translateY(-50%);
    }

    .footer-links nav ul li:nth-child(5) {
        margin-bottom: 20px;
    }

    .footer-links nav ul li:nth-child(6) {
        margin-top: 20px;
    }

    .footer-links nav ul li {
        max-width: 100%;
    }

    .footer-links .other-links-wrap {
        margin-top: 40px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container.center .btn-wrapper {
        margin-left: 0;
    }
}

@media(max-width:575px) {
    header {
        padding: 20px 0 0 0;
    }

    .search_main_box form {
        padding: 21px 31px 17px 31px;
    }

    .search_main_box button::before {
        left: -30px;
    }

    .search_main_box form input[type="search"] {
        width: 80%;
    }

    .woocommerce-account .mywrapper,
    .container {
        padding: 0 20px;
    }

    .hero-card-slider .slick-track {
        margin-left: 20px;
    }

    .trusted-by-leading-company .company-sections .company-logo:first-child {
        border-top: 1px solid #020F12;
    }

    .trusted-by-leading-company .company-sections {
        gap: 0;
    }

    .trusted-by-leading-company .company-sections .company-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 96px 0;
        border-bottom: 1px solid #020F12;
    }

    .trusted-by-leading-company .company-sections .company-logo:nth-child(1) {
        padding: 96px 0 98px 0;
    }

    .trusted-by-leading-company .company-sections .company-logo:nth-child(2) {
        padding: 110px 0 84px 0;
    }

    .trusted-by-leading-company .company-sections .company-logo:nth-child(3) {
        padding: 99px 0 95px 0;
    }

    .trusted-by-leading-company .company-sections {
        border-top: none;
        border-bottom: none;
        padding: 0;
        flex-direction: column;
    }

    .trusted-by-leading-company .heading-section {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .trusted-by-leading-company .heading-section .heading-number {
        position: relative;
    }

    .trusted-by-leading-company {
        padding: 76px 0 80px 0;
    }

    .heading-section .heading-number p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    .heading-section {
        gap: 15%;
        flex-direction: column;
        align-items: start;
    }

    .service-box-container .img_box img {
        height: 500px;
    }

    .service-box-cards {
        grid-template-columns: repeat(1, 270px);
        order: 1;
        gap: 0;
    }

    .service-box-cards .service-box-card:first-child {
        margin: 0;
    }

    .service-box-cards .service-box-card {
        margin: 74px 0 0 0;
    }

    .echelon-services {
        padding: 75px 0 77px 0;
    }

    .heading-section .heading-number {
        top: 0;
    }

    .heading-section .heading-title {
        margin-top: 28px;
    }

    .heading-section .heading-title p {
        margin-top: 30px;
        padding: 0;
    }
    section.ech-product-list .heading-section .heading-title p{
        margin-top: 15px;
    }

    .service-box-container {
        gap: 86px;
    }

    .product-category {
        padding: 75px 0 0 0;
    }

    .product-category .heading-section {
        margin-bottom: 72px;
    }

    .product-slider-link .product-show {
        margin: initial;
    }

    .product-slider-link {
        padding: 36px 0 36px 0;
        margin-top: 91px;
    }

    .about-echelon {
        padding: 26px 0 80px 0;
    }

    .about-echelon .about-echelon-wrapper {
        gap: 33px;
    }

    .about-echelon+.trusted-by-leading-company {
        padding: 76px 0 78px 0;
    }

    .footer-bottom .footer-wrap>.footer-logo {
        padding-bottom: 35px;
    }

    .about-echelon .heading-section .heading-number {
        top: 10px;
        padding-bottom: 10px;
    }

    .about-echelon .heading-section .heading-title h2 sup {
        font-size: 11px;
        top: -3px;
        left: -4px;
    }

    .about-echelon .heading-section {
        align-items: start;
        margin-bottom: 74px;
    }

    .about-echelon .about-echelon-wrapper .about-echelon-content h3 br {
        display: none;
    }

    .about-echelon .about-echelon-wrapper .about-echelon-content h3 {
        margin-bottom: 26px;
        white-space: normal;
    }

    .about-echelon .about-echelon-wrapper .about-echelon-content .btn-wrapper {
        margin-top: 36px;
        padding-right: 70px;
    }

    .feature-product {
        padding: 73px 0 80px 0;
    }

    .feature-product .feature-product-slider {
        padding: 0 20px;
    }

    .feature-product .feature-product-slider .feature-product-card .badge {
        margin-left: 0;
    }

    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-link,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-price,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data .feature-product-number,
    .feature-product .feature-product-slider .feature-product-card .feature-product-data h3,
    .feature-product .feature-product-slider .feature-product-card .feature-product-img {
        padding-left: 0;
    }

    .feature-product .feature-product-slider .feature-product-card .feature-product-img img {
        height: max-content;
    }

    .feature-product .feature-product-slider {
        margin-bottom: 36px;
        margin-top: 53px;
    }

    .feature-product .feature-product-slider .feature-product-data h3 {
        font-size: 22px;
    }

    .feature-product .feature-product-slider .feature-product-data .feature-product-number:last-child {
        /* padding-right: 0; */
        display: none;
    }

    .feature-product .btn-wrapper {
        margin-left: auto;
    }

    .feature-product .btn-wrapper span {
        right: 20px;
    }

    .insight-slider-section .insight-card {
        padding-right: 0;
    }

    .insight-slider-section .slick-track {
        padding: 0;
    }

    .insight-section .insight-card h3 {
        font-size: 22px;
    }

    .insight-slider-section {
        padding: 0 20px;
    }

    .insight-section .insight-card .insight-feature-img img {
        height: 170px;
    }

    .insight-section .insight-card .insight-feature-desc {
        gap: 20px;
    }

    .insight-slider-section {
        margin-top: 73px;
    }

    .insight-section .insight-card {
        padding-top: 18px;
    }

    .insight-section .btn-wrapper {
        margin-top: 15px;
    }

    body.single.single-product .woocommerce-tabs ul.tabs {
        display: flex;
        overflow-x: scroll;
    }

    body.single.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        width: 0;
    }

    body.single.single-product .woocommerce-tabs ul.tabs li {
        flex-shrink: 0;
        margin-right: 28px;
    }

    body.single.single-product .ech-tabs-wrap::before {
        top: 90px;
    }
}






/* woocommerce page css start */


/* cart page css start */
.woocommerce-cart {
    background: var(--white-text);
}

.woocommerce-cart .woocommerce {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 80px 20px;
}

.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-cart .woocommerce form.woocommerce-cart-form {
    width: calc(65% - 10px);
}

.woocommerce-cart .woocommerce .cart-collaterals {
    width: calc(35% - 10px);
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
}

.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents .actions .button,
.woocommerce-cart .woocommerce p.return-to-shop a.button.wc-backward {
    border-radius: 100px;
    padding: 22px 50px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-color: var(--primary-text-color) !important;
    color: var(--white-text);
    box-sizing: border-box;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents thead {
    background-color: var(--pagination-color);
    font-size: 18px;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(1) {
    width: 10%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(2) {
    width: 20%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(3) {
    width: 30%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(4) {
    width: 15%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(5) {
    width: 10%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(6) {
    width: 15%;
}

.woocommerce-cart .woocommerce .quantity .qty {
    background-color: var(--white-text) !important;
}

.woocommerce-cart .woocommerce a.remove {
    color: var(--black-text) !important;
}

.woocommerce-cart .woocommerce a.remove:hover {
    color: var(--white-text) !important;
    background-color: var(--primary-text-color) !important;
}

.woocommerce-cart .woocommerce #content table.cart img,
.woocommerce-cart .woocommerce table.cart img,
.woocommerce-cart #content table.cart img,
.woocommerce-cart table.cart img {
    width: 100px;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    display: block;
    object-fit: contain;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity button {
    all: unset;
    line-height: normal;
    cursor: pointer;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity {
    display: flex;
    align-items: center;
    gap: 7px;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity input[type="number"] {
    -moz-appearance: textfield;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0);
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity button img {
    width: 7px !important;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents .actions .button {
    padding: 15px 10px 14px 10px !important;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .coupon .input-text {
    height: 43px;
    max-width: 160px !important;
    width: 100% !important;
    border-radius: 50px;
    padding: 6px 12px !important;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
    font-size: 22px;
    background-color: var(--pagination-color);
    padding: 9px 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.woocommerce-cart .woocommerce .wc-empty-cart-message {
    width: 100%;
}

/* cart page css end */



/* login page css */

body.dark-opacity {
    overflow: hidden;
}

.custom_cart_sidebar {
    position: absolute;
    content: "";
    z-index: 999999;
    top: 0;
    right: 0;
    max-width: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--white-text);
    transition: all .4s ease-in-out;
    overflow: hidden;
}

.custom_cart_sidebar.opened {
    max-width: 560px;
    overflow: scroll;
}

.custom_cart_sidebar.opened .woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 100%;
}

.custom_cart_sidebar.opened::-webkit-scrollbar {
    width: 0;
}

.custom_cart_sidebar .head-top {
    padding: 67px 40px 57px 40px;
    background-color: var(--white);
}

.custom_cart_sidebar .ech-login-register-wrap {
    padding: 18px 0 0 0;
}

.custom_cart_sidebar .head-top .close-top-bar {
    border-bottom: solid 1px rgb(0, 0, 0, 15%);
    text-align: right;
    display: block;
    padding-bottom: 33px;
}

.custom_cart_sidebar .head-top span {
    color: var(--black-text);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.4s;
    line-height: 14px;
}

.custom_cart_sidebar .ech-minicart-wrap {
    min-height: 125px;
    text-align: center;
    background: #fff;
    padding: 0px 40px 20px 40px;
}

.custom_cart_sidebar .ech-minicart-wrap+.ech-registation-form-wrap .woocommerce {
    padding-top: 10px;
}

.custom_cart_sidebar .ech-minicart-wrap p.woocommerce-mini-cart__empty-message {
    font-size: 16px;
    font-weight: 500;
}

.custom_cart_sidebar .ech-minicart-wrap ul {
    height: calc(100vh - 360px);
    overflow-x: auto;
}

.custom_cart_sidebar .ech-minicart-wrap ul::-webkit-scrollbar-track {
    background-color: var(--black-text);
}

.custom_cart_sidebar .ech-minicart-wrap ul::-webkit-scrollbar {
    width: 5px;
    background-color: var(--black-text);
}

.custom_cart_sidebar .ech-minicart-wrap ul::-webkit-scrollbar-thumb {
    background-color: var(--primary-text-color);
}

.custom_cart_sidebar .ech-minicart-wrap ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: rgb(0, 0, 0, 10%) solid 1px;
    padding: 5px 0 10px 0;
    font-size: 14px;
    line-height: 20px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li a+img {
    width: 100px;
    height: 80px;
    display: block;
    object-fit: contain;
    border-left: 1px solid var(--black-text);
    margin-right: 20px;
    margin-left: 20px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .ech-title {
    width: 180px;
    padding: 0 10px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li a.remove {
    color: var(--black-text) !important;
    border-radius: 50%;
    flex: 0 0 19px;
    height: 19px;
    width: 20px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li a.remove:hover {
    color: var(--white-text) !important;
    background-color: var(--primary-text-color) !important;
}

.custom_cart_sidebar .ech-minicart-wrap ul li img {
    width: 34%;
    object-fit: cover;
    height: 60px;
    margin-left: 0px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .quantity {
    width: 70px;
    text-align: right;
    /* margin: 0 auto; */
    margin-right: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .ech-price {
    width: 100px;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .quantity input::-webkit-outer-spin-button,
.custom_cart_sidebar .ech-minicart-wrap ul li .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .quantity input[type=number] {
    -moz-appearance: textfield;
    width: 30px;
    height: 30px;
    text-align: center;
}

.custom_cart_sidebar .ech-minicart-wrap ul li span.quantity {
    width: max-content;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .quantity button.plus,
.custom_cart_sidebar .ech-minicart-wrap ul li .quantity button.minus {
    all: unset;
}

.custom_cart_sidebar .ech-minicart-wrap ul li .quantity button.plus img,
.custom_cart_sidebar .ech-minicart-wrap ul li .quantity button.minus img {
    width: 10px;
    height: 9px;
    display: block;
    object-fit: contain;
}

.custom_cart_sidebar .ech-minicart-wrap ul li span.quantity .woocommerce-Price-amount.amount {
    margin-left: auto;
}

.custom_cart_sidebar .ech-minicart-wrap .woocommerce-mini-cart__buttons {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.custom_cart_sidebar .ech-minicart-wrap .woocommerce-mini-cart__total.total {
    text-align: left;
    padding: 20px 0 10px 0;
    font-size: 18px;
    border-top: rgb(0, 0, 0, 10%) solid 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom_cart_sidebar .woocommerce {
    padding: 40px;
    gap: 0;
    height: calc(100vh - 300px);
    overflow-x: auto;
}

.custom_cart_sidebar .woocommerce::-webkit-scrollbar-track {
    background-color: #fff;
}

.custom_cart_sidebar .woocommerce::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

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

.custom_cart_sidebar .woocommerce .woocommerce-error,
.custom_cart_sidebar .woocommerce .woocommerce-info,
.custom_cart_sidebar .woocommerce .woocommerce-message {
    margin-bottom: 20px;
}

.custom_cart_sidebar .woocommerce h2 {
    font-size: 30px;
    display: none;
}

.custom_cart_sidebar .woocommerce .col2-set .col-1,
.custom_cart_sidebar .woocommerce .col2-set .col-2 {
    width: 100%;
    display: none;
}

.custom_cart_sidebar .woocommerce .col2-set .u-column1.active,
.custom_cart_sidebar .woocommerce .col2-set .u-column2.active {
    display: block;
}

.custom_cart_sidebar .woocommerce .woocommerce-form {
    padding: 0 !important;
    border: none !important;
    margin: 20px 0 0 !important;
}

.custom_cart_sidebar .woocommerce form .woocommerce-form__input-checkbox {
    margin-right: 0 !important;
}

.custom_cart_sidebar form .woocommerce-form-row .woocommerce-Input::placeholder {
    text-transform: uppercase;
}

.custom_cart_sidebar form .woocommerce-form-row .woocommerce-Input {
    background-color: var(--white);
    border-radius: 50px;
    color: var(--primary-text-color) !important;
    font-size: 14px;
    height: 60px !important;
    padding: 10px 40px;
    text-transform: lowercase;
    border: none;
    box-shadow: 0 20px 10px 0 rgb(0, 0, 0, 10%);
    margin-bottom: 10px !important;

}

.custom_cart_sidebar .woocommerce form .form-row label {
    line-height: normal;
    margin-bottom: 8px;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    right: 20px;
    top: 35px;
    transform: translateY(-50%);
    cursor: pointer;
}

.custom_cart_sidebar .woocommerce form .show-password-input {
    top: 32px;
}

.custom_cart_sidebar .woocommerce form .woocommerce-button,
.custom_cart_sidebar .ech-minicart-wrap .woocommerce-mini-cart__buttons a.button {
    background-color: var(--black-text);
    color: var(--white);
    border-radius: 100px;
    padding: 27px 50px 25px 50px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    line-height: 9px;
    float: inherit;
    width: 100%;
    max-width: 240px;
    box-sizing: border-box;
    display: block;
    margin-top: 15px;
}

.custom_cart_sidebar .woocommerce form .woocommerce-button:hover {
    background-color: var(--black-text);
    color: var(--white);
}

.custom_cart_sidebar .ech-minicart-wrap .woocommerce-mini-cart__buttons a.button {
    padding: 19px 0 !important;
    min-width: 190px !important;
    width: 100%;
}

.custom_cart_sidebar .woocommerce-form__label-for-checkbox {
    display: inline-flex;
}

.custom_cart_sidebar .woocommerce-form__label-for-checkbox span {
    padding-left: 5px;
}

.custom_cart_sidebar .woocommerce form p {
    padding: 0;
    margin: 0px 0 10px !important;
}

.custom_cart_sidebar .woocommerce form .woocommerce-LostPassword {
    border-top: solid 1px rgb(0, 0, 0, 15%);
    padding-top: 13px;
    margin-top: 40px !important;
}

.custom_cart_sidebar .woocommerce form p a {
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
    color: var(--primary-text-color) !important;
    margin-bottom: 20px;
    position: relative;
}

/* .custom_cart_sidebar .woocommerce form p.ech_login_form a {
    color: var(--black-text) !important;
    padding-right: 20px;
}
.custom_cart_sidebar .woocommerce form p.ech_login_form a::after{
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9.24219" y="2.17163" width="11" height="2" transform="rotate(135 9.24219 2.17163)" fill="%23020F12"/><rect x="10" width="10" height="2" transform="rotate(90 10 0)" fill="%23020F12"/><rect width="10" height="2" fill="%23020F12"/></svg>');
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    transition: all 0.3s;
} */
.custom_cart_sidebar .woocommerce-message {
    padding: 10px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
}

.custom_cart_sidebar .woocommerce-message::before,
.custom_cart_sidebar .woocommerce-message::after {
    display: none;
}

.custom_cart_sidebar .woocommerce-message a {
    all: unset;
    color: var(--black-text);
    padding: 0px !important;
    min-width: max-content !important;
    margin: 15px 0 0 0;
}

.custom_cart_sidebar .woocommerce .woocommerce-notices-wrapper:empty {
    display: none;
}

/* login page end */


/* My Account Page Design Start */
body.woocommerce-account {
    background-color: var(--white-text);
}

@media(min-width: 1440px) {
    body.woocommerce-account .mywrapper .commonSpace {
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
        position: sticky;
        top: 0px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content {
        float: unset;
    }
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content,
.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
    padding: 127px 0 126px 0;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content {
    width: 78%;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
    width: 20%;
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li a {
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--black-text);
    font-weight: bold;
    line-height: 30px;
    transition: all 0.5s ease;
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    background-color: var(--secondary-bg);
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li a:hover::after {
    width: 100%;
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li.is-active a::after {
    width: 100%;
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--secondary-bg);
}

.woocommerce-account .commonSpace .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--secondary-bg);
}

body.woocommerce-checkout.woocommerce-order-received p,
.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p {
    font-size: 18px;
    line-height: 30px;
    color: var(--black-text);
    font-weight: 500;
    margin: 0 0 20px 0;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p a {
    color: var(--secondary-bg);
    font-weight: normal;
}

.woocommerce-info {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #BADADC50;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.woocommerce-info::after,
.woocommerce-info::before {
    display: none;
}

.woocommerce-Button {
    all: unset;
    display: inline-block;
    position: relative;
    font-size: 14px !important;
    text-transform: uppercase;
    line-height: 15px;
    color: var(--black-text);
    width: max-content;
    background-color: transparent !important;
    padding: 0 !important;
    color: var(--black-text) !important;
    margin-right: 20px !important;
}

.woocommerce-Button::after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9.24219" y="2.17163" width="11" height="2" transform="rotate(135 9.24219 2.17163)" fill="%23020F12"/><rect x="10" width="10" height="2" transform="rotate(90 10 0)" fill="%23020F12"/><rect width="10" height="2" fill="%23020F12"/></svg>');
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    top: 50%;
    right: -23px;
    transform: translateY(-50%);
}

.woocommerce-password-strength {
    font-size: 14px;
    font-weight: normal;
}

body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_transactional"],
body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_subscribed"],
body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_unsubscribed"] {
    cursor: pointer;
}

body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_transactional"] input[type="radio"],
body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_subscribed"] input[type="radio"],
body.woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p label[for="mailchimp_woocommerce_is_unsubscribed"] input[type="radio"] {
    margin-right: 8px;
    box-shadow: unset;
}

body.woocommerce-account .woocommerce-notices-wrapper ul.woocommerce-error {
    margin-bottom: 0;
    padding-top: 30px;
}

body.woocommerce-account .woocommerce-notices-wrapper {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}

body.woocommerce-account input[type="radio"] {
    accent-color: var(--secondary-bg);
}

/* Common checkebox background color */



/* Lost Password Start */
body.woocommerce-lost-password main.site-main {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 120px 0 120px 0;
}

body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password>p {
    font-size: 18px;
    line-height: 143%;
    color: var(--black-text);
    margin-bottom: 30px;
    font-weight: 500;
}

body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password p label {
    font-size: 16px;
}

body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password p input {
    padding: 20px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 100px;
    color: var(--primary-text-color);
    font-size: 14px;
    line-height: 143%;
    font-weight: bold;
    text-transform: lowercase;
}

body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password p button.woocommerce-Button.button::after {
    display: none
}

body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password p button.woocommerce-Button.button {
    padding: 21px 40px !important;
    background-color: var(--black-text) !important;
    color: var(--white) !important;
    border-radius: 100px !important;
    font-weight: normal;
}

/* Lost Password End */





/* Orders Tab Content Section Design Start */
body.woocommerce-checkout.woocommerce-order-received table,
.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table {
    border-collapse: collapse;
}

body.woocommerce-checkout.woocommerce-order-received table thead,
.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details thead,
.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table thead {
    background-color: var(--pagination-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}



.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details tfoot td,
.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details tfoot th,
.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details tbody tr td,
.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details thead td,
.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td,
.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table thead th {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
    padding: 10px;
    font-weight: normal;
    text-transform: uppercase;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details tfoot th {
    font-weight: 600;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td {
    padding: 20px 10px;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a {
    all: unset;
    background-color: var(--primary-text-color);
    border-radius: 50px;
    padding: 10px 0;
    max-width: 120px;
    font-size: 14px;
    color: var(--white);
    display: block;
    line-height: normal;
    text-align: center;
    cursor: pointer;
}

/* .woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover {
    color: var(--white-text);
} */

.woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {
    color: var(--secondary-bg);
}

/* Orders Tab Content Section Design End */


/* Order Detail Page Design Start */
.woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details h2,
.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-order-details__title {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 120%;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details {
    margin-top: 30px;
    border-collapse: collapse;
}

body.woocommerce-checkout.woocommerce-order-received address {
    margin-top: 20px;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-Address address,
.woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details address {
    margin-top: 30px;
}

body.woocommerce-checkout.woocommerce-order-received address p,
.woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details address p {
    margin-bottom: 0;
}

body.woocommerce-checkout.woocommerce-order-received address,
.woocommerce-account .mywrapper .commonSpace .woocommerce-Address address,
.woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details address {
    padding: 0;
    border: none;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    letter-spacing: 0.6px;
}

/* Order Detail Page Design End */


/* Address Section Design Start */
.woocommerce-account .mywrapper .commonSpace .woocommerce-Address header {
    padding: 10px 0 0 0;
}

.woocommerce-account .mywrapper .commonSpace .woocommerce-Address header a {
    color: var(--secondary-bg);
}

/* Address Section Design End */




/* Login & Registration Start */
.ech-login-register-wrap {
    padding: 80px 0 80px 0;
    margin: 0 auto;
    max-width: 1360px;
    width: 100%;
}

.ech-login-register-wrap .woocommerce-form.woocommerce-form-register.register,
.ech-login-register-wrap .woocommerce-form-login.login {
    padding: 0;
    border: none;
}

.ech-login-register-wrap .woocommerce-form.woocommerce-form-register.register input,
.ech-login-register-wrap .woocommerce-form-login.login input {
    padding: 21px 40px;
    border-radius: 100px;
    border: 0;
    background-color: var(--white);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    color: var(--primary-text-color);
    font-size: 14px;
    line-height: 20px;
}

.ech-login-register-wrap .woocommerce-LostPassword.lost_password a {
    font-size: 16px;
    line-height: 20px;
    color: var(--secondary-bg);
    margin-top: 20px;
    display: block;
}

.ech-login-register-wrap .woocommerce-form-register__submit,
.ech-login-register-wrap .woocommerce-form-login.login .woocommerce-button {
    padding: 21px 40px !important;
    border-radius: 100px !important;
    background-color: var(--black-text) !important;
    color: var(--white) !important;
    margin-top: 20px !important;
}

.custom_cart_sidebar .ech-login-register-wrap .woocommerce-form-register__submit,
.custom_cart_sidebar .woocommerce-form-login.login .woocommerce-button {
    min-width: 190px !important;
    padding: 19px 40px !important;
}

.ech-login-register-wrap .woocommerce-form-register__submit::after {
    display: none;
}

.ech-login-register-wrap .woocommerce-form.woocommerce-form-register.register p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 15px 0;
}

.ech-login-register-wrap .woocommerce-form.woocommerce-form-register.register p.ech_login_form {
    border-top: solid 1px rgb(0, 0, 0, 15%);
    padding-top: 30px;
    margin-top: 40px !important;
}

.ech-login-register-wrap .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: block;
    margin-top: 20px;
}

.ech-login-register-wrap .woocommerce-form__label-for-checkbox.inline span,
.ech-login-register-wrap .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
    font-size: 16px;
    margin-left: 5px;
    display: inline-block;
}

.ech-login-register-wrap .woocommerce-form__label-for-checkbox.inline {
    margin-bottom: 10px;
    display: block;
}

.ech-login-register-wrap input[type="checkbox"] {
    accent-color: var(--secondary-bg);
}

a.woocommerce-privacy-policy-link {
    color: var(--secondary-bg);
}

/* Login & Registration End */





/* Account Detail Page Design Start */

body.woocommerce-edit-address .woocommerce-address-fields input,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input {
    background-color: var(--white);
    border-radius: 100px;
    color: var(--primary-text-color);
    padding: 22px 40px;
    border: unset;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 143%;
    font-weight: 600;
    text-transform: lowercase;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset {
    border: 0;
}

body.woocommerce-account .woocommerce-address-fields button.button,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
    padding: 21px 40px !important;
    background-color: var(--black-text) !important;
    color: var(--white) !important;
    border-radius: 100px !important;
    font-weight: 600;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button::after {
    display: none;
}

/* Account Detail Page Design End */




/* Error Message Design Start */
.woocommerce-message,
.woocommerce-error {
    border: none;
    padding: 0;
    background-color: transparent;
}

.woocommerce-message::before,
.woocommerce-error::before {
    display: none;
}

body.woocommerce-cart .woocommerce-message {
    margin: 20px 0;
    line-height: 25px;
    background-color: #0ff12830;
    padding: 10px 10px 10px 30px !important;
    font-size: 14px;
    color: var(--black-text);
    position: relative;
    text-align: center;
}

.woocommerce-error li {
    margin: 20px 0;
    line-height: 25px;
    /* border-left: 4px solid #ff000008; */
    background-color: #ff000010;
    padding: 10px 10px 10px 30px !important;
    font-size: 14px;
    color: var(--black-text);
    position: relative;
}

.woocommerce-error li::before {
    content: "\e016";
    color: #b81c23;
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 35%;
    transform: translateY(-50%);
    left: 10px;
    font-family: 'WooCommerce';
}

.woocommerce-error li:first-of-type {
    margin: 0 0 20px 0;
}

.woocommerce-error li:last-of-type {
    margin: 20px 0 0 0;
}

/* Error Message Design End */

/* My Account Page Design End*/




/* WooCommerce Shop Page Design Start */
body.tax-product_cat,
body.woocommerce-shop {
    background-color: var(--white-text);
}
body.ech-header-white {
    background-color: var(--white-text);
}




body.tax-product_cat .toggleFilter,
body.woocommerce-shop .toggleFilter {
    display: none;
    padding: 14px 28px;
    background-color: var(--black-text);
    color: var(--white);
    text-transform: uppercase;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 10px;
}



body.tax-product_cat .woocommerce-products-header,
body.woocommerce-shop .woocommerce-products-header {
    display: none;
}

section.ech-product-list .woocommerce.ech-product-loop,
body.tax-product_cat main,
body.woocommerce-shop main {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding: 116px 0 0 0;
}
section.ech-product-list.ech-style-2,
section.ech-product-list .woocommerce.ech-product-loop {
    padding: 50px 0;
}
section.ech-product-list.ech-style-2 .woocommerce.ech-product-loop{
    padding: 0;
}
section.ech-product-list{
    padding: 116px  0;
}

section.ech-product-list.ech-style-2{
    background-color: var(--pagination-color);
}

body.tax-product_cat .ech-sidebar-wrap,
body.woocommerce-shop .ech-sidebar-wrap {
    max-width: 240px;
    width: 100%;
}

body.tax-product_cat .myShopWrapper,
body.woocommerce-shop .myShopWrapper {
    display: flex;
    gap: 40px;
}

body.tax-product_cat .ech-product-content-wrap,
body.woocommerce-shop .ech-product-content-wrap {
    width: 75vw;
    padding-top: 9px;
    padding-bottom: 120px;
}

body.tax-product_cat .ech-sidebar-wrap .widget-title,
body.woocommerce-shop .ech-sidebar-wrap .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    color: var(--black-text);
    font-weight: normal;
}

body.tax-product_cat .ech-sidebar-wrap ul,
body.woocommerce-shop .ech-sidebar-wrap ul {
    padding-bottom: 29px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.tax-product_cat .ech-sidebar-wrap ul li.current-cat,
body.woocommerce-shop .ech-sidebar-wrap ul li.current-cat {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: var(--secondary-bg);
}

body.tax-product_cat .ech-sidebar-wrap form.woocommerce-ordering label,
body.tax-product_cat .ech-sidebar-wrap ul li a,
body.woocommerce-shop .ech-sidebar-wrap form.woocommerce-ordering label,
body.woocommerce-shop .ech-sidebar-wrap ul li a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: var(--primary-text-color);
    line-height: 30px;
}

body.tax-product_cat .ech-sidebar-wrap .widget_price_filter,
body.woocommerce-shop .ech-sidebar-wrap .widget_price_filter {
    margin-top: 30px;
}

body.tax-product_cat .ech-sidebar-wrap .widget_price_filter .ui-slider-horizontal,
body.woocommerce-shop .ech-sidebar-wrap .widget_price_filter .ui-slider-horizontal {
    height: 1px;
    background-color: var(--black-text);
}

body.tax-product_cat .ech-sidebar-wrap .widget_price_filter .ui-slider .ui-slider-range,
body.woocommerce-shop .ech-sidebar-wrap .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--black-text);
}

body.tax-product_cat .ech-sidebar-wrap .widget_price_filter .ui-slider .ui-slider-handle,
body.woocommerce-shop .ech-sidebar-wrap .widget_price_filter .ui-slider .ui-slider-handle {
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--white);
    border: 1px solid var(--black-text);
    width: 20px;
    height: 20px;
}

body.tax-product_cat .ech-sidebar-wrap .price_slider_amount,
body.woocommerce-shop .ech-sidebar-wrap .price_slider_amount {
    text-align: left;
}

body.tax-product_cat .ech-sidebar-wrap form,
body.woocommerce-shop .ech-sidebar-wrap form {
    float: unset;
    margin-top: 28px;
}

body.tax-product_cat .ech-sidebar-wrap .price_label,
body.woocommerce-shop .ech-sidebar-wrap .price_label {
    font-weight: normal;
    margin-top: 23px;
}

body.tax-product_cat .ech-sidebar-wrap .price_label+button[type="submit"],
body.woocommerce-shop .ech-sidebar-wrap .price_label+button[type="submit"] {
    border-radius: 100px;
    background-color: var(--primary-text-color) !important;
    padding: 15px 20px !important;
    color: var(--white-text) !important;
    font-size: 14px;
    font-weight: normal;
}

body.tax-product_cat .ech-sidebar-wrap .price_slider_amount,
body.woocommerce-shop .ech-sidebar-wrap .price_slider_amount {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 26px;
}

body.tax-product_cat .ech-sidebar-wrap form.woocommerce-ordering label,
body.woocommerce-shop .ech-sidebar-wrap form.woocommerce-ordering label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
}

body.tax-product_cat .ech-sidebar-wrap form.woocommerce-ordering label input[type="radio"],
body.woocommerce-shop .ech-sidebar-wrap form.woocommerce-ordering label input[type="radio"] {
    display: none;
}

body.tax-product_cat .ech-sidebar-wrap form.woocommerce-ordering label input[type="radio"]:checked,
body.woocommerce-shop .ech-sidebar-wrap form.woocommerce-ordering label input[type="radio"]:checked {
    display: block;
    accent-color: var(--secondary-bg);
}

body.tax-product_cat .ech-product-content-wrap .products li .woocommerce-loop-product__link+.button.product_type_grouped,
body.woocommerce-shop .ech-product-content-wrap .products li .woocommerce-loop-product__link+.button.product_type_grouped {
    display: none;
}


section.ech-product-list .woocommerce.ech-product-loop ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}
section.ech-product-list .woocommerce.ech-product-loop ul::after,
section.ech-product-list .woocommerce.ech-product-loop ul::before{
    display: none;
}
section.ech-product-list .woocommerce.ech-product-loop ul li{
    width: 100%;
    margin-bottom: 0;
}


section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage img,
body.tax-product_cat .ech-product-content-wrap .products li .myShopImage img,
body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage img {
    width: 100%;
    max-width: 36.111vw;
    /* height: 18.75vw; */
    height: clamp(270px, calc(16.875rem + ((1vw - 3.6px) * 0)), 270px);
    border-left: 1px solid var(--black-text);
    object-fit: contain;
    mix-blend-mode: multiply;
    border-left: 2px solid var(--black-text);
    background: linear-gradient(0deg, rgba(0, 0, 0, 3%), rgba(0, 0, 0, 3%)), linear-gradient(0deg, rgba(0, 0, 0, 50%), rgba(0, 0, 0, 50%)), #FAFBF8;
    background-blend-mode: overlay;
}
section.ech-product-list .woocommerce.ech-product-loop ul li .price,
body.tax-product_cat .ech-product-content-wrap .products li .price,
body.woocommerce-shop .ech-product-content-wrap .products li .price {
    font-weight: 500;
    color: var(--black-text);
    font-size: 14px;
    line-height: 20px;
}
section.ech-product-list.ech-style-2 .ech-slider-content-wrap{
    display: flex;
    gap: 50px;
    max-width: 1360px;
    margin: 0 auto;
    padding: 140px 0 180px 0;
    align-items: center;
}

section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop, 
section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container{
    max-width: 50%;
    width: 100%;
}
section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop li{
    margin: 0;
}
section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop li img{
    height: 260px;
    width: 317px;
    display: block;
}
section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container.center{
    text-align: left;
}

section.ech-product-list.ech-style-2 .heading-section + .container{
    margin: unset;
    padding: unset;
}
section.ech-product-list.ech-style-2 .heading-section + .container .btn-wrapper{
    margin-top: 30px;
}
section.ech-product-list.ech-style-2 .heading-section + .container .btn-wrapper span {
    color: var(--white);
}
section.ech-product-list .woocommerce.ech-product-loop + .container .btn-wrapper {
    margin-top: 0;
}

body.tax-product_cat .ech-product-content-wrap .products li,
body.woocommerce-shop .ech-product-content-wrap .products li {
    margin-bottom: 25px !important;
}

section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage h2.woocommerce-loop-product__title,
section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage a.woocommerce-loop-product__link+a,
body.tax-product_cat .ech-product-content-wrap .products li .product-sku,
body.tax-product_cat .ech-product-content-wrap .products li .myShopImage a.woocommerce-loop-product__link+a,
body.tax-product_cat .ech-product-content-wrap .products li .myShopImage h2.woocommerce-loop-product__title body.woocommerce-shop .ech-product-content-wrap .products li .product-sku,
body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage a.woocommerce-loop-product__link+a,
body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage h2.woocommerce-loop-product__title {
    color: var(--primary-text-color);
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage a.woocommerce-loop-product__link+a{
    color: var(--secondary-bg);
}

section.ech-product-list.ech-style-2 .heading-section h2{
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
@media(min-width: 1199px){
    section.ech-product-list.ech-style-2 .heading-section{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
section.ech-product-list.ech-style-2 .heading-section .heading-title p{
    font-weight: 500;
    line-height: 20px;
    text-transform: inherit;
    padding: 0;
}
section.ech-product-list.ech-style-2 .heading-section .heading-number{
    flex-shrink: 0;
}
section.ech-product-list.ech-style-2 .heading-section .heading-number.light-color p:last-child{
    color: var(--white);
}

section.ech-product-list.ech-style-2 {
    padding: 0;
}

section.ech-product-list.ech-style-2 
 .woocommerce.ech-product-loop ul {
    display: block;
}


section.ech-product-list.ech-style-2 .woocommerce.ech-product-loop ul .slick-track{
    display: flex;
}

section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage h2.woocommerce-loop-product__title,
body.tax-product_cat .ech-product-content-wrap .products li .product-sku,
body.tax-product_cat .ech-product-content-wrap .products li .myShopImage h2.woocommerce-loop-product__title,
body.woocommerce-shop .ech-product-content-wrap .products li .product-sku,
body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage h2.woocommerce-loop-product__title {
    color: var(--black-text);
}



/* Shop Page Pagination design start */

body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers {
    border: none;
}

body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li {
    margin-bottom: 10px;
}

body.search .ais-Pagination li a,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li a,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li a {
    all: unset;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: var(--black-text);
    border: 1px solid var(--black-text);
    width: 30px;
    height: 30px;
    margin: 0 0 0 10px;
    cursor: pointer;
}

body.search .ais-Pagination li a:hover,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li a:hover,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers li a:hover {
    background-color: var(--secondary-bg);
    color: var(--white-text);
    border-color: var(--secondary-bg);
}

body.search .ais-Pagination li.ais-Pagination-item--selected a {
    background-color: var(--secondary-bg);
    color: var(--white-text);
    border-color: var(--secondary-bg);
}

body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers.current,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers.current {
    all: unset;
    display: inline-block;
    color: var(--white-text);
    background-color: var(--secondary-bg);
    border: 1px solid var(--secondary-bg);
    font-size: 14px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 0 0 0 10px;
}

body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers.dots,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers span.page-numbers.dots {
    margin: 0 0 0 10px;
}

body.search .ais-Pagination {
    text-align: center;
}

body.search .ais-Pagination li a,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.next.page-numbers,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.prev.page-numbers,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.next.page-numbers,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.prev.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.prev.page-numbers:hover img,
body.tax-product_cat .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.next.page-numbers:hover img,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.prev.page-numbers:hover img,
body.woocommerce-shop .ech-product-content-wrap .woocommerce-pagination ul.page-numbers a.next.page-numbers:hover img {
    filter: invert(1);
}

/* Shop Page Pagination design end */


/* WooCommerce Shop Page Design End */




/* Algolia Search Design */
.algolia-autocomplete {
    top: 220px !important;
}

.aa-dropdown-menu {
    background-color: var(--white);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.suggestion-link {
    margin-bottom: 15px !important;
}

.suggestion-link .suggestion-post-thumbnail {
    width: 70px !important;
    height: 70px !important;
    display: block;
    object-fit: contain !important;
    border: 1px solid var(--black-text);
    margin-right: 10px !important;
}

.suggestion-link .suggestion-post-attributes .suggestion-post-title {
    font-size: 16px;
    line-height: 20px;
    color: var(--black-text);
    margin-bottom: 5px;
    font-weight: normal;
}

.suggestion-link .suggestion-post-content {
    font-size: 16px;
    line-height: 20px;
    color: var(--black-text);
    font-weight: 500;
}

.autocomplete-empty .empty-query {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
}

.autocomplete-empty .empty-query {
    color: rgba(255, 0, 0, 0.877);
}

/* Algolia Search closed */


/* Search Result Page Design Open */
body.search {
    background-color: var(--white-text);
}

body.search main {
    max-width: 1360px;
    width: 100%;
    margin: 60px auto;
}

body.search main .ais-SearchBox-input {
    font-size: 16px !important;
    color: var(--secondary-bg);
}

body.search main ol.ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

body.search main ol.ais-Hits-list .ais-hits--content {
    overflow: visible !important;
}

body.search main ol.ais-Hits-list .ais-hits--thumbnail {
    margin: 0;
}

body.search main ol.ais-Hits-list .ais-hits--thumbnail-link img {
    width: 100%;
    height: 240px;
    display: block;
    object-fit: contain;
    border: 1px solid var(--black-text);
    border-radius: 0;
}

body.search main ol.ais-Hits-list .ais-hits--thumbnail {
    float: unset;
}

body.search main ol.ais-Hits-list h2 {
    margin: 15px 0 10px 0;
}

body.search main ol.ais-Hits-list h2 a {
    font-size: 22px;
    color: var(--black-text);
    line-height: 30px;
    display: block;
}

body.search main ol.ais-Hits-list .excerpt p span {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* body.search .algolia-search-box-wrapper{
    display: none;
} */
.algolia-search-box-wrapper .search-icon {
    fill: var(--secondary-bg);
}

/* Search Result Page Design Closed */



/* 404 Page Design Start */
.error404 {
    background-color: var(--white-text);
}

.ech-not-found {
    padding: 116px 0;
}

.ech-not-found .ech-broken-txt {
    text-align: center;
}

.ech-not-found .ech-broken-txt h1 {
    display: none;
}

.ech-not-found .ech-broken-txt h2 {
    font-size: clamp(38px, calc(2.125rem + ((1vw - 5.75px) * 7.052)), 95px);
    text-transform: uppercase;
    -webkit-text-stroke: 1px var(--pagination-color);
    text-shadow: 0px 4px 3px var(--primary-text-color);
    margin-bottom: 30px;
}

.ech-not-found .ech-broken-txt p {
    font-size: clamp(16px, calc(1rem + ((1vw - 5.75px) * 0.6936)), 22px);
    line-height: clamp(20px, calc(1.25rem + ((1vw - 5.75px) * 1.1561)), 30px);
    font-weight: 500;
}

.ech-not-found .ech-not-found-btn {
    margin-top: 40px;
}

@media(max-width: 575px) {
    .ech-not-found {
        padding: 50px 0;
    }

    .ech-not-found-btn a {
        padding: 20px 30px 20px 30px;
    }
}

/* 404 Page Design End */




/* Checkout Page Start */
body.woocommerce-checkout {
    background-color: var(--white-text);
}

body.woocommerce-checkout .woocommerce {
    max-width: 1360px;
    width: 100%;
    margin: 123px auto 123px auto;
    position: relative;
}

body.woocommerce-checkout form.checkout {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    flex-shrink: 0;
    width: 100%;
}

body.woocommerce-checkout form.checkout .col2-set,
.woocommerce-page .col2-set {
    width: 65.3%;
}

body.woocommerce-checkout form.checkout .ech-order-detail-wrap {
    width: 31.5%;
}

wc-order-attribution-inputs {
    display: none;
}

body.woocommerce-checkout form.checkout .col2-set .col-2,
body.woocommerce-checkout form.checkout .col2-set .col-1 {
    float: unset;
    width: 100%;
}

body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields h3,
body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields h3 {
    margin-bottom: 15px;
}

body.woocommerce-account .select2,
body.woocommerce-checkout .payment_box.payment_method_mes_cc fieldset input,
body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon input,
body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login input,
body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset input,
body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-additional-fields__field-wrapper textarea,
body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper input,
body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper .select2,
body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .select2,
body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper input {
    background-color: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    padding: 21px 40px;
    border: 0;
    font-size: 14px !important;
    line-height: 20px;
    color: var(--primary-text-color);
}

body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon p {
    margin-bottom: 10px;
}

body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .clear+.form-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
}

/* 
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 0;
    top: -80px;
} */

body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon button,
body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .clear+.form-row button {
    background-color: var(--primary-text-color);
    color: var(--white);
}

body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .clear+.form-row label {
    cursor: pointer;
}

body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .clear+.form-row label input {
    margin-right: 10px;
}

body.woocommerce-checkout .payment_box.payment_method_mes_cc fieldset input,
body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset input {
    padding: 10px 20px !important;
    margin-left: 10px;
}

body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset p label {
    margin-right: 10px;
}

body.woocommerce-checkout form.checkout button.button.alt,
body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset a.button.alt {
    background-color: var(--primary-text-color);
}

body.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper+button.button.alt {
    margin-top: 20px;
}

body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-additional-fields__field-wrapper textarea {
    resize: none;
}

body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-additional-fields__field-wrapper textarea::-webkit-scrollbar {
    width: 0;
}

body.woocommerce-account .select2 .select2-selection,
body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper .select2 .select2-selection,
body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .select2 .select2-selection {
    border: 0;
}

body.woocommerce-account .select2 .select2-selection__arrow,
body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper .select2 .select2-selection__arrow,
body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .select2 .select2-selection__arrow {
    top: 50%;
    right: 34px;
    width: 20px;
    transform: translateY(-50%);
}

body.woocommerce-checkout form.checkout h3#order_review_heading {
    margin-top: 10px;
}

body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
    margin-top: 20px;
}

body.woocommerce-checkout form.checkout table td,
body.woocommerce-checkout form.checkout table th {
    font-weight: normal;
}

body.woocommerce-checkout form.checkout .woocommerce-checkout-payment {
    background-color: #badadc42 !important;
}

body.woocommerce-checkout .payment_box.payment_method_mes_cc,
body.woocommerce-checkout form.checkout .woocommerce-checkout-payment .payment_box.payment_method_purchase_order {
    background-color: #badadc42 !important;
}

body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset {
    all: unset;
    margin-top: 10px;
}

body.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #badadc42;
}

body.woocommerce-account .select2-dropdown,
body.woocommerce-checkout .select2-dropdown {
    background: var(--white);
    padding: 20px;
    border: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}

body.woocommerce-account .select2-dropdown ul::-webkit-scrollbar,
body.woocommerce-checkout .select2-dropdown ul::-webkit-scrollbar {
    width: 0;
}

body.woocommerce-account .select2-dropdown li,
body.woocommerce-checkout .select2-dropdown li {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
}

body.woocommerce-account .select2-dropdown {
    top: -29px;
}

.select2 .select2-selection__rendered {
    color: var(--primary-text-color) !important;
    text-transform: capitalize;
    font-weight: normal;
}

body.woocommerce-checkout input[type="radio"] {
    accent-color: var(--secondary-bg);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--secondary-bg);
    color: var(--white-text);
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--pagination-color);
    color: var(--black-text);
}

body.woocommerce-account #mailchimp-gdpr-fields p,
body.woocommerce-checkout #mailchimp-gdpr-fields p {
    color: var(--black-text);
    margin-bottom: 15px;
}

body.woocommerce-account #mailchimp-gdpr-fields label,
body.woocommerce-checkout #mailchimp-gdpr-fields label {
    margin: 0 0 10px 0;
    font-weight: normal;
    display: block;
}

body.woocommerce-checkout #mailchimp-gdpr-fields label span {
    font-weight: 500;
}

body.woocommerce-account #mailchimp-gdpr-fields label {
    margin: 0 0 10px 10px;
    display: inline-block;
}

.create-account {
    padding-left: 0;
}

body.woocommerce-account #mailchimp-gdpr-fields label input[type="checkbox"],
body.woocommerce-checkout #mailchimp-gdpr-fields label input[type="checkbox"] {
    margin-right: 10px;
    accent-color: var(--secondary-bg);
}

input[type="checkbox"] {
    accent-color: var(--secondary-bg);
}


/* Checkout Page End */






/* responsive css  */
@media screen and (max-width:1440px) {
    .custom_cart_sidebar .head-top {
        padding: 67px 40px 60px 40px;
    }

    .custom_cart_sidebar .ech-minicart-wrap {
        min-height: 80px;
    }

    .custom_cart_sidebar .woocommerce {
        height: calc(100vh - 220px);
    }

    .custom_cart_sidebar .ech-minicart-wrap ul {
        height: calc(70vh - 318px);
        padding-right: 10px;
    }

    .insight-section .insight-card h3 {
        min-height: 90px;
    }
}

@media(max-width: 1366px) {
    .ech-login-register-wrap {
        padding: 80px 20px;
    }

    body.woocommerce-checkout .woocommerce {
        margin: 80px auto;
        padding: 0 20px;
    }
    section.ech-product-list,
    body.woocommerce-shop main {
        padding: 116px 20px;
    }

    body.single.single-product main.site-main {
        padding: 123px 20px 150px 20px;
    }

    body.single.single-product .woocommerce-notices-wrapper,
    body.single.single-product .woocommerce-notices-wrapper:not(:empty) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ech-header-action-btn-wrap {
        position: absolute;
        right: 5px;
        bottom: -5px;
        display: flex;
        gap: 20px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap{
        padding-right: 20px;
        padding-left: 20px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop li img {
        height: 260px;
        width: 283px;
        display: block;
    }
}

@media screen and (max-width:1199px) {
    .woocommerce-cart .woocommerce {
        padding: 120px 20px 120px;
    }

    .woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button,
    .woocommerce-cart .woocommerce-page .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents .actions .button {
        padding: 22px 38px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
        padding: 70px 0 50px 0;
    }

    section.ech-product-list,
    body.tax-product_cat main,
    body.woocommerce-shop main {
        padding: 50px 20px;
    }

    body.tax-product_cat .myShopWrapper,
    body.woocommerce-shop .myShopWrapper {
        display: flex;
        gap: 0;
    }

    body.tax-product_cat .ech-product-content-wrap,
    body.tax-product_cat .ech-product-content-wrap .products li .myShopImage img,
    body.woocommerce-shop .ech-product-content-wrap,
    body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage img {
        width: 100%;
        max-width: 100%;
    }
    section.ech-product-list .woocommerce.ech-product-loop ul{
        grid-template-columns: repeat(3,1fr);
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap{
        flex-direction: column;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop, section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container {
        max-width: 100%;
        width: 100%;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container,
    section.ech-product-list> .container{
        padding: 0;
    }
    section.ech-product-list.ech-style-2, section.ech-product-list .woocommerce.ech-product-loop {
        padding: 30px 0;
    }
}

@media screen and (max-width:991px) {
    .woocommerce-cart .woocommerce {
        padding: 100px 20px 100px;
    }

    .ech-header-light-blue header nav ul li a:hover {
        color: var(--primary-text-color);
    }

    .ech-login-register-wrap {
        padding: 80px 20px 10px 20px;
    }

    .ech-login-register-wrap .u-column1.col-1 {
        margin-bottom: 60px;
    }

    .ech-login-register-wrap .u-column1.col-1::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
        padding: 50px 0 50px 0;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
        padding: 50px 0 0 0;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content {
        padding: 20px 0 0 0;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td {
        padding: 8px 10px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a {
        margin-left: auto;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions::before {
        line-height: 21px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: space-between;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    body.woocommerce-edit-address .woocommerce-address-fields input,
    body.woocommerce-account .woocommerce-EditAccountForm.edit-account input {
        padding: 15px 20px;
        line-height: normal;
    }

    body.search main ol.ais-Hits-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    body.woocommerce-checkout form.checkout {
        margin-top: 30px;
        gap: 30px;
    }

    body.woocommerce-checkout form.checkout .ech-order-detail-wrap,
    body.woocommerce-checkout form.checkout .col2-set,
    .woocommerce-page .col2-set {
        width: 100%;
    }

    header.whitebg .ech-header-action-btn-wrap img,
    header.whitebg .ech-header-light-blue .logo img {
        filter: invert(0);
    }

    header.whitebg .ech-header-action-btn-wrap .relative .ech-cart-cnt {
        background-color: var(--black-text);
        color: var(--white);
    }

    .ech-header-action-btn-wrap {
        position: absolute;
        right: 16px;
        bottom: -5px;
        display: flex;
        top: 0;
        gap: 20px;
    }

    .ech-header-blue header nav ul li a:hover {
        color: var(--primary-text-color);
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap {
        padding: 90px 0px 100px 20px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .container{
        padding-right: 20px;
    }
    section.ech-product-list {
        padding-bottom: 100px;
    }
}

@media screen and (max-width:920px) {
    .custom_cart_sidebar.opened {
        max-width: 360px;
        z-index: 99999;
    }

    .custom_cart_sidebar .head-top {
        padding: 20px 20px 20px 20px;
    }

    .custom_cart_sidebar .ech-minicart-wrap {
        padding: 0px 20px 20px 20px;
    }

    .custom_cart_sidebar .woocommerce {
        padding: 20px;
        height: calc(100vh - 176px);
    }

    .custom_cart_sidebar .woocommerce-form .woocommerce-form-row .woocommerce-Input {
        height: 54px !important;
        padding: 10px 32px;
    }

    .custom_cart_sidebar .woocommerce .woocommerce-form .woocommerce-LostPassword {
        padding-top: 20px;
        margin-top: 20px !important;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form .coupon .input-text {
        max-width: 120px !important;
    }

    .custom_cart_sidebar .ech-minicart-wrap ul {
        height: calc(100vh - 278px);
    }

    body.single.single-product .woocommerce-notices-wrapper,
    body.single.single-product .woocommerce-notices-wrapper:not(:empty) {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 50px;
    }

    body.single.single-product main.site-main {
        padding: 10px 20px 80px 20px;
    }

    body.single.single-product .ech-prd-content-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .heading-section .heading-number p {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
    }

    body.woocommerce-checkout form.checkout .col2-set .col-2 {
        margin-top: 30px;
    }

    .woocommerce-cart .woocommerce form.woocommerce-cart-form {
        width: 100%;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 100%;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(6),
    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(5),
    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(4),
    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(3),
    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(2),
    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td:nth-child(1) {
        width: 100%;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity {
        justify-content: end;
    }

    .algolia-autocomplete {
        top: 210px !important;
    }

    body.woocommerce-checkout.woocommerce-order-received .woocommerce-column--shipping-address {
        margin-top: 40px;
    }

    body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details {
        border: 0;
    }

    body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
        float: unset;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0;
        border-bottom: 1px solid rgb(0, 0, 0, 10%);
        margin: 0;
        padding: 5px 0;
        font-size: 14px;
        font-weight: 500;
    }

    body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li strong {
        font-weight: normal;
        font-size: 14px;
    }
    section.ech-product-list .woocommerce.ech-product-loop ul li {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width:767px) {
    .woocommerce-cart .woocommerce {
        padding: 78px 20px 80px;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form .coupon .input-text {
        max-width: 48% !important;
    }

    .custom_cart_sidebar .ech-minicart-wrap ul li {
        font-size: 14px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-navigation ul li {
        max-width: 160px;
        width: 100%;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details h2,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-order-details__title {
        font-size: 30px;
        text-transform: uppercase;
        line-height: 100%;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details address,
    .woocommerce-account .mywrapper .commonSpace .woocommerce-order-details .woocommerce-table--order-details {
        margin-top: 20px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-customer-details address {
        margin-bottom: 30px;
    }

    body.tax-product_cat .ech-product-content-wrap .products li,
    body.woocommerce-shop .ech-product-content-wrap .products li {
        margin-bottom: 25px !important;
        width: 100% !important;
    }

    body.tax-product_cat .ech-product-content-wrap .products li .myShopImage img,
    body.woocommerce-shop .ech-product-content-wrap .products li .myShopImage img {
        height: 200px;
    }

    .woocommerce-account .mywrapper .commonSpace .woocommerce-MyAccount-content p {
        margin: 0 0 10px 0;
    }

    .woocommerce form .show-password-input,
    .woocommerce-page form .show-password-input {
        right: 20px;
        top: 25px !important;
        transform: translateY(-50%);
        cursor: pointer;
    }

    body.tax-product_cat .ech-product-content-wrap,
    body.woocommerce-shop .ech-product-content-wrap {
        padding-bottom: 0;
    }

    body.woocommerce-lost-password main.site-main {
        padding: 40px 20px;
    }

    body.woocommerce-lost-password main.site-main .woocommerce-ResetPassword.lost_reset_password>p {
        font-size: 16px;
    }

    body.woocommerce-account .woocommerce-notices-wrapper {
        padding: 0 20px;
    }

    .ech-login-register-wrap {
        padding: 30px 20px 10px 20px;
    }

    .ech-login-register-wrap .u-column1.col-1::after {
        left: 0;
    }

    body.search main ol.ais-Hits-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    section.ech-product-list .woocommerce.ech-product-loop ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 30px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap .woocommerce.ech-product-loop li img{
        height: 200px;
    }
    section.ech-product-list.ech-style-2 .ech-slider-content-wrap {
        padding: 0px 0px 70px 20px;
    }
    section.ech-product-list.ech-style-2 {
        padding: 80px 0;
    }
}

@media(max-width: 575px) {

    .woocommerce form .show-password-input,
    .woocommerce-page form .show-password-input {
        right: 20px;
        top: 33px !important;
        transform: translateY(-50%);
        cursor: pointer;
    }

    body.single.single-product main.site-main .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
        width: max-content;
        max-width: 100%;
        height: 200px;
    }

    body.single.single-product main.site-main .woocommerce-product-gallery {
        width: 100%;
        max-width: 300px;
    }

    body.single.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description p {
        font-size: 16px;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents td.product-quantity .quantity {
        justify-content: end;
    }

    body.woocommerce-checkout .woocommerce-info {
        flex-direction: column;
        gap: 10px;
    }

    body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login p {
        font-size: 14px;
    }

    body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon input,
    body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login input,
    body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset input,
    body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-additional-fields__field-wrapper textarea,
    body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper input,
    body.woocommerce-checkout form.checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper .select2,
    body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .select2,
    body.woocommerce-checkout form.checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper input {
        padding: 16px 32px;
    }

    .custom_cart_sidebar.opened {
        max-width: 100%;
    }

    .custom_cart_sidebar.opened .ech-login-register-wrap .u-column1.col-1::after {
        display: none;
    }

    .custom_cart_sidebar .ech-minicart-wrap ul li a+img {
        display: none;
    }

    .custom_cart_sidebar .ech-minicart-wrap .woocommerce-mini-cart__buttons a.button {
        padding: 19px 0 !important;
        min-width: 140px !important;
        width: 100%;
    }

    .custom_cart_sidebar .ech-minicart-wrap ul {
        height: calc(60vh - 278px);
    }

    .algolia-autocomplete {
        top: 200px !important;
        width: 400px !important;
    }

    body.search main {
        max-width: 1360px;
        width: 100%;
        margin: 40px auto;
    }

    body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details {
        overflow: auto;
    }

    body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details::-webkit-scrollbar {
        width: 0;
    }

    body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table {
        width: 100%;
    }

    body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table th,
    body.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table td {
        white-space: nowrap;
    }

    body.woocommerce-checkout form.checkout button.button.alt,
    body.woocommerce-checkout form.checkout .woocommerce-checkout-payment fieldset a.button.alt {
        padding: 20px !important;
    }

    /* Remove external data fix height   */
    body.single.single-product .ech-prd-content-wrap .woocommerce-product-details__short-description p+div {
        height: max-content !important;
        border: none;
    }
    section.ech-product-list .woocommerce.ech-product-loop ul {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    section.ech-product-list .woocommerce.ech-product-loop ul li .myShopImage img{
        width: 100%;
        max-width: 100%;
    }
    section.ech-product-list .heading-section .heading-title{
        margin-top: 15px;
    }
    section.ech-product-list {
        padding-bottom: 80px;
    }
}

@media(max-width: 420px) {
    .algolia-autocomplete {
        top: 200px !important;
        width: 280px !important;
    }

    .aa-dropdown-menu {
        padding: 20px 10px;
    }

    .search_main_box form input[type="search"] {
        width: 70%;
    }

    .suggestion-link {
        display: flex !important;
        flex-direction: column !important;
    }

    .suggestion-link .suggestion-post-thumbnail {
        width: 50px !important;
        height: 50px !important;
    }
}

@media(max-width: 320px) {

    .mobile-header .logo img,
    .logo img {
        width: 100%;
        max-width: 180px;
        height: 38px;
        display: block;
        object-fit: contain;
    }

    .mobile-header .menu-btn {
        width: 50px;
        height: 50px;
    }

    .search_main_box form {
        padding: 21px 14px 17px 14px;
    }

    .search_main_box button::before {
        left: -20px;
    }

    .product-slider-link .product-show a,
    .button {
        padding: 18px 24px !important;
    }
}

/* woocommerce page css end */

.pswp::backdrop,
.pswp__bg {
    background: rgba(0, 0, 0, 0.7);
}



/* Paragraph block */
.wp-block-paragraph {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}

/* Heading block */
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
    color: #222;
    font-family: 'Arial, sans-serif';
    margin-bottom: 20px;
}

/* Image block */
.wp-block-image {
    margin-bottom: 20px;
}

/* Button block */
.wp-block-button .wp-block-button__link {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

/* Cover block */
.wp-block-cover {
    background-size: cover;
    padding: 50px 20px;
    color: #fff;
    text-align: center;
}

/* Quote block */
.wp-block-quote {
    border-left: 4px solid #0073aa;
    padding-left: 20px;
    font-style: italic;
    color: #555;
}

h2.wp-block-heading {
    margin-top: 80px;
    margin-bottom: 10px;
}

.wp-block-group {
    padding: 5px 20px;
}

.wp-block-group p.has-text-align-center {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--black-text);
    margin: 0 0 15px 0;
    text-align: left;
}

figure.wp-block-pullquote blockquote,
blockquote.wp-block-quote {
    width: 100%;
    max-width: 98%;
    margin: 15px auto;
    color: var(--black-text);
    font-size: 16px;
    font-weight: 500;
}

figure.wp-block-pullquote blockquote {
    max-width: 100%;
}

pre {
    background-color: var(--white-text);
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    max-width: 98%;
    margin: 20px auto 10px auto;
    width: 100%;
}

pre br {
    display: none;
}

details {
    margin: 20px auto 10px auto;
    max-width: 98%;
    width: 100%;
    padding: 10px 30px 10px 0;
}

figure.wp-block-pullquote {
    padding: 15px 0;
    margin: 0 auto;
    max-width: 98%;
    width: 100%;
}

figure.wp-block-pullquote blockquote p {
    text-align: left;
}

figure.wp-block-pullquote blockquote cite {
    text-align: left;
    display: block;
    margin-top: 8px;
}

figure.wp-block-table table {
    border-collapse: collapse;
    border: none;
    width: 100%;
    max-width: 80%;
    margin: 0 auto 20px auto;
}

figure.wp-block-table table td {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: none;
    border-left: none;
    border-right: none;
}

.nf-response-msg {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}