/**********************************************/
/*************** Global CSS *******************/
/**********************************************/
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');

html,
body {
    font-size: 16px;
    color: #4A5565;
    text-align: left;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
}

a,
button {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    color: #111111;
    cursor: pointer;
}

p {
    margin: 0 0 15px 0;
    line-height: 150%;
    color: #4A5565;
    font-size: 20px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #101828;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    display: block;
    font-family: "Arvo", serif;
}

.container {
    width: 100%;
    max-width: 1280px;
    padding-left: 32px;
    padding-right: 32px;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

ul,
ol {
    margin: 0 0 0 0;
}

figure {
    margin: 0;
}

ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


ul>li {
    padding: 0 0 0 0;
    line-height: 24px;
    margin-bottom: 0;
}

ul ul>li {
    padding: 0 0 0 20px;
    line-height: 30px;
}

ul ul ul>li {
    padding: 0 0 0 20px;
}

ul ul {
    margin: 0;
    padding: 0
}

ul ol {
    margin: 0
}

ol ul {
    margin: 0;
    padding: 0
}

ol ol {
    margin: 0;
}

ol {
    padding: 0 0 0 30px;
    margin: 0 0 0 0;
}

ol>li {
    line-height: 32px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #717182;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #717182;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #717182;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717182;
    opacity: 1;
}

.button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 47px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.button:hover {
    background: #1e2939;
}

.button-secondary {
    background: transparent;
    border: 1px solid #E5E7EB;
    color: #101828;
    height: 40px;
    line-height: 40px;
    padding: 0 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.button-secondary:hover {
    background: #e9ebef;
    color: #030213;
}

.post,
.page {
    margin: 0 0 0;
}

/***********************************************/

/***********************************************/
/*************** HomePage CSS *******************/
/***********************************************/
.site-main {
    background: #F4F5F7;
    padding: 8px 10px;
}

.top-announcement-bar {
    background: #030213;
    padding: 12px 0 11px;
}

.top-announcement-bar-wrapper {
    text-align: center;
}

.top-announcement-bar-wrapper p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
}

.top-announcement-bar-wrapper p a {
    text-decoration: underline;
    color: #FFFFFF;
    display: block;
    display: inline-block;
}

.top-announcement-bar-wrapper p a:hover {
    text-decoration: none;
}

/**************** Search Cart User css ************/
.header-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.search-bar {
    position: relative;
}

.search-bar .search-input {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    background: #f9fafb;
    border-radius: 10px;
    height: 38px;
    width: 256px;
    color: #99A1AF;
    font-size: 14px;
    padding: 0 20px 0 38px;
    border: 3px solid transparent;
}

.search-bar .form-control.search-input:focus {
    border-color: #c2c3c5;
    border-width: 3px;
    background: #fff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.search-bar .search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    width: 20px;
    stroke: #99a1af;
}

.user-account {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-account a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-account span {
    color: #3F495B;
    font-size: 18px;
    font-family: "Arvo", serif;
    transition: all 0.5s ease;
}

.user-account span:hover {
    color: #101828;
}

.cart-number {
    width: 22px;
    height: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1E2939;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 0;
}

.cart-number span {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1199px) {
    .search-bar .search-input {
        width: 100%;
    }
}

@media (max-width:991px) {
    .user-account {
        display: none;
    }

    .mobile-user-account .user-account span {
        display: block;
    }

    .mobile-user-account .user-account {
        display: flex;
        align-items: center;
        gap: 0;
        background: #F9FAFB;
        border-radius: 8px;
    }

    .mobile-user-account .user-account a img {
        max-width: 20px;
        margin: 0 0px 0 0;
    }

    .mobile-user-account .user-account img {
        max-width: 20px;
        margin: 0 16px 0 0;
    }

    .mobile-user-account {
        margin: 20px 16px 0;
        padding: 0 0 16px !important;
        border-bottom: 1px solid #43402E1A;
    }

    .mobile-user-account .user-account a {
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 10px;
        width: 100%;
    }

    .search-bar {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 26px;
    }

    .search-bar .search-icon {
        left: 35px;
    }

    .site-header__wrap {
        padding: 10px 0 75px !important;
    }

    .header__icons .cart-number {
        top: -6px;
    }

    .header__icons .cart_main_box.addtocart_main {
        margin: 0 10px 0 0;
    }
}

@media (max-width:575px) {
    .search-bar {
        width: 100%;
        padding: 0 26px;
    }
}

/********************************************/

/************* Navigation CSS *****************/
.header-main {
    margin: 10px 0 0 0;
    background-color: #E7E9ED;
    border-bottom: 1px solid #D6D6D6;
}

.site-header {
    position: fixed;
    padding: 10px 20px;
    width: 100%;
    z-index: 99;
}

.site-header__wrap>div {
    width: 100%;
}

.site-header__wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 0;
}

.site-header .site-header__logo {
    max-width: 107px;
}

.site-header__links nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.site-header__links nav ul li .site-header__menu-link {
    padding: 0 10px 30px;
    font-size: 18px;
    color: #3F495B;
    font-weight: 400;
    font-family: "Arvo", serif;
    text-decoration: none;
}

.site-header__links nav ul li .site-header__menu-link:hover {
    color: #101828;
}

.site-header__links nav ul li:first-child .site-header__menu-link {
    padding-left: 0
}

.site-header__links nav ul li .site-header__menu-link svg {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    width: 13px;
    margin: -1px 0 0 0;
}

.site-header__links nav ul li .site-header__menu-link span {
    margin-right: 3px;
    position: relative
}

.site-header__links nav ul li .site-header__menu-link span:first-child:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: var(--primary-color);
    transition: width .3s linear
}

.site-header__links nav ul li .site-header__menu-link:hover span:first-child:after {
    width: 100%
}

.site-header__links nav ul li:last-child .site-header__menu-link {
    padding: 30px 0 30px 24px
}

.site-header__links nav ul li:hover svg {
    transform: none;
}

.header__icons {
    display: flex;
    justify-content: flex-end;
    gap: 35px;
}

.site-header .site-header__megamenu {
    position: absolute;
    top: 90%;
    padding: 30px 0;
    width: 1280px;
    left: 50%;
    transform: translateY(0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none;
    background-color: #fff;
    z-index: 1;
}

.site-header__megamenu.megamenu.menu-learn {
    padding: 38px 0;
}

.site-header__megamenu.megamenu.menu-learn .megamenu__links .remove-arrow img {
    display: none;
}

.site-header__links nav ul li:hover .site-header__megamenu,
.site-header__links nav ul li:focus-within .site-header__megamenu {
    transform: translateY(0);
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.megamenu .megamenu__wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.megamenu .megamenu__wrap .megamenu__left {
    max-width: 250px;
    width: 100%;
    margin-right: 20px;
}

.megamenu .megamenu__left a {
    display: block
}

.megamenu .megamenu__right {
    max-width: 100%;
    width: 100%
}

.megamenu .megamenu__right .megamenu-wrapper .col-lg-3 {
    padding: 0 8px;
}

.site-header .megamenu__links a {
    position: relative;
    max-width: 85%;
    padding: 14px 0;
    margin: 0 0 5px 0;
    font-family: "Arvo", serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #101828;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
}

.site-header .megamenu__links a:hover {
    color: #4a5565;
}

.site-header .megamenu__links a img {
    max-width: 16px;
}

.site-header .megamenu__links a.active {
    background: #F3F4F6;
    padding: 14px 20px;
    width: 100%;
    max-width: 85%;
    color: #101828;
}

.site-header .megamenu__links a.active:first-child,
.site-header .megamenu__links a.active:last-child {
    background: transparent;
    padding: 14px 0;
}

.megamenu__left .megamenu__links a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: var(--primary-color);
    transition: all .3s ease-in
}

.megamenu__left .megamenu__links a:hover:after {
    width: 100%
}

.megamenu .megamenu-bestsellers__wrap {
    display: flex;
    margin: 0 -12px;
    align-items: stretch
}

.megamenu .megamenu-bestsellers__wrap .megamenu-bestsellers__product {
    padding: 0 12px;
    position: relative;
    max-width: 251px;
    width: 100%
}

.bestseller-product__details {
    margin-top: 0
}

.megamenu-bestsellers__wrap a {
    background: #F9FAFB;
    padding: 10px 16px;
    margin: 0 0 10px 0;
    border-radius: 8px;
    font-size: 16px;
    color: #3F495B;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    font-family: "Arvo", serif;
}

.megamenu-bestsellers__wrap .mobile-menu__link a.megamenu-bestsellers__product {
    background: #F9FAFB;
    padding: 10px 16px;
    margin: 0 0 10px 0;
    border-radius: 0;
    font-size: 16px;
    color: #3F495B;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    font-family: "Arvo", serif;
    flex: 0 0 100%;
}

.megamenu-bestsellers__wrap .mobile-menu__link a.megamenu-bestsellers__product.active {
    border: 1px solid #ebe6e7;
    color: #101828;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items {
    background: transparent;
    border: 1px solid #E5E7EB;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items .mobile-prod-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items .mobile-prod-item .mobile-prod-icon {
    background: #f3f4f6;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items .mobile-prod-item .mobile-prod-icon img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(347deg) brightness(105%) contrast(111%);
    width: 16px;
    height: 16px;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items .mobile-prod-item .mobile-prod-desc h4 {
    color: #101828;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: normal;
}

.megamenu-bestsellers__wrap .mobile-menu__item a.mobile-prod-sub-items .mobile-prod-item .mobile-prod-desc span {
    font-size: 12px;
    font-family: "Arimo", sans-serif;
}

.megamenu-bestsellers__product {
    color: #3F495B;
    width: 100%
}

.megamenu .bestsellers__product__details span {
    color: #3F495B;
}

.megamenu-bestsellers__product .bestseller-product__name {
    font-family: "Arvo", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%
}

.megamenu__bestsellers-tag.eq-tag {
    position: absolute;
    z-index: 5;
    background-color: #43402e;
    top: 8px;
    left: 8px;
    font-size: 14px
}

.site-header__menu .menu-bar {
    background: transparent;
    border: transparent;
    padding: 6px;
}

.site-header__menu .icon-menu svg {
    padding: 3px;
}

.site-header__menu .icon-close svg {
    padding: 3px;
}

.site-header__wrap .hide {
    display: none;
    max-width: 230px;
    max-height: 256px;
    object-fit: cover;
}

.megamenu__right .shop-by-goal-product .product-img img {
    max-width: 190px;
    max-height: 233px;
    object-fit: cover;
}

.megamenu__right .shop-by-goal-product {
    padding: 10px;
    min-height: 255px;
}

.megamenu__right .shop-by-goal-product .product-desc {
    padding: 0 10px;
}

.megamenu__right .shop-by-goal-product:hover {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.megamenu__right .shop-by-goal-product:hover .product-img img {
    transform: none;
}

.megamenu__right .shop-by-goal-product .product-desc a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

.megamenu__right .shop-by-goal-product .product-desc a img {
    max-width: 5px;
    display: inline-block;
    margin: 0 0 0 5px;
}

.megamenu__right .shop-by-goal-product .product-desc a h3 {
    font-size: 14px;
    margin: 0;
}

.megamenu__right .shop-by-goal-product .product-tag-name {
    background: transparent;
    border-radius: 0;
    height: auto;
    padding: 0;
}

.megamenu__right .shop-by-goal-product .product-tag-name span {
    color: #fff;
    font-weight: 400;
}

.megamenu__right .shop-by-goal-product .tag-icon {
    background: #adadad;
}

.site-header .megamenu__links a:nth-child(1) .shop-all {
    display: none;
}

.site-header .megamenu__links a:nth-child(1):hover .shop-all {
    display: block;
}

.site-header .megamenu__links a:nth-child(1):hover~.megamenu-wrapper .shop-all {
    display: block;
}

.megamenu__wrap .megamenu__links a:nth-child(2):hover~.megamenu-wrapper .shop-benefit {
    display: block;
}

.site-header .site-header__megamenu.menu-learn .megamenu__links {
    padding: 0 0 0 20px;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 24px;
}

.mobile-menu__content .knowledge-hub {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 15px;
    margin: 0 0 10px 0;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub h4,
.mobile-menu__content .knowledge-hub h4 {
    color: #101828;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub p,
.mobile-menu__content .knowledge-hub p {
    font-size: 18px;
    color: #4A5565;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub a,
.mobile-menu__content .knowledge-hub a {
    font-size: 16px;
    font-family: "Arvo", serif;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #101828;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub a img,
.mobile-menu__content .knowledge-hub a img {
    width: 12px;
}

.site-header .site-header__megamenu.menu-learn .knowledge-hub a:hover {
    text-decoration: none;
    color: #384355;
}

.site-header .site-header__megamenu.menu-learn .megamenu__links a {
    display: block;
    padding: 0 0 13px 0;
    margin: 0 0 0;
}

.site-header .site-header__megamenu.menu-learn .megamenu__links a.active {
    background: transparent;
}

.site-header .site-header__megamenu.menu-learn .megamenu__links a:hover {
    display: block;
    padding: 0 0 13px 0;
    margin: 0 0 0;
    background: transparent;
    text-decoration: none;
    color: #384355;
}

.mobile-menu .js-accordion-content {
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 1012px) {
    .site-header__links nav ul li .site-header__menu-link {
        padding: 30px 9px;
    }

    .site-header__links nav ul li:last-child .site-header__menu-link {
        padding: 30px 0 30px 9px
    }

    .site-header__links nav ul li .site-header__menu-link span {
        margin-right: 0;
        position: relative
    }
}

@media only screen and (min-width: 992px) {
    .site-header__wrap .lg-hide {
        display: none;
    }

}

@media (max-width: 1279px) {

    .site-header .site-header__megamenu {
        width: 96%;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1013px) {
    .site-header__links nav ul li .site-header__menu-link {
        padding: 30px 14px;
    }

    .header__icons {
        gap: 15px;
    }
}

@media (max-width: 1024px) {
    .header__icons {
        gap: 10px;
    }

    .user-account a {
        gap: 5px;
    }
}

@media only screen and (max-width: 1024px) {
    .site-header__links nav ul li .site-header__menu-link span {
        margin-right: 0
    }

    .site-header__links nav ul li .site-header__menu-link {
        font-size: 18px
    }

    .site-header__icons {
        max-width: 140px
    }
}

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

    .site-header__wrap>div {
        width: auto;
    }

    .site-header {
        padding: 10px 16px;
    }

    .site-header__wrap,
    .header__icons,
    .site-header__links nav ul {
        justify-content: space-between;
    }

    .banner-light #js-header-logo-dynamic-color {
        filter: brightness(0) invert(1)
    }

    .not-opaque #js-header-logo-dynamic-color,
    .not-opaque-top #js-header-logo-dynamic-color {
        filter: unset
    }

    .site-header {
        background-color: transparent;
    }

    .site-header .mb-hide {
        display: none;
    }

    /*.site-header.not-opaque,
    .site-header.not-opaque-top {
        background-color: #E7E9ED;
    }*/
    .header-main {
        position: relative;
    }

    .site-header.not-opaque-top .mobile-menu {
        --header-height: 190px;
        top: 125px;
        height: calc(100dvh - 190px);
        width: 100%;
        margin: 0;
        position: absolute;
    }

    .mobile-menu {
        position: fixed;
        transform: none;
        background-color: #fff;
        width: 100%;
        height: calc(100dvh - 190px);
        z-index: 5;
        transition: all .35s ease;
        overflow: auto;
        opacity: 0;
        left: 0;
        display: none;
    }

    .mobile-menu.open {
        display: block;
        opacity: 1;

    }

    .mobile-menu .bestseller-showcase {
        padding-bottom: 16px
    }

    .mobile-menu .swiper {
        overflow: visible
    }

    .mobile-menu .swiper-wrapper {
        margin-right: -16px
    }

    .site-header .megamenu__links a {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        background: #F9FAFB;
        font-family: "Arvo", serif;
        padding: 10px 16px;
        margin: 0 0 10px 0;
        border-radius: 8px;
        border: 0;
        display: flex;
        max-width: 100%;
        color: #3F495B;
    }

    .megamenu-bestsellers__product,
    .megamenu .bestsellers__product__details span {
        display: block
    }

    .mobile-menu .mobile-menu__link:last-child {
        border-bottom: 1px solid transparent
    }

    .mobile-menu__link {
        display: flex;
        justify-content: space-between;
        border-bottom: 0;
    }

    .mobile-menu__link.learn-main-menu {
        border-top: 1px solid #43402E1A;
    }

    .mobile-menu__item.is-open .mobile-menu__link {
        border-bottom: 1px solid transparent;
    }

    .mobile-menu__content.js-accordion-content.mobile-prod-sub-item {
        padding: 0 0 0 15px;
    }

    .mobile-menu__link a {
        flex: 0 0 95%;
        padding: 14.5px 0;
        color: #101828;
        font-family: "Arvo", serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        text-transform: capitalize;
        text-decoration: none;
    }

    .mobile-menu__item {
        color: var(--primary-color)
    }

    .mobile-menu__item button {
        background: transparent;
        border: transparent;
        width: 100%;
        text-align: left;
        position: relative;
        flex: 0 0 5%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        padding: 0;
    }

    .mobile-menu__item.is-open button {
        transform: rotate(0);
        flex: 0 0 0%;
        padding: 0;
    }

    .mobile-menu__item.is-open button img {
        width: 16px;
        height: 16px;
        display: flex;
        flex-shrink: 0;
    }

    .megamenu-bestsellers__wrap.is-open button img {
        transform: rotate(90deg);
    }

    .mobile-menu__item button svg,
    .mobile-menu__item button span {
        display: none;
        max-width: max-content;
        height: 100%
    }

    .mobile-menu__item button a {
        display: inline-block;
        align-items: flex-start;
    }

    .megamenu__header {
        margin-bottom: 12px;
    }

    .mobile-menu>*:not(.mobile-menu__content) {
        padding: 0 16px;
    }

    .site-header__menu {
        max-width: 180px;
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .site-header__wrap .header__icon--account.small-hide {
        display: inline-flex !important;
    }

    .site-header__icons {
        max-width: 92px;
        align-items: center;
    }

    .site-header__menu {
        max-width: 60px;
        width: 100%
    }

    .site-header__icons .header__icon {
        height: 28px;
        width: 28px;
        padding: 0;
    }

    .site-header__icons span {
        padding: 0;
    }

    .site-header__icons .header__icon .svg-wrapper {
        width: 20px;
        height: auto;
    }

    .mobile-menu .swiper {
        overflow: visible;
    }

    .mobile-menu .swiper-wrapper {
        margin-right: -16px;
    }

    .megamenu__header {
        margin-bottom: 12px;
    }

    .megamenu__header .megamenu__subtitle {
        font-size: 22px;
        line-height: 26px;
    }

    .megamenu__header .megamenu__see-all span {
        font-size: 12px;
    }

    .megamenu__header .megamenu__see-all img {
        max-width: 16px;
    }

    .megamenu-bestsellers__product .bestseller-product__name {
        font-size: 16px;
    }

    .megamenu-bestsellers__product .bestseller-product__name p {
        margin: 0;
        font-size: 16px;
    }

    .bestseller-product__details span {
        font-size: 11px;
        line-height: 1.4;
        display: block;
    }

    .mobile-menu__content .knowledge-hub h4 {
        font-size: 18px;
        line-height: normal;
    }

    .mobile-menu__content .knowledge-hub p {
        font-size: 16px;
    }

    .mobile-menu__content .knowledge-hub a {
        font-size: 16px;
    }

    .site-header.not-opaque-top .mobile-menu {
        --header-height: 190px;
        top: 125px;
        height: calc(100dvh - 190px);
        width: 100%;
        margin: 0;
        position: absolute;
    }

    .mobile-menu {
        --header-height: 190px;
        top: 190px;
        position: fixed;
        /*transform: translate(-100%);*/
        background-color: #fff;
        width: 100%;
        height: calc(100dvh - 190px);
        z-index: 5;
        overflow: auto;
        opacity: 0;
        left: 0;
        display: none;
    }

    .header__icons {
        gap: 10px;
    }
}

/*********************************************************/

/***********************************************/
/**************** Mini Cart Open css ************/
/***********************************************/
.mini_cart {
    width: 385px;
    height: 100%;
    position: fixed !important;
    background: #fff;
    padding: 0;
    left: 100%;
    top: 0;
    bottom: 0;
    z-index: 999;
    /*transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;*/
}

.cart_open .mini_cart {
    margin-left: -385px;
}

.cart-close {
    font-size: 14px;
    font-weight: 500;
    color: #4a5565;
    position: absolute;
    right: 16px;
    top: 17px;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    text-transform: uppercase;
}

.cart_prod_remove span.times-circle {
    color: #99a1af;
}

.cart-close svg {
    width: 20px;
    height: 20px;
    margin: -2px 0 0 4px;
}

.mini_cart li a img {
    width: 64px !important;
    height: 64px !important;
    float: left !important;
    margin: 0 15px 0 0 !important;
    border-radius: 10px;
    object-fit: contain;
}

.mini_cart .cart_img_box {
    border-radius: 10px;
    background: #f9fafb;
    width: 64px;
    margin: 0 10px 0 0;
}

.mini_cart .mini_cart_products {
    padding: 0 16px 60px;
    overflow-y: scroll;
    height: calc(100vh - 380px);
}

.mini_cart .mini_cart_item .remove {
    color: #222;
    font-size: 0;
    position: absolute;
    right: 16px;
    top: 18%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 20px;
    width: 20px;
}

.mini_cart .mini_cart_item .remove svg {
    width: 20px;
    height: 20px;
}

.mini_cart .mini_cart_item {
    position: relative;
    background: transparent;
    padding: 15px 15px 15px 15px !important;
    border: 1px solid #f6f3f4;
    border-radius: 10px;
}

.mini_cart ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

body.cart_open {
    overflow: hidden
}

body.profile_open {
    overflow: hidden
}

.site:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 100%;
    background: rgba(16, 24, 40, 0.1);
    bottom: 0;
    z-index: 9999;
    /*transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;*/
}

body .site {
    overflow: clip;
}

.cart_open .site:before {
    right: 385px
}

.mini_cart .mini_cart_item+.mini_cart_item {
    margin-top: 15px
}

#mini_cart .buttons .cart-minproduct .button {
    margin: 5px 0;
    font-weight: 700;
}

#mini_cart .cart-minproduct {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left
}

#mini_cart .cart-minproduct .button-secondary {
    width: 100%;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

#mini_cart .cart-minproduct .button-secondary:hover {
    background: #1f2937;
}

.mini_cart .mini_cart_item:before {
    display: none;
}

#mini_cart .cart-minproduct+.cart-minproduct a.btn-border {
    margin: 0 0 0 auto;
}

.cart-minproduct a.btn-border {
    width: 170px;
}

.cart_main_box {
    display: flex;
    align-items: center;
    position: relative;
}

.mini_cart .mini_cart_item a {
    font-size: 14px;
    color: #101828;
    text-decoration: none;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center;
}

.mini_cart .mini_cart_item span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 500;
}

.mini_cart .mini_cart_item p.price {
    font-size: 16px;
    font-weight: 500;
}

.cart_header {
    display: flex;
    justify-content: space-between;
    padding: 16px 16px;
    border-bottom: 1px solid #ebe6e7;
    margin: 0 0 16px 0;
    position: sticky;
}

.cart_header_title span {
    color: #101828;
    font-weight: 500;
}

.cart_prod_added {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

.cart_prod_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart_prod_price .price_box del {
    font-size: 14px;
    margin: 0 6px 0 0;
}

.cart_prod_price .price_box ins {
    background: transparent;
    font-weight: 600;
    font-size: 16px;
    color: #101828;
}

.qty_box {
    position: relative;
    width: 112px;
    padding: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    border-radius: 50px;
}

.qty_box .quantity-left-minus,
.qty_box .quantity-right-plus {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    background: transparent;
    padding: 0;
    border: 1px solid #d1d5dc;
    cursor: pointer;
}

.qty_box .quantity-left-minus:hover,
.qty_box .quantity-right-plus:hover {
    background: #fbf9fa;

}

.qty_box .quantity-left-minus {
    left: 0;
}

.qty_box .quantity-right-plus {
    right: 0;
}

.qty_box button i {
    margin: 0 auto;
}

.qty_box .quantity-left-minus i {
    background-position: -198px -37px;
    width: 16px;
    height: 2px;
    display: block
}

.qty_box .quantity-right-plus i {
    background-position: -172px -30px;
    width: 16px;
    height: 16px;
    display: block
}

.qty_box .form-control {
    height: 32px;
    border: transparent;
    font-size: 16px;
    box-shadow: none;
    padding: 0 35px;
    text-align: center;
    color: #444444;
    border-radius: 0;
    font-weight: 600;
}

.qty_box input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #202020;
    opacity: 1;
}

.qty_box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #202020;
    opacity: 1;
}

.qty_box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #202020;
    opacity: 1;
}

.qty_box form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #202020;
    opacity: 1;
}

.colourquantity_box_main {
    border: 2px solid #999999;
    margin-bottom: 20px;
    position: relative;
    border-radius: 50px;
}

.colourquantity_box_main label {
    margin: 0;
    line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 25px;
    color: #333333;
    font-size: 16px;
}

.product_detail_form {
    max-width: 300px;
    padding: 13px 0 0 0;
}

.qty_box button svg {
    fill: #777;
    width: 16px;
}

.mini_cart_products_subtotal {
    border-top: 1px solid #ebe6e7;
    border-bottom: 1px solid #ebe6e7;
    padding: 16px 0;
    background: #fff;
    margin: 0;
}

.mini_cart_prod_subtotal {
    display: flex;
    justify-content: space-between;
    padding: 0 16px 0;
}

.mini_cart_prod_subtotal span.subtotal {
    font-size: 16px;
    font-weight: 500;
    color: #101828;
}

.mini_cart_prod_subtotal span.subtotal_price {
    font-size: 18px;
    font-weight: 700;
    color: #101828;
}

.mini_cart_prod_buttons {
    padding: 16px 16px 0;
}

.footer_card_details {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    padding: 16px 0 0 0;
}

.footer_card_details svg,
.footer_card_details img {
    width: 16px;
    height: 16px;
}

.footer_card_details .card_img svg {
    width: 24px;
}

.footer_card_details .card_img img {
    width: auto;
    margin: 0 5px 0 0;
}

.footer_card_details span {
    color: #4a5565;
    font-size: 14px;
}

.mini_cart_footer_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 16px 0;
}

.mini_cart_footer_icons_items {
    text-align: center;
}

.mini_cart_footer_icons_items .cart_footer_icons {
    width: 48px;
    height: 48px;
    background: #f3f4f6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 7px;
}

.mini_cart_footer_icons_items .cart_footer_icons img {
    width: 20px;
}

.mini_cart_footer_icons_items .cart_footer_icons svg {
    width: 24px;
}

.mini_cart_footer_icons_items span {
    font-size: 12px;
    color: #4a5565;
}

.mini_cart_footer {
    position: sticky;
    bottom: 0;
    background: #fff;
}

.cart_unlock_free_delivery {
    padding: 0 16px 16px;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #ebe6e7;
}

.cart_unlock_free_delivery span {
    font-size: 14px;
    display: block;
    margin: 0 0 10px 0;
}

.cart_unlock_free_delivery .unlock_progress_bar {
    width: 100%;
    height: 8px;
    background: #e5e7eb;
    margin: 0 0 10px 0;
    border-radius: 0;
}

.cart_unlock_free_delivery .unlock_cart_price span {
    text-align: right;
    color: #101828;
    font-weight: 500;
    margin: 0;
}

.cart_unlocked {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ebe6e7;
    padding: 0 0 10px 0;
}

.cart_unlocked .unlocked {
    background: #f0fdf4;
    border: 1px solid #B9F8CF;
    width: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 10px;
    height: 38px;
    gap: 10px;
    padding: 10px 16px;
}

.cart_unlocked .unlocked span {
    color: #008236;
    font-weight: 700;
    font-size: 14px;
}

.cart_unlocked .unlocked svg {
    width: 20px;
    stroke: #008236;
}

.cart_unlocked .unlocked img {
    width: 20px;
    stroke: #008236;
}

.unlock_progress_bar {
    background: #eee;
    height: 8px;
    border-radius: 6px;
    overflow: hidden;
    margin: 8px 0;
}

.progress_fill {
    background: #000000;
    /* Green */
    height: 100%;
    transition: width 0.4s ease;
}

#mini_cart .empty_cart {
    text-align: center;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 26px;
}

#mini_cart .empty_cart h2 {
    font-size: 20px;
    font-weight: 400;
}

#mini_cart .empty_cart p {
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 20px 0;
}

#mini_cart .empty_cart a.button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0;
    width: 145px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#mini_cart .empty_cart a.button:hover {
    background: #1e2939;
    color: #fff;
}

#mini_cart .empty_cart .img-box {
    margin: 0 0 30px 0;
}

#mini_cart .empty_cart .img-box img {
    width: 300px;
}

#mini_cart .empty_cart a.button svg {
    width: 16px;
}



@media (max-width:575px) {
    .mini_cart {
        width: 385px;
        padding: 0;
    }

    .cart_open .mini_cart {
        margin-left: -385px;
    }

    .mini_cart .mini_cart_item a {
        font-size: 14px;
        line-height: normal;
    }

    .cart_open .site:before {
        right: 385px
    }
}

@media (max-width:439px) {
    .mini_cart {
        width: 355px;
        padding: 0;
    }

    .cart_open .mini_cart {
        margin-left: -355px;
    }

    .mini_cart .mini_cart_item a {
        font-size: 14px;
        line-height: normal;
    }

    .cart_open .site:before {
        right: 355px;
    }
}

/**************************************/

/***********************************************/
/**************** Hero Banner css ************/
/***********************************************/
.hero-banner {
    padding: 200px 0 65px;
    background: #F4F5F7;
    margin: 0 0 0 0;
}

.banner-desc h1 {
    font-size: 58px;
    line-height: 80px;
}

.banner-desc h1 .light-heading {
    background-image: linear-gradient(to right, #1f2937, #4b5563);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.banner-desc p {
    font-size: 20px;
    line-height: 34px;
    color: #4A5565;
    margin: 20px 0 30px;
}

.banner-desc ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 10px 0;
}

.banner-desc ul li svg {
    width: 20px;
    stroke: #00c951;
}

.banner-desc a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 24px 0 0 0;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
}

.banner-desc a.button img {
    max-width: 16px;
}

.hero-banner .hero-img {
    position: relative;
    padding: 0 0 0 12px;
}

.hero-banner .hero-img img {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.hero-img-tag .support-tag {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #000000;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0 0 0;
}

.hero-img-tag .support-tag span {
    color: #DADADA;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.hero-img-tag .support-tag span.text-number {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}

.hero-img-tag .quality-tag {
    position: absolute;
    bottom: -15px;
    box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    background: #fff;
    left: -5px;
    width: 184px;
    height: 78px;
    border-radius: 10px;
}

.hero-img-tag .quality-tag-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    gap: 10px;
}

.hero-img-tag .quality-tag-inner .quality-icon img {
    max-width: 40px;
}

.hero-img-tag .quality-tag-text p {
    margin: 0;
    color: #101828;
    font-size: 16px;
    font-weight: 700;
}

.hero-img-tag .quality-tag-text span {
    margin: 0;
    color: #737282;
    font-size: 14px;
}

@media (max-width:1439px) {
    .banner-desc h1 {
        font-size: 56px;
        line-height: normal;
    }
}

@media (max-width:1199px) {
    .hero-banner {
        padding: 215px 0 50px;
    }

    .hero-img-tag .quality-tag {
        left: -20px;
        height: 62px;
    }

    .hero-img {
        position: relative;
        margin: 0 0 60px 0;
    }

    .banner-desc h1 {
        font-size: 40px;
        line-height: normal;
    }

    .banner-desc {
        padding: 0;
    }

    .banner-desc p {
        margin: 10px 0;
        font-size: 18px;
        line-height: 150%;
    }

    .hero-banner .hero-img {
        padding: 0 0 0 0;
    }

    .hero-img-tag .quality-tag-inner {
        padding: 8px 0;
    }
}

@media (max-width:767px) {
    .banner-desc h1 {
        font-size: 36px;
        line-height: normal;
    }

    .hero-img-tag .quality-tag {
        left: -10px;
    }

    .hero-img-tag .quality-tag-inner {
        padding: 8px 0;
    }
}

@media (max-width:575px) {
    .banner-desc a.button {
        margin: 20px 0 0 0;
    }
}

/***********************************************/
/*************** Section Title Global CSS ***********/
/***********************************************/
.section-padding {
    padding: 65px 0;
}

.section-title {
    text-align: center;
    margin: 0 0 50px 0;
}

.section-title h2 {
    color: #101828;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
}

.section-title p {
    color: #4A5565;
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
}

@media (max-width:1199px) {

    .section-padding {
        padding: 30px 0;
    }

    .section-title {
        margin: 0 0 30px 0;
    }

    .section-title h2 {
        font-size: 32px;
        line-height: normal;
    }

    .section-title p {
        font-size: 18px;
    }

    .button {
        font-size: 16px;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width:767px) {
    .section-title h2 {
        font-size: 24px;
        line-height: normal;
    }

    .section-title p {
        font-size: 16px;
    }
}

/**********************************************************/

/***********************************************/
/****************** Best Seller css ************/
/***********************************************/
.best-seller {
    padding: 65px 0 0;
}

.featured_products_info {
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 24px;
    position: relative;
    min-height: 100%;
}

.featured_products_info:hover {
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.featured_products_info .prod_tag {
    background: #000;
    padding: 2px 12px;
    font-size: 12px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    margin: 0 0 15px 0;
    height: 22px;
    line-height: 150%;
}

.featured_products_info .prod_tag span {
    display: block;
    line-height: 150%;
}

.featured_products_info .prod_tag img {
    max-width: 12px;
    max-height: 12px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(0%) hue-rotate(203deg) brightness(117%) contrast(100%);
}

.featured_products_info a.img_box {
    background: #F9FAFB;
    display: block;
    border-radius: 10px;
    margin: 0 0 20px 0;
    aspect-ratio: 1 / 1;
}

.featured_products_info a.img_box img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.featured_products_info:hover .img_box img {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.featured_products_info .featured_products_cont a.featured_products_title {
    text-decoration: none;
    color: #101828;
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 10px 0;
    font-family: "Arvo", serif;
}

.featured_products_info .featured_products_cont p {
    color: #4A5565;
    font-size: 14px;
    margin: 0 0 15px 0;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured_products_info .review_star_box {
    display: flex;
    align-items: center;
    gap: 0 !important;
}

.featured_products_info .review_star_box span {
    color: #4A5565;
    font-size: 14px;
    margin: 0 0 0 10px;
    line-height: 120%;
    display: block;
}

.featured_products_info .review_star_box svg {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
}

.featured_products_info .review_star_box svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.featured_products_info .price_box {
    margin: 15px 0;
}

.featured_products_info .price_box ins {
    color: #101828;
    margin-right: 6px;
    font-size: 20px;
    text-decoration: none;
    background: transparent;
    font-weight: 700;
}

.featured_products_info .price_box del {
    color: #4A5565;
    font-size: 14px;
}

.featured_products_info .prod_add_to_cart .button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 36px;
    font-weight: 500;
}

.product-list-main .featured_products_info .prod_add_to_cart a.added_to_cart.wc-forward {
    display: none;
}

.featured_products_info .prod_add_to_cart .button img {
    max-width: 16px;
}

.featured_products_info .prod_add_to_cart img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3192%) hue-rotate(43deg) brightness(96%) contrast(115%);
}

.best-seller .btn-view-all {
    margin: 50px 0 0 0;
}

@media (max-width:1199px) {
    .featured_products_info {
        padding: 15px;
    }

    .best-seller .btn-view-all {
        margin: 20px 0 0 0;
    }

    .best-seller {
        padding: 40px 0 0;
    }

    .featured_products_info .featured_products_cont a.featured_products_title {
        font-size: 16px;
    }
}

@media (max-width:991px) {
    .best-seller {
        padding: 40px 0 0;
    }

    .featured_products_info {
        margin: 0 0 30px 0;
        min-height: auto;
    }

}

@media (max-width: 767px) {
    .product-list-main .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0;
        scrollbar-color: #fff #fff;
    }

    .product-list-main .product_list_col {
        flex: 0 0 auto;
        width: 285px;
    }

    .featured_products_info {
        padding: 15px;
        margin: 0;
    }

    .best-seller .btn-view-all {
        margin: 20px 0 0 0;
    }
}

@media (max-width:575px) {

    .button-secondary {
        width: 100%;
    }

    .btn-view-all {
        margin: 30px 0 0 0;
    }
}

/**********************************************/

/***********************************************/
/************** Testimonials css ******************/
/***********************************************/
.testimonials.section-padding {
    padding: 65px 0 50px;
}

.testimonials-card {
    border: 1px solid #E5E7EB;
    padding: 32px 32px 24px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    min-height: 350px;
}

.testimonials-card:hover {
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
}

.testimonials-card .testimonials-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
}

.testimonials-card .testimonials-icon img {
    max-width: 40px;
}

.testimonials-card .verified-icon {
    display: flex;
    align-items: center;
    background: #F0FDF4;
    border-radius: 20px;
    padding: 4px 8px;
    gap: 5px;
}

.testimonials-card .verified-icon span {
    color: #00A63E;
    font-size: 12px;
}

.testimonials-card .verified-icon img {
    max-width: 12px;
}

.testimonials-card .testimonials-title {
    background: #F9FAFB;
    margin: 0 auto 25px;
    border-radius: 20px;
    padding: 2px 10px;
    display: inline-block;
}

.testimonials-card .testimonials-title span {
    color: #4A5565;
    font-size: 14px;
    font-weight: 500;
}

.testimonials-card .testimonials-review-icon {
    margin: 0 0 25px 0;
}

.testimonials-card .review-rating svg {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
    margin: 0 2px 20px;
}

.testimonials-card .review-rating svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.testimonials-card .testimonials-desc {
    margin: 0 0 25px 0;
}

.testimonials-card .testimonials-desc p {
    font-size: 16px;
    line-height: 150%;
}

.testimonials-card .testimonials-client {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.testimonials-card .client-pic img {
    max-width: 48px;
    border-radius: 50%;
}

.testimonials-card .client-desc span.client-title {
    font-size: 16px;
    color: #101828;
    display: block;
    font-weight: 600;
}

.testimonials-card .client-desc span.client-sub-title {
    font-size: 14px;
    color: #4A5565;
}

@media (max-width: 1199px) {
    .testimonials-card {
        margin: 0 0 30px 0;
    }

    .testimonials.section-padding {
        padding: 40px 0;
    }
}

@media (max-width: 767px) {
    .testimonials-wrapper .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0;
        scrollbar-color: #fff #fff;
    }

    .testimonials-wrapper .col-sm-12 {
        flex: 0 0 auto;
        width: 320px;
    }

    .testimonials-card {
        padding: 15px;
    }
}

/**********************************************/

/***********************************************/
/************** counters css ******************/
/***********************************************/
.counters.section-padding {
    padding: 0 0 65px 0;
}

.counters {
    max-width: 1210px;
    margin: 0 auto;
}

.counter-box {
    text-align: center;
    transition: transform .18s ease;
}

.counter-box .counter-number {
    font-size: 30px;
    font-weight: 700;
    color: #101828;
    display: block;
}

.counter-box .counter-label {
    display: block;
    margin-top: 0;
    color: #4A5565;
    font-weight: 400;
    font-size: 18px;
}

@media (max-width: 991px) {
    .counters.section-padding {
        padding: 0 0 30px 0;
    }
}

@media (max-width: 767px) {
    .counter-box {
        text-align: center;
        margin: 0 0 20px 0;
    }

    .counter-box .counter-number {
        font-size: 24px;
    }

    .counter-box .counter-label {
        font-size: 14px;
    }
}

/**********************************************/

/***********************************************/
/**************** Shop by Goal css ************/
/***********************************************/
.shop-by-goal {
    background: #F9FAFB;
    overflow: hidden;
}

.shop-by-goal-product {
    border-radius: 10px;
    border: 1px solid #ebe6e7;
    padding: 20px 20px;
    position: relative;
    transition: all 0.5s ease;
    min-height: 360px;
}

.shop-by-goal-product:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    transition: background 0.3s ease;
    z-index: 1;
    border-radius: 10px;
}

.shop-by-goal-product:hover::before {
    background: rgba(0, 0, 0, 0.5);
}

/*.shop-by-goal-product:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.shop-by-goal-product:before:hover {
    background-color: rgba(0, 0, 0, 0.5);
}*/

.shop-by-goal-product .product-desc {
    position: absolute;
    bottom: 20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
    z-index: 1;
}

.shop-by-goal-product .product-desc a {
    text-decoration: none;
}

.shop-by-goal-product .product-desc a h3 {
    text-decoration: none;
    color: #fff;
    font-family: "Arvo", serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 150%;
}

.shop-by-goal-product .product-desc p {
    color: #F8FAFA;
    font-size: 12px;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.shop-by-goal-product .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-by-goal-product .product-price span {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

.shop-by-goal-product .product-price a.button {
    width: auto;
    height: 36px;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 12px;
}

.shop-by-goal-product .product-price a.button img {
    max-width: 16px;
}


.shop-by-goal-product .product-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    z-index: 1;
}

.shop-by-goal-product .tag-icon {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-by-goal-product .tag-icon img {
    max-width: 16px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(10%) hue-rotate(118deg) brightness(92%) contrast(100%);
}

.megamenu-bestsellers .shop-by-goal-product .tag-icon img {
    max-width: 16px;
    filter: brightness(0) saturate(100%) invert(94%) sepia(20%) saturate(102%) hue-rotate(130deg) brightness(107%) contrast(105%);
}

.shop-by-goal-product .product-tag-name {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    height: 28px;
    padding: 4px 8px;
}

.shop-by-goal-product .product-tag-name span {
    color: #101828;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.shop-by-goal-product .product-img {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-by-goal-product .product-img img {
    width: 287px;
    height: 270px;
    object-fit: cover;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.shop-by-goal-product:hover .product-img img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

@media (max-width:1199px) {
    .shop-by-goal-product .product-desc a h3 {
        font-size: 16px;
        margin: 0 0 10px 0;
        line-height: normal;
    }

    .shop-by-goal-product .product-price {
        display: block;
    }
}

@media (max-width:991px) {
    .shop-by-goal-product {
        margin: 0 0 30px 0;
    }

    .shop-by-goal-product .product-price {
        display: flex;
    }
}

@media (max-width: 767px) {
    .shop-by-goal-wrapper .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0;
        scrollbar-color: #F9FAFB #F9FAFB;
    }

    .shop-by-goal-wrapper .col-sm-12 {
        flex: 0 0 auto;
        width: 280px;
    }
}

/************************************/

/***********************************************/
/**************** Home About css ************/
/***********************************************/
.about {
    background: #F9FAFB;
    padding: 0 0 65px 0;
}

.about-blocks .about-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px 0;
}

.about-blocks .about-icon {
    background: #111111;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-shrink: 0;
}

.about-blocks .about-icon img {
    width: 24px;
}

.about-blocks .about-title h3 {
    color: #101828;
    font-size: 30px;
}

.about-blocks .about-inner-desc p {
    color: #4A5565;
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 30px 0;
}

.about-blocks .about-inner-desc a.button {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
}

.about-blocks .about-inner-desc a.button img {
    max-width: 16px;
}

.about-blocks {
    margin: 0 0 0 0;
}

.about-img {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.about-img img {
    width: 656px;
    height: 493px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .about-blocks .about-title h3 {
        color: #101828;
        font-size: 24px;
    }

    .about-blocks .about-inner-desc a.button {
        width: 200px;
        font-size: 16px;
    }

    .about-img img {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about-blocks .about-inner-desc {
        text-align: center;
        margin: 0 0 30px 0;
    }

    .about-blocks .about-title {
        justify-content: center;
        margin: 0 0 20px 0;
    }

    .about-blocks .about-inner-desc a.button {
        width: 100%;
    }

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

    .about-blocks {
        margin: 0 0 20px 0;
    }

    .about {
        padding: 0 0 30px 0;
    }

    .about-blocks .about-inner-desc p {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

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

/************************************/

/***********************************************/
/**************** Research-Expert css ************/
/***********************************************/
.research-expert-block {
    border: 1.5px solid #E5E7EB;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 14px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.research-expert-icon {
    background: #111111;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.research-expert-icon img {
    max-width: 20px;
}

.research-expert-desc h3 {
    font-size: 18px;
    margin: 0 0 8px 0;
    line-height: 150%;
}

.research-expert-desc p {
    font-size: 14px;
    color: #4A5565;
    margin: 0;
    line-height: 150%;
}

@media (max-width: 991px) {
    .research-expert-block {
        align-items: start;
    }
}

@media (max-width: 767px) {
    .research-expert-block {
        margin: 0 0 20px 0;
    }

    .research-expert-desc h3 {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .research-expert-desc h3 {
        font-size: 16px;
    }
}

/************************************/

/***********************************************/
/**************** Home FAQ css ************/
/***********************************************/
.faq {
    background: #F9FAFB;
    padding: 0 0 50px 0;
}

.faq-block {
    max-width: 896px;
    margin: 0 auto;
}

.faq-block .faq-desc {
    background: #fff;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 24px;
    border-radius: 10px;
    margin: 0 0 30px 0;
}

.faq-block .faq-desc h3 {
    font-size: 16px;
    margin: 0 0 12px 0;
    line-height: 150%;
    font-weight: 500;
    font-family: "Arimo", sans-serif;
}

.faq-block .faq-desc p {
    font-size: 16px;
    line-height: 150%;
    margin: 0;
}

.faq-block .faq-desc ul {
    padding: 0 0 0 30px;
}

.faq-block .faq-desc ul li {
    list-style: disc;
    margin: 0 0 5px 0;
}

.faq-block .faq-desc ul li:marker {
    color: #101828;
}

@media (max-width:991px) {
    .faq-block .faq-desc {
        padding: 24px;
        margin: 0 0 20px 0;
    }

    .faq-block .faq-desc h3 {
        font-size: 16px;
    }

    .faq-block .faq-desc p {
        font-size: 16px;
    }
}

/************************************/

/***********************************************/
/**************** Footer css ************/
/***********************************************/
.footer {
    background: #000000;
    padding: 65px 0 0 0;
}

.footer-top-info {
    padding: 0 0 50px 0;
}

.footer-top {
    margin: 0 0 30px 0;
}

.footer-top-info .footer-logo {
    margin: 0 0 40px 0;
}

.footer-top-info .footer-logo img {
    max-width: 130px;
}

.footer-top-info .footer-logo img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(88%) saturate(0%) hue-rotate(65deg) brightness(107%) contrast(101%);
    margin: 0 0 20px 0;
}

.footer-top-info .footer-logo p {
    color: #D1D5DC;
    font-size: 16px;
    line-height: 150%;
    max-width: 466px;
}

.footer-top-info .footer-contact-block {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 20px 0;
}

.footer-top-info .footer-contact-block a {
    color: #d1d5dc;
    font-size: 16px;
    text-decoration: none;
    display: block;
}

.footer-top-info .footer-contact-block a:hover {
    color: #fff;
}

.footer-top-info .footer-contact-block p {
    color: #d1d5dc;
    font-size: 16px;
    margin: 0;
}

.footer-top-info .footer-quick-links h4 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px 0;
}

.footer-top-info .footer-quick-links a {
    color: #d1d5dc;
    font-size: 16px;
    line-height: 150%;
    text-decoration: none;
    margin: 0 0 10px 0;
    display: inline-block;
}

.footer-top-info .footer-quick-links a:hover {
    color: #fff;
}

.footer-top-info .footer-newsletter p.get-update {
    color: #d1d5dc;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.footer-top-info .footer-newsletter p.subscribing {
    color: #d1d5dc;
    font-size: 12px;
    line-height: 150%;
    margin: 0;
}

.footer-top-info .footer-newsletter .Signup__form input {
    border: 1px solid #364153;
    background: #101828;
    color: #fff;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 6px;
    margin: 0 0 10px 0;
    width: 100%;
    height: 48px;
}

.footer-top-info .footer-newsletter .Signup__form input:focus-visible,
.footer-top-info .footer-newsletter .Signup__form input:focus {
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #6a7282;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.footer-top-info .footer-newsletter .Signup__form input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #587082;
    opacity: 1;
}

.footer-top-info .footer-newsletter .Signup__form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #587082;
    opacity: 1;
}

.footer-top-info .footer-newsletter .Signup__form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #587082;
    opacity: 1;
}

.footer-newsletter .Signup__form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #587082;
    opacity: 1;
}


.footer-top-info .footer-newsletter .Signup__form input::selection {
    /* WebKit, Blink, Edge */
    color: #fff;
    background: #000;
    opacity: 1;
}

.footer-top-info .footer-newsletter .Signup__form input::selection {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    background: #000;
    opacity: 1;
}

.footer-top-info .footer-newsletter .Signup__form input::selection {
    /* Mozilla Firefox 19+ */
    color: #fff;
    background: #000;
    opacity: 1;
}

.footer-newsletter .Signup__form input::selection {
    /* Internet Explorer 10-11 */
    color: #fff;
    background: #000;
    opacity: 1;
}

.footer-top-info .footer-newsletter .Signup__form .Signup__button {
    width: 100%;
    background: #fff;
    height: 48px;
    text-align: center;
    line-height: 48px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 600;
    color: #101828;
    margin: 10px 0;
    padding: 0;
}

.footer-top-info .footer-newsletter .Signup__form .Signup__button:hover {
    background: #e5e7eb;
}

.footer-top-info .footer-newsletter .wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    text-align: left;
}

.footer-top-info .Signup__form p {
    margin: 0;
}

.footer-top-info .Signup__form p br {
    display: none;
}

.footer-top-info .footer-newsletter .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.footer-bottom-info {
    border-top: 1px solid #333333;
    padding: 30px 0;
}

.footer-bottom-info .copyright p {
    color: #99a1af;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
}

.footer-bottom-info .footer-btm-links {
    text-align: right;
}

.footer-bottom-info .footer-btm-links ul li {
    display: inline-block;
    margin: 0;
}

.footer-bottom-info .footer-btm-links ul li a {
    text-decoration: none;
    color: #99a1af;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 0 32px;
}

.footer-btm-links ul li a:hover {
    color: #FFFFFF;
}

@media (max-width:1199px) {
    .footer {
        padding: 50px 0 0 0;
    }

    .footer-top-info {
        padding: 0 0 20px 0;
    }

    .footer-bottom-info {
        padding: 20px 0;
    }

    .footer-btm-links ul li a {
        margin: 0 0 0 20px;
    }

    .footer-bottom-info .footer-btm-links ul li a {
        margin: 0 0 0 10px;
    }
}

@media (max-width:991px) {
    .footer-logo p {
        max-width: 100%;
    }

    .footer-top {
        text-align: center;
        margin: 0 0 20px 0;
    }

    .footer-contact-block {
        justify-content: center;
    }

    .footer-bottom-info {
        text-align: center;
    }

    .footer-bottom-info .footer-btm-links {
        text-align: center;
    }

    .footer-bottom-info .footer-btm-links ul li a {
        margin: 0 10px;
    }

    .copyright {
        margin: 0 0 10px 0;
    }

    .footer-top-info .footer-logo p {
        max-width: 100%;
    }

    .footer-contact {
        margin: 0 auto;
        display: table;
    }

    .footer-top-info .footer-contact-block {
        justify-content: flex-start;
    }

    .footer-top-info .footer-logo {
        margin: 0 0 20px 0;
    }

    .footer-top-info .footer-newsletter .Signup__form .Signup__button {
        margin: 15px 0;
    }

    .footer-top-info .footer-newsletter .Signup__form input {
        margin: 0 0 10px 0;
    }
}

@media (max-width:767px) {
    .footer-quick-links.footer-newsletter {
        text-align: center;
        margin: 20px 0 0 0;
    }

    .footer-bottom-info .footer-btm-links ul li a {
        margin: 0 5px;
        font-size: 14px;
    }
}

/********************************************/

/***********************************************/
/************ scroll top ****************/
/***********************************************/
.scroll-top {
    background: #fff;
    border: none;
    padding: 0;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 25px;
    right: -50px;
    z-index: 3;
    border: 4px solid #030213;
    overflow: hidden
}

.scroll-top svg {
    margin-top: -1px;
    width: 18px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.scroll-top svg path {
    fill: #333;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.scroll-top:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    z-index: -1;
    margin: 0 -30px;
    -moz-transform: skewX(45deg) translateX(-100%);
    -ms-transform: skewX(45deg) translateX(-100%);
    -o-transform: skewX(45deg) translateX(-100%);
    -webkit-transform: skewX(45deg) translateX(-100%);
    transform: skewX(45deg) translateX(-100%);
    background: #030213;
}

.scroll-top:hover:before {
    -moz-transform: skewX(45deg) translateX(0);
    -ms-transform: skewX(45deg) translateX(0);
    -o-transform: skewX(45deg) translateX(0);
    -webkit-transform: skewX(45deg) translateX(0);
}

.scroll-top.visible {
    right: 15px;
}

.scroll-top:hover svg path {
    fill: #fff;
}

@media screen and (max-width: 991px) {
    .scroll-top.visible {
        right: 10px;
    }

    .scroll-top {
        width: 30px;
        height: 30px;
        bottom: 10px;
        border-width: 2px;
    }

    .scroll-top svg {
        margin-top: 0;
        width: 13px;
    }
}

@media screen and (max-width: 479px) {
    .scroll-top {
        bottom: 10px;
    }
}

/********************************************/

.section-padding-top {
    padding: 190px 0 0 0;
}

.about-section-bg {
    background: #F9FAFB;
}

/***********************************************/
/************ About Us css ****************/
/***********************************************/
.our_mission {
    padding: 0 0 60px 0;
}

.our_mission_wrapper {
    max-width: 1088px;
    margin: 0 auto;
}

.our_mission_desc h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.our_mission_desc p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin: 0 0 24px 0;
}

.our_mission_desc a {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 12px;
    height: 36px;
    font-weight: 400;
    font-size: 14px;
}

.our_mission_desc a img {
    max-width: 16px;
}

.our_mission_img {
    box-shadow: 0 25px 50px -12px #00000040;
}

.our_mission_img img {
    object-fit: cover;
    height: 355px;
    width: 100%;
}

.counters.about-counters.section-padding {
    padding: 65px 0;
}

.counters.about-counters .section-title h2 {
    color: #101828;
    font-size: 36px;
    line-height: 50px;
    font-weight: 400;
    margin: 0 0 16px 0;
}

.counters.about-counters .counter-box .counter-number {
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 8px 0;
    color: #101828;
    display: block;
    font-family: "Arvo", serif;
}

.our_core_values .section-title {
    margin: 0 0 60px 0;
}

.our_core_values .section-title h2 {
    color: #101828;
    font-size: 36px;
    margin: 0 0 16px 0;
    line-height: 50px;
    font-weight: 400;
}

.our_core_values_card {
    text-align: center;
    border: 1px solid #E5E7EB;
    padding: 24px;
    border-radius: 10px;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.our_core_values_card figure .icon_box {
    background: #111111;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_core_values_card figcaption h3 {
    color: #101828;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.our_core_values_card figcaption p {
    color: #4A5565;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 0;
}

.our_story_wrapper {
    max-width: 1088px;
    margin: 0 auto;
}

.our_story_desc {
    padding: 0 0 0 20px;
}

.our_story_desc h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.our_story_desc p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin: 0 0 24px 0;
}

.our_story_desc a {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 12px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
}

.our_story_desc a img {
    max-width: 16px;
}

.our_story_img img {
    box-shadow: 0 25px 50px -12px #00000040;
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.our_quality_commitment .section-title {
    max-width: 881px;
    margin: 0 auto 60px;
}

.our_quality_commitment .section-title h2 {
    color: #101828;
    font-size: 36px;
    line-height: 50px;
    font-weight: 400;
}

.our_quality_commitment_card {
    text-align: center;
}

.our_quality_commitment_card figure .icon_box {
    background: #111111;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_quality_commitment_card figcaption h3 {
    color: #101828;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 16px 0;
}

.our_quality_commitment_card figcaption p {
    color: #4A5565;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 0;
    padding: 0 0;
}

.our_quality_commitment_bottom_wrapper {
    max-width: 830px;
    margin: 0 auto;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 48px 48px 24px;
    text-align: center;
}

.our_quality_commitment_bottom_wrapper figure .icon_box {
    background: #111111;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_quality_commitment_bottom_wrapper figure .icon_box img {
    max-width: 30px;
}

.our_quality_commitment_bottom_wrapper figcaption h3 {
    color: #101828;
    font-size: 30px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.our_quality_commitment_bottom_wrapper figcaption p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 24px 0;
    padding: 0 50px;
}

.our_quality_commitment_bottom_wrapper a {
    width: auto;
    padding: 8px 14px;
    height: 36px;
    line-height: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.our_quality_commitment_bottom_wrapper a img {
    max-width: 16px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(11%) hue-rotate(183deg) brightness(104%) contrast(103%);
}

.our_quality_commitment_bottom_wrapper a.button-secondary img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7437%) hue-rotate(328deg) brightness(89%) contrast(89%);
}

.our_quality_commitment_bottom_wrapper a.button-secondary {
    background: #fff;
}

.our_quality_commitment_bottom_wrapper a.button-secondary:hover {
    background: transparent;
    color: #111111;
}

.our_quality_commitment_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

@media (max-width:1199px) {

    .our_mission_desc h1,
    .our_story_desc h2,
    .our_core_values .section-title h2,
    .our_quality_commitment .section-title h2 {
        margin: 0 0 10px 0;
        font-size: 36px;
    }

    .our_mission_desc p,
    .our_story_desc p {
        font-size: 18px;
        margin: 0 0 15px 0;
    }

    .counters.about-counters.section-padding {
        padding: 40px 0;
    }

    .our_core_values .section-title {
        margin: 0 0 40px 0;
    }

    .our_core_values_card {
        padding: 15px;
    }

    .our_story_desc {
        padding: 0 0 0 0;
    }

}

@media (max-width:991px) {
    .our_mission_desc {
        margin: 0 0 30px 0;
    }

    .our_mission {
        padding: 0 0 30px 0;
    }

    .our_mission_desc h1,
    .our_story_desc h2,
    .our_core_values .section-title h2,
    .our_quality_commitment .section-title h2,
    .counters.about-counters .section-title h2 {
        margin: 0 0 10px 0;
        font-size: 30px;
        line-height: 150%;
    }

    .our_story_desc {
        padding: 0 0 30px 0;
    }

    .our_quality_commitment .section-title {
        max-width: 100%;
        margin: 0 auto 30px;
    }

    .our_quality_commitment_card figcaption p {
        padding: 0;
    }

    .our_quality_commitment_bottom_wrapper {
        padding: 24px;
    }

    .our_quality_commitment_bottom_wrapper figcaption h3 {
        font-size: 24px;
    }

    .our_quality_commitment_bottom_wrapper figure .icon_box {
        width: 64px;
        height: 64px;
    }

    .our_quality_commitment_bottom_wrapper figure .icon_box img {
        max-width: 32px;
    }

    .our_quality_commitment_bottom_wrapper figcaption p {
        padding: 0;
        font-size: 16px;
        margin: 0 0 24px 0;
    }

    .our_core_values_card {
        padding: 24px;
        margin: 0 0 30px 0;
    }

    .counters.about-counters .counter-box .counter-number {
        font-size: 36px;
    }

    .our_mission_wrapper {
        max-width: 100%;
        margin: 50px auto 0;
    }
}

@media (max-width:767px) {

    .about-section-bg {
        background: #F9FAFB;
        padding: 20px 0 0;
    }

    .our_quality_commitment_card {
        text-align: center;
        margin: 0 0 20px 0;
    }

    .our_mission_wrapper {
        max-width: 100%;
        margin: 0 auto 0;
    }

    .our_story_img img,
    .our_mission_img {
        box-shadow: none;
    }
}

@media (max-width:575px) {
    .our_quality_commitment_btns {
        display: block;
    }

    .our_quality_commitment_bottom_wrapper a {
        width: 100%;
        padding: 0;
        margin: 12px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 34px;
        font-size: 14px;
    }

    .our_mission_desc a,
    .our_story_desc a {
        width: 100%;
    }

    .our_mission_desc p,
    .our_story_desc p {
        font-size: 16px;
        margin: 0 0 15px 0;
    }
}

/******************************************************/
/************ Product Listing Page css ****************/
/******************************************************/
.inner-section-padding-top {
    padding: 165px 0 0 0;
}

#primary.site-main {
    background: #fff;
    padding: 0;
}

#primary.site-main .entry-content {
    margin: 0;
}

.inner-section-padding-top.product-listing-main {
    background: #fff;
}

.product-listing-page {
    padding: 0 0 40px 0;
}

.product-category-page-links {
    text-align: center;
    position: relative;
    margin: 0 0 60px 0;
    display: flex;
    justify-content: center;
}

.product-category-links {
    text-align: center;
    padding: 0 0 20px 0;
    display: inline-flex;
    gap: 15px;
}

.product-category-links:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(142, 145, 148, 0.3);
    height: 1px;
    content: "";
}

.product-category-links a {
    text-decoration: none;
    padding: 12px 24px;
    border: 2px solid #000000;
    font-size: 16px;
    color: #000000;
    transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    background: #fff;
    font-weight: 500;
}

.product-category-links a.active {
    background: #000000;
    color: #fff;
}

.product-category-links a:hover {
    background: #F9FAFB;
    color: #000;
}

.product-listing-page .woocommerce .woocommerce-result-count {
    margin: 0 0 30px;
    color: #4A5565;
    font-size: 16px;
}

.product-listing-page .woocommerce ul.products::before {
    display: none;
}

.product-listing-page .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.product-listing-page .woocommerce ul.products li.product {
    float: none;
    margin: 0 0 0;
    padding: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.product-listing-page .featured_products_info .custom-acf-badge {
    background: #000;
    padding: 4px 8px;
    font-size: 12px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    margin: 0 0 20px 0;
    line-height: 125%;
}

.product-listing-page .woocommerce ul.products .featured_products_info .custom-acf-badge img {
    width: 12px;
    height: 12px;
    margin: 0 !important;
    filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(13%) hue-rotate(207deg) brightness(104%) contrast(103%);
}

.product-listing-page .woocommerce ul.products li.product a img.size-woocommerce_thumbnail {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5 ease 0s;
    -ms-transition: all 0.5 ease 0s;
    -o-transition: all 0.5 ease 0s;
    -webkit-transition: all 0.5 ease 0s;
    position: relative;
}

.product-listing-page .prod-image-box {
    background: #F9FAFB;
    display: block;
    border-radius: 10px;
    margin: 0 0 20px 0;
}

.product-listing-page .custom-product-rating {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.product-listing-page .custom-product-rating svg {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
}

.product-listing-page .custom-product-rating svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.product-listing-page span.rating-number {
    color: #4A5565;
    font-size: 14px;
    line-height: 130%;
    margin: 0 0 0 10px;
    display: block;
}

.product-listing-page .woocommerce-loop-product__title {
    text-decoration: none;
    color: #101828;
    display: block;
    font-weight: 700;
    line-height: 150%;
    font-size: 18px !important;
    margin: 0 0 10px 0 !important;
    font-family: "Arvo", serif;
    padding: 0 !important;
}

.product-listing-page .woocommerce-loop-product__short-description p {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 15px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-listing-page .woocommerce ul.products li.product .price .sale-price {
    color: #101828;
    margin-right: 6px;
    font-size: 20px !important;
    text-decoration: none;
    background: transparent;
    font-weight: 700 !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #101828;
    margin-right: 6px;
    font-size: 20px !important;
    text-decoration: none;
    background: transparent;
    font-weight: 700 !important;
}

.product-listing-page .woocommerce ul.products li.product .price .original-price {
    color: #4A5565;
    font-size: 14px !important;
    font-weight: 400;
}

.product-listing-page .custom-add-to-cart-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 36px;
    font-weight: 400;
    background: #111111;
    border: 1px solid #111111;
    cursor: pointer;
    margin: 16px 0 0 0;
}

.product-listing-page .custom-add-to-cart-wrapper:hover {
    background: #1e2939;
    border: 1px solid #111111;
}

.product-listing-page .custom-add-to-cart-wrapper img {
    width: 16px;
    height: 16px;
}

.product-listing-page .woocommerce ul.products li.product .button {
    background: transparent;
    display: block;
    padding: 0;
    height: 36px;
    line-height: 36px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: none;
}

.product-listing-page .featured_products_info:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.product-listing-page .featured_products_info:hover img.size-woocommerce_thumbnail {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.product-listing-page .featured_products_info .custom-rating-count img {
    margin: 0 !important;
}

.product-listing-page .featured_products_info .custom-rating-count {
    display: none;
    gap: 10px;
    align-items: center;
    margin: 0 0 15px 0;
}

.product-listing-page .featured_products_info .custom-rating-count img {
    max-width: 95px;
}

.product-listing-page .featured_products_info .custom-rating-count span {
    color: #4A5565;
    font-size: 14px;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
}

.product-listing-page .woocommerce ul.products li.product a.woocommerce-loop-product__link {
    min-height: 460px;
}

.product-listing-page .woocommerce ul.products li.product .star-rating {
    font-size: .857em;
    margin: 0 0 15px 0;
}

.product-listing-page .woocommerce ul.products li.product .star-rating svg {
    fill: #facc15;
    stroke: #facc15;
    width: 20px;
    height: 20px;
}

.product-listing-page .woocommerce ul.products li.product .star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0;
    color: #fdc700;
}

@media (max-width:1199px) {
    .product-listing-page .woocommerce ul.products {
        gap: 16px;
        margin: 0;
    }

    .product-category-links a {
        padding: 12px 18px;
    }

    .product-listing-page .woocommerce ul.products li.product a.woocommerce-loop-product__link {
        min-height: 450px;
    }
}

@media (max-width:991px) {

    .product-category-links {
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        display: flex;
        gap: 16px;
    }

    .product-category-links {
        scrollbar-color: #fff #fff;
    }

    .product-listing-page .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }

    .inner-section-padding-top {
        padding: 20px 0 0 0;
    }

    .product-category-page-links {
        padding: 0 0 0 13px;
        margin: 0 0 30px 0;
    }

    .product-listing-page .woocommerce .woocommerce-result-count {
        margin: 0 0 30px;
    }

    .inner-section-padding-top {
        padding: 205px 0 0 0;
    }

    .product-listing-page .woocommerce ul.products li.product a.woocommerce-loop-product__link {
        min-height: 465px;
    }
}

@media (max-width:767px) {

    .product-listing-page .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-listing-page .woocommerce ul.products li.product a.woocommerce-loop-product__link {
        min-height: auto;
    }
}

@media (max-width:575px) {

    .product-listing-page .custom-add-to-cart-wrapper {
        height: 36px;
        flex-wrap: wrap;
    }

    .product-listing-page .woocommerce ul.products li.product .price .original-price {
        color: #4A5565;
        font-size: 12px !important;
    }

    .product-listing-page .woocommerce ul.products li.product {
        padding: 14px;
    }

    .product-listing-page .woocommerce-loop-product__title {
        font-size: 14px !important;
        min-height: 40px;
    }

    .product-listing-page .custom-acf-badge .acf-badge-text {
        font-size: 10px;
    }

    .product-listing-page span.rating-number {
        margin: 0;
        display: block;
    }

    .product-listing-page .custom-product-rating {
        display: block;
    }

    .product-listing-page .woocommerce ul.products li.product .button {
        font-size: 14px;
    }
}

/******************************************************/
/***************** Contact Us Page css ****************/
/******************************************************/
.contact-us-page.inner-section-padding-top {
    background: #fff;
}

.contat-us-wrapper {
    padding: 28px 0 65px;
}

.contact-us-title h2 {
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.contact-us-title p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.contact-us-form {
    max-width: 830px;
    margin: 48px auto 0;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 48px 48px 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.contact-us-form .input-box {
    margin: 0 0 0 0;
}

.contact-us-form form .input-box label {
    color: #101828;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 0 0;
}

.contact-us-form form .input-box .input {
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 10px;
    padding: 4px 12px;
    height: 36px;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
}

::selection {
    background: #101828;
    color: #fff;
}

.contact-us-form form .input-box textarea.input {
    resize: none;
    height: 64px;
    padding: 6px 15px;
}

.contact-us-form form .input-box .form-control:focus {
    box-shadow: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}


.contact-us-form form .submit-btn {
    position: relative;
    margin: 16px 0 0 0;
}

.contact-us-form form .submit-btn p {
    margin: 0;
}

.contact-us-form form .custom-send-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    width: 100%;
    background-color: #000;
    padding: 10px 24px;
    color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    position: relative;
}

.contact-us-form form .custom-send-btn svg {
    pointer-events: none;
    width: 16px;
    height: 16px;
}

.contact-us-form form .custom-send-btn br {
    display: none;
}

.contact-us-form form .custom-send-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.contact-us-form form .custom-send-btn:hover {
    background-color: #1e2939;
}

.contact-us-form form .custom-send-btn .input-btn {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 150% !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.contact-us-form form .custom-send-btn .wpcf7-spinner {
    margin: 0 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    opacity: 1;
    position: absolute;
    right: 35%;
}

.contact-us-form form .custom-send-btn .wpcf7-spinner::before {
    background-color: #000;
    top: 2px;
    left: 2px;
}

@media (max-width:1199px) {
    .contat-us-wrapper {
        padding: 20px 0;
    }

    .contact-us-form {
        margin: 40px auto 0;
        padding: 24px;
    }

    .contact-us-form .input-box {
        margin: 0 0 0 0;
    }
}

@media (max-width:767px) {
    .contact-us-title h2 {
        font-size: 30px;
    }

    .contact-us-form form .custom-send-btn .wpcf7-spinner {
        right: 32%;
    }
}

@media (max-width:575px) {
    .contact-us-form form .custom-send-btn .wpcf7-spinner {
        right: 30%;
    }
}

@media (max-width:439px) {
    .contact-us-form form .custom-send-btn .wpcf7-spinner {
        right: 20%;
    }
}

@media (max-width:379px) {
    .contact-us-form .wpcf7 .wpcf7-recaptcha iframe {
        transform: scale(0.85);
        margin: 0 0 0 -20px;
    }
}

/******************************************************/
/************ Lab Tests Page css ****************/
/******************************************************/
.lab-test-page.inner-section-padding-top {
    background: #F9FAFB;
    padding: 192px 0 0 0;
}

.our-testing-process {
    background: #F9FAFB;
    padding: 0 0 60px 0;
}

.testing-section-title {
    margin: 0 0 47px 0;
}

.testing-section-title h1 {
    color: #101828;
    font-size: 36px;
    line-height: 150%;
    margin: 0 0 10px;
    font-weight: 400;
}

.testing-section-title p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin: 0
}

.our-testing-process-card-desc {
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    background: #fff;
}

.our-testing-process-card-desc .icon-box {
    width: 64px;
    height: 64px;
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.our-testing-process-card-desc .icon-box svg {
    width: 32px;
    height: 32px;
}

.our-testing-process-card-desc .icon-box img {
    width: 30px;
    height: 30px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(11%) hue-rotate(183deg) brightness(104%) contrast(103%);
}

.our-testing-process-card-desc .process-desc h2 {
    color: #101828;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px 0;
    line-height: 150%;
}

.our-testing-process-card-desc .process-desc p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.test-results-wrapper {
    background: #fff;
    padding: 80px 0 60px;
}

.test-results-title {
    margin: 0 0 60px 0;
}

.test-results-title h2 {
    color: #101828;
    font-size: 36px;
    line-height: 150%;
    margin: 0 0 10px;
    font-weight: 400;
}

.test-results-title p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin: 0
}

.test-results-lists-items {
    border: 1px solid #ebe6e7;
    border-radius: 20px;
    padding: 24px;
    margin: 0 0 16px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.test-results-lists-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.test-results-list-title {
    width: 200px;
}

.test-results-list-title h3 {
    color: #101828;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
}

.test-results-list-date .results-date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 5px 0;
}

.test-results-list-date .results-date svg {
    max-width: 16px;
    stroke: #99a1af;
}

.test-results-list-date span {
    font-size: 14px;
    line-height: 150%;
}

.test-results-list-percentage span {
    display: block;
    font-size: 14px;
    line-height: 150%;
}

.test-results-list-percentage span.text-bold {
    font-size: 24px;
    font-weight: 400;
    color: #101828;
    line-height: 150%;
    margin: 0 0 0 0;
    font-family: "Arvo", serif;
}

.test-results-list-percentage {
    text-align: center;
}

.test-results-list-bedge {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #DBFCE7;
    width: 80px;
    height: 24px;
    justify-content: center;
    border-radius: 8px;
}

.test-results-list-bedge span {
    color: #10703C;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.test-results-list-btn-pdf span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 10px 0;
}

.test-results-list-btn-pdf .btn-pdf svg {
    width: 16px;
}

.test-results-list-btn-pdf .btn-pdf a {
    text-decoration: none;
    color: #101828;
    width: 75px;
    height: 32px;
    border: 1px solid #D1D5DC;
    text-align: center;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.test-results-list-btn-pdf .btn-pdf a:hover {
    background: #fbf9fa;
    color: #030213;
}

.test-results-list-btn-pdf .btn-pdf a span {
    margin: 0;
    font-size: 14px;
    color: #101828;
}

.testing-standards-wrapper {
    padding: 60px 0;
}

.test-standards-title {
    margin: 0 0 60px 0;
}

.test-standards-title h2 {
    color: #101828;
    font-size: 36px;
    line-height: 150%;
    margin: 0 0 10px;
    font-weight: 400;
}

.test-standards-title p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin: 0
}

.testing-standards-card-desc {
    border: 1px solid #E5E7EB;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 10px;
    margin: 0 0 30px 0;
    background: #fff;
}

.testing-standards-card-desc h3 {
    color: #101828;
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 15px 0;
    font-weight: 400;
}

.testing-standards-card-desc span.testing-standards-tag {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 4px 10px;
    color: #0a0a0a;
    font-size: 12px;
    font-weight: 500;
    line-height: 125%;
    margin: 0 0 15px 0;
    display: inline-block;
}

.testing-standards-card-desc p {
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    color: #4A5565;
}

.lab-test-page .our_quality_commitment_bottom {
    background: #fff;
    padding: 80px 0;
}

.lab-test-page .our_quality_commitment_bottom_wrapper {
    border: 2px solid #d1d5dc;
}

.lab-test-page .our_quality_commitment_bottom_wrapper a.button-secondary img {
    filter: brightness(0) saturate(100%) invert(7%) sepia(26%) saturate(1313%) hue-rotate(181deg) brightness(95%) contrast(95%);
}

.our_quality_commitment_bottom_wrapper a svg {
    max-width: 16px;
}

@media (max-width:1199px) {
    .lab-test-page.inner-section-padding-top {
        background: #F9FAFB;
        padding: 225px 0 0 0;
    }

    .testing-section-title h1,
    .test-results-title h2,
    .test-standards-title h2 {
        font-size: 30px;
    }

    .testing-section-title,
    .test-standards-title {
        margin: 0 0 30px 0;
    }

    .our-testing-process {
        padding: 0 0 30px 0;
    }

    .test-results-wrapper,
    .testing-standards-wrapper {
        padding: 30px 0;
    }
}

@media (max-width:1023px) {
    .our-testing-process-cards .row {
        overflow: auto;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        display: flex;
        gap: 0;
        scrollbar-color: #F9FAFB #F9FAFB;
    }

    .our-testing-process-cards .row .col-6 {
        width: 286px;
    }

    .our-testing-process-card-desc {
        margin: 0 0 20px 0;
        padding: 20px;
    }

    .test-results-list-title h3 {
        font-size: 16px;
    }

    .test-results-list-percentage span.text-bold {
        margin: 0;
    }

    .testing-standards-card-desc {
        padding: 24px;
    }

    .lab-test-page .our_quality_commitment_bottom {
        padding: 40px 0;
    }

    .test-results-title {
        margin: 0 0 30px 0;
    }

    .testing-section-title p,
    .test-results-title p {
        font-size: 16px;
    }
}

@media (max-width:767px) {

    .test-results-lists-desc {
        display: block;
    }

    .test-results-list-title,
    .test-results-list-date {
        margin: 0 0 16px 0;
        width: auto;
    }

    .test-results-list-percentage {
        text-align: center;
    }

    .test-results-list-bedge {
        margin: 10px auto 16px;
    }

    .lab-test-page .our_quality_commitment_bottom_wrapper figure .icon_box img {
        max-width: 32px;
    }
}

/******************************************************/
/************ Thank You Page css ****************/
/******************************************************/
.thank-you-page.inner-section-padding-top {
    padding: 200px 0 0 0;
}

.success_message_box {
    padding: 0 0 60px 0;
}

.thank-you-section-title {
    margin: 0 0 50px 0;
}

.thank-you-section-title h1 {
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.thank-you-section-title p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}


.success_message_box_wrapper {
    max-width: 830px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
}

.success_message_box_wrapper figure .icon_box {
    background: #DBFCE7;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.success_message_box_wrapper figure .icon_box img {
    max-width: 40px;
}

.success_message_box_wrapper figcaption h3 {
    color: #101828;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.success_message_box_wrapper figcaption p {
    color: #4A5565;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px 0;
    padding: 0 50px;
}

.success_message_box_wrapper figcaption p.txt-small {
    font-size: 14px;
}

.success_message_box_wrapper figcaption p.txt-small a {
    padding: 0;
    text-decoration: none;
    height: auto;
    width: auto;
    margin: 0;
}

.success_message_box_wrapper figcaption p.txt-small a:hover {
    color: inherit;
    text-decoration: underline;
}

.success_message_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.success_message_box_wrapper a {
    width: auto;
    padding: 8px 20px;
    height: 44px;
    line-height: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.success_message_box_wrapper a img {
    max-width: 16px;
}

.success_message_box_wrapper a.button-secondary {
    background: #fff;
}

.success_message_box_wrapper a.button-secondary:hover {
    background: #F9FAFB;
}

@media (max-width:991px) {
    .thank-you-page.inner-section-padding-top {
        padding: 230px 0 0 0;
    }

    .thank-you-section-title h1 {
        font-size: 30px;
    }

    .thank-you-section-title {
        margin: 0 0 30px 0;
    }

    .success_message_box_wrapper {
        padding: 24px;
    }

    .success_message_box_wrapper figcaption p {
        padding: 0;
    }
}

@media (max-width:575px) {
    .success_message_btns {
        display: block;
    }

    .success_message_box_wrapper a {
        width: 100%;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        margin: 0 0 16px;
    }
}

/******************************************************/
/************ Knowledge Hub Page css ****************/
/******************************************************/
.knowledge-hub-page.inner-section-padding-top {
    background: #F9FAFB;
    padding: 145px 0 0 0;
}

.category-search-filter {
    padding: 22px 0;
}

.category-search {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.category-search-filter .search-bar {
    position: relative;
    width: 100%;
}

.category-search-filter .search-bar .search-input {
    box-shadow: none;
    background: #fff;
    border-radius: 5px;
    height: 36px;
    width: 100%;
    color: #0a0a0a;
    font-size: 14px;
    padding: 0 20px 0 38px;
    border: 1px solid #E5E7EB;
}

.qty_box input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #99A1AF;
    opacity: 1;
}

.qty_box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #99A1AF;
    opacity: 1;
}

.qty_box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #99A1AF;
    opacity: 1;
}

.qty_box form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #99A1AF;
    opacity: 1;
}

.category-search-filter .search-bar .search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    width: 16px;
    stroke: #99a1af;
}

.category-filter .select-box {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}

.category-filter .select-box select.form-control {
    border: 0;
    border-radius: 5px !important;
    border: 1px solid #E5E7EB;
    height: 36px;
    background: #fff;
    padding: 0 35px 0 45px;
    box-shadow: none;
    outline: none;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    font-size: 14px;
    line-height: normal;
    color: #101828;
    width: 200px;
    text-align: center;
}

.featured-scientific-articles {
    background: #fff;
    padding: 60px 0;
}

.featured-scientific-articles-section-title {
    margin: 0 0 50px 0;
}

.featured-scientific-articles-section-title h2 {
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.featured-scientific-articles-section-title h1 {
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.featured-scientific-articles-section-title p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 auto 10px;
    max-width: 637px;
}

.featured-scientific-articles-card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ebe6e7;
    transition: all 0.5s ease;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.featured-scientific-articles-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.featured-scientific-articles-card .img-box {
    margin: 0 0 24px 0;
}

.featured-scientific-articles-card .img-box img {
    width: 100%;
    height: 258px;
    object-fit: cover;
}

.featured-scientific-articles-card .articles-desc {
    background: #fff;
    padding: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 0 24px 0;
}

.featured-scientific-articles-card .articles-bedge {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 20px 0;
}

.featured-scientific-articles-card span.articles-tag {
    background: #000000;
    color: #fff;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 700;
}

.featured-scientific-articles-card .articles-desc h2 {
    color: #101828;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.featured-scientific-articles-card .articles-desc p {
    color: #4A5565;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.featured-scientific-articles-card span.articles-date {
    margin: 0 0 20px 0;
    display: block;
    font-size: 14px;
}

.featured-scientific-articles-card .read-more-btn a {
    background: #111111;
    color: #fff;
    text-decoration: none;
    width: 177px;
    height: 44px;
    line-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.featured-scientific-articles-card .read-more-btn a:hover {
    background: #1e2939;
}

.featured-scientific-articles-card .read-more-btn a svg {
    max-width: 16px;
}

.scientific-knowledge-topics {
    padding: 65px 0;
}

.scientific-knowledge-topics-section-title h2 {
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.scientific-knowledge-topics-section-title p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.scientific-knowledge-topics-section-title {
    margin: 0 0 60px 0;
}

.scientific-knowledge-topics-card {
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 24px;
    border-radius: 10px;
    margin: 0 0 30px 0;
    background: #fff;
}

.scientific-knowledge-topics-card:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.scientific-knowledge-topics-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 25px 0;
}

.scientific-knowledge-topics-top .icon-box {
    background: #111111;
    width: 48px;
    height: 48px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.scientific-knowledge-topics-top .icon-box img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(54deg) brightness(107%) contrast(101%);
    width: 24px;
}

.scientific-knowledge-topics-top .topics-badge span {
    display: block;
    font-size: 14px;
    color: #4A5565;
    text-align: right;
}

.scientific-knowledge-topics-top span.topics-tag {
    padding: 4px 8px;
    background: #F3F4F6;
    font-weight: 500;
    color: #4A5565;
    margin: 0 0 8px 0;
}

.scientific-knowledge-topics-card h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #101828;
    margin: 0 0 10px 0;
}

.scientific-knowledge-topics-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #4A5565;
    margin: 0 0 20px 0;
    min-height: 75px;
}

.scientific-knowledge-topics-card a.button {
    width: 100%;
    height: 44px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.scientific-knowledge-topics-card a.button svg {
    max-width: 16px;
}

.custom-select-wrapper {
    width: 260px;
    position: relative;
}

.custom-select-wrapper .select-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #E5E7EB;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    height: 36px;
}

.custom-select-wrapper .select-header svg {
    max-width: 16px;
}

.custom-select-wrapper .select-header .selected-text {
    flex-grow: 1;
    text-align: center;
    padding: 0 10px;
    color: #101828;
    font-size: 14px;
}

.custom-select-wrapper .select-options-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px #0000001A;
    margin-top: 5px;
    z-index: 10;
}

.custom-select-wrapper .select-options-list {
    display: none;
}

.custom-select-wrapper .select-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 6px;
    gap: 10px;
    margin: 2px 5px;
    font-size: 14px;
    color: #101828;
    font-weight: 400;
}

.custom-select-wrapper .select-option:hover {
    background-color: #E9EBEF;
}

.custom-select-wrapper .select-option.selected {
    background-color: #E9EBEF;
}

.custom-select-wrapper .icon {
    width: 16px;
    height: 16px;
    color: #888;
}

.custom-select-wrapper .checkmark-icon {
    display: none;
}

.custom-select-wrapper .select-option.selected .checkmark-icon {
    display: block;
}

.custom-select-wrapper[data-state="open"] .select-options-list {
    display: block;
}

.scientific-knowledge-topics .load-more-articles .button-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 180px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

.scientific-knowledge-topics .load-more-articles .button-secondary:hover {
    background: transparent;
}

.scientific-knowledge-topics .load-more-articles .button-secondary svg {
    width: 16px;
}


@media (max-width: 1199px) {
    .category-search-filter .search-bar {
        position: relative;
        width: 100%;
        display: block;
        bottom: 0;
        left: 0;
        transform: none;
        padding: 0;
    }

    .featured-scientific-articles {
        background: #fff;
        padding: 30px 0;
    }

    .featured-scientific-articles-section-title h1,
    .scientific-knowledge-topics-section-title h2 {
        font-size: 30px;
    }

    .featured-scientific-articles-section-title p {
        max-width: 100%;
    }

    .featured-scientific-articles-section-title,
    .scientific-knowledge-topics-section-title {
        margin: 0 0 30px 0;
    }

    .featured-scientific-articles-card .articles-desc h2 {
        font-size: 24px;
    }

    .scientific-knowledge-topics {
        padding: 30px 0;
    }

    .custom-select-wrapper {
        width: 300px;
    }

}

@media (max-width: 991px) {
    .knowledge-hub-page.inner-section-padding-top {
        padding: 190px 0 0 0;
    }
}

@media (max-width: 767px) {
    .category-search {
        display: block;
    }

    .category-search-filter .search-bar {
        margin: 0 0 16px 0;
        padding: 0;
    }

    .category-filter .select-box,
    .category-filter .select-box select.form-control {
        width: 100%;
    }

    .featured-scientific-articles-card {
        margin: 0 0 30px 0;
    }

    .scientific-knowledge-topics-card {
        padding: 20px;
    }

    .custom-select-wrapper {
        width: 100%;
    }

    .scientific-knowledge-topics-card p {
        min-height: auto;
    }
}

@media (max-width: 575px) {
    .featured-scientific-articles-card .img-box img {
        height: 195px;
    }
}

/******************************************************/
/************ Blog Listing Page css ****************/
/******************************************************/
.blog-listing-page.inner-section-padding-top {
    background: #F9FAFB;
    padding: 145px 0 0 0;
}

.blog-listing-page .featured-scientific-articles-card .img-box img {
    width: 100%;
    height: 405px;
    object-fit: cover;
}

.blog-listing-page .featured-scientific-articles-card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ebe6e7;
    transition: all 0.5s ease;
    border-radius: 10px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.blog-listing-page .featured-scientific-articles-card span.articles-tag {
    background: #000000;
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 700;
}

.blog-listing-page .featured-scientific-articles-card .articles-bedge span {
    font-size: 14px;
}

.blog-listing-page .featured-scientific-articles-card .articles-bedge {
    gap: 15px;
}

.blog-listing-page .featured-scientific-articles-card img {
    border-top-left-radius: 12px;
}

.blog-listing-page .featured-scientific-articles-card .articles-desc {
    background: #fff;
    padding: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 0 24px 0;
    border-top-right-radius: 12px;
}

.blog-listing-page .featured-scientific-articles-card span.articles-date {
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.blog-listing-page .featured-scientific-articles-card span.articles-date svg {
    width: 16px;
}

.blog-listing-page .featured-scientific-articles-card .read-more-btn a {
    font-size: 14px;
    width: 160px;
    height: 36px;
}

.blog-listing-page .featured-scientific-articles-card .articles-desc h2 {
    font-size: 30px;
}

.blog-listing-page .featured-scientific-articles-card .articles-desc p {
    font-size: 18px;
}

.scientific-knowledge-topics.featured-scientific-articles {
    padding: 65px 0;
    background: #F9FAFB;
}

.blog-listing-wrapper .scientific-knowledge-topics-card {
    padding: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.blog-listing-wrapper .blog-listing-wrapper .scientific-knowledge-topics-card img {
    border-radius: 10px;
}

.blog-listing-wrapper .blog-scientific-knowledge-topics-card {
    padding: 24px;
}

.blog-listing-wrapper .img-box {
    margin: 0 0 30px 0;
}

.blog-listing-wrapper .img-box img {
    height: 191px;
    object-fit: cover;
    width: 100%
}

.blog-listing-wrapper .topics-badge {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-listing-wrapper .scientific-knowledge-topics-top {
    display: block;
    margin: 0 0 15px 0;
}

.blog-listing-wrapper .scientific-knowledge-topics-top span.topics-tag {
    background: #F3F4F6;
}

.blog-listing-wrapper .scientific-knowledge-topics-top .topics-badge span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #364153;
    margin: 0;
}

.blog-listing-wrapper .scientific-knowledge-topics-card h3 {
    margin: 0 0 15px 0;
    min-height: 82px;
}

.blog-listing-wrapper .scientific-knowledge-topics-card p {
    font-size: 14px;
    margin: 0;
}

.blog-listing-wrapper span.blog-date {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 15px 0;
}

.blog-listing-wrapper .blog-date .date-icon svg {
    width: 12px;
    height: 12px;
}

.blog-listing-wrapper .blog-date span.date {
    color: #4A5565;
    font-size: 12px;
    line-height: 125%;
    display: block;
}

.blog-listing-wrapper .load-more-articles {
    margin: 20px 0 0 0;
}

.blog-listing-wrapper .load-more-articles .button-secondary {
    height: 44px;
    padding: 0 20px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 200px;
}

.blog-listing-wrapper .load-more-articles .button-secondary:hover {
    background: transparent;
}

.blog-listing-wrapper .load-more-articles .button-secondary svg {
    width: 16px;
}

@media (max-width:1199px) {
    .blog-listing-page .featured-scientific-articles-card .articles-desc h2 {
        font-size: 24px;
    }

    .blog-listing-wrapper .img-box img {
        height: 240px;
        object-fit: cover;
        width: 100%;
    }
}

@media (max-width:991px) {
    .blog-listing-page.inner-section-padding-top {
        padding: 190px 0 0 0;
    }

    .blog-listing-wrapper .scientific-knowledge-topics-card h3 {
        min-height: 100%;
    }

    .blog-listing-wrapper .scientific-knowledge-topics-card p {
        font-size: 14px;
        margin: 0 0 20px 0;
        min-height: 100%;
    }
}

@media (max-width:767px) {
    .blog-listing-wrapper .scientific-knowledge-topics-card p {
        margin: 0 0 15px 0;
    }

    .blog-listing-wrapper .blog-scientific-knowledge-topics-card {
        padding: 16px;
    }

    .blog-listing-page .featured-scientific-articles-card img {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    .blog-listing-page .featured-scientific-articles-card .img-box img {
        height: 265px;
    }

    .blog-listing-wrapper .img-box img {
        height: 200px;
    }
}

/******************************************************/
/************ Blog Details Page css ****************/
/******************************************************/
.blog-details-page.inner-section-padding-top {
    padding: 145px 0 0 0;
}

.back-to-blog {
    background: #fff;
    padding: 16px;
}

.back-to-blog a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: #4A5565;
    font-size: 14px;
}

.back-to-blog a svg {
    max-width: 16px;
}

.back-to-blog a:hover {
    background: #e9ebef;
    color: #101828;
}

.blog-details-desc {
    background: #F3F4F6;
    padding: 50px 0;
}

.blog-details-desc .toc {
    position: sticky;
    top: 167px;
    width: 280px;
    margin-right: 0;
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    height: fit-content;
    border: 1px solid #E5E7EB;
}

.blog-details-desc .toc h2 {
    margin-top: 0;
    color: #101828;
    font-size: 16px;
    font-family: "Arimo", sans-serif;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.blog-details-desc .toc ul {
    list-style: none;
    padding-left: 0;
}

.blog-details-desc .toc ul li {
    margin: 5px 0;
    padding: 0 0;
}

.blog-details-desc .toc ul li ul {
    padding-left: 10px;
    margin-top: 5px;
}

.blog-details-desc .toc a {
    text-decoration: none;
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    padding: 4px 8px;
    display: block;
    font-weight: 500;
}

.blog-details-desc .toc .toc-link.active {
    background: #F3F4F6;
    color: #000;
    font-weight: 500;
}

.blog-details-desc .toc .toc-link:hover {
    background: #F3F4F6;
    color: #000;
    font-weight: 500;
}


.blog-details-desc .blog-details-desc {
    padding: 50px 0 0 0;
    background: #F3F4F6;
}

.blog-content-header {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #E5E7EB
}

.blog-content-header .img-box img {
    aspect-ratio: 16 / 4;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog-content-header .articles-desc {
    padding: 32px;
}

.blog-content-header .articles-bedge {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 0 20px 0;
}

.blog-content-header span.articles-tag {
    background: #000000;
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 700;
}

.blog-content-header .articles-bedge span {
    font-size: 14px;
}

.blog-content-header .blog-content-date,
.blog-content-header .blog-content-time {
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.blog-content-header .blog-content-date svg,
.blog-content-header .blog-content-time svg {
    width: 16px;
}

.blog-content-header .articles-desc h1 {
    color: #101828;
    font-size: 36px;
    font-weight: 700;
    line-height: 125%;
    margin: 0 0 20px 0;
}

.blog-content-header .articles-desc p {
    color: #4A5565;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 0;
}

.blog-content-desc {
    padding: 32px 32px 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    margin: 30px 0 0 0;
}

.blog-content-desc h2 {
    color: #101828;
    font-size: 30px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 15px 0;
}

.blog-content-desc h3 {
    color: #101828;
    font-size: 30px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 15px 0;
}

.blog-content-desc h4 {
    color: #101828;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 10px 0;
}

.blog-content-desc h5 {
    color: #101828;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 10px 0;
    font-family: "Arimo", sans-serif;
}

.blog-content-desc p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 15px 0;
}

.blog-content-desc ol {
    margin: 0 0 30px 0;
}

.blog-content-desc ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 15px 0;
}

.blog-content-desc ul {
    margin: 0 0 30px 40px;
}

.blog-content-desc ul li {
    list-style: disc;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 15px 0;
}

.blog-recent-articles {
    margin: 30px 0 0 0;
    padding: 32px 32px 24px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #E5E7EB;
}

.blog-recent-articles h3 {
    font-size: 24px;
    color: #101828;
}

.blog-recent-articles .scientific-knowledge-topics-card {
    padding: 0;
    border: 0;
    margin: 0;
    box-shadow: none;
    transition: transform 0.3s ease;
}

.blog-recent-articles .scientific-knowledge-topics-card a {
    text-decoration: none;
}

.blog-recent-articles .img-box {
    margin: 0 0 10px 0;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
}

.blog-recent-articles .img-box img {
    border-radius: 10px;
    height: 148px;
    object-fit: cover;
    width: 100%;
    transition: transform 0.3s ease;
}

.blog-recent-articles .scientific-knowledge-topics-card:hover .img-box img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
    border-radius: 10px;
}

.blog-recent-articles .blog-scientific-knowledge-topics-card h3 {
    font-size: 16px;
    color: #101828;
    font-weight: 700;
    line-height: 140%;
    font-family: "Arimo", sans-serif;
    transition: all 0.5s ease;

}

.blog-recent-articles .blog-scientific-knowledge-topics-card:hover h3 {
    color: #4a5565;
}

.blog-recent-articles .blog-scientific-knowledge-topics-card p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 150%;
    min-height: auto;
    margin: 0 0 15px 0;
}

.blog-recent-articles .topics-badge {
    display: flex;
    align-items: center;
    gap: 20px;
}

.topics-badge span {
    color: #4A5565;
    font-size: 12px;
    display: block;
}

.blog-details-desc .toc.mobile-block {
    display: none;
}

.blog-details-desc .blog-content-desc div {
    margin: 0 0 30px;
}

.blog-details-desc .blog-content-desc div:last-child {
    margin: 0;
}

.blog-details-desc .main-knowledge-topic-title h2 {
    border-bottom: 1px solid #ebe6e7;
    padding: 0 0 20px 0;
}

@media (max-width:1199px) {

    .blog-details-desc .toc {
        width: 100%;
        padding: 14px;
        margin: 0;
    }
}

@media (max-width:991px) {
    .blog-details-page.inner-section-padding-top {
        padding: 190px 0 0 0;
    }

    .blog-details-desc .toc.mobile-block {
        display: block;
        width: 100%;
        margin: 30px 0 0 0;
        position: relative;
        top: 0;
        z-index: 9;
    }

    .blog-details-desc .toc,
    .blog-content-header .articles-desc {
        padding: 24px;
    }

    .blog-details-desc .toc.mobile-none {
        display: none;
    }

    .blog-content-header .articles-desc h1 {
        font-size: 30px;
    }

    .blog-content-desc h2 {
        font-size: 26px;
    }

    .scientific-knowledge-topics.featured-scientific-articles {
        padding: 30px 0;
    }

    .featured-scientific-articles-section-title p {
        font-size: 16px;
    }

    .blog-listing-wrapper .img-box {
        margin: 0 0 10px 0;
    }

    .blog-recent-articles .img-box img {
        height: 200px;
    }

    .blog-content-desc h5 {
        font-size: 16px;
    }

    .blog-content-desc ul li {
        margin: 0 0 5px 0;
    }

    .blog-content-desc ul {
        margin: 0 0 20px 30px;
    }
}

@media (max-width:767px) {
    .blog-content-desc h3 {
        font-size: 20px;
    }

    .blog-content-desc h4 {
        font-size: 18px;
    }

    .blog-content-desc p {
        margin: 0 0 15px 0;
    }

    .blog-content-desc {
        padding: 24px;
    }

    .blog-recent-articles .scientific-knowledge-topics-card {
        margin: 0 0 20px 0;
    }

    .blog-recent-articles .blog-scientific-knowledge-topics-card p {
        margin: 0 0 10px 0;
    }

    .blog-content-header .img-box img {
        aspect-ratio: 16 / 6;
    }

    .blog-recent-articles {
        padding: 16px;
    }
}

@media (max-width:575px) {
    .blog-content-header .articles-bedge {
        display: block;
    }

    .blog-content-header .articles-bedge span {
        display: inline-block;
    }

    .blog-content-header .blog-content-date,
    .blog-content-header .blog-content-time {
        margin: 5px 0;
    }
}

/******************************************************/
/************ privacy-shipping-returns-terms Page css ****************/
/******************************************************/
.inner-section-padding-top,
.privacy-shipping-returns-terms-pages {
    background: #f4f5f7;
}

.privacy-shipping-returns-terms-pages {
    padding: 50px 0 0 0;
}

#primary.site-main .privacy-shipping-returns-terms-pages h1 {
    display: block;
}

.privacy-shipping-returns-terms-pages .section-title {
    text-align: center;
}

.privacy-shipping-returns-terms-pages .section-title h1 {
    font-size: 48px;
    line-height: 150%;
    color: #101828;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.privacy-shipping-returns-terms-pages .section-title p {
    font-size: 18px;
    line-height: 150%;
    color: #4A5565;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.privacy-shipping-returns-terms-block {
    max-width: 800px;
    background: #fff;
    margin: 0 auto;
    padding: 48px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
}

.privacy-shipping-returns-terms-block h2 {
    font-size: 24px;
    color: #101828;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 150%;
}

.privacy-shipping-returns-terms-block h3 {
    font-size: 18px;
    color: #101828;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 150%;
}

.privacy-shipping-returns-terms-block p {
    font-size: 16px;
    color: #4A5565;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 15px 0;
}

.privacy-shipping-returns-terms-block blockquote {
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 10px;
    padding: 16px;
}

.privacy-shipping-returns-terms-block blockquote.yellow-bg {
    border: 1px solid #FFF085;
    background: #FEFCE8;
    border-radius: 10px;
    padding: 16px;
    margin: 15px 0 0 0;
}

.privacy-shipping-returns-terms-block blockquote p {
    margin: 0;
}

.privacy-shipping-returns-terms-block blockquote.last-quote p {
    margin: 0 0 6px 0;
}

.privacy-shipping-returns-terms-block .text-desc-content {
    margin: 0 0 30px 0;
}

.privacy-shipping-returns-terms-block .text-desc-content:last-child {
    margin: 0 0 0 0;
}

.privacy-shipping-returns-terms-block .text-desc-content ul {
    padding: 0 0 15px 30px;
}

.privacy-shipping-returns-terms-block .text-desc-content ol {
    padding: 0 0 15px 30px;
}

.privacy-shipping-returns-terms-block .text-desc-content ul li {
    font-size: 16px;
    color: #4A5565;
    font-weight: 400;
    line-height: 180%;
    list-style: disc;
}

@media (max-width:991px) {
    .privacy-shipping-returns-terms-pages .section-title h1 {
        font-size: 36px;
    }

    .privacy-shipping-returns-terms-pages {
        padding: 20px 0 0 0;
    }

    .privacy-shipping-returns-terms-block {
        padding: 30px;
    }
}

/******************************************************/
/************ Sign Up Page css ****************/
/******************************************************/
.form-icon-box {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-icon-box svg {
    max-width: 32px;
}

.accounts-form {
    max-width: 385px;
    background: #fff;
    margin: 50px auto 0;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    padding: 24px;
    border-radius: 20px;
}

.register-form.accounts-form {
    max-width: 448px;
    padding: 24px;
}

.register-form.accounts-form .form-icon-box {
    margin: 0 auto 12px;
}

.register-form.accounts-form h2 {
    margin: 0 0 48px 0;
}

.accounts-form h2 {
    margin: 0 0 44px 0;
    color: #101828;
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
}

.forgot-up-form.accounts-form h2{
	margin: 0 0 20px 0;
}

.woocommerce .accounts-form form.login {
    border: 0;
    padding: 0;
    margin: 0;
}

.woocommerce .accounts-form form .form-row label {
    font-size: 14px;
    color: #101828;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    font-weight: 500;
}

.woocommerce .accounts-form form .form-row .required {
    color: #101828;
}

.woocommerce .accounts-form form .custom-select-wrapper .select-options-list {
    display: block;
}

.woocommerce .accounts-form form .input-text {
    background-color: #F9FAFB !important;
    border: 1px solid #E5E7EB;
    height: 36px;
    padding: 0 14px 0 40px;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
}

.woocommerce .accounts-form form .input-text:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    border: 1px solid #a1a1a1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce .accounts-form form .input-text#country option:checked {
    background: #e9ebef;
    color: #000;
}

.woocommerce .accounts-form form .form-row {
    padding: 0;
    margin: 0;
}

.woocommerce .accounts-form .input-icon {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 26px;
}

.woocommerce .accounts-form .input-icon svg {
    max-width: 16px;
    stroke: #717182
}

.woocommerce .accounts-form .form-input-box {
    position: relative;
    margin: 0 0 20px;
}

.woocommerce .accounts-form .form-input-box.turnstile-box {
    margin: 0;
}

.woocommerce .accounts-form .forgot-password {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}

.woocommerce .accounts-form p.woocommerce-LostPassword.lost_password {
    margin: 0;
}

.woocommerce .accounts-form p.woocommerce-LostPassword.lost_password a {
    margin: 0;
    font-size: 14px;
    line-height: 150%;
    color: #4A5565;
}

.woocommerce .accounts-form p.woocommerce-LostPassword.lost_password a:hover {
    text-decoration: none;
    color: #101828;
}

.woocommerce .accounts-form .woocommerce-form-login__rememberme {
    display: flex;
    font-size: 14px;
    line-height: 150%;
    color: #4A5565;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.woocommerce .accounts-form.register-form .show-password-input,
.woocommerce-page form .woocommerce .accounts-form.register-form .show-password-input {
    margin: 10px 0 0 0;
}

.woocommerce .accounts-form .woocommerce-form__input-checkbox {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.woocommerce .accounts-form .woocommerce-form__input-checkbox {
    appearance: none;
    background-color: #F3F3F5;
    margin: 0;
    color: #101828;
    width: 20px;
    height: 20px;
    border: 1px solid #DADADC;
    border-radius: 0;
    transform: translateY(-0.075em);
    cursor: pointer;
}

.woocommerce .accounts-form .woocommerce-form__input-checkbox input[type=checkbox]+span {
    position: relative;
    cursor: pointer;
    padding-left: 32px;
    color: #43402e;
    font-size: 18px;
    vertical-align: middle;
}

.woocommerce .accounts-form .woocommerce-form__input-checkbox::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #111111;
    border: 1px solid #111111;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.woocommerce .accounts-form .woocommerce-form__input-checkbox:checked::before {
    transform: scale(1);
}

.woocommerce .accounts-form .btn-sign-in .woocommerce-form-login__submit {
    width: 100%;
    margin: 10px 0;
    background: #111111;
    border-radius: 0;
    height: 36px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
}

.woocommerce .accounts-form .btn-sign-in .woocommerce-form-login__submit:hover {
    background: #1e2939;
}

.woocommerce .accounts-form .btn-sign-in .woocommerce-form-login__submit svg {
    max-width: 16px;
}

.woocommerce .accounts-form form .show-password-input::before,
.woocommerce-page .woocommerce .accounts-form form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye h-4 w-4' aria-hidden='true'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 16px;
    width: 16px;
}

.woocommerce .accounts-form form .show-password-input.display-password::before,
.woocommerce-page .woocommerce .accounts-form form .show-password-input.display-password::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye-off h-4 w-4' aria-hidden='true'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49'%3E%3C/path%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242'%3E%3C/path%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143'%3E%3C/path%3E%3Cpath d='m2 2 20 20'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
}

.woocommerce .accounts-form .account-form-footer {
    border-top: 1px solid #8E91944D;
    padding: 20px 0 0;
    margin: 24px 0 0;
    text-align: center;
}

.woocommerce .accounts-form .account-form-footer span {
    font-size: 16px;
    color: #4A5565;
    display: block;
    margin: 0 0 16px 0;
}

.woocommerce .accounts-form .account-form-footer a {
    width: 100%;
    height: 36px;
    line-height: 34px;
    font-weight: 500;
}

.woocommerce .accounts-form .account-form-footer a:hover {
    background: #f9fafb;
    color: #030213;
}

.woocommerce .accounts-form .account-form-footer p {
    border: 1px solid #E5E7EB;
    padding: 16px 24px;
    font-size: 12px;
    line-height: 150%;
    background: #F9FAFB;
    margin: 24px 0 0 0;
    font-weight: 500;
}

.form-input-box input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #717182;
    opacity: 1;
}

.form-input-box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #717182;
    opacity: 1;
}

.form-input-box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #717182;
    opacity: 1;
}

.form-input-box form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717182;
    opacity: 1;
}

.forgot-up-form .g-recaptcha {
    margin: 0 0 10px 0;
}

@media (max-width:767px) {
    .accounts-form {
        padding: 24px;
        margin: 30px auto 0;
    }
}

@media (max-width:379px) {
    .woocommerce .accounts-form .g-recaptcha iframe {
        transform: scale(0.85);
        margin: 0 0 0 -20px;
    }
}

/******************************************************/
/************ Forgot Password Form css ****************/
/******************************************************/
form.woocommerce-ResetPassword.lost_reset_password P.subtitle {
    text-align: center;
    color: #4A5565;
    font-size: 16px;
    line-height: 150%;
}

.forgot-up-form .form-icon-box svg {
    max-width: 32px;
}

.forgot-up-form .form-icon-box {
    margin: 0 auto 15px;
}

/******************************************************/
/************ Register Form css ****************/
/******************************************************/
.password-requirements {
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    padding: 12px;
    margin: 0 0 20px 0;
}

.password-requirements span {
    color: #4A5565;
    font-size: 12px;
    line-height: 150%;
}

.password-requirements p {
    color: #4A5565;
    font-size: 12px;
    line-height: 150%;
    margin: 0;
}

.woocommerce .register-form.accounts-form form .form-row {
    padding: 0;
    margin: 0;
    width: 100%;
}

.woocommerce .accounts-form form .input-text.input-text-name {
    padding: 0 14px;
}

.register-form.accounts-form .custom-select-wrapper {
    width: 100%;
    position: relative;
}

.register-form.accounts-form .custom-select-wrapper .select-header {
    background-color: #F9FAFB;
}

.register-form.accounts-form .custom-select-wrapper .select-header .selected-text {
    color: #717182;
}

.register-form.accounts-form .custom-select-wrapper .select-header svg {
    max-width: 16px;
    stroke: #717182;
}

.woocommerce .register-form.accounts-form form.register {
    padding: 0;
    border: 0;
    margin: 0;
}

.register-form.accounts-form .form-input-box-space {
    margin: 0 -12px 20px;
}

.woocommerce .register-form.accounts-form .btn-sign-in .woocommerce-Button {
    width: 100%;
    margin: 0 0 0 0;
    background: #111111;
    border-radius: 0;
    height: 36px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.woocommerce .register-form.accounts-form .btn-sign-in .woocommerce-Button svg {
    max-width: 16px;
}

.woocommerce .register-form.accounts-form .btn-sign-in .woocommerce-Button:hover {
    background: #1e2939;
}

.woocommerce .register-form.accounts-form .agree-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 0 0 20px 0;
}

.woocommerce .register-form.accounts-form .custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 5px;
}

.woocommerce .register-form.accounts-form .custom-checkbox a:hover {
    text-decoration: none;
    color: #101828;
}

.woocommerce .register-form.accounts-form form .form-row .input-text:focus,
.woocommerce .register-form.accounts-form form .form-row select:focus {
    border-color: #a1a1a1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

@media (max-width:767px) {
    .woocommerce .accounts-form form .input-text.input-text-name {
        margin: 0 0 20px 0;
    }

    .register-form.accounts-form .form-input-box-space {
        margin: 0 -12px 0;
    }
}

@media (max-width:479px) {
    .woocommerce .register-form.accounts-form .custom-checkbox {
        display: inline-block;
    }

    .woocommerce .register-form.accounts-form .custom-checkbox {
        font-size: 11px;
    }

    .woocommerce .register-form.accounts-form .woocommerce-form__input-checkbox {
        top: 7px;
    }
}

/******************************************************/
/************ Checkout Page css ****************/
/******************************************************/
.woocommerce-billing-fields {
    background: #fff;
    padding: 24px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    margin: 0 0 20px 0;
}

.woocommerce-billing-fields h3,
.woocommerce-order-fields h3 {
    font-size: 24px;
    line-height: 150%;
    color: #101828;
    margin: 0 0 20px 0;
}

.woocommerce form .woocommerce-billing-fields .form-row {
    padding: 0;
    margin: 0 0 24px 0;
}

.woocommerce-order-fields {
    background: #fff;
    padding: 24px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    position: sticky;
    top: 165px;
}

.woocommerce form .woocommerce-billing-fields .form-row label {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    text-transform: capitalize;
}

.woocommerce form .woocommerce-billing-fields .form-row .required {
    color: #101828;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text {
    border: 1px solid #f3f3f5;
    padding: 4px 12px;
    height: 36px;
    line-height: 34px;
    background: #f3f3f5;
    border-radius: 6px;
    font-size: 14px;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #717182;
    opacity: 1;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #717182;
    opacity: 1;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #717182;
    opacity: 1;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717182;
    opacity: 1;
}

.woocommerce form .woocommerce-billing-fields .form-row .input-text:focus,
.woocommerce form .woocommerce-billing-fields .form-row .input-text:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .form-row select {
    border: 1px solid #E5E7EB !important;
    padding: 4px 12px !important;
    height: 36px !important;
    line-height: 34px !important;
    background: #F9FAFB !important;
    font-size: 14px;
    border-radius: 6px;
}

.woocommerce form .woocommerce-billing-fields .form-row select:focus,
.woocommerce form .woocommerce-billing-fields .form-row select:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered {
    border: 1px solid #f3f3f5 !important;
    padding: 4px 12px !important;
    height: 36px !important;
    line-height: 27px !important;
    background: #f3f3f5 !important;
    font-size: 14px;
    border-radius: 6px;
}

.woocommerce form .woocommerce-billing-fields #billing_city_field,
.woocommerce form .woocommerce-billing-fields #billing_state_field,
.woocommerce form .woocommerce-billing-fields #billing_postcode_field {
    float: left;
    width: 30%;
    margin: 0 0 24px 0;
}

.woocommerce form .woocommerce-billing-fields #billing_city_field,
.woocommerce form .woocommerce-billing-fields #billing_state_field {
    margin: 0 35px 0 0;
}

.woocommerce form .woocommerce-billing-fields .form-row #billing_state {
    border: 1px solid #f3f3f5;
    padding: 4px 12px;
    height: 36px;
    line-height: 34px;
    background: #f3f3f5;
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
}

.woocommerce form .woocommerce-billing-fields .form-row-wide {
    clear: none;
    float: left;
    width: 100%;
}

.woocommerce form .woocommerce-billing-fields #billing_phone_field,
.woocommerce form .woocommerce-billing-fields #billing_email_field {
    float: left;
    width: 48%;
    margin: 0 27px 20px 0;
}

.woocommerce form .woocommerce-billing-fields #billing_email_field {
    margin: 0;
}

.woocommerce-billing-fields__field-wrapper {
    float: left;
    width: 100%;
}

.woocommerce .woocommerce-billing-fields .woocommerce-form-login__rememberme {
    display: flex;
    font-size: 14px;
    line-height: 150%;
    color: #4A5565;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.woocommerce .woocommerce-billing-fields .woocommerce-form__input-checkbox {
    appearance: none;
    background-color: #F3F3F5;
    margin: 0;
    color: #101828;
    width: 20px;
    height: 20px;
    border: 1px solid #DADADC;
    border-radius: 0;
    transform: translateY(-0.075em);
    cursor: pointer;
}

.woocommerce .woocommerce-billing-fields .woocommerce-form__input-checkbox::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #111111;
    border: 1px solid #111111;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.woocommerce .woocommerce-billing-fields .woocommerce-form__input-checkbox:checked::before {
    transform: scale(1);
}

.woocommerce form .woocommerce-billing-fields .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.woocommerce .woocommerce-order-fields table.shop_table {
    border: 0;
}

.woocommerce .woocommerce-order-fields table.shop_table th {
    display: none;
}

.woocommerce .woocommerce-order-fields table.shop_table td {
    padding: 9px 0;
}

.woocommerce .woocommerce-order-fields .custom-product-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #8E91944D;
}

.woocommerce .woocommerce-order-fields .custom-product-image {
    background: #F9FAFB;
    width: 64px;
    height: 64px;
    border-radius: 10px;
}

.woocommerce .woocommerce-order-fields .custom-product-info {
    margin-left: 10px;
}

.woocommerce .woocommerce-order-fields .custom-product-info span {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    display: inline-block;
}

.woocommerce .woocommerce-order-fields .custom-product-price {
    margin-left: auto;
}

.woocommerce .woocommerce-order-fields .custom-product-price span {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
    display: inline-block;
    font-weight: 500;
}

.woocommerce .woocommerce-order-fields .custom-checkout-subtotal-shipping {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #8E91944D;
}

.woocommerce .woocommerce-order-fields .custom-checkout-subtotal-shipping div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 16px 0;
}

.woocommerce .woocommerce-order-fields .custom-checkout-subtotal-shipping div span {
    color: #4A5565;
    font-size: 16px;
}

.woocommerce .woocommerce-order-fields .custom-checkout-subtotal-shipping div span.woocommerce-Price-amount.amount {
    color: #101828;
    font-weight: 500;
}

.woocommerce .woocommerce-order-fields .custom-checkout-total div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #8E91944D;
    padding: 0 0 20px 0;
}

.woocommerce .woocommerce-order-fields .custom-checkout-total div span {
    color: #101828;
    font-weight: 700;
    font-size: 18px;
}

#custom_additional_info_field {
    background: #fff;
    padding: 24px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
}

#custom_additional_info_field h3 {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    color: #101828;
    margin: 0 0 20px 0;
}

#custom_additional_info_field p#additional_info_field {
    padding: 0;
    margin: 0;
}

#custom_additional_info_field p#additional_info_field label {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 10px 0;
}

#custom_additional_info_field p#additional_info_field textarea {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    padding: 12px 20px;
    border-radius: 6px;
    color: #717182;
    font-size: 14px;
    resize: none;
}

#custom_additional_info_field p#additional_info_field textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #717182;
    opacity: 1;
}

#custom_additional_info_field p#additional_info_field textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #717182;
    opacity: 1;
}

#custom_additional_info_field p#additional_info_field textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #717182;
    opacity: 1;
}

#custom_additional_info_field p#additional_info_field textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717182;
    opacity: 1;
}

.custom-checkout-coupon {
    margin: 20px 0 0;
}

.custom-checkout-coupon span {
    margin: 0 0 8px 0;
    display: block;
    color: #101828;
    font-weight: 500;
}

.custom-checkout-coupon .input-text {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    color: #717182;
    font-size: 14px;
    padding: 9px 16px !important;
    height: 36px;
    border-radius: 10px !important;
    width: 100% !important;
}

.custom-checkout-coupon .input-text::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #717182;
    opacity: 1;
}

.custom-checkout-coupon .input-text:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #717182;
    opacity: 1;
}

.custom-checkout-coupon .input-text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #717182;
    opacity: 1;
}

.custom-checkout-coupon .input-text:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717182;
    opacity: 1;
}

.coupon-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.coupon-wrap .button-secondary {
    height: 36px;
    line-height: 34px;
}

.woocommerce form .custom-checkout-coupon .form-row {
    margin: 0;
    padding: 0;
}

form#woocommerce-checkout-form-coupon {
    display: none !important;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection {
    border-color: #f00;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection {
    margin: 0;
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
    background-color: #fff;
    border: 1px solid #f3f3f5;
    border-radius: 6px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f3f3f5;
    border-radius: 5px;
}

.select2-container .select2-search--dropdown {
    display: block;
    padding: 10px 10px;
}

.select2-container .select2-results__option {
    padding: 6px 10px;
    font-size: 14px;
    margin: 0 0 4px 0;
}

.select2-container .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #E9EBEF;
    color: #101828;
    border-radius: 6px;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: #E9EBEF;
    border-radius: 6px;
    color: #101828;
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 0 10px;
}

#custom_additional_info_field p#additional_info_field textarea:focus {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
}

.woocommerce form .coupon-wrap .form-row .input-text:focus,
.woocommerce form .coupon-wrap .form-row .input-text:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .form-row #billing_state:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .select2-container .select2-container--focus {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form .woocommerce-billing-fields .select2-container span.selection {
    border-radius: 6px;
}

.woocommerce form .woocommerce-billing-fields .select2-container span.selection:focus-visible {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

@media (max-width:1199px) {

    .woocommerce form .woocommerce-billing-fields #billing_city_field,
    .woocommerce form .woocommerce-billing-fields #billing_state_field {
        margin: 0 29px 0 0;
    }

    .woocommerce form .woocommerce-billing-fields #billing_phone_field {
        float: left;
        margin: 0 20px 20px 0;
    }

    .woocommerce form .woocommerce-billing-fields #billing_email_field {
        margin: 0;
    }
}

@media (max-width:991px) {

    .woocommerce form .woocommerce-billing-fields #billing_city_field,
    .woocommerce form .woocommerce-billing-fields #billing_state_field {
        margin: 0 34px 0 0;
    }

    .woocommerce form .woocommerce-billing-fields #billing_phone_field {
        float: left;
        margin: 0 27px 20px 0;
    }

    .woocommerce form .woocommerce-billing-fields #billing_email_field {
        margin: 0;
    }

    .woocommerce-order-fields {
        margin: 40px 0 0 0;
    }
}

@media (max-width:767px) {
    .woocommerce-billing-fields {
        margin: 0 0 20px 0;
    }

    .woocommerce-order-fields {
        margin: 20px 0 0 0;
    }

    .woocommerce form .woocommerce-billing-fields .form-row-first,
    .woocommerce form .woocommerce-billing-fields .form-row-last,
    .woocommerce-page .woocommerce-billing-fields form .form-row-first,
    .woocommerce-page .woocommerce-billing-fields form .form-row-last {
        width: 100%;
        overflow: visible;
    }

    .woocommerce form .woocommerce-billing-fields .form-row {
        padding: 0;
        margin: 0 0 20px 0;
    }

    .woocommerce form .woocommerce-billing-fields #billing_city_field,
    .woocommerce form .woocommerce-billing-fields #billing_state_field,
    .woocommerce form .woocommerce-billing-fields #billing_postcode_field {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .woocommerce form .woocommerce-billing-fields #billing_phone_field,
    .woocommerce form .woocommerce-billing-fields #billing_email_field {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .woocommerce form .woocommerce-billing-fields .form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
        margin: 0 0 0 0;
    }
}

@media (max-width:575px) {
    .coupon-wrap {
        gap: 10px;
    }
}

/******************************************************/
/************ PDP Page css ****************/
/******************************************************/
.related.products {
    display: none;
}

#reviews {
    display: none;
}

.pdp-section-padding {
    padding: 0 0 65px 0;
}

.bg-section {
    background: #F9FAFB;
    border-radius: 20px;
    padding: 32px;
}

.bg-section h2 {
    color: #101828;
    font-size: 30px;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.key-benefits-wrapper {
    margin: 50px 0 0 0;
}

.key-benefits-items {
    background: #F9FAFB;
    box-shadow: 0px 2px 10px 0px #00000005;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    margin: 0 0 30px 0;
}

.key-benefits-items .icon-box {
    margin: 0 auto 20px;
    width: 48px;
    height: 48px;
    background: #101828;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.key-benefits-items .icon-box img {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(12%) hue-rotate(197deg) brightness(105%) contrast(104%);
}

.key-benefits-items h3.benefits-title {
    color: #101828;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    font-family: "Arimo", sans-serif;
    line-height: 150%;
    text-transform: capitalize;
}

.ingredients-bg-section {
    background: #fff;
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #ebe6e7;
}

.ingredients-bg-section h2,
.key-benefits-section h2,
.review-title h2 {
    color: #101828;
    font-size: 30px;
    line-height: 150%;
    margin: 0 0 24px 0;
}

.active-ingredients h3 {
    color: #101828;
    font-size: 20px;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    margin: 0 0 20px 0;
    font-weight: 500;
}

.active-ingredients-items {
    background: #F9FAFB;
    padding: 16px;
    border-radius: 10px;
    margin: 0 0 15px 0;
}

.active-ingredients-items:last-child {
    margin: 0;
}

.active-ingredients-items .ingredients-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.active-ingredients-items .ingredients-title h3 {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 5px 0;
}

.active-ingredients-items .ingredients-title .ingredient-amount {
    color: #101828;
    font-weight: 500;
    font-size: 16px;
}

.active-ingredients-items p {
    color: #4A5565;
    font-size: 14px;
    margin: 0;
    line-height: 150%;
}

.purity-quality {
    margin: 0 0 0 30px;
}

.purity-quality h3 {
    color: #101828;
    font-size: 20px;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    margin: 0 0 20px 0;
    font-weight: 500;
}

.purity-quality .purity-quality-items {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
}

.purity-quality .purity-quality-items img {
    max-width: 20px;
    object-fit: scale-down;
    filter: brightness(0) saturate(100%) invert(0%) sepia(93%) saturate(0%) hue-rotate(234deg) brightness(96%) contrast(107%);
}

.purity-quality .purity-quality-items span {
    font-size: 16px;
    color: #4A5565;
}

.mechanism-action-desc p {
    color: #4A5565;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 20px 0;
}

.key-actions {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}

.key-actions h3 {
    color: #101828;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 20px 0;
    font-family: "Arimo", sans-serif;
}

.key-actions-items {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}

.key-actions-items span {
    font-size: 14px;
}

.key-actions-items span.number {
    background: #101828;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.how-use-bg-section h2 {
    color: #101828;
    font-size: 30px;
    line-height: 150%;
    margin: 0 0 50px 0;
}

.how-use-wrapper {
    margin: 0 0 40px 0;
}

.how-use-items {
    text-align: center;
}

.how-use-items .icon-box {
    margin: 0 auto 20px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-use-items .icon-box img {
    width: auto;
}

.how-use-items h4 {
    color: #101828;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    margin: 0 0 5px 0;
}

.how-use-items p {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 0 0;
}

.important-notes {
    background: #FEFCE8;
    border: 1px solid #FFF085;
    padding: 30px;
    border-radius: 10px;
}

.important-notes span {
    color: #101828;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 10px 0;
    display: block;
}

.important-notes p {
    font-size: 14px;
    line-height: 150%;
    margin: 0;
}

.pdp-page-faq-bg-section.bg-section {
    padding: 32px 32px 0;
}

.faq.pdp-page-faq {
    background: transparent;
}

.pdp-page-faq-bg-section .section-title {
    margin: 0 0 30px 0;
}

.faq.pdp-page-faq .bg-section .section-title h2 {
    margin: 0 0 10px 0;
}

.faq.pdp-page-faq .bg-section .section-title p {
    margin: 0;
    font-size: 16px;
}

.faq.pdp-page-faq .faq-block {
    max-width: 896px;
    margin: 0 auto;
}

.customer-reviews-bg-section.bg-section {
    padding: 32px;
}

.review-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px 0;
}

.review-title h2 {
    margin: 0;
}

.review-title .star-review {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-title .star-review .review-rating svg {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
}

.review-title .star-review .review-rating svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.review-title .star-review span {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
}

.customer-reviews-desc {
    background: #FFFFFF;
    border: 1.5px solid #E5E7EB;
    box-shadow: 0px 2px 12px 0px #0000000A;
    margin: 0 0 30px 0;
    padding: 30px;
    border-radius: 10px;
}

.customer-reviews-desc .client-name-review {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 5px 0;
}

.customer-reviews-desc .client-name-review span {
    color: #101828;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    display: block;
}

.customer-reviews-desc .review-date span {
    color: #4A5565;
    font-size: 14px;
    margin: 0 0 15px 0;
    display: block;
}

.customer-reviews-desc .review-content {
    font-size: 16px;
    margin: 0;
    color: #364153;
}

.customer-reviews-desc .review-feedback span.review-title {
    color: #101828;
    font-weight: 500;
    margin: 0 0 5px 0;
    display: block;
}

.product-reviews-section {
    padding: 0 0 70px 0;
}

.comment-respond {
    background: #fff;
    padding: 30px;
    border: 1.5px solid #E5E7EB;
    box-shadow: 0px 2px 12px 0px #0000000A;
    border-radius: 10px;
}

#respond .form-input-box {
    margin: 0 0 20px 0;
}

#respond .form-input-box label {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #101828;
}

#respond .form-input-box .form-control {
    background: #F3F3F5;
    height: 36px;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #F3F3F5;
    width: 100%;
}

#respond .form-input-box textarea {
    background: #F3F3F5;
    height: 90px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #F3F3F5;
    width: 100%;
    resize: none;
}

#respond p.form-submit {
    margin: 0;
}

#respond .form-submit #submit.submit {
    background: #111111;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    height: 44px;
    width: 140px;
}

/* Load more reviews */
.customer-reviews-wrapper button#load-more-reviews {
    background: #111111;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    height: 44px;
    width: auto;
    margin-bottom: 25px;
}

.customer-reviews-form h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Arimo", sans-serif;
    line-height: 150%;
}

#respond .form-submit #submit.submit:hover {
    background: #1e2939;
    color: #fff;
}

.form-input-box .form-control:focus,
.form-input-box .form-control:focus-visible,
.form-input-box textarea:focus,
.form-input-box textarea:focus-visible {
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 0 3px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce .customer-reviews-form p.stars a {
    color: #FDC700;
}

.woocommerce .pdp-page #content div.product div.summary,
.woocommerce .pdp-page div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 100%;
}

.woocommerce .pdp-page #content div.product div.images,
.woocommerce .pdp-page div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 100%;
}

.pdp-page .woocommerce-product-gallery__image {
    background: #F9FAFB;
    border-radius: 10px;
}

.woocommerce .pdp-page .product_title {
    clear: none;
    padding: 0;
    color: #101828;
    font-size: 36px;
    line-height: 150%;
    margin: 0;
}

.woocommerce-product-details__short-description p {
    font-size: 18px;
    line-height: 150%;
    color: #4A5565;
}

.woocommerce .pdp-page .custom-product-rating {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin: 0 0 10px 0;
}

.woocommerce .pdp-page .custom-product-rating svg {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
}

.woocommerce .pdp-page .custom-product-rating svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.woocommerce .pdp-page .custom-product-rating .rating-number {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 0 10px;
}

.woocommerce .pdp-page .custom-product-rating .star-rating {
    color: #FDC700;
    font-size: 18px;
    height: 20px;
}

.woocommerce .pdp-page .price {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 0 30px 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .pdp-page p.price {
    color: #101828;
    font-size: 30px;
    font-weight: 700;
    line-height: 150%;
	margin: 0 0 10px 0;
}

.woocommerce .pdp-page span.sale-price {
    color: #101828;
    font-size: 30px;
    font-weight: 700;
    line-height: 150%;
}

.woocommerce .pdp-page del.original-price {
    color: #4A5565;
    font-size: 20px;
    font-weight: 400;
}

.woocommerce .pdp-page span.discount-badge {
    background: #FFE2E2;
    border-radius: 8px;
    color: #E7001F;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
    line-height: 150%;
}

.woocommerce .pdp-page .custom-what-included {
    background: linear-gradient(90deg, #F9FAFB 0%, #F3F4F6 102.29%);
    border: 1px solid #E5E7EB;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 30px 0;
}

.woocommerce .pdp-page .custom-what-included h3 {
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 20px;
}

.woocommerce .pdp-page .custom-what-included ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4A5565;
    font-size: 14px;
    margin: 0 0 8px 0;
}

.woocommerce .pdp-page .custom-quantity {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px 0;
}

.woocommerce .pdp-page .custom-quantity label {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
}

.woocommerce .pdp-page .qty-wrapper.qty_box {
    width: 100%;
}

.woocommerce .pdp-page .qty-wrapper.qty_box button {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #d1d5dc;
    padding: 0;
}

.woocommerce .pdp-page .qty-wrapper.qty_box button:hover {
    background: #f9fafb;
}

.woocommerce .pdp-page .qty-wrapper.qty_box .input-text {
    height: 40px;
    padding: 0;
    background: transparent;
    width: 50px;
    border: 0;
    text-align: center;
    color: #101828;
    font-size: 18px;
}

.woocommerce .pdp-page .qty-wrapper.qty_box .input-text:focus,
.woocommerce .pdp-page .qty-wrapper.qty_box .input-text:focus-visible {
    border: 0;
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce .pdp-page .qty-wrapper.qty_box input[type=number]::-webkit-inner-spin-button,
.woocommerce .pdp-page .qty-wrapper.qty_box input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F3F3F5 inset !important;
    /* change 'white' to your input bg color */
    box-shadow: 0 0 0px 1000px #F3F3F5 inset !important;
    -webkit-text-fill-color: #000 !important;
    /* your desired text color */
    transition: background-color 5000s ease-in-out 0s;
    /* prevent flashing */
}

.footer-top-info .footer-newsletter form.Signup__form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
}

.woocommerce .pdp-page .button.alt {
    background: #111111;
    width: 100%;
    margin: 0 0 30px 0;
    border-radius: 0;
    height: 48px;
    font-size: 18px;
    font-weight: 500;
    float: none !important;
}

.woocommerce .pdp-page .button.alt:hover {
    background: #1e2939;
}

.woocommerce .pdp-page .custom-safe-checkout {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.woocommerce .pdp-page .custom-safe-checkout p {
    margin: 0;
    font-size: 14px;
    line-height: 150%;
}

.woocommerce .pdp-page .prod-quality-info {
    text-align: center;
}

.woocommerce .pdp-page .prod-quality-info img {
    margin: 0 0 20px 0;
}

.woocommerce .pdp-page .prod-quality-info h3 {
    font-size: 18px;
    color: #101828;
    font-family: "Arimo", sans-serif;
    margin: 0 0 5px 0;
    line-height: 150%;
}

.woocommerce .pdp-page .prod-quality-info .icon-box {
    width: 80px;
    height: 80px;
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 10px;
}

.woocommerce .pdp-page .prod-quality-info .icon-box img {
    margin: 0;
}

.woocommerce .pdp-page .prod-quality-info p {
    font-size: 16px;
    margin: 0;
}

.woocommerce .pdp-page .features-section {
    border-top: 1px solid #8E91944D;
    padding: 30px 0 0 0;
}

.woocommerce .pdp-page .pdp-info {
    padding: 0 0 0 30px;
}

.woocommerce-pro-desc.bg-section {
    margin: 65px 0;
}

.woocommerce-pro-desc.bg-section p {
    font-size: 16px;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 30px 0;
    display: none;
}

.woocommerce span.onsale {
    display: none;
}

.pdp-page .pdp-nav .woocommerce-breadcrumb-latest {
    margin: 0 0 40px 0;
}

.pdp-page .pdp-nav .woocommerce-breadcrumb-latest a {
    text-decoration: none;
    font-size: 16px;
    color: #4A5565;
}

.pdp-page .pdp-nav .woocommerce-breadcrumb-latest a:hover {
    color: #101828;
}

.woocommerce .woocommerce-breadcrumb a {
    text-decoration: none;
    color: #4A5565;
    font-size: 16px;
    line-height: 150%;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #101828;
}

.prod-img-badge {
    position: absolute;
    left: 20px;
    top: 20px;
}

.prod-img-badge span {
    font-size: 12px;
    color: #fff;
    padding: 4px 12px;
    border-radius: 10px;
    font-weight: 500;
    display: inline-block;
    margin: 0 5px 0 0;
}

.prod-img-badge span.black-badge {
    background: #000000;
}

.prod-img-badge span.green-badge {
    background: #00A63E;
}

.product-reviews-section .client-name-review .review-rating svg {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #d1d5db;
}

.product-reviews-section .client-name-review .review-rating svg.fill-current {
    stroke: currentColor;
    fill: currentColor;
    color: #facc15;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after {
    display: none;
}

.pdp-page .product-image-large {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    cursor: pointer;
    background: #f9fafb;
    border-radius: 8px;
    margin: 0 0 20px 0;
}

.pdp-page .product-image-large img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}

.pdp-page .product-image-large:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 solid #EEE;
    background: #f5f5f5;
    z-index: -1;
}

.pdp-page .product-thumbnails.slide {
    padding: 0 0;
}

.pdp-page .product-thumbnails .item {
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.pdp-page .product-thumbnails .item:hover {
    opacity: 0.8;
}

.pdp-page .product-thumbnails a {
    pointer-events: none;
    display: block;
    position: relative;
    padding-bottom: 70%;
    background: #f9fafb;
    border-radius: 10px;
    aspect-ratio: 1 / 1;
    transition: opacity 0.2s;
    overflow: hidden;
}

.pdp-page .product-thumbnails img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    padding: 10px;
}

/*.pdp-page .product-thumbnails a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #fff;
    z-index: -1;
}

.pdp-page .product-thumbnails a:hover:after {
    opacity: 0.7;
}

.pdp-page .product-thumbnails .selected a:after {
    background: rgba(0, 0, 0, 0.30);
    border-color: #2a8134;
}*/

.pdp-page .product-thumbnails.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1350px;
    padding: 0 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 100%;
    pointer-events: none;
    margin: 0 0 0 0;
}

.pdp-page .owl-nav>div.owl-next,
.pdp-page .owl-nav>button.owl-next {
    float: right;
}

.pdp-page .product-thumbnails.owl-carousel .owl-nav button {
    margin: 0 !important;
    padding: 5px !important;
    background: #111111;
    opacity: 0.9;
    width: 30px;
    height: 40px;
    pointer-events: auto;
}

.pdp-page .product-thumbnails.owl-carousel .owl-nav button svg {
    width: 8px;
    height: 10px;
    fill: #fff;
}

@media (max-width:1199px) {
    .pdp-section-padding {
        padding: 0 0 40px 0;
    }

    .woocommerce .pdp-page .pdp-info {
        padding: 0 0 0 0;
    }
}

@media (max-width:991px) {
    .bg-section {
        padding: 24px;
    }

    .key-benefits-items {
        padding: 15px;
    }

    .ingredients-bg-section {
        padding: 24px;
    }

    .purity-quality {
        margin: 30px 0 0 10px;
    }

    .how-use-items {
        background: #F9FAFB;
        box-shadow: 0px 2px 10px 0px #00000005;
        padding: 16px;
        border-radius: 10px;
        margin: 0 0 20px 0;
        min-height: 190px;
    }

    .how-use-wrapper {
        margin: 0 0 20px 0;
    }

    .how-use-bg-section h2 {
        margin: 0 0 20px 0;
    }

    .important-notes {
        padding: 20px;
    }

    .pdp-page-faq-bg-section.bg-section,
    .comment-respond {
        padding: 24px;
    }

    .customer-reviews-bg-section.bg-section {
        padding: 24px;
    }

    .review-title {
        margin: 0 0 20px 0;
    }

    .customer-reviews-desc {
        padding: 20px;
    }

    .woocommerce .pdp-page .pdp-info {
        padding: 30px 0 0 0;
    }

    .woocommerce .pdp-page .product_title {
        font-size: 30px;
    }

    .woocommerce-pro-desc.bg-section {
        margin: 35px 0;
    }

    .pdp-page .pdp-nav .woocommerce-breadcrumb-latest {
        margin: 40px 0 20px;
    }
}

@media (max-width:575px) {
    .review-title {
        display: block;
    }

    .review-title h2 {
        margin: 0 0 10px 0;
    }

    .woocommerce .pdp-page .prod-quality-info h3 {
        font-size: 14px;
    }

    .woocommerce .pdp-page .prod-quality-info p,
    .key-benefits-items h3.benefits-title {
        font-size: 14px;
    }

    .key-benefits-items {
        min-height: 165px;
    }

    .key-benefits-wrapper {
        margin: 20px 0 0 0;
    }
}


/******************************************************/
/************ Thank You for Your Order Page css ****************/
/******************************************************/
.thank-you-for-your-order-section.section-padding-top {
    background: #f9fafb;
    padding: 190px 0 50px 0;
}

.thank-you-for-your-order-section .thank-you-header .icon-box {
    width: 77px;
    height: 77px;
    background: #DBFCE7;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-for-your-order-section .thank-you-header .icon-box svg {
    stroke: #00a63e;
}

.thank-you-for-your-order-section .thank-you-header h1 {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 16px;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
}

.thank-you-for-your-order-section .thank-you-header p {
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 16px;
}

.thank-you-for-your-order-section .thank-you-order-number {
    max-width: 830px;
    margin: 50px auto 0;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 20px;
    padding: 24px;
    background: #fff;
}

.thank-you-for-your-order-section .order-summary {
    max-width: 830px;
    margin: 24px auto;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 20px;
    padding: 24px;
    background: #fff;
}


.thank-you-for-your-order-section .thank-you-order-number .order-number {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #8E91944D;
}

.thank-you-for-your-order-section .thank-you-order-number .order-number span {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0 0 5px 0;
}

.thank-you-for-your-order-section .thank-you-order-number .order-number h2 {
    font-size: 24px;
    line-height: 150%;
    display: block;
    font-family: "Arimo", sans-serif;
    margin: 0 0 20px 0;
}

.thank-you-for-your-order-section .what-happern-next h2 {
    font-size: 20px;
    line-height: 150%;
    display: block;
    font-weight: 400;
    font-family: "Arimo", sans-serif;
    margin: 0 0 20px 0;
}

.thank-you-for-your-order-section .what-happern-next-item {
    display: flex;
    gap: 10px;
    margin: 0 0 10px 0;
}

.thank-you-for-your-order-section .what-happern-next-item:last-child {
    margin: 0;
}

.thank-you-for-your-order-section .what-happern-next-item .icon-box {
    width: 48px;
    height: 48px;
    background: #F3F4F6;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.thank-you-for-your-order-section .what-happern-next-item .icon-desc span {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
}

.thank-you-for-your-order-section .what-happern-next-item .icon-desc p {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
}

.thank-you-for-your-order-section .order-summary h2 {
    font-size: 20px;
    font-weight: 400;
    font-family: "Arimo", sans-serif;
    margin: 0 0 20px 0;
    line-height: 150%;
}

.thank-you-for-your-order-section .order-details {
    border-bottom: 1px solid #8E91944D;
}

.thank-you-for-your-order-section .order-details .order-details-info {
    display: flex;
    justify-content: space-between;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-img {
    display: flex;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-img .order-prod-img-box {
    border-radius: 10px;
    background: #f9fafb;
    width: 80px;
    height: 80px;
    margin: 0 16px 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-img img {
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 0 0 0;
    border-radius: 10px;
    object-fit: contain;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-title h3 {
    color: #101828;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-title span {
    color: #4A5565;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

.thank-you-for-your-order-section .order-details .order-details-info .order-prod-price span {
    color: #101828;
    font-size: 16px;
}

.thank-you-for-your-order-section .order-subtotal-shipping {
    margin: 24px 0 24px 0;
    border-bottom: 1px solid #8E91944D;
    padding: 0 0 10px 0;
}

.thank-you-for-your-order-section .order-subtotal-shipping .order-subtotal,
.thank-you-for-your-order-section .order-subtotal-shipping .order-shipping {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px 0;
}

.thank-you-for-your-order-section .order-subtotal-shipping .order-subtotal span,
.thank-you-for-your-order-section .order-subtotal-shipping .order-shipping span {
    color: #4A5565;
    font-size: 16px;
    line-height: 150%;
}

.thank-you-for-your-order-section .order-subtotal-shipping .order-subtotal span.shipping-price,
.thank-you-for-your-order-section .order-subtotal-shipping .order-shipping span.shipping-price {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
}

.thank-you-for-your-order-section .order-subtotal-total {
    display: flex;
    justify-content: space-between;
}

.thank-you-for-your-order-section .order-subtotal-total span {
    color: #101828;
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
}

.thank-you-for-your-order-section .order-need-help {
    max-width: 830px;
    background: #101828;
    margin: 0 auto 24px;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 24px;
    text-align: center;
}

.thank-you-for-your-order-section .order-need-help h3 {
    color: #fff;
    font-size: 20px;
    font-family: "Arimo", sans-serif;
    font-weight: 700;
}

.thank-you-for-your-order-section .order-need-help p {
    color: #D1D5DC;
    font-size: 14px;
    line-height: 150%;
}

.thank-you-for-your-order-section .order-need-help a {
    color: #fff;
    font-size: 14px;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.thank-you-for-your-order-section .order-need-help a:hover {
    color: #D1D5DC;
}

.thank-you-for-your-order-section .order-btns {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.thank-you-for-your-order-section .order-btns .button-secondary {
    padding: 12px 20px;
    height: 46px;
    line-height: 150%;
    background: #fff;
}

.thank-you-for-your-order-section .order-btns .button-secondary:hover {
    background: transparent;
}

.thank-you-for-your-order-section .order-btns .button {
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 14px;
    background: #111111;
    border: 1px solid #111111;
    border-radius: 0;
    color: #fff;
}

.thank-you-for-your-order-section .order-btns .button:hover {
    background: #1e2939;
    color: #fff;
}

.thank-you-for-your-order-section .order-btns .button svg {
    max-width: 16px;
}

@media (max-width:991px) {
    .thank-you-for-your-order-section.section-padding-top {
        padding: 220px 0 50px 0;
    }

    .thank-you-for-your-order-section .thank-you-order-number {
        margin: 30px auto 0;
    }
}

@media (max-width:575px) {
    .thank-you-for-your-order-section .order-btns {
        display: block;
    }

    .thank-you-for-your-order-section .order-btns .button-secondary {
        margin: 0 0 10px 0;
    }
}

/******************************************************/
/************ Payment Failed Page css ****************/
/******************************************************/
.payment-failed-section.section-padding-top {
    background: #f9fafb;
    padding: 190px 0 50px 0;
}

.payment-failed-section .payment-failed-header .icon-box {
    width: 77px;
    height: 77px;
    background: #FDEAEA;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-failed-section .payment-failed-header .icon-box svg {
    stroke: #EA1620;
}

.payment-failed-section .payment-failed-header h1 {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 16px;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
}

.payment-failed-section .payment-failed-header p {
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 16px;
}

.payment-failed-section .payment-failure {
    max-width: 830px;
    margin: 50px auto 0;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 20px;
    padding: 24px;
    background: #fff;
}

.payment-failure-title {
    display: flex;
    gap: 10px;
    margin: 0 0 30px 0;
}

.payment-failure-title .icon-box svg {
    stroke: #E17303;
    margin: 5px 0 0 0;
}

.payment-failure-title .title-desc h2 {
    color: #101828;
    font-size: 20px;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.payment-failure-title .title-desc p {
    font-size: 14px;
    line-height: 150%;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    margin: 0;
}

.payment-failure-desc ul {
    padding: 0 0 0 50px;
}

.payment-failure-desc ul li {
    list-style: disc;
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.payment-failure-desc ul li::marker {
    color: #99a1af;
    font-size: 1.2em;
}

.payment-failure-desc ul li:last-child {
    margin: 0;
}

.what-you-can-do {
    max-width: 830px;
    margin: 30px auto 24px;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 20px;
    padding: 24px;
    background: #fff;
}


.what-you-can-do h2 {
    color: #101828;
    font-size: 20px;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    margin: 0 0 24px 0;
}

.try-again-info {
    display: flex;
    gap: 20px;
    margin: 0 0 24px 0;
    border-bottom: 1px solid #8E91944D;
    padding: 0 0 24px 0;
}

.what-you-can-do-item .icon-box {
    width: 48px;
    height: 48px;
    background: #F3F4F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.what-you-can-do-item h3 {
    color: #101828;
    font-size: 18px;
    font-weight: 400;
    font-family: "Arimo", sans-serif;
    margin: 0 0 5px 0;
}

.what-you-can-do-item p {
    color: #4A5565;
    font-size: 14px;
    font-weight: 400;
    font-family: "Arimo", sans-serif;
    margin: 0 0 10px 0;
}

.what-you-can-do-item .button {
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
}

.what-you-can-do-item .button svg {
    max-width: 16px;
}

.contact-support {
    display: flex;
    gap: 20px;
    margin: 0 0 10px 0;
}

.contact-btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-btn a {
    text-decoration: none;
    font-size: 14px;
}

.contact-btn a.button-secondary {
    padding: 0 20px;
    line-height: 38px;
}

.contact-btn a.button-secondary:hover {
    background: #f9fafb;
}

.contact-btn a.mail-link:hover {
    text-decoration: underline;
    color: #4A5565;
}

.order-btns .button-secondary {
    height: 44px;
    line-height: 42px;
    padding: 0 20px;
    background: #fff;
}

.order-btns .button-secondary:hover {
    background: #f9fafb;
}

@media (max-width:991px) {
    .payment-failed-section.section-padding-top {
        padding: 220px 0 50px 0;
    }

    .payment-failed-section .payment-failure {
        margin: 30px auto 0;
    }
}

@media (max-width:575px) {
    .contact-btn {
        display: block;
    }

    .contact-btn a {
        margin: 0 0 10px 0;
    }
}

/******************************************************/
/************ Customer Dashboard css ****************/
/******************************************************/
.dashboard-overview {
    padding: 70px 0;
}

.customer-dashboard-header {
    padding: 0 0 30px 0;
}

.customer-details {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.customer-info h1 {
    color: #101828;
    font-size: 36px;
    line-height: 150%;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.customer-info p {
    margin: 0;
    color: #4A5565;
    font-size: 18px;
    line-height: 150%;
}

.btn-sign-out a {
    background: #fff;
    width: 115px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #101828;
    padding: 0;
    gap: 10px;
    border: 1px solid #d1d5dc;
}

.btn-sign-out a svg {
    width: 20px;
}

.btn-sign-out a:hover {
    background: transparent;
}

.customer-dashboard-links {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    background: #ECECF0;
    padding: 5px;
    border-radius: 10px;
    margin: 0 0 30px 0;
}

.customer-dashboard-links a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.customer-dashboard-links a svg,
.customer-dashboard-links a img {
    width: 16px;
    height: 16px;
}

.customer-dashboard-links a.active,
.customer-dashboard-links a:hover {
    background: #fff;
    padding: 5px;
}

.total-orders-details {
    padding: 0 0 30px 0;
}

.total-orders-details .total-orders {
    background: #fff;
    text-align: center;
    padding: 24px;
    border: 1px solid #E5E7EB;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.total-orders-details .total-orders h2 {
    color: #101828;
    font-size: 30px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.total-orders-details .total-orders span {
    color: #4A5565;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 0;
}

.view-orders-details {
    padding: 0 0 30px 0;
}

.view-orders-details .view-orders {
    background: #fff;
    text-align: center;
    padding: 24px;
    border: 1px solid #E5E7EB;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.view-orders-details .view-orders .icon-box {
    background: #111111;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-orders-details .view-orders .icon-box svg,
.view-orders-details .view-orders .icon-box img {
    width: 24px;
}

.view-orders-details .view-orders h3 {
    font-size: 18px;
    font-weight: 400;
    color: #101828;
    margin: 0 0 16px 0;
}

.view-orders-details .view-orders p {
    font-size: 14px;
    font-weight: 400;
    color: #4A5565;
    margin: 0 0 16px 0;
}

.view-orders-details .view-orders a.button {
    width: 100%;
    height: 36px;
    line-height: 32px;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    background: #000000;
    color: #fff;
    border-radius: 0;
}

.view-orders-details .view-orders a.button:hover {
    background: #1e2939;
}

.recent-orders-details {
    background: #fff;
    padding: 24px;
    border: 1px solid #E5E7EB;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.recent-orders-details h3 {
    font-size: 20px;
    font-weight: 400;
    color: #101828;
    margin: 0 0 20px 0;
}

.recent-orders-info {
    border: 1px solid #D1D5DC;
    padding: 16px;
    background: #f9fafb;
    margin: 0 0 24px 0;
    display: flex;
    justify-content: space-between;
}

.recent-orders-info:last-child {
    margin: 0;
}

.recent-orders-info .recent-orders h3 {
    color: #101828;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 5px 0;
    font-family: "Arimo", sans-serif;
    font-weight: 500;
}

.recent-orders-info .recent-orders span {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
}

.recent-orders-info .recent-orders-price p {
    color: #101828;
    font-size: 16px;
    margin: 0 0 5px 0;
    line-height: 150%;
    font-weight: 500;
}

.recent-orders-info span.order-status.green {
    background: #DBFCE7;
    padding: 6px 6px;
    border-radius: 8px;
    color: #10703C;
    font-size: 12px;
    font-weight: 400;
}

.recent-orders-info span.order-status.blue {
    background: #DBEAFE;
    padding: 6px 6px;
    border-radius: 8px;
    color: #193CBF;
    font-size: 12px;
    font-weight: 400;
}

.recent-orders-details .btn-view-all a.button-secondary {
    width: 100%;
    padding: 0;
    height: 36px;
    line-height: 32px;
    border: 1px solid #D1D5DC;
}

.recent-orders-details .btn-view-all a.button-secondary:hover {
    background: #f9fafb;
}

.order-history .recent-orders-info .recent-orders span {
    color: #4A5565;
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0 0 5px 0;
}

.order-history .recent-orders-info .recent-orders-price span {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0 0 5px 0;
    text-align: right;
}

.order-history .recent-orders-info .recent-orders-price p {
    text-align: right;
}

.order-history .recent-orders-info .recent-orders span.order-date {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px 0;
}

.order-history .recent-orders-info .recent-orders span.order-date svg,
.order-history .recent-orders-info .recent-orders span.order-date img {
    width: 16px;
}

.order-history .recent-orders-info span.order-status.green {
    background: #DBFCE7;
    padding: 3px 6px;
    border-radius: 8px;
    color: #10703C;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: 150%;
}

.order-history .recent-orders-info span.order-status.blue {
    background: #DBEAFE;
    padding: 3px 6px;
    border-radius: 8px;
    color: #193CBF;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: 150%;
}

.order-history .recent-orders a.button-secondary {
    margin: 10px 0 0 0;
    border: 1px solid #E5E7EB;
    padding: 0;
    height: 34px;
    line-height: 32px;
    width: 124px;
    text-align: center;
}

.order-history .recent-orders a.button-secondary:hover {
    background: #f9fafb;
}

.order-history .recent-orders-info {
    background: #fff;
}

.order-history .btn-view-all .button-secondary {
    width: 100%;
    padding: 0;
    height: 36px;
    line-height: 32px;
    border: 1px solid #D1D5DC;
}

.order-history .btn-view-all .button-secondary:hover {
    background: #f9fafb;
}

.profile-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-family: Arial, sans-serif;
}

.profile-card .profile-title {
    font-size: 20px;
    font-weight: 400;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.profile-card .profile-title svg {
    width: 20px;
    stroke: #101828;
}

.profile-card .profile-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 40px 0 0 0;
}

.profile-card .profile-section #countrySelect {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.profile-section #countrySelect:focus {
    box-shadow: none;
    border-color: #000;
}

.profile-card .profile-item {
    display: flex;
    align-items: flex-start;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 10px;
}

.profile-card .profile-name {
    font-family: "Arimo", sans-serif;
}

.profile-card .profile-item:last-child {
    border-bottom: 0;
}

.profile-card .profile-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-card .profile-info svg {
    width: 16px;
}

.profile-card .label {
    font-size: 14px;
    font-weight: 500;
    color: #101828;
    margin: 0;
}

.profile-card .value {
    font-size: 14px;
    color: #4A5565;
    margin: 0;
}

.profile-card .icon {
    font-size: 16px;
    color: #9ca3af;
}

.profile-card .edit-btn {
    font-size: 14px;
    padding: 4px 16px;
    background: #fff;
    border: 1px solid #D1D5DC;
    border-radius: 0;
    cursor: pointer;
    color: #101828;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: "Arimo", sans-serif;
}

.profile-card .edit-btn svg {
    width: 16px;
    height: 16px;
    stroke: #111827;
}

.profile-card .edit-btn:hover {
    background: #f9fafb;
}

.profile-card .edit-fields {
    margin-top: 6px;
}

.profile-item.full-width,
.profile-info.full-width {
    width: 100%;
}

.profile-item.full-width,
.profile-item.full-width .profile-info,
.profile-item.full-width .profile-name,
.profile-item.full-width .edit-fields {
    width: 100% !important;
    display: block !important;
}

.profile-item .profile-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-item .profile-info .icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.profile-item .profile-info .label {
    display: inline-block;
    font-weight: 500;
    color: #333;
    margin: 0;
}

.profile-item.full-width .profile-info {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.profile-item.full-width .profile-info {
    width: 100%;
    align-items: flex-start;
}

.profile-item.full-width .edit-btn {
    display: none !important;
}

.profile-card .edit-fields input {
    border: 0;
    background: #f3f3f5;
    border-radius: 6px;
    padding: 4px 12px;
    height: 36px;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0 0 8px 0;
    width: 100%;
}

.profile-card .edit-fields input:focus {
    box-shadow: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.profile-card .btns {
    display: flex;
    gap: 8px;
}

.profile-card .save,
.profile-card .cancel {
    font-size: 14px;
    padding: 5px 16px;
    border-radius: 0;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-card .save {
    background: #000;
    color: #fff;
    font-weight: 500;
}

.profile-card .cancel:hover {
    background: #f9fafb;
}

.profile-card .cancel {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #101828;
    font-weight: 500;
}

.profile-card .custom-select-wrapper {
    width: 100%;
    position: relative;
}

.profile-card .custom-select-wrapper .select-header .selected-text {
    text-align: left;
}

.profile-card .custom-select-wrapper .select-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 0;
    border: 1px solid #E5E7EB;
    border-radius: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    height: 36px;
    background: #f3f3f5;
    margin: 0 0 8px 0;
}

.profile-card .custom-select-wrapper[data-state="open"] .select-options-list {
    margin: 0;
}

.settings-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    max-width: 100%;
    margin: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    height: 100%;
}

.settings-card svg {
    width: 20px;
}

.settings-card h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111827;
}

.setting-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    padding: 16px 0;
}

.setting-item:last-child {
    border-bottom: none;
}

.setting-info strong {
    font-weight: 500;
    color: #101828;
}

.setting-info p {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 0;
}

.setting-item .btn-change-password {
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 150%;
}

.setting-item .btn-change-password svg {
    width: 16px;
}

.setting-item .btn-delete {
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 150%;
}

.setting-item .btn-delete svg {
    width: 16px;
}

.dashboard-overview .modal-header h5 {
    font-size: 18px;
    margin: 0;
    font-family: "Arimo", sans-serif;
    line-height: 150%;
}

.dashboard-overview .modal-content {
    width: 450px;
}

.dashboard-overview .modal-header {
    padding: 20px 20px 0;
}

.dashboard-overview .modal-content p.small {
    padding: 0 20px;
    font-size: 14px;
    color: #4A5565 !important;
}

.dashboard-overview .modal-body label {
    font-size: 14px;
    color: #101828;
    line-height: 150%;
}

.dashboard-overview .modal-body .form-control {
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 6px;
    padding: 4px 12px;
    height: 36px;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
}

.dashboard-overview .modal-body .form-control:focus {
    box-shadow: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.dashboard-overview .modal-footer .btn {
    border-radius: 0;
    font-size: 14px;
    padding: 8px 20px;

}

.dashboard-overview .modal-footer .btn.btn-dark {
    background: #111111;
}

.dashboard-overview .modal-footer .btn.btn-dark:hover {
    background: #1e2939;
}

.dashboard-overview .modal-footer .btn.btn-outline-secondary {
    border: 2px solid #EFEFEF;
    color: #101828;
}

.dashboard-overview .modal-footer .btn.btn-outline-secondary:hover {
    background: #e9ebef;
}

#deleteAccountModal .bg-danger-subtle {
    border: 1px solid #FFDBDB !important;
    background: #FEF2F2 !important;
    border-radius: 0 !important;
}

#deleteAccountModal p.text-danger {
    color: #9F0712;
    font-size: 14px;
    line-height: 150%;
}

#deleteAccountModal ul.text-danger {
    padding: 0 0 0 33px;
    margin: 0 !important;
}

#deleteAccountModal ul.text-danger li {
    list-style: disc;
    font-size: 14px;
    line-height: 150%;
}

@media (max-width:991px) {
    .dashboard-overview {
        padding: 30px 0;
    }

    .customer-dashboard-links {
        margin: 0;
    }

    .total-orders-details {
        padding: 20px 0;
    }

    .view-orders-details {
        padding: 0 0 20px 0;
    }

    .customer-dashboard-header {
        padding: 0 0 30px 0;
    }

    .view-orders-details .view-orders,
    .total-orders-details .total-orders,
    .recent-orders-details {
        padding: 16px;
    }

    .recent-orders-details.order-history,
    .dashboard-profile {
        margin: 20px 0 0 0;
    }

    .settings-card {
        margin: 30px 0 0 0;
        height: auto;
    }

    .dashboard-profile .modal-dialog-centered {
        justify-content: center;
    }
}

@media (max-width:767px) {
    .total-orders-details .total-orders h2 {
        font-size: 24px;
    }
}

@media (max-width:575px) {

    .total-orders-details .total-orders,
    .view-orders-details .view-orders {
        margin: 0 0 20px 0;
    }

    .customer-info h1 {
        font-size: 30px;
    }

    .customer-details {
        display: block;
    }

    .btn-sign-out {
        margin: 20px 0 0 0;
    }

    .setting-item {
        display: block;
    }

    .setting-info {
        margin: 0 0 10px 0;
    }

    .dashboard-overview #changePasswordModal .modal-footer,
    .dashboard-overview #deleteAccountModal .modal-footer {
        padding: 0px 15px;
        margin: 0 0 10px 0;
    }

    .dashboard-overview #changePasswordModal .modal-footer .btn.btn-outline-secondary,
    .dashboard-overview #deleteAccountModal .modal-footer .btn.btn-outline-secondary {
        order: 2;
    }

    .dashboard-overview #changePasswordModal .modal-footer .btn,
    .dashboard-overview #deleteAccountModal .modal-footer .btn {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/******************************************************/
/************ woocommerce-cart-page css ****************/
/******************************************************/
.woocommerce-cart-form {
    padding: 50px 0 0 0;
}

.woocommerce table.shop_table {
    border-radius: 0;
}

.woocommerce table.shop_table td {
    background: #fff;
    color: #101828;
}

.woocommerce table.shop_table th {
    background: #e7e9ed;
    color: #101828;
}

.woocommerce table.cart td.actions {
    background: #e7e9ed;
}

.woocommerce-cart table.cart img {
    width: 80px;
    background: #F3F4F6;
    border-radius: 10px;
}

.woocommerce-cart table.cart .product-thumbnail {
    text-align: center;
}

.woocommerce a.remove {
    margin: 0 auto;
    color: #f00 !important;
    border-radius: 10%;
}

.woocommerce a.remove:hover {
    color: #fff !important;
    background: #f00;
}

.woocommerce .cart_prod_remove a.remove:hover {
    color: #fff !important;
    background: transparent;
}

.woocommerce table.shop_table td.product-name a {
    text-decoration: none;
}

.woocommerce table.shop_table td.product-name a:hover {
    text-decoration: underline;
}

.woocommerce table.cart td.actions .input-text {
    width: 200px;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
    float: none;
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 36px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
    background: #1e2939;
    color: #fff;
}

.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    margin: 0;
}

.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover {
    background: #1e2939;
    color: #fff;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    margin: 0 10px 0 0;
    font-size: 14px;
    padding: 6px 12px;
    border: 1px solid #D6D6D6;
    border-radius: 0;
    color: #0A0A0A;
}

.woocommerce-shipping-totals p.woocommerce-shipping-destination {
    font-size: 16px;
}

#shipping-calculator-form label {
    font-size: 14px;
}

#shipping-calculator-form select {
    font-size: 16px;
}

#shipping-calculator-form select#calc_shipping_country option {
    font-size: 16px;
}

#shipping-calculator-form .button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
}

#shipping-calculator-form .button:hover {
    background: #1e2939;
    color: #fff;
}

#shipping-calculator-form .input-text {
    height: 36px;
    border: 1px solid #E5E7EB;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 10px;
    box-sizing: border-box;
    color: #4A5565;
    font-weight: 400;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}

.woocommerce-page .cart-collaterals .cart_totals h2 {
    font-size: 30px;
    text-transform: capitalize;
    margin: 10px 0 0 0;
    background: #e7e9ed;
    padding: 10px 20px;
    text-align: center;
}

.woocommerce .cart_totals table.shop_table th {
    background: transparent;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: #e7e9ed;
    color: #101828;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled] {
    opacity: 1;
    padding: 0 20px;
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover {
    background: #1e2939;
    color: #fff;
}

.woocommerce .custom-add-to-cart-wrapper a.added_to_cart {
    display: inline-block;
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    background: #fff;
    padding: 0 8px;
    font-weight: 500;
    border: 1px solid #fff;
    display: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after {
    display: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading {
    display: none;
    opacity: 1;
}

.woocommerce .custom-add-to-cart-wrapper a.added_to_cart:hover {
    background: none;
    color: #fff;
}

.woocommerce-cart .select2-container.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 0;
}

.woocommerce-cart .select2-container,
.woocommerce-checkout .select2-container {
    width: auto;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form {
    text-align: left;
}

#shipping-calculator-form label {
    font-size: 14px;
    text-align: left;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
    text-decoration: none;
    color: #4A5565;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover {
    text-decoration: underline;
}

.woocommerce-cart p.return-to-shop .button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
}

.woocommerce-cart p.return-to-shop .button:hover {
    background: #1e2939;
    color: #fff;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 1em 0 0;
}

.woocommerce form .woocommerce-terms-and-conditions-wrapper .woocommerce-form__input-checkbox {
    appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DADADC;
    border-radius: 0;
    background-color: #F3F3F5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    cursor: pointer;
    transition: background-color 120ms ease-in-out, border-color 120ms ease-in-out;
    flex-shrink: 0;
    margin: 2px 7px 0 0;
}

.woocommerce form .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid #terms {
    outline: 0;
    outline-offset: 0;
}

.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row.woocommerce-invalid label {
    color: #4A5565;
}

/* When checked */
.woocommerce form .woocommerce-terms-and-conditions-wrapper .woocommerce-form__input-checkbox:checked {
    background-color: #111111;
    border-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row label {
    line-height: 150%;
    font-size: 14px;
    cursor: pointer;
}


@media (max-width:991px) {

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


@media (max-width:767px) {
    tr.woocommerce-cart-form__cart-item.cart_item {
        margin: 0 0 15px 0;
    }

    .woocommerce-cart-form {
        padding: 20px 0 0 0;
    }
}

/******************************************************/
/************ Form Error css ****************/
/******************************************************/
.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 150%;
    display: block;
    padding: 0 5px;
    position: relative;
    margin: 0 0 0 0;
}

/*.wpcf7-not-valid-tip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #f00 transparent;
    position: absolute;
    left: 8px;
    bottom: 100%;
}*/

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0 0;
    padding: 5px;
    color: #000;
    text-align: center;
    font-size: 12px;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #f00;
}

.woocommerce-checkout .checkout .checkout-inline-error-message {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 150%;
    display: block;
    padding: 0 5px;
    position: relative;
    margin: 0 0 0 0;
}

/******************************************************/
/************ WooCommerce-MyAccount css ****************/
/******************************************************/
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 20%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 77%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    text-decoration: none;
    margin: 0 0 5px 0;
    font-size: 16px;
    padding: 5px 10px;
    display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #F3F4F6;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
    background: #F3F4F6;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 150%;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-Address {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-Addresses.addresses {
    margin: 30px 0 0 0;
}

.woocommerce-Address h2 {
    font-size: 22px;
}

.woocommerce-account .addresses .title .edit {
    float: left;
}

.woocommerce-Address a {
    margin: 0 0 20px 0;
    text-align: left;
    text-decoration: none;
}

.woocommerce-EditAccountForm {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-EditAccountForm label {
    font-size: 14px;
    color: #101828;
}

.woocommerce-EditAccountForm .input-text {
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 10px;
    padding: 4px 12px;
    height: 36px;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
}

#account_display_name_description {
    font-size: 14px;
}

.woocommerce-EditAccountForm fieldset {
    margin: 30px 0 0 0;
    border-top: 1px solid #E5E7EB;
    padding: 20px 0 0 0;
}

.woocommerce-EditAccountForm fieldset legend {
    font-size: 18px;
    color: #101828;
    font-family: "Arvo", serif;
}

.woocommerce-EditAccountForm .woocommerce-Button.button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 37px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
    margin: 10px 0 0 0;
}

.woocommerce-EditAccountForm .woocommerce-Button.button:hover {
    background: #1e2939;
    color: #fff;
}

.woocommerce form.woocommerce-EditAccountForm .form-row {
    padding: 0;
    margin: 0 0 10px;
}

.woocommerce-info {
    border-top-color: transparent;
    background-color: #E7E9ED;
    color: #101828;
    border-radius: 10px;
    font-size: 14px;
    line-height: 150%;
    display: none;
}

.woocommerce-info::before {
    color: #111111;
}

.woocommerce-info a.button {
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    text-transform: capitalize;
}

.woocommerce-info a.button:hover {
    background: #1e2939;
    color: #fff;
}

.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
    height: 16px;
    width: 16px;
}

.woocommerce form.woocommerce-EditAccountForm .form-row .input-text,
.woocommerce form.woocommerce-EditAccountForm .form-row select {
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 0 20px;
    height: 36px;
    line-height: normal;
    background: #F9FAFB;
}

.woocommerce form.woocommerce-EditAccountForm .form-row .input-text:focus {
    box-shadow: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.woocommerce form.woocommerce-EditAccountForm .form-row .required {
    color: #111111;
}

.woocommerce-privacy-policy-text p {
    font-size: 16px;
    line-height: 150%;
}

.woocommerce-checkout #payment {
    background: #fff;
    border-radius: 0;
    margin: 20px 0 0 0;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0;
}

.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row label {
    line-height: 150%;
    padding: 0 0 0 0;
    display: flex;
    align-items: self-start;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #E7E9ED;
    padding: 10px;
    margin: 10px 0;
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #E7E9ED;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce-checkout #payment div.payment_box p {
    font-size: 16px;
    color: #101828;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: none;
    background: #111111;
    border: 1px solid #111111;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    padding: 0 16px;
    height: 40px;
    line-height: 36px;
    border-radius: 0;
    text-transform: capitalize;
    width: 100%;
    margin: 10px 0 0 0;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background: #1e2939;
}

.woocommerce #payment #place_order.disabled {
    background: #7f7f7f;
    color: #fff;
    cursor: not-allowed;
    border: 1px solid #7f7f7f;
}

/* Enabled state */
.woocommerce #payment #place_order.enabled {
    background: #111111;
    color: #fff;
    cursor: pointer;
}

.woocommerce #payment #place_order.enabled:hover {
    background: #1e2939;
}

.woocommerce-order-fields .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text {
    display: none;
    margin: 20px 0 0 0;
}

.woocommerce-order-fields .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p {
    text-align: center;
    font-size: 12px;
    margin: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
    display: none;
}

.woocommerce-checkout-payment p.privacy-text {
    text-align: center;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.checkout-info-wrapper {
    margin: 20px 0;
}

.checkout-info-wrapper .checkout-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
}

.checkout-info-wrapper .checkout-item span {
    font-size: 14px;
    margin: 0;
    color: #4A5565;
}

.checkout-info-wrapper .checkout-item img {
    width: 16px;
}

@media (max-width:1023px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 70%;
    }

    .woocommerce-EditAccountForm {
        padding: 0;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 10px;
    }
}

@media (max-width:767px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}

@media (max-width:575px) {

    .woocommerce form.woocommerce-EditAccountForm .form-row-first,
    .woocommerce form.woocommerce-EditAccountForm .form-row-last,
    .woocommerce-page form.woocommerce-EditAccountForm .form-row-first,
    .woocommerce-page form.woocommerce-EditAccountForm .form-row-last {
        width: 100%;
        overflow: visible;
    }

    .woocommerce-info a.button {
        margin: 15px 0 0 0;
    }
}


/* Hide number input arrows (all browsers) */
.input-number::-webkit-inner-spin-button,
.input-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-number {
    -moz-appearance: textfield;
    /* Firefox */
}

/******************************************************/
/************ PDP Sticky Bar css ****************/
/******************************************************/
.pdp-prod-fixbar {
    background: #fff;
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ebe6e7;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.pdp-prod-fixbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.pdp-prod-fixbar-wrapper .pdp-details {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pdp-prod-fixbar-wrapper .prod-img {
    background: #f3f4f6;
    border-radius: 5px;
    width: 40px;
    height: 40px;
}

.pdp-prod-fixbar-wrapper .prod-info h3 {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    font-weight: 500;
    font-family: "Arimo", sans-serif;
}

.pdp-prod-fixbar-wrapper .prod-info span {
    color: #101828;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    font-weight: 500;
    font-family: "Arimo", sans-serif;
}

.pdp-prod-fixbar-wrapper .pdp-qty-cart {
    display: flex;
    align-items: center;
    gap: 20px;
}

.woocommerce .pdp-page .pdp-prod-fixbar-wrapper .qty-wrapper.qty_box button {
    width: 32px;
    height: 32px;
}

.woocommerce .pdp-page .pdp-prod-fixbar-wrapper .qty-wrapper.qty_box .input-text {
    width: 34px;
    font-size: 16px;
}

.woocommerce .pdp-page .pdp-prod-fixbar-wrapper .pdp-qty-cart .custom-quantity {
    margin: 0;
}

.woocommerce .pdp-page .pdp-prod-fixbar-wrapper .pdp-qty-cart .button.alt {
    margin: 0;
    font-size: 14px;
    width: 200px;
    height: 36px;
}



@media (max-width:767px) {
    .woocommerce .pdp-page .pdp-prod-fixbar-wrapper .pdp-qty-cart .button.alt {
        width: 100%;
        line-height: 35px;
        justify-content: center;
        padding: 0 5px;
    }

    .woocommerce .pdp-page .button.alt,
    .woocommerce .pdp-page .custom-quantity,
    .woocommerce .pdp-page .custom-safe-checkout {
        display: none;
    }

    .woocommerce .pdp-page .custom-what-included {
        margin: 0;
    }

    .woocommerce .pdp-page .pdp-prod-fixbar .button.alt,
    .woocommerce .pdp-page .pdp-prod-fixbar .custom-quantity {
        display: flex;
    }

    .pdp-prod-fixbar-wrapper .pdp-details {
        display: none;
    }

    .pdp-qty-cart-main {
        flex: 1;
        max-width: 100%;
    }

    .woocommerce .pdp-page .pdp-prod-fixbar-wrapper .pdp-qty-cart .custom-quantity {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .prod-cart-btn {
        flex: 1;
        max-width: 100%;
    }

    .pdp-prod-fixbar-wrapper {
        width: 100%;
    }

    .woocommerce .pdp-page .qty-wrapper.qty_box {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: 0 0 90px;
        max-width: 100%;
    }

    .woocommerce .pdp-page .pdp-prod-fixbar-wrapper .qty-wrapper.qty_box .input-text {
        width: 26px;
        font-size: 16px;
    }

    .pdp-prod-fixbar-wrapper .pdp-qty-cart {
        gap: 5px;
    }

}

/******************************************************/
/************ Pagination css ****************/
/******************************************************/
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 40px 0 0 0;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #111111;
    margin: 0 5px;
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: #fff;
    background: #111111;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #fff;
    color: #101828;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #fff;
    color: #101828;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul li a svg,
.woocommerce nav.woocommerce-pagination ul li a img {
    width: 16px;
}

/* .woocommerce-notices-wrapper {
    display: none;
} */

.custom_add_to_cart_btn.loading {
    opacity: 0.6;
    pointer-events: none;
}

.woocommerce div.product .pdp-qty-cart-main form.cart {
    margin-bottom: 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover {
    background: #111;
    padding: 0;
    border: 1px solid #111;
}

.woocommerce .pdp-prod-fixbar-wrapper a.added_to_cart {
    display: none;
}

.woocommerce .pdp-info a.added_to_cart {
    display: none;
}

/******************************************************/
/************ Checkout Payment css ****************/
/******************************************************/
.payment-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    max-width: 100%;
    margin: 0 0 20px 0;
}

.payment-box .payment-title {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 24px;
}

.payment-box .payment-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 0;
}

.payment-box .payment-option-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment-box .payment-option-left input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: #111827;
    cursor: pointer;
}

.payment-box .payment-option-left label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
}

.payment-box .payment-option-left label svg {
    width: 20px;
}

.payment-box .payment-option-left .icon {
    width: 18px;
    height: 18px;
}

.payment-box .payment-icons {
    display: flex;
    gap: 10px;
}

.payment-box .payment-icons img {
    width: 70px;
}

.payment-box .visa,
.payment-box .mastercard {
    width: 40px;
    height: 24px;
}

.payment-box .visa-text {
    font-size: 8px;
    font-weight: bold;
    fill: #2563eb;
    dominant-baseline: middle;
}

.payment-box .payment-secure {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    margin-top: 20px;
    color: #4b5563;
    font-size: 14px;
}

.payment-box .shield-icon {
    width: 16px;
    height: 16px;
}

.woocommerce-checkout .woocommerce-account-fields {
    display: none;
}

/******************************************************/
/************ Search Functionality css ****************/
/******************************************************/
#clearBtn {
    position: absolute;
    right: 15px;
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    transition: color 0.2s;
    top: 7px;
    padding: 0;
}

#clearBtn svg {
    width: 16px;
}

#clearBtn:hover {
    color: #4b5563;
}

/* Dropdown Styles */
#searchResults {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    z-index: 50;
    display: none;
    max-height: 380px;
    overflow-y: auto;
}

.result-count {
    padding: 8px 15px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #6b7280;
}

.result-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #f9fafb;
    cursor: pointer;
    transition: background-color 0.2s;
}

.result-item:hover {
    background-color: #f9fafb;
}

.result-img {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
}

.result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-info {
    flex: 1;
    min-width: 0;
}

.result-info h4 {
    font-size: 14px;
    font-weight: 400;
    color: #111827;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-info p {
    font-size: 12px;
    color: #6b7280;
    margin: 2px 0 0;
}

.result-price {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-left: 10px;
}

.no-results {
    text-align: center;
    padding: 15px;
    color: #6b7280;
    font-size: 14px;
}

.no-results svg {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    color: #9ca3af;
}

.no-results strong {
    display: block;
    color: #111827;
    margin-bottom: 4px;
}

.no-results small {
    color: #6b7280;
}


.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
    display: none !important;
}

header.entry-header {
    display: none;
}

#clearBtn {
    display: none;
}

.woocommerce-order-fields .custom-applied-coupons {
    margin: 20px 0 0 0;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px;
}

.woocommerce-order-fields .custom-applied-coupons .applied-coupon-amount {
    margin: 0 10px 0 0;
}

.woocommerce-order-fields .custom-applied-coupons .woocommerce-Price-amount.amount {
    padding: 0 0 0 5px;
}

.custom-checkout-coupon .coupon-error-notice {
    display: block;
    color: red;
    font-size: 14px;
    margin-top: 8px;
}

/******************************************************/
/************ Search Functionality css ****************/
/******************************************************/
.payment-box .direct-bank-transfer {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    margin: 0 0 10px 0;
}

.payment_box.payment_method_bacs p,
.payment_box.payment_method_cod p {
    font-size: 16px;
    margin: 10px 0 0;
    border-top: 1px solid #E5E7EB;
    padding: 10px 0 0 0;
}

.payment_box.payment_method_stripe p.testmode-info {
    font-size: 16px;
    margin: 10px 0;
    padding: 10px 0;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}

.wc-stripe-upe-element iframe label.p-FieldLabel.Label.Label--empty,
.wc-stripe-upe-element iframe label.p-FieldLabel.Label.Label--invalid,
.wc-stripe-upe-element iframe label.p-FieldLabel.Label.Label--focused {
    font-size: 14px !important;
    line-height: normal !important;
}

.wc-stripe-upe-element iframe .p-FieldError.Error {
    font-size: 14px !important;
    color: #f00 !important;
}

.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
    font-size: 14px;
    cursor: pointer;
    line-height: 120% !important;
}

.wc-stripe-upe-element {
    margin-bottom: 15px;
}

#wc-stripe-new-payment-method {
    width: 20px !important;
    height: 20px !important;
    margin: 0 10px 0 0;
}

.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
    border-top: 1px solid #E5E7EB;
    padding: 10px 0 0 0;
}

#wc-stripe-new-payment-method {
    appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DADADC;
    border-radius: 0;
    background-color: #F3F3F5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    cursor: pointer;
    transition: background-color 120ms ease-in-out, border-color 120ms ease-in-out;
    flex-shrink: 0;
    margin: 0 7px 0 0;
}

#wc-stripe-new-payment-method:checked {
    background-color: #111111;
    border-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.payment_box.payment_method_corefy label {
    font-size: 16px;
    color: #101828;
}

.payment_box.payment_method_corefy {
    border-top: 1px solid #E5E7EB;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.payment_box.payment_method_corefy .input-text {
    font-size: 14px !important;
    border: 1px solid #f3f3f5 !important;
    padding: 4px 12px !important;
    height: 36px !important;
    line-height: 34px !important;
    background: #f3f3f5 !important;
    border-radius: 6px !important;
}

.payment_box.payment_method_corefy .input-text:focus {
    border-color: #a1a1a1;
    box-shadow: 0 0 0 2px color-mix(in oklab, #a1a1a1 50%, transparent);
    outline: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

@media (max-width:575px) {
    .payment_box.payment_method_corefy label {
        font-size: 14px;
        color: #101828;
    }
}


@-moz-document url-prefix() {
  /* Firefox Only */
  .mini_cart .mini_cart_products {
    padding: 0 16px 60px;
    overflow-y: scroll;
    height: calc(100vh - 440px);
  }
}

.woocommerce div.product p.stock.stock.out-of-stock {
    font-weight: 600;
    font-size: 16px;
    color: #f00;
}