/*
 Theme Name:   Escom Marketplace Child
 Theme URI:    https://www.perceptionsystem.com/
 Description:  A child theme of Escom Marketplace theme.
 Author:       Perception System
 Author URI:   https://www.perceptionsystem.com/
 Template:     escom-marketplace
 Version:      1.0.0
*/


@import url("../escom-marketplace/style.css");

@font-face {
    font-family: 'Overused Grotesk';
    font-style: normal;
    font-weight: 400;
    src: url('assets/font/OverusedGrotesk-Reguler.woff') format('woff');
}

@font-face {
    font-family: 'Overused Grotesk';
    font-style: normal;
    font-weight: 500;
    src: url('assets/font/OverusedGrotesk-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Overused Grotesk';
    font-style: normal;
    font-weight: 600;
    src: url('assets/font/OverusedGrotesk-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Overused Grotesk';
    font-style: normal;
    font-weight: 700;
    src: url('assets/font/OverusedGrotesk-Bold.woff') format('woff');
}

*:not(i) {
    font-family: 'Overused Grotesk' !important;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

a:hover,
button:hover {
    text-decoration: none !important;
}

a:focus,
a:active,
button:focus,
button:active {
    outline: none !important;
    box-shadow: none !important;
}

.custom-page-web-view-checkout header,
.custom-page-web-view-checkout footer,
.custom-page-web-view-checkout .footer-wrapper,
.custom-page-web-view-checkout div.cl-step-3,
.custom-page-web-view-checkout div.checkout-order-product-image {
    display: none;
}

.custom-page-web-view-checkout .woocommerce {
    position: relative;
    padding-bottom: 80px;
}

.custom-page-web-view-checkout .woocommerce h3 {
    font-size: 24px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}

.custom-page-web-view-checkout .woocommerce .col-12 {
    padding: 0;
}

.ocwma_billing_popup_class {
    padding-top: 0;
}

.ocwma_billing_popup_class .ocwma_modal-content {
    padding: 40px 20px;
}

.custom-page-web-view-checkout .woocommerce .form-row,
.ocwma_billing_popup_class .form-row {
    padding: 0 !important;
    margin-bottom: 15px;
}

.ocwma_billing_popup_class .form-row {
    margin-left: 0;
    margin-right: 0;
}

.custom-page-web-view-checkout .woocommerce .form-row label,
.custom-page-web-view-checkout .woocommerce .form-row span,
.ocwma_billing_popup_class .form-row span,
.ocwma_billing_popup_class .form-row label {
    width: 100%;
}

.custom-page-web-view-checkout .woocommerce .form-row label,
.ocwma_billing_popup_class .form-row label {
    font-size: 14px;
    color: rgba(24, 42, 61, 1);
    line-height: 20px;
}

.custom-page-web-view-checkout .woocommerce .form-row input,
.ocwma_billing_popup_class .form-row input,
.ocwma_billing_popup_class .form-row select,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single,
.custom-page-web-view-checkout .woocommerce select,
.custom-page-web-view-checkout .woocommerce .form-row .select2-selection.select2-selection--single {
    height: 60px;
}

.custom-page-web-view-checkout .woocommerce select,
.ocwma_billing_popup_class select,
select {
    -webkit-appearance: none;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 13px;
    background-position: 96%;
    background-repeat: no-repeat;
}

.ocwma_billing_popup_class .button,
.custom-page-web-view-checkout .woocommerce .form_option_billing,
.custom-page-web-view-checkout .woocommerce .form_option_shipping {
    background: rgba(141, 198, 63, 1) !important;
    padding: 15px 15px !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-transform: capitalize;
    text-decoration: none;
}

.custom-page-web-view-checkout .woocommerce .form_option_billing:hover,
.ocwma_billing_popup_class button:hover {
    text-decoration: none !important;
}

.ocwma_billing_popup_class .form-row input,
.ocwma_billing_popup_class .form-row select,
.ocwma_billing_popup_class .form-row textarea,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single,
.custom-page-web-view-checkout .woocommerce .form-row input,
.custom-page-web-view-checkout .woocommerce select,
.custom-page-web-view-checkout .woocommerce .form-row .select2-selection.select2-selection--single,
.custom-page-web-view-checkout .woocommerce .form-row textarea {
    background-color: rgba(245, 245, 247, 1);
    border: 0;
    border-radius: 10px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: rgba(24, 42, 61, 1);
    margin: 0 !important;
    padding: 10px 15px;
}

.custom-page-web-view-checkout .woocommerce .form-row textarea,
.ocwma_billing_popup_class .form-row textarea {
    height: 120px;
}

.ocwma_billing_popup_class .form-row input::placeholder,
.ocwma_billing_popup_class .form-row textarea::placeholder,
.custom-page-web-view-checkout .woocommerce .form-row input::placeholder,
.custom-page-web-view-checkout .woocommerce .form-row textarea::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: rgba(70, 73, 79, 1);
}

.custom-page-web-view-checkout .woocommerce .form-row .select2-selection.select2-selection--single,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.custom-page-web-view-checkout .woocommerce .form-row .select2-selection.select2-selection--single .select2-selection__arrow,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.custom-page-web-view-checkout .woocommerce .form-row .select2-selection.select2-selection--single .select2-selection__arrow b,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single .select2-selection__arrow b {
    right: 15px;
    left: unset;
    border: 0;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
}

.custom-page-web-view-checkout .woocommerce .woocommerce-form__label-for-checkbox {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.custom-page-web-view-checkout .woocommerce .woocommerce-form__label-for-checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 0;
    margin-right: 10px;
    margin-top: -8px;
}

.custom-page-web-view-checkout .woocommerce .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::before {
    width: 100%;
    height: 100%;
    margin: 0px;
    margin-top: -2px;
    margin-left: -1px;
}

.custom-page-web-view-checkout .woocommerce .woocommerce-form__label-for-checkbox span {
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: rgba(24, 42, 61, 1);
    letter-spacing: 0px;
}

.custom-page-web-view-checkout .woocommerce #payment {
    background-color: transparent;
}

.custom-page-web-view-checkout .woocommerce #payment h3#pay_methods {
    display: block !important;
}

.custom-page-web-view-checkout .woocommerce #payment .wc_payment_methods li label {
    line-height: 1;
    margin: 0;
}

.custom-page-web-view-checkout .woocommerce #payment .wc_payment_methods li {
    padding: 10px 0;
}

.custom-page-web-view-checkout .woocommerce #payment .form-row.place-order {
    margin: 0;
    padding-top: 10px !important;
}

.custom-page-web-view-checkout .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p,
.custom-page-web-view-checkout .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p a {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin: 0 !important;
}

.custom-page-web-view-checkout .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p a {
    color: rgba(141, 198, 63, 1);
    font-weight: 600;
}

.custom-page-web-view-checkout #progressbar {
    overflow: hidden;
    counter-reset: step;
    position: relative;
    margin: 20px 0;
    padding: 0;
}

.custom-page-web-view-checkout #progressbar li {
    text-align: center;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 9px;
    width: 45%;
    float: left;
    position: relative;
    height: 40px;
    top: 0px;
    margin: 0;
}

.custom-page-web-view-checkout #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 16px;
    color: #000;
    background: #D5D5D5;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    border-radius: 50px;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-page-web-view-checkout #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #D5D5D5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: -1;
}

.custom-page-web-view-checkout #progressbar li:first-child:after {
    right: -100%;
}

.custom-page-web-view-checkout #progressbar li:last-child:before {
    right: 0;
    margin-right: 0;
}

.custom-page-web-view-checkout #progressbar li:last-child:after {
    z-index: -2;
}

.custom-page-web-view-checkout #progressbar li:last-child {
    position: absolute;
    right: 0;
}

.custom-page-web-view-checkout #progressbar li.finish:after,
.custom-page-web-view-checkout #progressbar li.finish:before {
    background: rgba(141, 198, 63, 1);
    color: #fff;
}

.custom-page-web-view-checkout .next-pre-wrapper,
.custom-page-web-view-checkout .next-pre-wrapper_two,
.custom-page-web-view-checkout .payment_btn_wrapper {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-page-web-view-checkout .next-pre-wrapper a,
.custom-page-web-view-checkout .next-pre-wrapper_two a,
.custom-page-web-view-checkout .payment_btn_wrapper a,
.payment_btn_wrapper button {
    background: rgba(141, 198, 63, 1) !important;
    width: 48% !important;
    padding: 15px 10px !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin: 0 !important;
    text-transform: capitalize;
    text-decoration: none !important;
}

.custom-page-web-view-checkout .next-pre-wrapper a:hover,
.custom-page-web-view-checkout .next-pre-wrapper_two a:hover,
.custom-page-web-view-checkout .payment_btn_wrapper a:hover,
.payment_btn_wrapper button:hover {
    text-decoration: none !important;
}

.custom-page-web-view-checkout .shop_table th,
.shop_table td {
    border: 0;
    font-size: 14px;
    font-weight: 400 !important;
}

.custom-page-web-view-checkout .shop_table td span {
    font-weight: 600;
}

.custom-page-web-view-checkout .shop_table th,
.custom-page-web-view-checkout .shop_table td,
.custom-page-web-view-checkout .shop_table td.product-name a,
.custom-page-web-view-checkout .tinvwl-table-manage-list .product-name a {
    color: rgba(24, 42, 61, 1);
}

.custom-page-web-view-checkout .shop_table td.product-name a {
    font-weight: 700;
    white-space: normal;
}

.custom-page-web-view-checkout .woocommerce td.product-name .wc-item-meta dd,
.custom-page-web-view-checkout .woocommerce td.product-name dl.variation dd {
    margin: 0;
    white-space: normal;
    display: table;
}

.custom-page-web-view-checkout .shop_table td.product-name a:hover {
    color: rgba(141, 198, 63, 1);
}

.custom-page-web-view-checkout .shop_table .product-thumbnail a {
    display: flex;
    height: 80px;
    width: 80px;
    background: #F3F3F3;
    align-items: center;
    justify-content: center;
}

.custom-page-web-view-checkout .shop_table .product-remove a {
    display: flex;
    height: 20px;
    width: 20px;
    background: white;
    align-items: center;
    justify-content: center;
    color: rgba(141, 198, 63, 1);
    font-size: 10px;
    box-shadow: 0px 2px 10px 0px #0000001a;
}

.custom-page-web-view-checkout .shop_table .product-remove {
    position: absolute;
    top: 0;
    left: calc(0px + 80px);
    width: auto;
}

.success-modal-wrapper .modal-body {
    padding: 35px 20px 20px 20px;
    text-align: center;
}

.success-modal-wrapper .modal-body .icon-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.success-modal-wrapper .modal-body h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    margin-bottom: 20px;
}

.success-modal-wrapper .modal-body p {
    font-size: 16px;
    line-height: 25px;
    color: #46494F;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.success-modal-wrapper .modal-body .modal-succes-btn-wrapper {
    background-color: #8DC63F;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 14.5px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    height: 60px;
    text-decoration: none !important;
}

.success-modal-wrapper .modal-body .modal-succes-btn-wrapper:hover {
    text-decoration: none !important;
}

.success-modal-wrapper .modal-content {
    border-radius: 10px;
    width: 95%;
    margin: auto;
}

.custom-page-web-view-checkout .next-pre-wrapper {
    justify-content: flex-end;
}

.custom-page-web-view-checkout .next-pre-wrapper .desktop-view {
    display: none;
}



/* Header design :start */
header .top-bar-wrapper {
    background-color: #182A3D;
    padding: 14px 0;
}

header .top-bar-wrapper .container-fluid {
    padding: 0 50px;
}

header .top-bar-wrapper .row {
    align-items: center;
}

header .top-bar-wrapper .top-bar-liks-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam {
    margin: 0;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #fff;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .search-toggle {
    left: -5px !important;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .search-toggle .toggle-inner .toggle-icon svg {
    width: 24px !important;
    height: 24px !important;
    padding: 3px;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .search-toggle .toggle-inner .toggle-icon svg path {
    fill: #C8C9CB;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .search-toggle .toggle-inner .toggle-text {
    display: none !important;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .wishlist_products_counter {
    display: none;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .iteam-link {
    font-size: 16px;
    line-height: 1;
    color: #C8C9CB;
    font-weight: 400;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .iteam-link:hover {
    text-decoration: none;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .iteam-link .cart-action {
    position: relative;
}

header .top-bar-wrapper .top-bar-liks-wrapper .iteam .iteam-link .cart-action span {
    position: absolute;
    bottom: -4px;
    right: -5px;
    width: 18px;
    height: 18px;
    background-color: #EB2606;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    line-height: 1.9;
    font-size: 9px;
    font-weight: 600;
    color: #fff;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions {
    width: fit-content;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li a {
    background-color: transparent;
    border: 0;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li a img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 30px;
    margin-right: 10px;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language a .wpml-ls-native {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li a.wpml-ls-item-toggle::after {
    right: 0;
    background-image: url(data:image/svg+xml,\%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13%200.811523L8.06061%205.75092C7.47727%206.33425%206.52273%206.33425%205.93939%205.75092L1%200.811523%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    border: 0;
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language:hover a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 0px 10px 0px #00000069;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li {
    border-bottom: 1px solid #cdcdcd;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li:last-child {
    border-bottom: 0;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li a.wpml-ls-link {
    color: #000;
}

.top_bar_language_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li a.wpml-ls-link .wpml-ls-native {
    color: #000;
}

header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #fff;
    padding: 20px 50px;
    align-items: center;
}

header .header-inner:not(.home) {
    border-bottom: 1px solid #DADEE3;
}

.header-search-form .form-group {
    display: flex;
    align-items: center;
    margin: 0;
}

.header-search-form .form-group input[type="search"] {
    width: 300px;
    border: 1.33px solid #F4F4F4;
    border-radius: 30px;
    padding: 13.5px 20px;
    height: 50px;
    font-size: 16px;
    line-height: 1;
    color: #000000;
    font-weight: 400;
    outline: none;
}

.header-search-form .form-group input[type="search"]::placeholder {
    font-size: 16px;
    line-height: 1;
    color: rgb(0 0 0 / 30%);
    font-weight: 400;
}

.header-search-form .form-group button {
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8DC63F;
    margin-left: 15px;
}

header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu {
    margin: 0;
}

header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li {
    margin: 0;
    margin-left: 60px;
}

header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li:first-child {
    margin-left: 0;
}

header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li a {
    font-size: 16px;
    font-weight: 500;
    color: #46494F;
    line-height: normal;
}

header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li a {
    text-decoration: none;
}

header .header-inner .dropdown button {
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    outline: none;
}

header .header-inner .dropdown button img {
    width: 40px;
    height: 40px;
    border-radius: 60px;
    margin-right: 10px;
    object-fit: cover;
    object-position: top;
}

header .header-inner .dropdown button::after {
    color: #787888;
    border: 0;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23787888%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

header .header-inner .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 1px solid #DADEE3;
    background-color: #F3F6F0;
}

header .header-inner .dropdown-menu .dropdown-item {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #DADEE3;
}

header .header-inner .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px solid #DADEE3;
}

header .header-inner .dropdown-menu .dropdown-item:hover {
    background-color: #8DC63F;
}

@media (max-width: 1450px) {
    header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li {
        margin-left: 30px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px !important;
    }
}

/* Header design :end*/

/* footert design start */
.footer-wrapper {
    background-color: rgb(24 42 61 / 6%) !important;
    padding: 0 !important;
    padding-top: 50px !important;
    margin-top: 100px !important;
    float: left;
    width: 100%;
    padding-bottom: 80px !important;
}

.footer-wrapper .footer-one p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
}

.footer-wrapper .footer-wrap .footer-title {
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    color: #182A3D;
    margin-bottom: 25px;
    display: block;
}

.footer-wrapper .footer-wrap .footer-menu-link {
    margin: 0;
    list-style: none;
}

.footer-wrapper .footer-wrap .footer-menu-link li {
    margin: 0;
    margin-bottom: 10px;
}

.footer-wrapper .footer-wrap .footer-menu-link li:last-child {
    margin-bottom: 0;
}

.footer-wrapper .footer-wrap .footer-menu-link li a,
.footer-wrapper .footer-wrap .footer-menu-link li {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #182A3D;
}

footer {
    float: left;
    width: 100%;
    padding: 0 !important;
    background-color: rgb(24 42 61 / 6%) !important;
}

footer .section-inner {
    max-width: 100% !important;
    width: 100% !important;
}

footer .section-inner .row {
    padding: 30px 0;
    border-top: 1px solid #D9D9D9;
}

footer .section-inner .footer-credits .footer-copyright {
    font-size: 15px;
    color: #46494F;
    line-height: normal;
    font-weight: 400;
}

footer .section-inner .footer-credits .footer-copyright a {
    font-weight: 700;
}

footer .section-inner .social-media-icon .social-media-link {
    margin: 0;
    display: flex;
    align-items: center;
    list-style-type: none;
}

footer .section-inner .social-media-icon .social-media-link li {
    margin: 0;
    margin-left: 50px;
}

footer .section-inner .social-media-icon .social-media-link li:first-child {
    margin-left: 0;
}

footer .section-inner .social-media-icon .social-media-link li a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* footer design end */

/* commn btn design start */
.green-btn {
    padding: 12px 20px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #182A3D !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
}

/* commn btn design end */

/* home banner section design start*/
.home-banner-slider-wrapper .slick-arrow {
    display: none !important;
}

.home-banner-slider-wrapper .banner-slider-single {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 160px 0 100px;
}

.home-banner-slider-wrapper .banner-slider-single .container {
    margin-left: 20% !important;
}

.home-banner-slider-wrapper .banner-slider-single .content-wrapper h1 {
    font-size: 22px;
    line-height: normal;
    color: rgb(255 255 255 / 80%);
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
}

.home-banner-slider-wrapper .banner-slider-single .content-wrapper h2 {
    font-size: 60px;
    line-height: normal;
    color: #8DC63F;
    font-weight: 700;
    margin: 0;
}

.home-banner-slider-wrapper .banner-slider-single .content-wrapper p {
    color: rgb(255 255 255 / 80%);
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 30px;
}

.home-banner-slider-wrapper .banner-slider .slick-dots {
    max-width: 1440px !important;
    margin: 0 auto !important;
    margin-left: 20% !important;
    text-align: left;
    display: flex !important;
    align-items: center;
    bottom: 100px;
    padding: 0 15px !important;
    position: absolute;
}

.home-banner-slider-wrapper .banner-slider .slick-dots li {
    margin: 0;
    margin-right: 12px;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-banner-slider-wrapper .banner-slider .slick-dots li:last-child {
    margin: 0;
}

.home-banner-slider-wrapper .banner-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border: 1.1px solid #8DC63F;
    transform: rotate(45deg);
    font-size: 0 !important;
    background-color: transparent;
}

.home-banner-slider-wrapper .banner-slider .slick-dots li button::before {
    display: none;
}

.home-banner-slider-wrapper .banner-slider .slick-dots li.slick-active button {
    background-color: #8DC63F;
}

/* home banner section design end*/

/* home our prosses section design start */
.comnn-h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
    color: #1A1E26;
}

.our-process-wrapper {
    margin-top: 100px;
}

.our-process-wrapper .our-process-step-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 15px;
    margin-top: 60px;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    text-align: center;
    position: relative;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0px 0px 5.833px 0px rgba(0, 0, 0, 0.25) inset;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 30px;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step p {
    margin: 0;
    border-radius: 133.333px;
    background: #8DC63F;
    backdrop-filter: blur(5.333333492279053px);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #182A3D;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap:last-child .step::before {
    display: none;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step::before {
    position: absolute;
    content: "";
    top: 35px;
    left: 50%;
    width: 100%;
    height: 8px;
    background-color: #D9D9D9;
    z-index: -1;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    color: #182A3D;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap p {
    margin-bottom: 0;
}

.our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #46494F;
}

/* home our prosses section design end*/

/* wholseler list page design start */
.wholesaler-list-wrapper {
    margin-top: 100px;
}

.wholesaler-list-wrapper p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #787888;
    margin-bottom: 0;
    margin-top: 20px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-left: -12.5px;
    margin-right: -12.5px;
    margin-bottom: -20px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 20px 12.5px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .img-wrapper img {
    width: 100%;
    object-fit: cover;
    height: 276px;
    border-radius: 8px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .img-wrapper {
    margin-bottom: 24px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .content-wrapper h3,
.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .content-wrapper h3 a {
    font-size: 22px;
    font-weight: 600;
    color: #182A3D;
    line-height: 1;
    margin-bottom: 10px;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .content-wrapper h3 a:hover {
    text-decoration: none !important;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .content-wrapper .product-stock {
    margin-bottom: 24px;
    font-size: 18px;
    color: #46494F;
    font-weight: 400;
    line-height: normal;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper .content-wrapper .product-stock span {
    font-size: 18px;
    color: #46494F;
    font-weight: 400;
    line-height: normal;
}

.primary-link {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: #8DC63F;
}

.primary-link:hover {
    text-decoration: none;
    color: #8DC63F;
}

.wholesaler-list-wrapper .wholesaler-iteam-list-all-btn-wrapper {
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.please-login-message {
    margin-top: 60px;
    text-align: center;
}

.please-login-message h2 {
    margin: 0;
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
    color: #1A1E26;
}

.please-login-message h2 a {
    margin-left: 5px;
    color: #8DC63F;
    font-weight: 600;
}

/* wholseler list page design start */

/* product list page design start */
.breadcrumb-custom {
    margin: 60px 0;
}

.breadcrumb-custom .breadcrumb-custom-wrapper p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #787888;
    line-height: normal;
}

.breadcrumb-custom .breadcrumb-custom-wrapper p svg {
    margin: 0 5px;
}

.breadcrumb-custom .breadcrumb-custom-wrapper p a {
    font-size: 16px;
    font-weight: 600;
    color: #8DC63F;
}

.breadcrumb-custom .breadcrumb-custom-wrapper p a:hover {
    text-decoration: none !important;
}

.product-list-wrapper p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #787888;
    margin: 20px 0 0 0;
}

.product-list-wrapper .product-iteam-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    margin-top: 45px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 15px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap {
    border: 1px solid #DADEE3;
    border-radius: 20px;
    padding: 20px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper {
    position: relative;
    margin-bottom: 24px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper .tinv-wishlist .tinvwl_add_to_wishlist_button {
    width: 40px;
    height: 40px;
    border-radius: 36.43px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgb(250 250 250 / 50%);
    outline: none;
    border: 0 !important;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper .tinv-wishlist .tinvwl_add_to_wishlist_button span {
    display: none !important;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper .tinv-wishlist .tinvwl_add_to_wishlist_button::before {
    margin: 0;
    font-size: 26px;
    line-height: 1;
    color: #fff;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove {
    background-color: #182A3D;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove::before {
    color: #8DC63F;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .img-wrapper img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper {
    text-align: center;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper h3,
.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper h3 a {
    font-size: 26px;
    font-weight: 600;
    color: #182A3D;
    line-height: 40px;
    margin-bottom: 5px;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper h3 a:hover {
    text-decoration: none !important;
}

.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper .product-price,
.product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper .product-wrap .content-wrapper .product-price span {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    color: #8DC63F;
    text-transform: uppercase;
}

.product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.product .product-gallery-wrap {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 30px 0 15px;
}

.product .product-content-wrap {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px 0 30px;
}

.product .product_information {
    flex: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-top: 60px;
}

.product .product_information h3 {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    color: #1A1E26;
    margin-bottom: 30px;
}

.product .product_information p {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

.product .product-gallery-wrap .images {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    height: 100%;
}

.product .product-content-wrap .summary {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
}

.product .product-content-wrap .summary .title_n_wishlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button span {
    display: none !important;
}

.product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button {
    width: 40px;
    height: 40px;
    border-radius: 36.43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(250 250 250 / 50%);
    outline: none;
    border: 0 !important;
    position: absolute;
    top: 20px;
    right: 0;
}

.product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button::before {
    margin: 0;
    font-size: 26px;
    line-height: 1;
    color: #fff;
}

.product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove {
    background-color: #182A3D;
}

.product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove::before {
    color: #8DC63F;
}

.single-product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove {
    border: 1px solid #182A3D !important;
}

.single-product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button {
    border: 1px solid #DADEE3 !important;
}

.single-product .product-content-wrap .summary .title_n_wishlist .single_page_wish .tinv-wraper .tinvwl_add_to_wishlist_button::before {
    color: #182A3D;
}

.product .product-content-wrap .summary .title_n_wishlist .product_title {
    font-size: 30px;
    font-weight: 500;
    color: #182A3D;
    line-height: 1;
    margin-bottom: 24px;
}

.product .product-content-wrap .summary .price,
.product .product-content-wrap .summary .price span bdi {
    font-size: 36px;
    line-height: 1;
    color: #8DC63F;
    font-weight: 700;
    margin: 0;
}

.product .product-content-wrap .summary .woocommerce-product-details__short-description {
    padding: 40px 0;
    margin: 40px 0;
    border-top: 1px solid #DADEE3;
    border-bottom: 1px solid #DADEE3;
}

.product .product-content-wrap .summary .woocommerce-product-details__short-description p {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
}

.product .product-content-wrap .summary form.cart {
    margin: 0 !important;
}

.product .product-content-wrap .summary form.cart .quantity {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.product .product-content-wrap .summary form.cart .quantity label {
    display: inline-block;
    clip: unset !important;
    height: 100%;
    width: fit-content !important;
    clip-path: unset;
    margin: 0;
    overflow: unset;
    position: relative !important;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: #000000;
}

.product .product-content-wrap .summary form.cart .quantity input {
    border: 1px solid #E6E8EE;
    border-radius: 0;
    width: 60px;
    height: 40px;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 22px;
    outline: none;
}

.product .product-content-wrap .summary form.cart .quantity .minus {
    border: 1px solid #E6E8EE;
    background-color: transparent;
    color: #000;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
    line-height: 1;
    height: 40px;
    width: 40px;
    padding: 0;
    outline: none;
    text-decoration: none;
}

.product .product-content-wrap .summary form.cart .quantity .plus {
    border: 1px solid #E6E8EE;
    background-color: transparent;
    color: #000;
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 16px;
    line-height: 1;
    height: 40px;
    width: 40px;
    padding: 0;
    outline: none;
    text-decoration: none;
}

.product .product-content-wrap .summary form.cart .svg-btn-wrapper {
    float: none !important;
    background-color: #8DC63F;
    border-radius: 8px;
    max-width: 340px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .product-content-wrap .summary form.cart .svg-btn-wrapper .single_add_to_cart_button {
    font-size: 18px;
    font-weight: 500;
    color: #182A3D;
    text-transform: capitalize;
    background-color: transparent;
    padding: 0;
    outline: none;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-list .slick-slide {
    width: 78px !important;
    height: 78px !important;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-list .slick-slide div li {
    margin: 0 0 20px 0 !important;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 10px;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-list .slick-slide.slick-current div li {
    border-color: #3C4242;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-list .slick-slide div li img {
    border-radius: 10px;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow {
    bottom: 5px;
    top: unset;
    width: 21px;
    height: 21px;
    box-shadow: 0.7559863328933716px 0.7559863328933716px 3.0239453315734863px 0px #0000000A;
    background-color: #3C4242 !important;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
    outline: none;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow.slick-disabled {
    opacity: 1;
    background-color: #F1F2F3 !important;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow.slick-disabled::before {
    color: #3c4242;
}

.product .product-gallery-wrap .images .wpgis-slider-nav {
    padding-bottom: 70px;
    width: 78px;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow.slick-prev {
    bottom: 30px;
    transform: rotate(90deg);
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow::before {
    position: absolute;
    font-size: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    font-weight: 400 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.product .product-gallery-wrap .images .wpgis-slider-nav .slick-arrow.slick-next {
    transform: rotate(90deg);
    bottom: 0px;
}

.product .product-gallery-wrap .images .wpgis-slider-for .slick-arrow {
    display: none;
}

.product .product-gallery-wrap .images .wpgis-slider-for .slick-list .slick-track .slick-slide div img {
    height: 530px !important;
    object-fit: cover;
}

.product .product-gallery-wrap .images .woocommerce-product-gallery__image .zoom a {
    outline: none !important;
    background-image: url(data:image/svg+xml,\ %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%2010L21%203M21%203H15M21%203V9M10%2014L3%2021M3%2021H9M3%2021L3%2015%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.product .product-gallery-wrap .images .woocommerce-product-gallery__image .zoom a::before {
    display: none;
}

/* product list page design end */

/* login page design */
.page-template-login header,
.page-template-login footer,
.page-template-registration header,
.page-template-registration footer {
    display: none;
}

.create-account {
    height: 100vh;
}

.create-account .container-fluid,
.create-account>.container-fluid>.row {
    height: 100%;
}

.create-account .careat-bg-wrap {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.create-account .careat-bg-wrap .site-logo img {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions {
    width: fit-content;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li a {
    background-color: transparent;
    border: 0;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li a img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 30px;
    margin-right: 10px;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language a .wpml-ls-native {
    margin: 0;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li a.wpml-ls-item-toggle::after {
    right: 0;
    background-image: url(data:image/svg+xml,\%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13%200.811523L8.06061%205.75092C7.47727%206.33425%206.52273%206.33425%205.93939%205.75092L1%200.811523%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    border: 0;
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language:hover a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 0px 10px 0px #00000069;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li {
    border-bottom: 1px solid #cdcdcd;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li:last-child {
    border-bottom: 0;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li a.wpml-ls-link {
    color: #000;
}

.top_bar_language_black_wrap .wpml-ls-statics-shortcode_actions ul li:hover ul.wpml-ls-sub-menu li a.wpml-ls-link .wpml-ls-native {
    color: #000;
}

.create-account .register_form_wrapper h1 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    margin-bottom: 15px;
}

.create-account .register_form_wrapper>p {
    font-size: 16px;
    font-weight: 500;
    color: #46494F;
    line-height: normal;
    margin-bottom: 33px;
}

.create-account .register_form_wrapper .form-row {
    margin-bottom: 20px;
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.create-account .register_form_wrapper .form-row span input,
.create-account .register_form_wrapper .form-row select {
    width: 400px;
    border-radius: 10px;
    background-color: #F5F5F7;
    border: 2px solid transparent;
    padding-left: 50px;
    height: 60px;
}

.create-account .register_form_wrapper .form-row span p {
    position: absolute;
}

.create-account .register_form_wrapper .form-row label {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
    margin: auto;
    text-align: left;
    display: inline-block;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    color: rgba(70, 73, 79, 0.473);
    cursor: text;
    transition: all .15s ease-in-out;
    width: fit-content;
    background-color: transparent;
    pointer-events: none !important;
}

.create-account .register_form_wrapper #woo-login-error {
    width: 400px;
    margin-top: 20px;
}

.create-account .register_form_wrapper #woo-login-error .woocommerce-error li {
    margin: 0;
    font-size: 14px;
}

.woocommerce-error li {
    margin-top: 0 !important;
    font-size: 14px !important;
}

.woocommerce-error li a {
    color: #1EAC07;
}

.woocommerce-error::before {
    top: 1.5rem;
}

.create-account .register_form_wrapper #woo-login-error .woocommerce-error::before {
    font-size: 14px;
    top: 1.2rem;
    left: 1.5rem;
}

/* .create-account .register_form_wrapper .form-row span input:valid+label,
.create-account .register_form_wrapper .form-row span input:focus+label {
    top: -6px;
    color: #000;
    font-weight: bold;
} */

.create-account .register_form_wrapper .form-row.value_focus label,
.create-account .register_form_wrapper .form-row.input_focus label {
    top: -5px;
    bottom: 0;
    margin: 0;
    left: 12px;
    color: #182A3D;
    background-color: #fff;
    font-size: 12px;
}

.create-account .register_form_wrapper .form-row.value_focus input,
.create-account .register_form_wrapper .form-row.input_focus input {
    background-color: transparent;
    border-color: #182A3D;
}

.create-account .register_form_wrapper .form-row.value_focus select,
.create-account .register_form_wrapper .form-row.input_focus select {
    background-color: transparent;
    border-color: #182A3D;
    color: #182A3D;
}

.create-account .register_form_wrapper .form-row span .icon,
.create-account .register_form_wrapper .form-row .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    height: fit-content;
}

.create-account .register_form_wrapper .form-row.value_focus .icon svg path,
.create-account .register_form_wrapper .form-row.input_focus .icon svg path {
    stroke: #182A3D;
}

.create-account .register_form_wrapper .form-row span .show-password-input {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

.create-account .register_form_wrapper .form-row span .show-password-input.display-password .eye {
    display: none !important;
}

.create-account .register_form_wrapper .form-row span .show-password-input.display-password .eye-check {
    display: block !important;
}

.create-account .register_form_wrapper .form-row select {
    background-image: url(data:image/svg+xml,\%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13%200.811523L8.06061%205.75092C7.47727%206.33425%206.52273%206.33425%205.93939%205.75092L1%200.811523%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 10px;
    background-position: 96%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

.create-account .register_form_wrapper .form-row select {
    color: rgba(70, 73, 79, 0.473);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.create-account .register_form_wrapper .or-continue-wrapper p {
    position: relative;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #46494F;
    z-index: 1;
}

.create-account .register_form_wrapper .or-continue-wrapper p::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #46494F;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.create-account .register_form_wrapper .or-continue-wrapper p::after {
    position: absolute;
    content: "";
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 130px;
    z-index: -1;
}

.create-account .register_form_wrapper .or-continue-wrapper br {
    display: none !important;
}

.create-account .register_form_wrapper .or-continue-wrapper .mo-openid-app-icons {
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.create-account .register_form_wrapper .or-continue-wrapper .mo-openid-app-icons .login-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px;
}

.create-account .register_form_wrapper .mo-openid-app-icons .login-button i {
    display: none;
}

.create-account .register_form_wrapper .mo-openid-app-icons .login-button {
    background-image: url(https://wp-sukoon.thatsmytask.com/escom-marketplace/wp-content/uploads/2024/02/facebook.png);
}

.create-account .register_form_wrapper .mo-openid-app-icons .login-button:last-child {
    background-image: url(https://wp-sukoon.thatsmytask.com/escom-marketplace/wp-content/uploads/2024/02/google.png);
}

.create-account .right-area-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.create-account .right-area-wrap .language_block_wrapper {
    position: absolute;
    top: 30px;
    right: 30px;
}

.create-account .right-area-wrap .form_block_wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-account .register_form_wrapper .lost_password_new_user_wrap {
    margin-bottom: 20px !important;
}

.create-account .register_form_wrapper .lost_password_new_user_wrap .lost_password {
    margin: 0;
}

.create-account .register_form_wrapper .lost_password_new_user_wrap .lost_password a {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #8DC63F;
}

.create-account .register_form_wrapper .form-btn-wrap {
    justify-content: flex-end;
}

.create-account .register_form_wrapper .form-btn-wrap button {
    padding: 12px 25px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
    outline: none !important;
}

.create-account .register_form_wrapper .form-btn-wrap button:focus {
    text-decoration: none !important;
}

.create-account .register_form_wrapper .signup_link {
    margin: 0 !important;
    padding-top: 30px;
    border-top: 1px solid #ECECF0;
    display: block !important;
}

.create-account .register_form_wrapper .signup_link p {
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #46494F;
}


.create-account .register_form_wrapper .signup_link p a {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #8DC63F;
}

/* login page design */

/* single product page design  */
.woocommerce .woocommerce-breadcrumb {
    padding: 30px 0 !important;
    margin: 0 !important;
    font-size: 16px;
    line-height: 22px;
    color: #8DC63F;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.woocommerce .woocommerce-breadcrumb span {
    margin: 0 !important;
    font-size: 16px;
    line-height: 22px;
    color: #8DC63F;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.woocommerce .woocommerce-breadcrumb svg {
    margin: 0 5px;
}

.woocommerce .woocommerce-breadcrumb a {
    font-size: 16px;
    line-height: 22px;
    color: #787888;
    font-weight: 400;
    margin-top: -5px;
}

/* single product page design  */


/* woocommerce massage design start */
.woocommerce-message {
    border-top-color: #8DC63F;
    font-size: 16px;
    line-height: 34px;
    color: black;
}

.woocommerce-message::before {
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

/* woocommerce massage design end*/

/* cart page design start */
.container .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
}

.my_cart_wrapper {
    margin-top: 60px;
    border: 1px solid #DADEE3;
    border-radius: 20px;
}

.my_cart_wrapper .woocommerce-cart-form table {
    border: 0 !important;
    margin: 0 !important;
}

.custom-page-cart .woocommerce table.shop_table thead tr th {
    border: 0 !important;
    background-color: #182A3D;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 24px;
    padding-bottom: 24px;
    border-color: transparent !important;
}

.custom-page-cart .woocommerce table.shop_table thead tr th:first-child {
    border-top-left-radius: 20px;
    padding-left: 60px;
}

.custom-page-cart .woocommerce table.shop_table thead tr th:last-child {
    border-top-right-radius: 20px;
    padding-right: 60px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td:first-child {
    padding-left: 60px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td:last-child {
    padding-right: 60px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td {
    padding-top: 40px;
    padding-bottom: 40px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td .product-name-img-wrap {
    display: flex;
    align-items: center;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td .product-name-img-wrap a {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 36px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td .product-name-img-wrap a img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 20px;
    margin-right: 20px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-price span bdi,
.custom-page-cart .woocommerce table.shop_table tbody tr td.product-subtotal span bdi {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #182A3D;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-subtotal span bdi {
    color: #8DC63F;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity {
    display: flex;
    align-items: center;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity button {
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #182A3D;
    border-radius: 7.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    outline: none !important;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity button:hover,
.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity button:focus {
    text-decoration: none !important;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity button.minus {
    background-color: #F5F5F7;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity button.plus {
    background-color: #8DC63F;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity input {
    border: 0;
    width: 3rem;
    padding: 0 !important;
    margin: 0 10px;
    text-align: center !important;
}

.custom-page-cart .woocommerce table.shop_table tbody tr:last-child td {
    border-bottom: 0;
}

.custom-page-cart .woocommerce table.shop_table tbody tr:last-child td {
    border-bottom: 0;
}

.my_cart_wrapper .cart-collaterals {
    background-color: #F3F6F0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    justify-content: flex-end;
}

.my_cart_wrapper .cart-collaterals .cart_totals {
    float: none;
    width: 45%;
    padding-right: 100px;
}

.my_cart_wrapper .cart-collaterals .cart_totals table {
    border: 0;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
}

.my_cart_wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding: 0;
}

.my_cart_wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    margin: 0;
    background-color: #8DC63F;
    border-radius: 8px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #182A3D;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.my_cart_wrapper .cart-collaterals .cart_totals table tbody tr th {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #787888;
    padding: 15px 0;
    border: 0;
}

.my_cart_wrapper .cart-collaterals .cart_totals table tbody tr td {
    padding: 15px 0;
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    border: 0;
}

.my_cart_wrapper .cart-collaterals .cart_totals table tbody tr.order-total th {
    font-size: 22px;
}

.my_cart_wrapper .cart-collaterals .cart_totals table tbody tr.order-total td strong span bdi {
    font-size: 22px;
    color: #8DC63F;
    font-weight: 700;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.actions .coupon {
    max-width: 400px;
    width: 100%;
    display: flex;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.actions .coupon input {
    width: 65%;
    margin: 0 !important;
    border: 1px solid #DADEE3 !important;
    height: 50px;
    padding: 10px 15px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #000 !important;
    border-right: 0 !important;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.actions .coupon input::placeholder {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #B4B4B4 !important;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.actions .coupon button {
    border-radius: 0 !important;
    background-color: #8DC63F;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #182A3D;
    text-transform: capitalize;
    height: 50px;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.actions button {
    margin: 0;
    background-color: #8DC63F;
    border-radius: 8px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #182A3D;
    text-transform: capitalize;
}

.custom-page-cart .woocommerce table.shop_table tbody tr td.product-remove a.remove:hover {
    color: transparent !important;
    background-color: transparent;
}

/* cart page design end */

/* checkout page web page design start*/
.custom-page-checkout .woocommerce-checkout .col2-set {
    width: 60%;
    float: left;
    padding-right: 80px;
}

.custom-page-checkout .woocommerce-checkout .col2-set .col-1,
.custom-page-checkout .woocommerce-checkout .col2-set .col-2 {
    float: none;
    width: 100%;
    padding: 0;
}

.custom-page-checkout .woocommerce-checkout #order_review_heading {
    width: 40%;
    float: left;
}

.custom-page-checkout .woocommerce-checkout table.shop_table {
    float: left;
    width: 40%;
}

.custom-page-checkout .woocommerce-checkout #payment {
    width: 100%;
    float: left;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields h3 {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #0C0C20;
    margin-bottom: 14px;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields select,
.custom-page-checkout .woocommerce-checkout .shipping_address select {
    margin: 0 !important;
    border: 1px solid #DADEE3 !important;
    background-color: transparent !important;
    border-radius: 10px;
    padding: 10px 15px;
    height: 50px;
    outline: none;
    -webkit-appearance: none;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 13px;
    background-position: 96%;
    background-repeat: no-repeat;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields p,
.custom-page-checkout .woocommerce-checkout .shipping_address p {
    margin: 0 0 30px 0;
    padding: 0;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields p label,
.custom-page-checkout .woocommerce-checkout .shipping_address p label {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #0C0C20;
    margin-bottom: 14px !important;
    text-transform: capitalize;
    clip: unset !important;
    clip-path: unset !important;
    position: relative !important;
    height: auto;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields p span,
.custom-page-checkout .woocommerce-checkout .shipping_address p span {
    width: 100%;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields p span input,
.custom-page-checkout .woocommerce-checkout .shipping_address p span input {
    border: 1px solid #DADEE3;
    background-color: transparent;
    border-radius: 10px;
    padding: 20px 15px;
    height: 50px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields p span input::placeholder,
.custom-page-checkout .woocommerce-checkout .shipping_address p span input::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #B4B4B4;
}

.custom-page-checkout .woocommerce .form-row .select2-selection.select2-selection--single,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
    border: 1px solid #DADEE3 !important;
    background-color: transparent !important;
    border-radius: 10px;
    outline: none;
    height: 50px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.custom-page-checkout .woocommerce .form-row .select2-selection.select2-selection--single .select2-selection__arrow,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.custom-page-checkout .woocommerce .form-row .select2-selection.select2-selection--single .select2-selection__arrow b,
.ocwma_billing_popup_class .form-row .select2-selection.select2-selection--single .select2-selection__arrow b {
    right: 15px;
    left: unset;
    border: 0;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row#billing_city_field,
.custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row#shipping_city_field,
.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.validate-state,
.custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.validate-state,
.custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.validate-postcode,
.custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.validate-postcode {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 15px;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p {
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p label {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #0C0C20;
    margin-bottom: 14px !important;
    text-transform: capitalize;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span {
    width: 100%;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span textarea {
    height: 110px;
    border: 1px solid #DADEE3;
    background-color: transparent;
    border-radius: 10px;
    padding: 20px 15px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.custom-page-checkout .woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span textarea::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #B4B4B4;
}

.custom-page-checkout .woocommerce-checkout .comnn-h2 {
    margin-bottom: 60px;
}

.custom-page-checkout .form_option_billing,
.custom-page-checkout .form_option_shipping {
    background: rgba(141, 198, 63, 1) !important;
    padding: 15px 10px !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin: 20px 0 30px 0 !important;
    text-transform: capitalize;
    text-decoration: none !important;
}

.custom-page-checkout .form_option_billing,
.form_option_shipping {
    background: rgba(141, 198, 63, 1) !important;
    padding: 15px 10px !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin: 20px 0 30px 0 !important;
    text-transform: capitalize;
    text-decoration: none !important;
}

.custom-page-checkout .woocommerce-checkout-payment {
    padding: 40px;
    background-color: #F3F6F0 !important;
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.custom-page-checkout .woocommerce-checkout-payment .payment_btn_wrapper a {
    display: none;
}

.custom-page-checkout .woocommerce-checkout-payment .order-btn-wrapper {
    flex: 0 0 260px;
}

.custom-page-checkout .woocommerce-checkout-payment .woocommerce-checkout-payment-area {
    flex: auto;
}

.custom-page-checkout .woocommerce-checkout-payment .woocommerce-checkout-payment-area .woocommerce-privacy-policy-text p {
    margin: 0;
    font-size: 14px;
}

.custom-page-checkout .woocommerce-checkout-payment .woocommerce-checkout-payment-area .woocommerce-privacy-policy-text p a {
    color: #1EAC07;
}

.custom-page-checkout .woocommerce-checkout-payment .woocommerce-checkout-payment-area h3 {
    font-size: 32px;
    color: #1A1E26;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1;
}

.custom-page-checkout .order_review_container {
    border: 1px solid #DADEE3;
    float: left;
    width: 40%;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgb(16 24 40 / 5%);
}

.custom-page-checkout .order_review_container h3,
.order_review_container table {
    width: 100% !important;
    float: none !important;
}

.custom-page-checkout .order_review_container h3 {
    padding: 40px;
    margin: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    color: #1A1E26;
}

.custom-page-checkout .order_review_container table {
    border: 0 !important;
    margin: 0 !important;
}

.custom-page-checkout .order_review_container table tr th,
.order_review_container table tr td {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.custom-page-checkout .order_review_container table thead {
    display: none;
}

.custom-page-checkout .order_review_container table tbody tr td {
    padding: 24px 40px;
}

.custom-page-checkout .order_review_container table tbody tr:first-child td {
    padding-top: 0 !important;
    border: 0;
}

.custom-page-checkout .order_review_container table tbody tr td:first-child,
.custom-page-checkout .order_review_container table tfoot tr th:first-child {
    padding-right: 20px;
}

.custom-page-checkout .order_review_container table tbody tr td:last-child,
.custom-page-checkout .order_review_container table tfoot tr td:first-child {
    padding-left: 20px;
}

.custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap {
    display: flex;
    align-items: center;
}

.custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .checkout-order-product-image img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 20px;
    flex-shrink: 0;
}

.custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .content-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    color: #182A3D;
}

.custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .content-wrapper .product-quantity {
    font-size: 14px;
    font-weight: 500;
    color: #787888;
    margin-top: 8px;
}

.custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .content-wrapper .product-quantity span {
    color: #182A3D;
}

.custom-page-checkout .order_review_container table tbody tr td.product-total {
    font-size: 14px;
    font-weight: 400;
    color: #807D7E;
    line-height: 1;
    text-align: right;
}

.custom-page-checkout .order_review_container table tfoot tr.cart-subtotal td,
.custom-page-checkout .order_review_container table tfoot tr.cart-subtotal th {
    padding: 24px 40px 15px 40px;
    border-top: 1px solid #DADEE3 !important;
}

.custom-page-checkout .order_review_container table tfoot tr td,
.custom-page-checkout .order_review_container table tfoot tr th {
    border-top: 0 !important;
    padding: 15px 40px;
}

.custom-page-checkout .order_review_container table tfoot tr th {
    font-size: 18px;
    font-weight: 400;
    color: #787888;
}

.custom-page-checkout .order_review_container table tfoot tr td,
.custom-page-checkout .order_review_container table tfoot tr td span,
.custom-page-checkout .order_review_container table tfoot tr td label {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-align: right;
}

.custom-page-checkout .order_review_container table tfoot tr.order-total th,
.custom-page-checkout .order_review_container table tfoot tr.order-total td {
    padding: 30px 40px 40px 40px;
    border-top: 1px solid #EDEEF2 !important;
}

.custom-page-checkout .order_review_container table tfoot tr.order-total th,
.custom-page-checkout .order_review_container table tfoot tr.order-total td span {
    font-size: 22px;
}

.custom-page-checkout .order_review_container table tfoot tr.order-total td span {
    color: #8DC63F;
}

/* checkout page web page design end*/

/* thank you page design start */
.woocommerce-order-received .woocommerce-order {
    padding-top: 60px;
}

.woocommerce-order-received .woocommerce-notice-success-wrapper {
    background-color: #F3F6F0 !important;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    margin-bottom: 100px;
}

.woocommerce-order-received .woocommerce-notice-success-wrapper .img-wrapper {
    width: fit-content;
    height: fit-content;
    margin: auto auto 30px auto;
}

.woocommerce-order-received .woocommerce-notice-success-wrapper span {
    display: block;
    font-size: 40px;
    line-height: 56px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}

.woocommerce-order-received .woocommerce-notice-success-wrapper .woocommerce-notice {
    font-size: 18px;
    color: #787888;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

.woocommerce-order-received .woocommerce-notice-success-wrapper .green-btn {
    margin: auto;
}

.woocommerce-order-received .woocommerce-order-overview {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    padding: 16px 40px;
    border: 1px solid #DADEE3;
    border-radius: 20px;
}

.woocommerce-order-received .woocommerce-order-overview li {
    float: none !important;
    max-width: 100%;
    flex: 100%;
    border: 0 !important;
    margin: 0 !important;
    padding: 24px 0;
    border-bottom: 1px solid #EBECEA !important;
}

.woocommerce-order-received .woocommerce-order-overview li:last-child {
    border-bottom: 0 !important;
}

.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap {
    display: flex;
    align-items: center;
}

.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #F3F6F0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px;
}

.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap .content {
    width: 100%;
}

.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap .content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #787888;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap .content span,
.woocommerce-order-received .woocommerce-order-overview li .woocommerce-order-single-wrap .content span strong {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #000000;
}

.woocommerce-order-received .woocommerce-order-details {
    padding: 0;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-order-overview-wrapper h2,
.woocommerce-view-order h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    color: #1A1E26;
    margin-bottom: 40px;
}

.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-order-details {
    padding: 0;
}

.woocommerce-view-order .woocommerce-customer-details {
    padding: 0 !important;
    margin-top: 50px !important;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns,
.woocommerce-view-order .woocommerce-columns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    width: unset;
    padding: 0;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns .woocommerce-column,
.woocommerce-view-order .woocommerce-columns .woocommerce-column {
    float: none;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 20px 15px 0 15px;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table thead th,
.woocommerce-view-order .woocommerce-table thead th {
    display: none;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table,
.woocommerce-view-order .woocommerce-table {
    border: 0 !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr:first-child td,
.woocommerce-view-order .woocommerce-table tbody tr:first-child td {
    padding: 40px 40px 24px 40px;
    border-top: 1px solid #EBECEA !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td,
.woocommerce-view-order .woocommerce-table tbody tr td {
    padding: 24px 40px;
    border: 0 !important;
    border-bottom: 1px solid #EBECEA !important;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #182A3D;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td .product_img_and_title_wrap,
.woocommerce-view-order .woocommerce-table tbody tr td .product_img_and_title_wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td .product_img_and_title_wrap img,
.woocommerce-view-order .woocommerce-table tbody tr td .product_img_and_title_wrap img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-right: 15px;
    flex-shrink: 0;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td .product_img_and_title_wrap a,
.woocommerce-view-order .woocommerce-table tbody tr td .product_img_and_title_wrap a {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td strong,
.woocommerce-view-order .woocommerce-table tbody tr td strong {
    font-weight: 400;
    color: #787888;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td:first-child,
.woocommerce-view-order .woocommerce-table tbody tr td:first-child {
    border-left: 1px solid #EBECEA !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td:last-child,
.woocommerce-view-order .woocommerce-table tbody tr td:last-child {
    border-right: 1px solid #EBECEA !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr:first-child td:first-child,
.woocommerce-view-order .woocommerce-table tbody tr:first-child td:first-child {
    border-right: 0px !important;
    border-top-left-radius: 20px !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr:first-child td:last-child,
.woocommerce-view-order .woocommerce-table tbody tr:first-child td:last-child {
    border-top-right-radius: 20px !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr td:last-child,
.woocommerce-view-order .woocommerce-table tbody tr td:last-child {
    text-align: right;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr td,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr th,
.woocommerce-view-order .woocommerce-table tfoot tr td,
.woocommerce-view-order .woocommerce-table tfoot tr th {
    border: 1px solid #EBECEA !important;
    padding: 0 40px 26px;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:first-child td,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:first-child th,
.woocommerce-view-order .woocommerce-table tfoot tr:first-child td,
.woocommerce-view-order .woocommerce-table tfoot tr:first-child th {
    padding-top: 24px;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:last-child td,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:last-child th,
.woocommerce-view-order .woocommerce-table tfoot tr:last-child td,
.woocommerce-view-order .woocommerce-table tfoot tr:last-child th {
    padding-top: 30px;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr th,
.woocommerce-view-order .woocommerce-table tfoot tr th {
    font-size: 18px;
    font-weight: 400 !important;
    color: #787888 !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:last-child th,
.woocommerce-view-order .woocommerce-table tfoot tr:last-child th {
    border-bottom-left-radius: 20px;
    padding-bottom: 40px;
    padding-top: 30px;
    border-bottom: 1px solid #EBECEA !important;
    border-top: 1px solid #EBECEA !important;
    font-size: 22px;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:last-child td,
.woocommerce-view-order .woocommerce-table tfoot tr:last-child td {
    border-bottom-right-radius: 20px;
    padding-bottom: 40px;
    padding-top: 30px;
    border-bottom: 1px solid #EBECEA !important;
    border-right: 1px solid #EBECEA !important;
    border-top: 1px solid #EBECEA !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr:last-child td span,
.woocommerce-view-order .woocommerce-table tfoot tr:last-child td span {
    font-size: 18px !important;
    color: #75B20B !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr td,
.woocommerce-view-order .woocommerce-table tfoot tr td {
    border-right: 1px solid #EBECEA !important;
    text-align: right;
    font-size: 16px;
    font-weight: 500 !important;
    color: #000000 !important;
    border-left: 0 !important;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table tfoot tr td span,
.woocommerce-view-order .woocommerce-table tfoot tr td span {
    font-size: 16px;
    font-weight: 500 !important;
    color: #000000 !important;
}

.woocommerce-customer-details .woocommerce-columns .woocommerce-column h2,
.woocommerce-view-order .woocommerce-columns .woocommerce-column h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    color: #1A1E26;
    margin-bottom: 30px;
}

.woocommerce-customer-details .woocommerce-columns .woocommerce-column address,
.woocommerce-view-order .woocommerce-columns .woocommerce-column address {
    margin: 0;
    border: 1px solid #EBECEA;
    border-radius: 20px;
    padding: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #787888;
    min-height: 250px;
}

/* thank you page design end*/

/* my account pages design start */
.table-responsive table tr td,
.table-responsive table tr th {
    white-space: nowrap;
}

.custom-page-my-account .woocommerce-MyAccount-content p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #46494F;
}

.custom-page-my-account .woocommerce-MyAccount-content p a {
    color: #8DC63F;
}

.woocommerce-account>main>.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0;
}

.woocommerce-MyAccount-navigation {
    width: 25.5% !important;
}

.woocommerce-MyAccount-content {
    width: 74.5% !important;
}

.my-account-page-banner-wrapper {
    position: relative;
    background-color: #182A3D;
    margin-bottom: 70px;
}

.my-account-page-banner-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(24 42 61 / 90%);
    margin: auto;
    z-index: 1;
}

.my-account-page-banner-wrapper img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.my-account-page-banner-wrapper .content-wrapper {
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.my-account-page-banner-wrapper .content-wrapper h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}

.my-account-page-banner-wrapper .content-wrapper p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.woocommerce-MyAccount-navigation {
    padding-right: 70px;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 54px;
    border-left: 4px solid transparent;
    margin-bottom: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.woocommerce-MyAccount-navigation ul li::before {
    position: absolute;
    content: "";
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background-color: #787888;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard::before {
    -webkit-mask-image: url(assets/img/dash.svg);
    mask-image: url(assets/img/dash.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account::before {
    -webkit-mask-image: url(assets/img/edit_profile.svg);
    mask-image: url(assets/img/edit_profile.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders::before {
    -webkit-mask-image: url(assets/img/my_order.svg);
    mask-image: url(assets/img/my_order.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address::before {
    -webkit-mask-image: url(assets/img/address.svg);
    mask-image: url(assets/img/address.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-wishlist::before {
    -webkit-mask-image: url(assets/img/wislist.svg);
    mask-image: url(assets/img/wislist.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--change-password::before {
    -webkit-mask-image: url(assets/img/changepas.svg);
    mask-image: url(assets/img/changepas.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::before {
    -webkit-mask-image: url(assets/img/logout.svg);
    mask-image: url(assets/img/logout.svg);
}

.woocommerce-MyAccount-navigation ul li.is-active::before {
    background-color: #8DC63F;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li button {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #787888;
    outline: none;
}

.woocommerce-MyAccount-navigation ul li button:focus {
    text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul li.is-active {
    border-color: #8DC63F;
    background-color: #F3F6F0;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: 600;
    color: #8DC63F;
}

/* my address book design start */
.woocommerce-edit-address .woocommerce-MyAccount-content {
    padding: 20px;
    background: #f7f7f7;
    font-size: 16px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #182A3D;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses {
    width: unset;
    margin: 0 -15px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses .woocommerce-Address {
    max-width: 48%;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses .woocommerce-Address .woocommerce-Address-title {
    margin-bottom: 15px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses .woocommerce-Address .woocommerce-Address-title h3 {
    margin: 0;
    font-size: 18px;
    color: #182A3D;
    font-weight: 600;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses .woocommerce-Address address {
    font-size: 14px;
    color: #182A3D;
    font-weight: 400;
    margin-bottom: 20px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address {
    background: #fff !important;
    padding: 20px;
    margin-bottom: 20px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .addresses .woocommerce-Address .woocommerce-Address-title .edit {
    color: #8DC63F;
    font-weight: 600;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address .billing_address_inner,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address .shipping_address_inner {
    width: 100% !important;
    display: block !important;
    margin-top: 15px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #182A3D !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address .defalut_address,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address .defalt_addd_shipping {
    padding: 8px 15px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    width: fit-content !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address .form_option_edit,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address .form_option_ship_edit {
    color: #8DC63F !important;
    font-weight: 600 !important;
    border: 0 !important;
    padding: 0 !important;
    outline: none !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address .form_option_edit:focus,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address .form_option_ship_edit:focus {
    text-decoration: none;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .billing_address .delete_bill_address a,
.woocommerce-edit-address .woocommerce-MyAccount-content .shipping_address .delete_ship_address a {
    font-size: 16px;
    color: red;
    line-height: 2.5;
    font-weight: 600;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .cus_menu button {
    background: rgba(141, 198, 63, 1) !important;
    padding: 10px 15px !important;
    text-align: center !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin: 0px 0 20px 0 !important;
    text-transform: capitalize;
    text-decoration: none !important;
    outline: none !important;
}

#ocwma_billing_popup .ocwma_modal-content .ocwma_close,
#ocwma_shipping_popup .ocwma_modal-content .ocwma_close {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M18%206L6%2018M6%206L18%2018%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

.woocommerce-edit-address form .woocommerce-address-fields p,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
    border: 0;
}

.woocommerce-edit-address form .woocommerce-address-fields p span input,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span input,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span select,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span input,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span select {
    border: 1px solid #DADEE3;
    border-radius: 10px;
    padding: 15px 20px !important;
    background-color: #fff;
    width: 100% !important;
    margin-top: 14px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #0C0C20 !important;
    outline: none !important;
}

.woocommerce-edit-address form .woocommerce-address-fields p span,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span {
    width: 100% !important;
}

.woocommerce-edit-address form .woocommerce-address-fields p span input,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span input,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p span input {
    height: 50px;
}

.woocommerce-edit-address form .woocommerce-address-fields p label,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label b,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label b {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #75757A !important;
    margin-bottom: 14px !important;
    width: 100%;
    margin: 0 !important;
}

.woocommerce-edit-address form .woocommerce-address-fields p label {
    width: unset !important;
}

.woocommerce-edit-address form .woocommerce-address-fields p label abbr,
#ocwma_billing_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label abbr,
#ocwma_shipping_popup .ocwma_modal-content form .ocwma_woocommerce-address-fields .ocwma_woocommerce-address-fields_field-wrapper p label abbr {
    text-decoration: none !important;
    color: red;
    font-weight: 700;
    border: 0 !important;
    text-decoration: none;
}

.woocommerce-edit-address form .woocommerce-address-fields p button,
#ocwma_shipping_popup p button {
    padding: 12px 20px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #182A3D !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
}

.woocommerce-edit-address form {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DADEE3;
}

.woocommerce-edit-address form h3 {
    margin-bottom: 30px;
    font-size: 26px;
    color: #000;
    font-weight: 400;
}

.woocommerce-edit-address form .woocommerce-address-fields p span .select2 .select2-selection--single {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
    border: 1px solid #DADEE3 !important;
    background-color: #fff !important;
    border-radius: 10px;
    outline: none;
    height: 50px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-top: 14px !important;
    position: relative;
}

.woocommerce-edit-address form .woocommerce-address-fields p span .select2 .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.woocommerce-edit-address form .woocommerce-address-fields p span .select2 .select2-selection--single .select2-selection__arrow b {
    right: 15px;
    left: unset;
    border: 0;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
}

.search-modal .modal-inner .section-inner .search-form {
    margin: 0 !important;
    padding: 0;
    border: 0 !important;
}

.search-modal .modal-inner .section-inner .search-form input {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0 !important;
    font-size: 22px;
    line-height: 1;
    color: #1A1E26;
    font-weight: 500;
    outline: none !important;
}

.search-modal .modal-inner .section-inner .search-form input:focus {
    outline: none !important;
}

.search-modal .modal-inner .section-inner .search-form input::placeholder {
    font-size: 22px;
    line-height: 1;
    color: #787888;
    font-weight: 500;
}

/* my address book design end */

/* wistlist page design start */
.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05), -2px -2px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 40px 60px !important;
    text-align: center;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner>i {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 80px;
    background-color: #F3F6F0;
    margin-bottom: 25px;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner>i::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8DC63F;
    font-size: 40px;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner .tinv-txt {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 30px;
    color: #182A3D;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner .tinvwl-buttons-group {
    margin: 0 !important;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner .tinvwl-buttons-group button {
    width: 100% !important;
    background-color: #8DC63F;
    border-radius: 8px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #182A3D;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0em;
    padding: 10px;
    outline: none !important;
}

.tinv-wishlist .tinvwl_added_to_wishlist .tinv-modal-inner .tinvwl-buttons-group button i::before {
    top: 0;
}

.tinv-wishlist .return-to-shop .button {
    padding: 12px 20px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #182A3D !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
}

.tinv-wishlist .woocommerce-info {
    border-top-color: #8DC63F;
    font-size: 16px;
    color: #182A3D;
}

.tinv-wishlist .woocommerce-info::before {
    color: #8DC63F;
}

.tinv-wishlist .tinv-header {
    margin-bottom: 50px;
}

.tinv-wishlist .tinv-header h2 {
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 350;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    color: #1A1E26;
    margin: 0;
}

.my-account-custom-content-box {
    padding: 40px;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border: 1px solid #DADEE3;
    border-radius: 20px;
}

.my-account-custom-content-box .custom-head h2 {
    font-size: 32px;
    font-weight: 350;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    color: #1A1E26;
    margin: 0;
}

.my-account-custom-content-box .tinv-header {
    display: none;
}

.my-account-custom-content-box table {
    margin-top: 50px;
    margin-bottom: 0 !important;
    border: 0 !important;
}

.my-account-custom-content-box table tr th,
.my-account-custom-content-box table tr td {
    border: 0 !important;
    border-top: 1px solid #DADEE3 !important;
}

.my-account-custom-content-box table tr th {
    border-top: 0 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    color: #787878;
    padding-top: 0;
    padding-bottom: 24px;
    text-align: left !important;
}

.my-account-custom-content-box table tr .product-cb {
    display: none;
}

.my-account-custom-content-box table tfoot {
    display: none;
}

.my-account-custom-content-box table tr td.product-name a img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-right: 15px;
    flex-shrink: 0;
}

.my-account-custom-content-box table tr td.product-name .product-name-wrapper {
    display: flex;
    align-items: center;
}

.my-account-custom-content-box table tr td.product-name .product-name-wrapper a {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #182A3D;
}

.my-account-custom-content-box table tr td span,
.my-account-custom-content-box table tr td time {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #182A3D;
}

.my-account-custom-content-box table tr td.product-remove button {
    padding: 0;
    outline: none !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}

.my-account-custom-content-box table tr .product-date {
    max-width: 150px;
}

.my-account-custom-content-box table tr .product-action {
    width: 200px;
}

/* wistlist page design start */

/* edit profile page design start */
.my-account-custom-content-box form .row p {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    border: 0;
    position: relative;
}

.my-account-custom-content-box form .row p .show-password-input {
    position: absolute;
    right: 15px;
    bottom: 13px;
    cursor: pointer;
}

.my-account-custom-content-box form .row p .show-password-input.display-password .eye-check {
    display: block !important;
}

.my-account-custom-content-box form .row p .show-password-input.display-password .eye {
    display: none !important;
}

.my-account-custom-content-box form p label {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #75757A !important;
    margin-bottom: 14px !important;
    width: 100%;
    margin: 0 !important;
}

.my-account-custom-content-box form p input,
.my-account-custom-content-box form p select {
    border: 1px solid #DADEE3;
    border-radius: 10px;
    padding: 15px 20px !important;
    background-color: #fff;
    width: 100% !important;
    margin-top: 14px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #0C0C20 !important;
    outline: none !important;
}

.my-account-custom-content-box form p input {
    height: 50px !important;
}

.my-account-custom-content-box form p select {
    -webkit-appearance: none;
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%238391A1%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 95%;
}

.my-account-custom-content-box form .admin-btn-group {
    margin-bottom: 0;
    padding-top: 50px;
    border-top: 1px solid #DADEE3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 30px;
}

.my-account-custom-content-box form .admin-btn-group a {
    background-color: #EEEFEC;
    border-radius: 8px;
    padding: 18px 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1 !important;
    letter-spacing: 0em;
    color: #878787;
}

.my-account-custom-content-box form .admin-btn-group .woocommerce-Button {
    border-radius: 8px;
    background-color: #8DC63F !important;
    padding: 18px 30px;
    line-height: 1 !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0em;
    color: #182A3D !important;
    margin-left: 24px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.custom-woo-error {
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.custom-woo-error li {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 400;
    color: red;
}

.profile_icon {
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    height: 100px;
}

.profile_icon .updated_profile_wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top;
}

.profile_icon .uploading_profile_wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    height: fit-content;
}

.profile_icon .uploading_profile_wrapper button {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 30px;
    box-shadow: 0px 2px 8px 0px #1018281A;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    outline: none !important;
}

/* edit profile page design end */
/* my orders page design start */
.my-account-custom-content-box .my_account_orders {
    margin-top: 50px !important;
}

.my-account-custom-content-box .my_account_orders tr th {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    padding-top: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.my-account-custom-content-box .my_account_orders tr th:first-child,
.my-account-custom-content-box .my_account_orders tr td:first-child {
    padding-left: 0;
}

.my-account-custom-content-box .my_account_orders tr th:last-child,
.my-account-custom-content-box .my_account_orders tr td:last-child {
    padding-right: 0;
}

.my-account-custom-content-box .my_account_orders tr td,
.my-account-custom-content-box .my_account_orders tr td a,
.my-account-custom-content-box .my_account_orders tr td time,
.my-account-custom-content-box .my_account_orders tr td span {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    text-align: left;
    color: #182A3D;
}

.my-account-custom-content-box .my_account_orders tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.my-account-custom-content-box .my_account_orders tr:last-child td {
    padding-bottom: 0;
}

.my-account-custom-content-box .my_account_orders tr td .woocommerce-button {
    padding: 0;
    background-color: transparent;
    font-size: 0;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 15px;
}

.my-account-custom-content-box .my_account_orders tr td .woocommerce-button.view {
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M2.42012%2012.7132C2.28394%2012.4975%202.21584%2012.3897%202.17772%2012.2234C2.14909%2012.0985%202.14909%2011.9015%202.17772%2011.7766C2.21584%2011.6103%202.28394%2011.5025%202.42012%2011.2868C3.54553%209.50484%206.8954%205%2012.0004%205C17.1054%205%2020.4553%209.50484%2021.5807%2011.2868C21.7169%2011.5025%2021.785%2011.6103%2021.8231%2011.7766C21.8517%2011.9015%2021.8517%2012.0985%2021.8231%2012.2234C21.785%2012.3897%2021.7169%2012.4975%2021.5807%2012.7132C20.4553%2014.4952%2017.1054%2019%2012.0004%2019C6.8954%2019%203.54553%2014.4952%202.42012%2012.7132Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12.0004%2015C13.6573%2015%2015.0004%2013.6569%2015.0004%2012C15.0004%2010.3431%2013.6573%209%2012.0004%209C10.3435%209%209.0004%2010.3431%209.0004%2012C9.0004%2013.6569%2010.3435%2015%2012.0004%2015Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

.my-account-custom-content-box .my_account_orders tr td .woocommerce-button.pay {
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M10.8192%2016.6382V18.5585C10.8192%2020.1855%209.30569%2021.5004%207.44217%2021.5004C5.57865%2021.5004%204.05566%2020.1855%204.05566%2018.5585V16.6382C4.05566%2018.2652%205.5692%2019.4193%207.44217%2019.4193C9.30569%2019.4193%2010.8192%2018.2558%2010.8192%2016.6382Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M10.8179%2014.0364C10.8179%2014.5094%2010.6854%2014.9445%2010.4584%2015.3229C9.9003%2016.2405%208.7557%2016.8175%207.43137%2016.8175C6.10704%2016.8175%204.96244%2016.231%204.40433%2015.3229C4.1773%2014.9445%204.04492%2014.5094%204.04492%2014.0364C4.04492%2013.2229%204.42328%2012.4945%205.02869%2011.9648C5.64355%2011.4256%206.48541%2011.104%207.4219%2011.104C8.35839%2011.104%209.20031%2011.4351%209.81518%2011.9648C10.4395%2012.4851%2010.8179%2013.2229%2010.8179%2014.0364Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M10.8192%2014.0364V16.6377C10.8192%2018.2647%209.30569%2019.4188%207.44217%2019.4188C5.57865%2019.4188%204.05566%2018.2553%204.05566%2016.6377V14.0364C4.05566%2012.4093%205.5692%2011.0945%207.44217%2011.0945C8.37866%2011.0945%209.22058%2011.4255%209.83544%2011.9553C10.4409%2012.485%2010.8192%2013.2228%2010.8192%2014.0364Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M21.4603%2011.0661V13.0149C21.4603%2013.5351%2021.0441%2013.9608%2020.5143%2013.9797H18.6602C17.6386%2013.9797%2016.7022%2013.2324%2016.617%2012.2108C16.5603%2011.6148%2016.7873%2011.0567%2017.1846%2010.6689C17.5346%2010.3094%2018.017%2010.1013%2018.5467%2010.1013H20.5143C21.0441%2010.1202%2021.4603%2010.5459%2021.4603%2011.0661Z%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M2.54102%2010.6216V8.72973C2.54102%206.15676%204.09237%204.35946%206.50454%204.05675C6.75048%204.01892%207.00589%204%207.27075%204H15.7843C16.0302%204%2016.2667%204.00945%2016.4937%204.04729C18.9343%204.33107%2020.514%206.13784%2020.514%208.72973V10.1014H18.5464C18.0167%2010.1014%2017.5343%2010.3095%2017.1843%2010.6689C16.787%2011.0568%2016.56%2011.6149%2016.6167%2012.2108C16.7018%2013.2324%2017.6383%2013.9797%2018.6599%2013.9797H20.514V15.3514C20.514%2018.1892%2018.6221%2020.0811%2015.7843%2020.0811H13.4194%22%20stroke%3D%22%23989899%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

.my-account-custom-content-box .my_account_orders tr td .woocommerce-button.cancel {
    background-image: url(data:image/svg+xml,\ %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M12%2021C16.95%2021%2021%2016.95%2021%2012C21%207.05%2016.95%203%2012%203C7.05%203%203%207.05%203%2012C3%2016.95%207.05%2021%2012%2021Z%22%20stroke%3D%22%23E20909%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M9.16992%2014.8299L14.8299%209.16992%22%20stroke%3D%22%23E20909%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.8299%2014.8299L9.16992%209.16992%22%20stroke%3D%22%23E20909%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

.my-account-custom-content-box .my_account_orders tr td .woocommerce-button:last-child {
    margin-right: 0;
}

.woocommerce-Pagination {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.woocommerce-Pagination .button {
    background-color: #8DC63F !important;
    padding: 15px 30px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0em !important;
    border-radius: 8px !important;
    color: #182A3D !important;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status span {
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_on-hold {
    background-color: #FEF4EB;
    color: #E27109;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_completed {
    background-color: #E6FEE2;
    color: #1EAC07;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_cancelled {
    background-color: #FEEBEB;
    color: #E20909;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_refunded {
    background-color: #D2F8FF;
    color: #067A91;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_failed {
    background-color: #E4F4FF;
    color: #5B7282;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_draft {
    background-color: #ECF5FF;
    color: #007DFA;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_processing {
    background-color: #FDF6DD;
    color: #F5C518;
}

.my-account-custom-content-box .my_account_orders tr td.woocommerce-orders-table__cell-order-status .order_status_pending {
    background-color: #F3E2FE;
    color: #6D07AC;
}

/* my orders page design end */
/* logout modal design start */
#logoutModel {
    border-radius: 20px;
}

#logoutModel .modal-dialog {
    max-width: 368px;
    border-radius: 20px !important;
}

#logoutModel .modal-dialog .modal-content {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05), -2px -2px 4px 0px rgba(0, 0, 0, 0.05);
}

#logoutModel .modal-dialog .modal-content .modal-body {
    padding: 40px 60px;
    text-align: center;
}

#logoutModel .modal-dialog .modal-content .modal-body .icon-wrapper .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 80px;
    background-color: #F3F6F0;
    margin-bottom: 25px;
}

#logoutModel .modal-dialog .modal-content .modal-body h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 20px;
    color: #000000;
}

#logoutModel .modal-dialog .modal-content .modal-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 30px;
    color: #182A3D;
}

#logoutModel .modal-dialog .modal-content .modal-body a {
    width: 100% !important;
    background-color: #8DC63F;
    border-radius: 8px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #182A3D;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0em;
    margin-bottom: 20px;
    padding: 10px;
}

#logoutModel .modal-dialog .modal-content .modal-body button {
    padding: 0;
    background-color: transparent;
    border: 0 !important;
    outline: none !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    text-align: center;
    color: #182A3D;
}

#logoutModel .modal-dialog .modal-content .modal-body button:focus {
    box-shadow: none !important;
}

/* logout modal design end*/
/* privacy-policy page design start */
.privacy-policy {
    margin: 0 !important;
}

/* privacy-policy page design end*/
/* lost password design start */
.woocommerce-lost-password .woocommerce {
    max-width: 50%;
    margin: 0 auto;
    margin-top: 100px;
}

.woocommerce-lost-password .woocommerce .lost_reset_password p {
    font-size: 16px;
    font-weight: 350;
    line-height: 26px;
    letter-spacing: 0em;
    color: #000;
    width: 100%;
    margin-bottom: 30px;
}

.woocommerce-lost-password .woocommerce .lost_reset_password p label {
    font-family: Overused Grotesk;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    color: #75757A;
    margin-bottom: 14px;
}

.woocommerce-lost-password .woocommerce .lost_reset_password p input {
    width: 100%;
    border: 1px solid #DADEE3;
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    color: #0C0C20;
}

.woocommerce-lost-password .woocommerce .lost_reset_password .woocommerce-form-row {
    margin-bottom: 0;
    padding: 0;
}

.woocommerce-lost-password .woocommerce .lost_reset_password .woocommerce-form-row button {
    padding: 12px 20px !important;
    background-color: #8DC63F !important;
    border-radius: 8px !important;
    color: #182A3D !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
}

.woocommerce-lost-password .woocommerce .lost_reset_password .woocommerce-form-row:nth-child(3) {
    margin-bottom: 0 !important;
}

.woocommerce-lost-password .woocommerce .lost_reset_password .clear {
    height: 30px;
}

/* lost password design end*/
/* my account pages design end*/

.custom-page-checkout.web-view-checkout {
    display: none;
}

@media (max-width: 1800px) {

    .home-banner-slider-wrapper .banner-slider-single .container,
    .home-banner-slider-wrapper .banner-slider .slick-dots {
        margin-left: 15% !important;
    }
}

@media (max-width: 1695px) {

    .home-banner-slider-wrapper .banner-slider-single .container,
    .home-banner-slider-wrapper .banner-slider .slick-dots {
        margin-left: 8% !important;
    }
}

@media (max-width: 1599px) {

    .home-banner-slider-wrapper .banner-slider-single .container,
    .home-banner-slider-wrapper .banner-slider .slick-dots {
        margin-left: auto !important;
    }

    .home-banner-slider-wrapper .banner-slider-single br {
        display: none;
    }

    .home-banner-slider-wrapper .banner-slider .slick-dots {
        max-width: 1140px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 80px;
    }

    .home-banner-slider-wrapper .banner-slider-single {
        padding: 120px 0 80px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper h1 {
        font-size: 20px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper h2 {
        font-size: 54px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper p {
        font-size: 18px;
    }

    .comnn-h2 {
        font-size: 44px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .icon-wrap svg {
        width: 60px;
        height: 60px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap h3 {
        font-size: 18px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap p {
        font-size: 14px;
        line-height: 26px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step {
        width: 60px;
        height: 60px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step p {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step::before {
        height: 6px;
        top: 30px;
    }

    .wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper {
        flex: 0 0 33%;
        max-width: 33%;
    }

    .product .product-gallery-wrap {
        flex: 0 0 55%;
        max-width: 55%;
    }

    .product .product-content-wrap {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .my_cart_wrapper .cart-collaterals .cart_totals {
        width: 60%;
    }

    .custom-page-checkout .woocommerce-checkout .col2-set,
    .custom-page-checkout .order_review_container {
        width: 50%;
    }

    .custom-page-my-account .woocommerce-MyAccount-content p {
        font-size: 18px;
    }

    .my-account-custom-content-box {
        padding: 20px;
    }

    .my-account-custom-content-box form .admin-btn-group {
        padding-top: 20px;
        margin-top: 5px;
    }

    .my-account-custom-content-box .custom-head h2,
    .tinv-wishlist .tinv-header h2 {
        font-size: 26px;
    }

    .mb-50,
    .tinv-wishlist .tinv-header {
        margin-bottom: 30px !important;
    }

    .my-account-custom-content-box .my_account_orders,
    .my-account-custom-content-box table {
        margin-top: 30px !important;
    }

    .my-account-custom-content-box table tr td.product-name .product-name-wrapper a,
    .my-account-custom-content-box table tr td span,
    .my-account-custom-content-box table tr td time,
    .my-account-custom-content-box .my_account_orders tr td,
    .my-account-custom-content-box .my_account_orders tr td a,
    .my-account-custom-content-box .my_account_orders tr td time,
    .my-account-custom-content-box .my_account_orders tr td span {
        font-size: 16px;
    }

    .my-account-custom-content-box table tr th,
    .my-account-custom-content-box .my_account_orders tr th {
        font-size: 15px;
    }

    .my-account-custom-content-box table tr th,
    .my-account-custom-content-box table tr td {
        padding: 15px 8px;
    }

    .woocommerce-MyAccount-navigation ul li a,
    .woocommerce-MyAccount-navigation ul li button {
        font-size: 16px;
    }

    .my-account-page-banner-wrapper .content-wrapper p {
        font-size: 18px;
    }

    .green-btn {
        padding: 10px 15px !important;
    }
}

@media (max-width: 1199px) {
    .home-banner-slider-wrapper .banner-slider .slick-dots {
        max-width: 960px !important;
    }

    header .header-inner,
    header .top-bar-wrapper .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper h2 {
        font-size: 46px;
    }

    .home-banner-slider-wrapper .banner-slider-single {
        padding-top: 100px;
    }

    header .header-inner .header-navigation-wrapper .primary-menu-wrapper .primary-menu li {
        margin-left: 15px;
    }

    header .header-inner .header-titles-wrapper .header-titles .site-logo img {
        height: 50px;
    }

    .header-search-form .form-group input[type="search"] {
        width: 200px;
    }

    .custom-page-checkout .woocommerce-checkout .col2-set,
    .custom-page-checkout .order_review_container {
        width: 100%;
        padding: 0 !important;
    }

    .woocommerce-MyAccount-navigation {
        padding-right: 30px !important;
    }
}

@media (max-width: 999px) {
    header .header-inner .header-titles-wrapper {
        justify-content: space-between;
        padding: 0;
    }

    .header-search-form .form-group {
        margin-top: 20px;
    }

    .header-search-form .form-group input[type="search"] {
        width: 100%;
    }

    header .header-inner {
        position: relative;
    }

    header .header-inner .toggle {
        height: fit-content;
        top: 26px;
    }

    header .header-inner .dropdown {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 85px;
        height: fit-content;
    }

    .menu-modal {
        z-index: 999;
    }

    .menu-modal .menu-top button {
        outline: none;
    }

    .menu-modal .menu-top button .toggle-text {
        display: none;
    }

    .menu-modal .menu-top .mobile-menu .modal-menu li {
        border-color: #DADEE3 !important;
    }

    .menu-modal .menu-top .mobile-menu .modal-menu li a {
        font-size: 29px;
        text-decoration: none !important;
        font-weight: 400;
        line-height: normal;
        color: #46494F;
    }

    .menu-modal .menu-top button .svg-icon {
        height: 3rem;
        width: 3rem;
    }

    header .header-inner .toggle .toggle-inner .toggle-icon,
    header .header-inner .toggle .toggle-inner .toggle-icon svg {
        width: 100%;
        height: 100%;
    }

    header .header-inner .toggle {
        width: 3rem;
        height: 3rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        right: 20px;
    }

    header .header-inner .toggle .toggle-inner {
        padding: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .mb-md-50 {
        margin-bottom: 50px;
    }

    .home-banner-slider-wrapper .banner-slider .slick-dots {
        max-width: 720px !important;
        bottom: 30px;
    }

    .wholesaler-list-wrapper {
        margin-top: 80px;
    }

    .wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .wholesaler-list-wrapper p,
    .product-list-wrapper p {
        font-size: 16PX;
    }

    .product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .product .product-gallery-wrap {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .product .product-content-wrap {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .custom-page-cart .woocommerce table.shop_table tbody tr td {
        padding: 20px 12px;
        position: relative;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td::before {
        position: absolute;
        top: 0;
        left: 12px;
        bottom: 0;
        height: fit-content;
        margin: auto;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td:first-child {
        padding-left: 12px;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td:last-child {
        padding-right: 12px;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.product-name::before {
        display: none;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.product-quantity .quantity {
        justify-content: flex-end;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td .product-name-img-wrap a {
        font-size: 18px;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td .product-name-img-wrap a img {
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.product-remove {
        text-align: right !important;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.product-remove::before {
        content: "Action";
        position: absolute;
        float: left;
        display: block;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.product-remove .remove {
        margin-left: auto;
    }

    .my_cart_wrapper .cart-collaterals .cart_totals table tbody tr.shipping td::before {
        margin: 0;
        top: 20px;
    }
}

@media (max-width: 767px) {
    .footer-wrapper {
        margin-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .breadcrumb-custom {
        margin: 30px 0 !important;
    }

    .wholesaler-list-wrapper {
        margin-top: 50PX;
    }

    .wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .comnn-h2 {
        font-size: 36px;
    }

    .product-list-wrapper .product-iteam-list-wrapper .product-iteam-single-wrapper {
        flex: 100%;
        max-width: 100%;
    }

    .home-banner-slider-wrapper .banner-slider .slick-dots {
        max-width: 540px !important;
        bottom: 30px;
    }

    .home-banner-slider-wrapper .banner-slider-single {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper h1 {
        font-size: 16px;
    }

    .home-banner-slider-wrapper .banner-slider-single .content-wrapper p {
        font-size: 20px;
    }

    .our-process-wrapper {
        margin-top: 50px;
    }

    .our-process-wrapper .our-process-step-wrapper {
        margin: 0;
        margin-top: 50px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap {
        flex: 100%;
        max-width: 100%;
        text-align: left;
        display: flex;
        padding-bottom: 70px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap:last-child {
        padding-bottom: 0 !important;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .icon-wrap {
        justify-content: flex-start;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step {
        flex-shrink: 0;
        margin-right: 25px;
    }

    .our-process-wrapper .our-process-step-wrapper .our-process-step-single-wrap .step::before {
        left: 42px;
        top: 0;
        width: 6px;
        height: 100%;
    }

    header .top-bar-wrapper .top-bar-liks-wrapper .iteam {
        padding-left: 15px;
        margin-left: 15px;
    }

    header .top-bar-wrapper .top-bar-liks-wrapper .iteam button {
        outline: none;
    }

    .my_cart_wrapper .cart-collaterals .cart_totals {
        width: 100%;
        padding: 0 20px;
    }

    .custom-page-cart .woocommerce table.shop_table tbody tr td.actions .coupon {
        margin-bottom: 20px;
    }

    .custom-page-checkout .order_review_container h3,
    .custom-page-checkout .order_review_container table tr td,
    .custom-page-checkout .order_review_container table tr th,
    .custom-page-checkout .woocommerce-checkout-payment {
        padding: 20px 12px !important;
    }

    .custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .checkout-order-product-image {
        flex-shrink: 0;
    }

    .custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .checkout-order-product-image img {
        width: 60px;
        height: 60px;
    }

    .custom-page-checkout .order_review_container table tbody tr td .product-iteam-details-wrap .content-wrapper {
        width: 100%;
        font-size: 16px;
    }

    .custom-page-checkout .order_review_container table tfoot tr th,
    .custom-page-checkout .order_review_container table tfoot tr td,
    .custom-page-checkout .order_review_container table tfoot tr td span,
    .custom-page-checkout .order_review_container table tfoot tr td label {
        font-size: 16px;
    }

    .custom-page-checkout .order_review_container table tfoot tr.order-total th,
    .custom-page-checkout .order_review_container table tfoot tr.order-total td span {
        font-size: 18px;
    }

    .custom-page-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
    .custom-page-checkout .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        padding: 0 !important;
        padding-bottom: 40px !important;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    .product .product-content-wrap .summary .price,
    .product .product-content-wrap .summary .price span bdi {
        font-size: 30px;
    }

    .product .product_information h3 {
        font-size: 36px;
    }

    .product .product_information {
        margin-top: 50px;
    }

    .product .product-gallery-wrap .images .wpgis-slider-nav .slick-list .slick-slide {
        width: 75px;
        height: 75px;
    }

    .product .product-gallery-wrap .images .wpgis-slider-nav {
        width: 75px;
    }

    .my_cart_wrapper {
        margin-top: 40px;
    }

    .custom-page-checkout .woocommerce-checkout .comnn-h2 {
        margin-bottom: 40px;
    }

    .woocommerce-order-received .woocommerce-order {
        padding-top: 50px;
    }

    .woocommerce-order-received .woocommerce-notice-success-wrapper {
        padding: 30px;
        margin-bottom: 50px;
    }

    .woocommerce-order-received .woocommerce-notice-success-wrapper .img-wrapper {
        width: 100px;
        height: 100px;
    }

    .woocommerce-order-received .woocommerce-notice-success-wrapper span {
        font-size: 36px;
        line-height: 1;
    }

    .woocommerce-order-received .woocommerce-notice-success-wrapper .woocommerce-notice {
        font-size: 16px;
    }

    .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns .woocommerce-column,
    .woocommerce-view-order .woocommerce-columns .woocommerce-column {
        max-width: 100%;
        flex: 100%;
    }

    .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns .woocommerce-column.woocommerce-column--billing-address,
    .woocommerce-view-order .woocommerce-columns .woocommerce-column.woocommerce-column--billing-address {
        padding-bottom: 25px !important;
    }

    .woocommerce-lost-password .woocommerce .lost_reset_password {
        max-width: 100%;
        margin-top: 50px;
        padding: 0 20px;
    }
}

@media (max-width: 699px) {
    header .header-inner .dropdown {
        right: 65px;
    }
}

@media (max-width: 500px) {
    .wholesaler-list-wrapper .wholesaler-iteam-list-wrapper .wholesaler-iteam-single-wrapper {
        flex: 100%;
        max-width: 100%;
    }
}

form input.field-error,
form select.field-error {
    border: 1px solid red !important;
}

/* display none  */
header.entry-header.has-text-align-center.header-footer-group {
    display: none;
}

.post-inner {
    padding: 0;
}

/* display none  */