/* -------------------------- components -------------------------- */
* {
    box-sizing: border-box;
}

body {
    font-family: pr;
    background-color: #fff;
}

h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin: 0;

}

a {
    text-decoration: none;
    display: inline-block;
}

span {
    display: inline-block;
}

:root {
    --am-orange: #FE4A1B;
    --am-blue: #008CFF;
}

/* fonts */

@font-face {
    font-family: pth;
    src: url(../fonts/Peyda-Thin.ttf) format('truetype');
}

@font-face {
    font-family: pel;
    src: url(../fonts/Peyda-ExtraLight.ttf) format('truetype');
}

@font-face {
    font-family: pl;
    src: url(../fonts/Peyda-Light.ttf) format('truetype');
}

@font-face {
    font-family: pr;
    src: url(../fonts/Peyda-Regular.ttf) format('truetype');
}

@font-face {
    font-family: pm;
    src: url(../fonts/Peyda-Medium.ttf) format('truetype');
}

@font-face {
    font-family: psb;
    src: url(../fonts/Peyda-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: pbd;
    src: url(../fonts/Peyda-Bold.ttf) format('truetype');
}

@font-face {
    font-family: pebd;
    src: url(../fonts/Peyda-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: pbl;
    src: url(../fonts/Peyda-Black.ttf) format('truetype');
}

@font-face {
    font-family: fpr;
    src: url(../fonts/PeydaFaNum-Regular.ttf) format('truetype');
}

@font-face {
    font-family: fpl;
    src: url(../fonts/PeydaFaNum-Light.ttf) format('truetype');
}

@font-face {
    font-family: fpm;
    src: url(../fonts/PeydaFaNum-Medium.ttf) format('truetype');
}


/* fonts */

/* icons */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?1ixhqo');
    src: url('../fonts/icomoon.eot?1ixhqo#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?1ixhqo') format('truetype'),
        url('../fonts/icomoon.woff?1ixhqo') format('woff'),
        url('../fonts/icomoon.svg?1ixhqo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-warranty:before {
    content: "\e900";
    color: #fe4a1b;
}

.icon-menu-shop:before {
    content: "\e901";
}

.icon-icon-prev:before {
    content: "\e902";
    color: #5f6368;
}

.icon-icon-next:before {
    content: "\e903";
}

.icon-X:before {
    content: "\e904";
    color: #fe4a1b;
}

.icon-x-mark:before {
    content: "\e905";
    color: #ff0023;
}

.icon-X-c:before {
    content: "\e906";
}

.icon-whatsapp-c:before {
    content: "\e907";
    color: #fff;
}

.icon-user:before {
    content: "\e908";
}

.icon-support:before {
    content: "\e909";
    color: #fe4a1b;
}

.icon-star:before {
    content: "\e90a";
    color: #f9a824;
}

.icon-shop:before {
    content: "\e90b";
}

.icon-search:before {
    content: "\e90c";
}

.icon-search-p:before {
    content: "\e90d";
    color: #fff;
}

.icon-play:before {
    content: "\e90e";
    color: #fff;
}

.icon-phone:before {
    content: "\e90f";
    color: #fe4a1b;
}

.icon-payment:before {
    content: "\e910";
    color: #fe4a1b;
}

.icon-package:before {
    content: "\e911";
    color: #36bc25;
}

.icon-manage-search:before {
    content: "\e912";
}

.icon-location:before {
    content: "\e913";
    color: #fe4a1b;
}

.icon-location-c:before {
    content: "\e914";
    color: #fe4a1b;
}

.icon-linkedin:before {
    content: "\e915";
    color: #fe4a1b;
}

.icon-linkedin-c:before {
    content: "\e916";
    color: #fe4a1b;
}

.icon-instagram:before {
    content: "\e917";
    color: #fe4a1b;
}

.icon-instagram-c:before {
    content: "\e918";
    color: #fff;
}

.icon-guarantee:before {
    content: "\e919";
    color: #fe4a1b;
}

.icon-guarantee-p:before {
    content: "\e91a";
    color: #006bc3;
}

.icon-filter:before {
    content: "\e91b";
}

.icon-facebook:before {
    content: "\e91c";
    color: #fe4a1b;
}

.icon-facebook-c:before {
    content: "\e91d";
    color: #fff;
}

.icon-clock:before {
    content: "\e91e";
    color: #fe4a1b;
}

.icon-check:before {
    content: "\e91f";
    color: #36bc25;
}

.icon-calendar:before {
    content: "\e920";
    color: #fe4a1b;
}

.icon-bascket:before {
    content: "\e921";
    color: #fff;
}

.icon-arrow-short:before {
    content: "\e922";
}

.icon-arrow-right:before {
    content: "\e923";
    color: #a09e96;
}

.icon-arrow-left:before {
    content: "\e924";
    color: #fff;
}

@font-face {
    font-family: 'eye-icon';
    src: url('../fonts/eye-icon.woff') format('woff'),
        url('../fonts/eye-icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.toggle-password [class^="icon-"],
.toggle-password [class*=" icon-"] {
    font-family: 'eye-icon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-eye-slash:before {
    content: "\e900";
}

.icon-eye:before {
    content: "\e901";
}

/* icons */


/* Components */

.woocommerce-message {
    background-color: rgba(13, 140, 1, .08);
    border: 1px solid rgb(13, 140, 1);
    display: flex;
    align-items: center;
    color: rgb(13, 140, 1) !important;
    font-family: pl;
}

.woocommerce-message a {
    margin-right: auto !important;
    background-color: rgba(13, 140, 1, 0.07) !important;
    border: 1px solid rgb(13, 140, 1) !important;
    padding: 17px !important;
    color: rgb(13, 140, 1) !important;
}

.woocommerce-message::before {
    top: auto;
    color: rgb(13, 140, 1) !important;
}


.woocommerce-error {
    background-color: rgba(184, 28, 36, .08);
    border: 1px solid rgb(184, 28, 36);
    display: flex;
    align-items: center;
    color: rgb(184, 28, 36) !important;
}

.woocommerce-message::before {
    top: auto;
    color: rgb(184, 28, 36);
}

.woocommerce-info {
    background-color: rgba(0, 140, 255, .05);
    border: 1px solid var(--am-blue);
    display: flex;
    align-items: center;
    color: var(--am-blue) !important;
    font-family: pl;
}

.jq-toast-wrap {
    background-color: #fff !important;
}

.jq-toast-single {
    text-align: right !important;
    font-family: pl !important;
    padding: 20px !important;
    background-image: none !important;
}

.jq-icon-success {
    background-color: rgba(13, 140, 1, .08) !important;
    color: rgb(13, 140, 1) !important;
}

.jq-icon-error {
    background-color: rgba(184, 28, 36, .08) !important;
    color: rgb(184, 28, 36) !important;
}

.jq-icon-error .jq-toast-loader {
    background-color: rgb(184, 28, 36) !important;
}

.jq-toast-heading {
    font-family: pbd !important;
    margin-bottom: 0 !important;
}

.jq-toast-loader {
    left: auto !important;
    right: 0px !important;
}

/* header */

.am-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.am-nav__logo {
    width: 80px;
    height: 21px;
}

.am-nav__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.am-menu__list {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.am-menu__item {
    padding: 34px 0px;
}

.am-menu__item.has-submenu-simple {
    position: relative;
}

.am-menu__link {
    font-size: 14px;
    color: #000;
    transition: .3s;
    padding: 0 19px;
}

.am-menu__link:hover {
    color: var(--am-orange);
}

.am-nav__quick-access {
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-nav__quick-access__link {
    border: none;
    background-color: transparent;
    padding: 0;
}

.am-nav__quick-access__link span::before {
    font-size: 32px;
    color: #000;
    transition: .3s;
}

.am-nav__quick-access__link:hover span::before {
    color: var(--am-orange);
}

/* submenu */
.am-menu__submenu {
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 388px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    overflow-y: auto;
    display: none;
    z-index: 999;
}

.am-menu__submenu__cover {
    width: 340px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    row-gap: 40px;
    padding: 0px 65px;
    border-left: 1px solid #e4e4e4;
}

.am-menu__submenu__cover__title {
    font-size: 14px;
    color: #000;
    font-family: pbd;
    text-align: right;
}

.am-menu__submenu__cover__title-light {
    font-size: 14px;
    color: var(--am-orange);
    font-family: pel;
    margin-right: 4px;
}

.am-menu__submenu__cover img {
    width: 175px;
    height: 130px;
    object-fit: contain;
}

.am-menu__submenu__content {
    display: flex;
    padding-right: 120px;
    padding: 77px 120px 77px 0px;
    justify-content: start;
    align-items: start;
    gap: 56px;
    flex-wrap: wrap;
}

.am-menu__submenu__content__item__title {
    font-size: 14px;
    font-family: pm;
    color: #000;
    margin-bottom: 10px;
}

.am-menu__submenu__content__item__title::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 1px;
    background-color: var(--am-orange);
    border-radius: 40px;
    margin-left: 6px;
}

.am-menu__submenu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 100px;
}

.am-menu__submenu__item {
    margin-bottom: 2px;
    padding: 10px 10px 2px 0px;
    min-height: 36px;
}

.am-menu__submenu__link {
    font-size: 14px;
    font-family: pm;
    color: #a2a2a2;
    transition: .3s;
}

.am-menu__submenu__link:hover {
    color: var(--am-orange);
}

.has-submenu:hover .am-menu__link {
    color: var(--am-orange);
}

.submenu-arrow {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg);
    left: 16px;
    transition: .3s;
    cursor: pointer;
}

.submenu-arrow-rotate {
    transform: rotate(225deg);
}

/* Sub Menu Simple */

.am-menu__submenu__simple {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    width: 200px;
    border: 1px solid #ddd;
    list-style: none;
    padding: 20px 14px;
    z-index: 999;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: none;
}

/* .am-menu__item.has-submenu-simple:hover .am-menu__submenu__simple {
    display: block;
} */

.am-menu__submenu__simple .am-menu__submenu__item {
    min-height: auto;
    margin-bottom: 0;
    padding: 0;
}

.am-menu__submenu__simple .am-menu__submenu__item:not(:last-child) {
    margin-bottom: 12px;
}

/* search box */
.search-box {
    position: absolute;
    width: 100%;
    height: 460px;
    top: 100%;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 36px 81.5px 10px 81.5px;
    overflow-y: auto;
    display: none;
    z-index: 999;
}

.menu-search {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 56px;
}

.menu-search-form {
    width: 100%;
    height: 38px;
    position: relative;
}

.menu-search-form input {
    width: 100%;
    height: 100%;
    padding: 0px 50px 0px 10px;
    font-size: 14px;
    border: none;
    font-family: pel;
    color: #A09E96;
}

.menu-search-form span {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 38px;
    transition: .3s;
}

.menu-search-form input:focus {
    outline: none;
}

.menu-search-form input:focus~span {
    color: var(--am-orange);
}

.search-category:not(:last-child) {
    margin-bottom: 48px;
}

.search-category-title {
    font-size: 16px;
    color: #000;
    margin-bottom: 24px;
}

.search-category-items {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* header */

/* buttons */
.am-transparent-btn {
    border: .6px solid var(--am-orange) !important;
    padding: 9.5px 24px !important;
    font-size: 14px !important;
    font-family: pel;
    color: var(--am-orange) !important;
    transition: .3s;
    background-color: #fff !important;
}

.am-transparent-btn:hover {
    background-color: var(--am-orange) !important;
    color: #fff !important;
}

.am-orange-btn {
    position: relative;
}

.am-orange-btn-content {
    background-color: var(--am-orange);
    padding: 12.5px 24px;
    font-size: 14px;
    font-family: pel;
    color: #fff;
    z-index: 1;
    transition: color 0.3s ease;
}

.am-orange-btn-border {
    border: 1px solid var(--am-orange);
    position: absolute;
    width: calc(100% + 7px);
    height: calc(100% + 7px);
    top: calc(0px - 3.5px);
    right: calc(0px - 3.5px);
}

@keyframes btn-go {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(1.12);
    }

    75% {
        transform: scale(1.18);
    }

    100% {
        transform: scale(1.17);
    }
}

@keyframes btn-back {
    0% {
        transform: scale(1.17);
    }

    25% {
        transform: scale(.9);
    }

    50% {
        transform: scale(1.05);
    }

    75% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.am-solid-btn {
    background-color: var(--am-orange) !important;
    color: #fff !important;
    border: .6px solid var(--am-orange) !important;
    transition: .3s;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: pl;
    font-size: 14px;
}

.am-solid-btn:hover {
    background-color: #fff !important;
    color: var(--am-orange) !important;
    border-color: var(--am-orange) !important;
}

.am-x-mark {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: none;
}

.am-x-mark::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 40px;
    position: absolute;
    transform: rotate(45deg);
}

.am-x-mark::before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 2px;
    background-color: #fff;
    border-radius: 40px;
    position: absolute;
    transform: rotate(45deg);
}

.am-bars {
    background-color: transparent;
    border: none;
    width: 32px;
    height: 20px;
    padding: 0;
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
}

.am-bars::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
    border-radius: 40px;
    position: absolute;
    top: 0;
}

.am-bars::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
    border-radius: 40px;
    position: absolute;
    bottom: 0;
}

.am-bars span {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
    border-radius: 40px;
    position: absolute;
}

/* buttons */

/* sction head start */
.am-sub {
    font-size: 14px;
    font-family: pel;
    color: #000;
    line-height: 42px;
    margin-bottom: 28px;
}

.am-sub::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1.5px;
    background-color: var(--am-orange);
    border-radius: 40px;
    margin-left: 6px;
}

.am-title {
    font-size: 24px;
    font-family: pbd;
    color: #000;
    line-height: 42px;
    position: relative;
    margin-bottom: 24px;
}

.am-title-bg::before {
    content: '';
    background-image: url('../img/op-logo.png');
    background-position: center;
    background-size: contain;
    width: 198px;
    height: 52px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}

.am-title-regular {
    font-family: pr;
    color: var(--am-orange);
}

.sec-prg {
    color: #5F6368;
    font-size: 14px;
    line-height: 28px;
    font-family: pel;
}

/* sction head end */
/* swiper customize*/

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
    transition: .3s;
}

.swiper-button-next-icon,
.swiper-button-prev-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--am-orange);
    border: .6px solid var(--am-orange);
    transition: .3s;
}

.swiper-button-next-icon span::before,
.swiper-button-prev-icon span::before {
    color: #fff;
    transition: .3s;
}

.swiper-button-disabled .swiper-button-next-icon,
.swiper-button-disabled .swiper-button-prev-icon {
    background-color: #fff;
    border: .6px solid #d9d9d9;
    transition: .3s;
}

.swiper-button-disabled .swiper-button-next-icon span::before,
.swiper-button-disabled .swiper-button-prev-icon span::before {
    color: #A09E96;
    transition: .3s;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    transition: .3s;
}

.swiper-button-prev,
.swiper-button-next {
    display: block;
    width: auto;
    height: auto;
    position: static;
    transition: .3s;
}

/* swiper customize*/

/* product section */
.am-product-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 42px;
}

.am-product-swiper-btns {
    display: flex;
    align-items: center;
    gap: 14px;
}

.am-product-item-pic-cover {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.am-product-item-pic a {
    width: 100%;
    height: 100%;
    display: block;
}

.am-product-swiper {
    padding-bottom: 10px;
}

.am-product-item .am-pro-discount {
    display: none;
}

.am-product-item.discounted .am-pro-discount {
    position: absolute;
    font-size: 14px;
    font-family: fpm;
    color: #fff;
    line-height: 21px;
    background-color: var(--am-orange);
    padding: 4px 10px;
    top: 10px;
    left: 0;
    z-index: 2;
    display: block;
}

.am-product-item {
    border: .6px solid #e7e7e7;
    padding-bottom: 32px;
}

.am-product-item-pic {
    width: 100%;
    height: 218px;
    position: relative;
    margin-bottom: 24px;
}

.am-product-item-pic:hover .am-product-item-pic-itself {
    opacity: 0;
}

.am-product-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;
    transition: .3s;
}



/* Discount Badge */
.am-product-discount-badge {
    position: absolute;
    top: 12px;
    right: 0;
    background-color: var(--am-orange);
    color: #fff;
    border-radius: 4px 0 0 4px;
    padding: 10px 10px;
    font-size: 12px;
    z-index: 10;
    line-height: 1;
}

.am-product-item-content-title a {
    font-size: 20px;
    font-family: pm;
    color: #000;
    transition: .3s;
    margin-bottom: 12px;
}

.am-product-item-content-des {
    font-size: 14px;
    font-family: pel;
    color: #A09E96;
    margin-bottom: 12px;
}

.am-product-item-content-pric,
.am-product-item-content-price .woocommerce-Price-amount {
    font-size: 18px;
    font-family: fpl;
    color: var(--am-blue);
    margin-bottom: 28px;
}

.am-product-item-content-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.am-product-item-content-btns .am-solid-btn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.am-product-item-content-btns .am-solid-btn span::before {
    font-size: 24px;
}

.am-product-item-contant {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
}

.am-product {
    margin-bottom: 124px;
}

/* product section */

/* timer */
.countdown {
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
}

.time-box {
    background: #f1f1f1;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom: 4px;
}

.time-box .value {
    font-size: 20px;
    font-family: pm;
    color: #000;
    line-height: 16px;
}

.time-box .label {
    font-size: 10px;
    color: #555;
    margin-top: 4px;
}

/* timer */

/* blog item */
.am-blog-item-pic {
    width: 100%;
    height: 435px;
    position: relative;
    margin-bottom: 20px;
}

.am-blog-item-pic a {
    width: 100%;
    height: 100%;
    display: block;
}

.am-blog-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.am-blog-item-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.am-blog-item-info span::before {
    font-size: 18px;
}

.am-blog-item-date {
    font-size: 14px;
    font-family: pel;
    color: #000;
}

.am-blog-item-title a {
    font-size: 20px;
    font-family: pm;
    color: #000;
}


/* blog item */
/* exclusivity  */
.am-exclusivity-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px;
    text-align: center;
}

.am-exclusivity-item span {
    font-size: 20px;
}

.am-exclusivity img {
    width: 40px !important;
}

.am-exclusivity-item-title {
    font-size: 16px;
    color: #000;
    line-height: 42px;
}

.am-exclusivity {
    background-color: #F6F6F6;
}

/* exclusivity  */

/* footer  */
.am-footer {
    background-color: #000;
    padding-top: 96px;
}

.am-footer-content {
    display: flex;
    gap: 85px;
    align-items: start;
    padding-bottom: 104px;
    margin-bottom: 60px;
    border-bottom: .5px solid #bbb;
}

.am-footer-head {
    max-width: 320px;
    /* flex-shrink: 1; */
}

.logo {
    width: 165px;
    height: 45px;
    margin-bottom: 34px;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.am-footer-head .sec-prg {
    color: #fff;
    margin-bottom: 56px;
}

.social-media {
    display: flex;
    align-items: center;
    gap: 56px;
}

.social-media span::before {
    font-size: 20px;
    transition: .3s;
}

.am-footer-menus {
    display: flex;
    align-items: start;
    gap: 124px;
    flex-wrap: wrap;
}

.am-footer-menu {
    max-width: 320px;
    min-width: 120px;
}

.am-footer-menu-title {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 24px;
}

.am-footer-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.am-footer-menu-list li a {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    transition: .3s;
}

.am-footer-menu-list li {
    display: flex;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
}

.am-footer-menu-list li span,
.am-footer-menu-list li address {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    transition: .3s;
}

.am-footer-menu-list li:not(:last-child) {
    margin-bottom: 12px;
}

.am-footer-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
}

.company-copright {
    font-size: 16px;
    color: #fff;
}

.company-copright span {
    color: var(--am-orange);
    font-family: pbd;
}

.develop-copyright {
    font-size: 14px;
    font-family: pm;
    color: #fff;
}

/* footer  */

/* form */
.am-form {
    position: relative;
}

.am-form label {
    font-size: 14px;
    color: #000;
    margin-bottom: 22px;
    display: block;
    font-family: pl;
}


.am-form input {
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
    color: #666 !important;
    font-size: 14px;
    padding: 12px 24px !important;
    transition: .3s !important;
    width: 100% !important;
    font-family: pl !important;
    text-align: right;
    height: 47px !important;
}

.am-form textarea {
    resize: none;
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
    color: #666 !important;
    font-size: 14px !important;
    padding: 12px 24px !important;
    transition: .3s !important;
    margin-bottom: 32px !important;
    width: 100% !important;
}

.am-form input:focus {
    outline: none !important;
    border-color: var(--am-orange) !important;
    color: var(--am-orange) !important;
}

.am-form textarea:focus {
    outline: none;
    border-color: var(--am-orange);
    color: var(--am-orange);
}

.am-form [type="submit"] {
    color: #fff;
    background-color: var(--med-green);
    border: none;
    padding: 0;
}

.am-form [type="submit"] .am-orange-btn-content {
    padding: 12.5px 64.5px;
}

.am-form [type="submit"]:focus {
    border-color: transparent;
}

/* form */

/* breadcrumb start */

.woocommerce-breadcrumb {
    margin-bottom: 88px !important;
    margin-top: 52px !important;
    font-size: 14px !important;
    color: var(--am-orange) !important;
}

.woocommerce-breadcrumb a {
    font-family: pl;
    color: #000;
}

.woocommerce-breadcrumb a::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #000;
    position: relative;
    margin: 0px 5px;
}

/* breadcrumb end */

/* accordion design start */

.accordion-item {
    border: .6px solid #d9d9d9 !important;
    margin-bottom: 16px;
    padding: 22px 16px;
    transition: .3s;
    background-color: #fff;
}

.accordion-border {
    border-color: #5F6368 !important;
    transition: .3s;
}

.accordion-list-title {
    color: var(--lt-green);
    font-size: 24px;
    line-height: 44px;
}

.accordion-list-head {
    display: flex;
    gap: 20px;
    margin-bottom: 70px;
    align-items: center;
}

.accordion-list-head span::before {
    font-size: 36px;
}

.accordion-title-header {
    color: #5F6368;
    font-size: 14px;
    line-height: 26px;
    font-family: pl;
    margin: 0px;
}

.accordion-title {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    gap: 15px;
}

.accordion-content {
    display: none;
    background-color: transparent;
    padding-left: 16px;
    padding-top: 24px;
    /* padding-bottom: 20px; */
}

.accordion-content .sec-prg-item {
    font-size: 14px;
    font-family: pl;
    color: #A09E96;

}

.deactive-content {
    display: none;
}

/* arrow down mark */
.tog-acc::after {
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #a2a2a2;
    border-left: 2px solid #a2a2a2;
    display: inline-block;
    transform: rotate(-45deg);
    transition: .3s;
    position: absolute;
    top: -10px;
    left: 5px;
}

.tog-acc {
    display: flex;
    position: relative;
}

.tog-acc-active::after {
    transform: rotate(135deg);
    transition: .3s;
    position: absolute;
}

/* plus mark */
.accordions-plus .tog-acc {
    position: relative;
    min-width: 15px;
    height: 15px;
    margin-right: 15px;
}

.accordions-plus .tog-acc::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #5F6368;
    display: inline-block;
    position: absolute;
    transition: .4s;
    border: none;
    display: inline-block;
    transform: rotate(0deg);
    top: 0px;
    left: 14px;
}

.accordions-plus .tog-acc::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #5F6368;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 7px;
}

.accordions-plus .tog-acc-active::after {
    transform: rotate(90deg);
    transition: .4s;
}

/* accordion design end */
/* video modal */
.am-play-btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .2);
    position: relative;
}

.am-play-btn span {
    position: absolute;
    transform: rotate(-1deg);
    right: 18px;
}

.am-play-btn span::before {
    font-size: 24px;
}

.am-video-popup {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .82);
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    right: 0;
    z-index: 78899;
}

.am-video-popup .am-x-mark {
    position: absolute;
    top: 50px;
    left: 50px;
    display: flex;
    background-color: transparent;
    border: none;
}

.am-video-popup video {
    width: 50%;
}

/* video modal */
/* custom select */
.custom-select select {
    display: none;
}

.custom-select {
    width: 75px;
    position: relative;
}

/* customize the selected item div that we created  */
.selected-item {
    padding: 12.5px 18px;
    background-color: #fff;
    border: .6px solid #d9d9d9;
    cursor: pointer;
    transition: .4s;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    font-family: fpm;
    color: #212121;
    line-height: 20px;
}

/* customizung the optio list that we have created */
.option-list {
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    background-color: #d9d9d9;
    z-index: 1;
}

/* customizung the option div  */
.option {
    margin-bottom: 5px;
    padding: 15px 10px;
    cursor: pointer;
    transition: .4s;
    font-family: fpm;
}

.option:hover {
    background-color: #9BA4B4;
}

.option:last-child {
    margin-bottom: 0px;
}


/* the arrow in the selected div customization */
.arrow-down {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #212121;
    border-left: 1px solid #212121;
    display: inline-block;
    transform: rotate(-45deg);
    transition: .4s;
    position: absolute;
    left: 20px;
    top: 13px;
}

.arrow-up {
    transform: rotate(136deg);
    position: absolute;
    left: 20px;
    top: 18px;
}

/* simple light box start*/
body.hidden-scroll {
    overflow: hidden
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    display: none;
    z-index: 1035
}

.sl-wrapper {
    z-index: 1040;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed
}

.sl-wrapper * {
    box-sizing: border-box
}

.sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer
}

.sl-wrapper button:hover {
    opacity: 0.7
}

.sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: 3rem
}

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 10060;
    color: #000;
    font-size: 1rem
}

.sl-wrapper .sl-download {
    display: none;
    position: fixed;
    bottom: 5px;
    width: 100%;
    text-align: center;
    z-index: 10060;
    color: #fff;
    font-size: 1rem
}

.sl-wrapper .sl-download a {
    color: #fff
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    width: 22px;
    line-height: 44px;
    text-align: center;
    display: block;
    z-index: 10060;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    direction: ltr;
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem
    }
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: auto
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.sl-transition {
    transition: -moz-transform ease 200ms;
    transition: -ms-transform ease 200ms;
    transition: -o-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    transition: transform ease 200ms
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

/* simple light box end */

/* -------------------------- components -------------------------- */
/* -------------------------- home page start -------------------------- */
.hero-swiper-right-side-content {
    position: relative;
    height: 100%;
    padding: 41px 76px 0px;
}

.hero-swiper {
    margin-top: 15px;
    position: relative;
    margin-bottom: 16px;
    height: 100%;
}

.hero-swiper-right-side-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.hero-swiper-right-side-content .am-sub {
    color: #fff;
    margin-bottom: 12px;
}

.hero-swiper-right-side-content .am-title {
    color: #fff;
}

.hero-swiper-right-side-content .sec-prg {
    color: #fff;
    margin-bottom: 12px;
}

.hero-pro-price {
    font-size: 18px;
    font-family: fpl;
    color: var(--am-blue);
    display: block;
    margin-bottom: 36px;
}

.hero-swiper-left-side-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content .swiper-button-prev {
    position: absolute;
    right: calc(0% - 26px);
    top: calc(50% - 26px);
    z-index: 5;
}

.hero-content .swiper-button-next {
    position: absolute;
    right: auto;
    left: calc(0% - 26px);
    top: calc(50% - 26px);
    z-index: 5;
}

.hero-content {
    position: relative;
    height: 560px;
    margin-bottom: 16px;
}

.hero-content .swiper-button-next-icon,
.hero-content .swiper-button-prev-icon {
    width: 52px;
    height: 52px;
}

.products-home-category {
    background-color: #F5F5F7;
    padding: 27px 58px;
}

.home-swiper-category a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
    font-size: 16px;
    color: #000;
    transition: .3s;
}

.home-swiper-category a img {
    width: 62px;
    height: 62px;
    object-fit: contain;
    transition: .3s;
}

.home-swiper-category a:hover {
    transform: scale(1.1);
    font-family: pm;
    row-gap: 13px;
}

.am-hero {
    margin-bottom: 114px;
}

.am-feature img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.am-feature {
    margin-bottom: 121px;
}

.am-feature-item {
    display: flex;
    /* padding: 20px; */
    background-color: #EFEFF1;
    align-items: center;
}

.am-feature-item .am-title {
    margin-bottom: 0;
}

.am-feature-item .sec-head {
    padding: 20px;
}

.am-feature-item .am-sub {
    margin-bottom: 12px;
}

.am-feature-item.f-item-1 {
    height: 288px;
    justify-content: end;
    align-items: center;
    padding-left: 42px;
}

.am-feature-item.f-item-2 {
    height: 288px;
    justify-content: center;
    flex-direction: column;
    padding-top: 20px;
}

.am-feature-item.f-item-3 {
    height: 288px;
    justify-content: center;
    flex-direction: column;
}

.am-feature-item.f-item-4 {
    height: 100%;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 63px;
}

.am-feature-item.f-item-4 img {
    height: 342px;
}

.category-banner-content {
    padding: 140px 82px;
    background-image: url('../img/category-banner.jpg');
    background-position: left;
    background-size: cover;
    height: 575px;
}

.category-banner-content .am-sub,
.category-banner-content .am-title {
    color: #fff;
}

.category-banner-content .am-title {
    margin-bottom: 20px;

}

.category-banner-content .sec-prg {
    color: #fff;
    margin-bottom: 42px;
    font-family: pel;

}

.category-banner {
    margin-bottom: 124px;
}

.discount-banner-content {
    padding: 110px 106px;
    background-image: url('../img/discount-banner.png');
    background-position: left;
    background-size: cover;
    height: 575px;
}

.discount-banner-content .am-sub {
    margin-bottom: 32px;
}

.discount-banner-content .am-title {
    margin-bottom: 20px;
}

.discount-banner-content .am-title .am-title-regular {
    font-family: pbd;
}

.discount-banner-content .sec-prg {
    color: #5F6368;
    margin-bottom: 42px;
    font-family: pel;
}

.discount-banner {
    margin-bottom: 124px;
}

.am-services-item {
    position: relative;
    padding: 74px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.am-services-item img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-item-cover {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

.am-services-item .sec-head {
    position: relative;
    z-index: 3;
}

.am-services-item .am-title,
.am-services-item .sec-prg {
    color: #fff;
    text-align: center;
}

.am-services {
    margin-bottom: 274px;
}

.home-blog-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 60px;
}

.am-see-more-link {
    font-size: 14px;
    color: var(--am-blue);
}

.home-blog {
    margin-bottom: 124px;
}

/* -------------------------- home page end -------------------------- */
/* -------------------------- sign page start -------------------------- */

#login-register-otp,
#login-register-pass,
#register-info {
    display: none;
}

.ss-sign-in-step {
    display: flex;
    background-color: #fff;
    top: 0;
    right: 0;
    width: 100%;
}

#step-two,
#step-three {
    position: fixed;
    display: none;
}

.ss-sign-in-level .logo img {
    width: 126px;
}

.ss-sign-in-level .am-title {
    margin-bottom: 20px;
}

.ss-sign-in-level .logo {
    margin-bottom: 97px;
}

.ss-sign-in-level .sec-head {
    margin-bottom: 68px;
}

.ss-sign-in-level {
    padding: 80px 160px 80px 130px;
}

.ss-sign-in-content .am-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}

.ss-sign-in-content {
    padding-bottom: 35px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 33px;
}

.ss-sign-in-content .am-form span {
    position: absolute;
    left: 2px;
    height: 26px;
    font-size: 14px;
    color: #212121;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    border: 1px solid #c4c4c4;
    padding-top: 4px;
}

.ss-sign-in-content .am-form input {
    margin: 0;
    color: #88898c;
}

.ss-sign-in-content .am-form input:not(:last-child) {
    margin-bottom: 24px;
}

.ss-sign-in-content .am-solid-btn {
    border: none;
    width: 100%;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    padding: 11px 16px;
    position: relative;
    border: .5px solid var(--am-orange);
}

.ss-sign-in-content .am-solid-btn:hover {
    background-color: transparent;
    border: .5px solid var(--am-orange);
}

.ss-sign-in-content .am-solid-btn span::before {
    transition: .3s;
}

.ss-sign-in-content .am-solid-btn:hover span::before {
    color: var(--am-orange);
}

.ss-sign-in-content .am-solid-btn span {
    font-size: 18px;
    position: absolute;
    left: 10px;
}

.ss-sign-in-alternative {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #212121;
    padding: 13px;
    border: 1px solid #dbdbdb;
    gap: 15px;
}

.ss-user-number {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 19px;
}

.back-to-phone {
    font-size: 14px;
    line-height: 24px;
    color: var(--am-blue);
    border: none;
    background-color: transparent;
}

.ss-to-otp-code,
.ss-to-pass {
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin: 0px auto;
    display: flex;
}

.ss-phone-number {
    font-size: 24px;
    font-family: pbd;
    line-height: 24px;
}

#opt1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#opt1 input {
    width: 50px !important;
    height: 50px;
    border: none !important;
    border-bottom: 2px solid #a6a6a6 !important;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 10px !important;
    transition: all 0.3s ease;
}

#opt1 input:focus {
    outline: none;
    border-bottom-color: #ff6b35 !important;
}

#opt1 input.paintOrangeLine {
    border-bottom-color: #ff6b35 !important;
}

.resend-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}

.resend-code span {
    font-size: 14px;
    color: #88898c;
}

.otp-timer {
    font-size: 16px;
}

.resend-action {
    border: none;
    color: #000;
    font-size: 14px;
    background-color: transparent;
}

#btn-verify-otp {
    transition: all 0.3s ease;
}

#btn-verify-otp.otp-complete {
    transform: scale(1.1);
}

#verifyBtn {
    transition: .3s;
}

#verifyBtn:focus {
    outline: none;
    transform: scale(1.04);
}

.ss-sign-in-cover,
.ss-sign-in-level {
    width: 50%;
    height: 100vh;
}

.ss-sign-in-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Password field styling */
.password-wrapper {
    position: relative;
    width: 100%;
}

.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
    width: 100%;
    padding-right: 40px;
}

.toggle-password {
    position: absolute;
    left: 12px;
    top: 24px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #888;
    font-size: 18px;
    padding: 0;
    transition: color 0.2s ease;
}

.toggle-password:hover {
    color: #ff6b35;
}

.toggle-password .icon-password {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 0 !important;
    background-color: transparent !important;
    font-size: 28px !important;
    padding-top: 0 !important;
}

#password.invalid {
    border-color: #dc3545 !important;
}

#password.valid {
    border-color: #28a745 !important;
}

/* Password requirements */
.password-requirements {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    margin-top: 12px;
    display: none;
    max-width: 100%;
}

.password-requirements.show {
    display: block;
}

.requirement {
    display: flex;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: #999;
    transition: color 0.3s ease;
}

.requirement:not(:last-child) {
    margin-bottom: 4px;
}

.requirement.met {
    color: #4caf50;
}

.requirement.unmet {
    color: #f44336;
}

.requirement-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 50%;
    border: 2px solid currentColor;
    font-size: 12px;
    flex-shrink: 0;
    font-weight: bold;
}

.requirement.met .requirement-icon::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #4caf50;
    border-left: 2px solid #4caf50;
    transform: rotate(-45deg);
    position: relative;
    bottom: 3px;
}

.requirement.unmet .requirement-icon {
    border-color: #f44336;
}

/* Sign page end - Password field styling */

/* -------------------------- sign page end -------------------------- */
/* -------------------------- contact us page start -------------------------- */
.contact-us-info-item {
    border: .6px solid #d9d9d9;
    padding: 28px 18px;
    min-height: 250px;
    height: 100%;
}

.contact-us-info-item>span::before {
    font-size: 54px;
}

.contact-info-item-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-top: 28px;
    margin-bottom: 12px;
    display: block;
}

.contact-info-item-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    /* row-gap: 10px; */
}

.contact-info-item-content a,
.contact-info-item-content span,
.contact-info-item-content address {
    font-size: 16px;
    font-family: pl;
    line-height: 24px;
    color: #5F6368;
    transition: .3s;
    margin: 0;
}

.contact-us-main-wrapper .sec-head {
    margin-bottom: 64px;
}

.contact-us-info-items {
    margin-bottom: 22px;
}

.contact-us-form {
    background-image: url('../img/contact-form-cover.jpg');
    background-position: left;
    background-size: cover;
    padding: 62px 78px 52px;
    margin-bottom: 30px;
}

.contact-links {
    background-image: linear-gradient(rgba(0, 0, 0, .82)), url('../img/contact-links-cover.jpg');
    background-position: center;
    background-size: cover;
    padding: 57px 110px 44px 110px;
    margin-bottom: 158px;
}

.contact-phone-items {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 56px;
}

.contact-phone-item-title {
    font-size: 14px;
    font-family: pm;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
    display: block;
}

.contact-phone-item a {
    font-size: 16px;
    font-family: fpm;
    color: var(--am-blue);
    text-align: center;
}

.contact-phone-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contact-platforms {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
}

.contact-platform-item {
    padding: 11px 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-family: pl;
    /* flex-grow: 1; */
}

.contact-platform-item span:first-child {
    padding-top: 2px;
}

.contact-platform-item span::before {
    font-size: 20px;
}

.contact-platform-item#c-whatsapp {
    background-color: #36BC25;
}

.contact-platform-item#c-linkedin {
    background-color: #3DA8FF;
}

.contact-platform-item#c-linkedin .icon-linkedin-c::before {
    font-size: 19px;
    color: #fff;
}

.contact-platform-item#c-linkedin .icon-linkedin-c {
    margin-top: -5px;

}

.contact-platform-item#c-x {
    background-color: #fff;
    color: #000;
}

.contact-platform-item#c-instagram {
    background-image: linear-gradient(90deg, #BB06E3 4.81%, #F500D2 32.69%, #F71534 63.94%, #F6A200 100%);
}

.contact-platform-item#c-facebook {
    background-color: #006BC3;
}

.am-faq .sec-head img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.am-faq .sec-head .sec-prg {
    margin-bottom: 68px;
}

.am-faq {
    margin-bottom: 157px;
}

.am-map iframe {
    width: 100%;
    height: 375px;
}

.am-map {
    margin-bottom: 214px;
}

/* -------------------------- contact us page end -------------------------- */
/* -------------------------- blog plp page start -------------------------- */
.blog-plp-main-wrapper .page-head {
    display: flex;
    align-items: center;
    height: 465px;
    position: relative;
    margin-bottom: 142px;
}

.blog-plp-main-wrapper .page-head img {
    width: 65%;
    height: 100%;
    object-fit: cover;
}

.blog-plp-main-wrapper .page-head .sec-head {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 36px 42px;
    position: absolute;
    left: 0;
    width: 60%;
}

.blog-plp-main-wrapper .page-head .sec-prg {
    margin-bottom: 38px;
}

.blog-plp-main-wrapper .page-head .am-title {
    margin-bottom: 24px;
}

.blog-plp-main-wrapper .page-head .sec-head .am-solid-btn {
    max-width: 175px;
    padding: 12.5px 75px;

}

.blog-plp-head .sec-head {
    margin-bottom: 66px;
}

.blog-plp-head-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-plp-head {
    margin-bottom: 90px;
}

.blog-plp-content .aam-blog-item {
    margin-bottom: 64px;
}

.blog-plp {
    margin-bottom: 142px;
}


.blog-plp-main-wrapper .home-blog {
    margin-bottom: 214px;
}


.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    direction: ltr;
    margin-bottom: 116px;
}

.page-numbers {
    font-size: 14px;
    color: #5F6368;
    width: 28px;
    height: 28px;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
}

.page-numbers.current {
    background-color: var(--am-orange);
    color: #fff;
}

.page-numbers.next span {
    transform: rotate(180deg);
    color: var(--am-orange);
}

.page-numbers.next.disabled span::before,
.page-numbers.prev.disabled span::before {
    color: #5F6368;
}

/* -------------------------- blog plp page end -------------------------- */
/* -------------------------- blog pdp page start -------------------------- */
.blog-pdp-main-wrapper .page-head {
    border: 1px solid #e7e7e7;
    padding: 32px 62px;
    margin-bottom: 38px;
}

.blog-pdp-main-wrapper .page-head .sec-head {
    padding-bottom: 40px;
    border-bottom: .6px solid #efefef;
    margin-bottom: 40px;
}

.blog-pdp-head-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-pdp-head-info {
    display: flex;
    align-items: center;
}

.blog-pdp-head-info span {
    font-size: 16px;
    font-family: pl;
    color: var(--am-orange);
    line-height: 21px;
}

.blog-pdp-head-info a {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    display: flex;
    align-items: center;
}

.blog-pdp-head-info a::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #000;
    position: relative;
    margin: 0px 8px;
}

.blog-pdp-social-media {
    display: flex;
    align-items: center;
    gap: 23px;
}

.blog-pdp-social-media span::before {
    font-size: 20px;
    color: var(--am-orange);
}

.blog-pdp img {
    width: 100%;
    height: 425px;
    object-fit: cover;
    margin-bottom: 42px;
}

.blog-pdp-content-title {
    font-size: 16px;
    color: #5F6368;
}

.blog-pdp .sec-prg p {
    margin-bottom: 25px;
    line-height: 28px;
}

.blog-pdp {
    margin-bottom: 200px;
}

/* -------------------------- blog pdp page end -------------------------- */
/* -------------------------- product category page start -------------------------- */
.pro-category-head-content {
    padding: 70px 140px 70px 50px;
    background-color: #EDEDEF;
    margin-bottom: 87px;
}

.pro-category-head-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-category-price {
    font-size: 18px;
    font-family: fpl;
    color: var(--am-blue);
    margin-bottom: 24px;
}

.pro-category-price span {
    font-size: 20px;
    font-family: fpm;
}

.pro-category-head-content .sec-prg {
    margin-bottom: 24px;
}

.pro-description-content {
    background-image: url('../img/pro-des-cover.jpg');
    background-size: cover;
    padding: 70px 0px;
}

.pro-des-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 54px;
}

.pro-des-head .am-title,
.pro-des-head .am-sub {
    color: #fff;
}

.pro-description-content .sec-prg {
    color: #fff;
    font-size: 18px;
    line-height: 33px;
}

.pro-description {
    margin-bottom: 88px;
}

.am-faq-pro-cat {
    background-color: #f5f5f5;
    padding: 63px 0px 113px 0px;
    margin-bottom: 102px;
}

.am-faq-pro-cat img {
    width: 100%;
    height: 100%;
}

.am-faq-pro-cat .sec-prg {
    margin-bottom: 70px;
}

.pro-cat-blog {
    margin-bottom: 214px;
}

/* -------------------------- product category page end -------------------------- */
/* -------------------------- product plp page start -------------------------- */
.sort-by-cat {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: auto;
}

.sort-by-cat * {
    white-space: nowrap;
}

.sort-by {
    font-size: 14px;
    font-family: pl;
    color: #000;
    margin-left: 42px;
}

.sort-by-items {
    display: flex;
    align-items: center;
    gap: 24px;
}

.sort-by-item {
    font-size: 14px;
    line-height: 21px;
    color: #757575;
    transition: .3s;
}

.sort-by-item.active {
    color: var(--am-orange);
}

.sort-by-item:hover {
    color: var(--am-orange);
}

.product-plp-head .am-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-plp-head .am-form input {
    padding-right: 60px;
}

.pro-search-btn {
    background-color: var(--am-orange) !important;
    border: none !important;
    padding: 10px 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
}

.pro-search-btn span::before {
    font-size: 21px;
}

.input-search-icon {
    position: absolute;
    right: 21px;
}

.input-search-icon::before {
    font-size: 22px;
    color: #888899;
}

.product-plp-head {
    margin-bottom: 52px;
}

.product-filter {
    /* width: 21%; */
    padding: 24px 20px;
    border: .5px solid #A09E96;
    position: sticky;
    height: 100%;
    top: 10px;
}

.pro-pdp-content-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: pm;
    line-height: 46px;
    color: #000;
    margin-bottom: 32px;
    gap: 8px;
}

.pro-pdp-content-title span::before {
    font-size: 24px;
}

/* toggle switch */
.filter-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.filter-switch input {
    display: none;
}

.slider {
    width: 36px;
    height: 18px;
    background: #ccc;
    border-radius: 20px;
    position: relative;
    transition: 0.3s;
}

.slider::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    transition: 0.3s;
}

.filter-switch input:checked+.slider {
    background: var(--am-orange);
}

.filter-switch input:checked+.slider::before {
    transform: translateX(18px);
}

.filter-group {
    margin-bottom: 30px;
}

.filter-group .icon-arrow-short {
    transform: rotate(180deg);
}

.filter-group.active .icon-arrow-short {
    transform: rotate(0deg);
}

.filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.filter-title span {
    font-size: 16px;
    font-family: pl;
    line-height: 46px;
    transition: .3s;
}

.filter-title span::before {
    font-size: 10px;
    transition: .3s;

}

.filter-options {
    display: none;
    padding-top: 30px;
    flex-wrap: wrap;
    gap: 12px;

}

.filter-options label {
    position: relative;
    cursor: pointer;
}

.filter-options label input {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
}

.filter-options label input:checked~span {
    background-color: var(--am-orange);
    color: #fff;
}

.filter-options label span {
    font-size: 14px;
    font-family: pl;
    color: #5F6368;
    border: .6px solid #e7e7e7;
    padding: 3px 15px;
    transition: .3s;
}

.price-input {
    width: 100%;
    margin-top: 30px;
}

.price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    margin-bottom: 15px;
}

.price-input .field span {
    font-size: 14px;
    font-family: pl;
    color: #000;
    margin: 0px 8px;
}

.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    font-family: pm;
    /* color: var(--am-orange); */
    text-align: center;
    border: .5px solid #d9d9d9;
}

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

.range-slider {
    height: 2px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.range-slider .range-progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: var(--am-orange);
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 2px;
    top: -2px;
    background: none;
    pointer-events: none;
}

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--am-orange);
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--am-orange);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.product-plp {
    margin-bottom: 214px;
}

.product-pdp-content {
    /* display: flex;
    gap: 16px; */
    margin-bottom: 72px;
}

.product-list {
    /* width: 79%; */
}

.product-list .am-product-item {
    margin-bottom: 12px;
}

.see-more {
    display: flex;
    justify-content: center;
    margin-top: 72px;
}

.see-more a {
    color: var(--am-blue);
    font-size: 16px;
}

/* -------------------------- product plp page end -------------------------- */
/* -------------------------- product pdp page start -------------------------- */
.pro-main-info-title {
    position: relative;
    font-size: 20px;
    font-family: pm;
    line-height: 42px;
    margin-bottom: 24px;
}

.pro-pdp-main-info-content .sec-head .sec-prg {
    margin-bottom: 28px;
}

.pro-pdp-rate {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 32.5px;
}

.pro-pdp-rate span::before {
    font-size: 24px;
}

.pro-pdp-rate .pro-pdp-rate-itself {
    font-size: 14px;
    font-family: pm;
    color: #5F6368;
    line-height: 23px;
}

.pro-pdp-rate .pro-pdp-rate-people {
    font-size: 14px;
    font-family: pm;
    color: #5F6368;
    line-height: 23px;
}

.pro-pdp-price bdi {
    font-size: 24px;
    font-family: fpm;
    color: var(--am-blue);
}

.pro-pdp-price bdi span {
    font-family: fpl;
}

.pro-pdp-price {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.pro-pdp-price del bdi {
    font-size: 18px;
    font-family: fpm;
    color: #A09E96;
    text-decoration: line-through;
}

.pro-pdp-price del bdi span {
    text-decoration: line-through;
}

.pro-pdp-variable-price bdi {
    font-size: 18px;
}

.pro-pdp-variable-price .price-label {
    color: #5F6368;
    font-size: 14px;
    margin-left: 10px;
}

.single-product-variable-items {
    margin-bottom: 20px;
}

.single-product-variable-items[data-attribute_name="attribute_pa_garanty"] .variable-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    padding: 4px 16px !important;
    border-radius: 24px !important;
    font-size: 16px !important;
    font-family: pl;
    background-color: rgba(0, 107, 195, .05) !important;
    color: #006BC3 !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    height: auto !important;
}

.single-product-variable-items[data-attribute_name="attribute_pa_garanty"] .variable-item.selected {
    border-color: #006BC3 !important;
}

.single-product-variable-items[data-attribute_name="attribute_pa_garanty"] .variable-item.disabled .variable-item-contents::before {
    background-image: none !important;
    display: inline-block !important;
    height: 2px !important;
    background-color: rgba(0, 107, 195, .5) !important;
}

.pro-pdp-color {
    margin-bottom: 52px;
}

.pro-pdp-color-title {
    font-size: 20px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #5F6368;
}

.pro-pdp-color-selected {
    color: #000;
}

.pro-pdp-existance {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 44px;
}

.pro-pdp-exist,
.pro-pdp-warranty {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: rgba(54, 188, 37, .08);
    padding: 4px 16px;
    border-radius: 24px;
    font-size: 16px;
    font-family: pl;
    color: #36BC25;
}

.pro-pdp-exist.out-of-stock {
    background-color: rgba(188, 37, 37, 0.08);
}

.pro-pdp-exist.out-of-stock,
.pro-pdp-exist.out-of-stock .icon-package:before {
    color: rgb(188, 37, 37);
}

.pro-pdp-exist span::before {
    font-size: 24px;
}

.pro-pdp-warranty {
    background-color: rgba(0, 107, 195, .05);
    color: #006BC3;
}

.pro-pdp-warranty span::before {
    font-size: 24px;
}

.woocommerce-variation-add-to-cart {
    margin-top: 30px !important;
}

.pro-pdp-count {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 195px;
}

.pro-pdp-count .quantity .qty {
    padding: 10px 5px;
    border: 1px solid #cccc;
}

.pro-pdp-count .am-solid-btn {
    padding: 12.5px 60px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pro-pdp-count .am-transparent-btn {
    padding: 14px 24px !important;
}

.pro-pdp-count .am-solid-btn span::before {
    font-size: 24px;
}

.product-pdp-main-info {
    margin-bottom: 63px !important;
}

.product-pdp-main-info .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-pdp-main-info .summary,
.product-pdp-main-info .images {
    float: none !important;
    width: 100% !important;
}

.swiper-backface-hidden .swiper-slide {
    border: 1px solid transparent;
}

.product-pdp-main-info .swiper-slide-thumb-active {
    border: 1px solid var(--am-orange);
}

.pro-pdp-swiper-2 {
    margin-bottom: 12px;
    height: 548px;
    position: relative;
}

.pro-pdp-swiper-wrapper {
    position: relative;
}

.pro-pdp-swiper-wrapper .swiper-button-next,
.pro-pdp-swiper-wrapper .swiper-button-prev {
    position: absolute;
    top: calc(50% - 13px);
}

.pro-pdp-swiper-wrapper .swiper-button-next {
    right: auto;
    left: calc(0% - 16px);
}

.pro-pdp-swiper-wrapper .swiper-button-prev {
    right: calc(0% - 16px);
    left: auto;
}



.pro-pdp-main-features-content {
    border: .6px solid #d9d9d9;
    padding: 40px 78px;
}

.pro-pdp-main-features-title {
    font-size: 20px;
    font-family: pm;
    line-height: 42px;
    color: #000;
    margin-bottom: 44px;
}

.pro-pdp-main-features-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pro-pdp-main-features-list .main-feature-item .pro-pdp-main-feature-item {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px dashed #d9d9d9;
}

.pro-pdp-main-features-list .main-feature-item:last-child .pro-pdp-main-feature-item,
.pro-pdp-main-features-list .main-feature-item:nth-last-child(2) .pro-pdp-main-feature-item {
    border-bottom: none;
}

.prp-pdp-features-title,
.prp-pdp-features-desc {
    font-size: 18px;
    line-height: 42px;
    color: #5F6368;
    margin: 0px 2px;
}

.prp-pdp-features-desc {
    color: #000;
}

.pro-pdp-main-features {
    margin-bottom: 88px;
}

.pro-inside-box-item {
    border: .6px solid #e7e7e7;
    padding-bottom: 32px;
}

.pro-inside-box-item img {
    width: 100%;
    height: 205px;
    object-fit: contain;
    margin-bottom: 22px;
}

.pro-inside-box-item-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    text-align: center;
    display: block;
}

.pro-inside-box {
    margin-bottom: 88px;
}

.pro-inside-box .sec-head {
    margin-bottom: 42px;
}

.pro-pdp-details-content {
    background-color: #f5f5f5;
    padding: 46px 0px 78px 0px;
    margin-bottom: 134px;
}

.pro-pdp-details-content .nav-tabs {
    border-bottom: .6px solid #b8b8bb;
    column-gap: 82px;
    margin-bottom: 48px;
}

.pro-pdp-details-content .nav-tabs .nav-link {
    font-size: 20px;
    font-family: pl;
    color: #888899;
    line-height: 42px;
    min-width: 132px;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid transparent;
}

.pro-pdp-details-content .nav-tabs .nav-link.active {
    font-family: pr;
    color: #000;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
}

.prp-pdp-details-title,
.prp-pdp-details-desc {
    font-size: 18px;
    line-height: 42px;
    color: #A6A6A6;
    margin: 0px 2px;
}

.prp-pdp-details-desc {
    color: #565656;
}

.pro-pdp-details-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 60px;
}

.pro-pdp-details-list .pro-pdp-details-item {
    margin-bottom: 24px;
}

.pro-pdp-intro .sec-head {
    margin-bottom: 28px;
}

.pro-pdp-intro-content,
.pro-pdp-intro-content p {
    color: #5F6368;
    font-size: 14px;
    line-height: 28px;
    font-family: pel;
}

.pro-pdp-intro-content h2,
.pro-pdp-intro-content h3 {
    font-family: pm;
    line-height: 26px;
    color: #565656;
    margin-bottom: 4px;
}

.pro-pdp-intro-content h2 {
    font-size: 20px;
}

.pro-pdp-intro-content h3 {
    font-size: 16px;
}

.pro-pdp-intro-content img {
    max-width: 100%;
}

.pro-pdp-intro-sec {
    margin-bottom: 24px;
}

.pro-pdp-intro-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 78px;
}

.pro-pdp-intro-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-pdp-intro-banner .am-play-btn {
    position: absolute;
    z-index: 4;
    left: 20%;
    width: 80px;
    height: 80px;
}

.pro-pdp-pos-neg-item {
    background-color: #F6F6F6;
    padding: 32px 42px;
}

.pro-pdp-pos-neg-title {
    font-size: 20px;
    line-height: 43px;
    color: #000;
    font-family: pm;
    margin-bottom: 12px;
}

.pro-pdp-pos-neg-item .sec-prg {
    color: #5F6368;
    margin-bottom: 16px;
}

.pro-pdp-pos-neg-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pro-pdp-pos-neg-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 32px;
    color: #5F6368;
    margin-bottom: 4px;
}

.pro-pdp-pos-neg-list li span::before {
    font-size: 20px;
}

.pro-pdp-positive-negetive-op {
    margin: 80px 0px;
}

.pro-pdp-intro {
    margin-bottom: 211px;
}

.comment-reply-title {
    margin-bottom: 30px;
    font-family: pm;
    font-size: 24px;
}

.required {
    color: red;
    font-size: 14px;
}

#review_form input:focus {
    outline: none;
    border-color: var(--am-orange);
    transition: .3s;
}

#review_form textarea:focus {
    outline: none;
    border-color: var(--am-orange);
    transition: .3s;
    resize: none;
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.comment-form-author,
.comment-form-email {
    width: 47%;
}

.comment-form-author {
    order: -2;
}

.comment-form-email {
    order: -1;
}

.comment-form-author input,
.comment-form-email input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
}

.comment-notes,
.comment-form-rating,
.comment-form-comment,
.comment-form-cookies-consent,
.form-submit {
    width: 100%;
}

.comment-form-rating {
    margin: 20px 0;
}

.comment-form-comment textarea {
    height: 100px !important;
    border: 1px solid #ccc;
    padding: 10px;
}

.form-submit input[type="submit"] {
    background-color: var(--am-orange) !important;
    color: #fff !important;
    border: .6px solid var(--am-orange) !important;
    transition: .3s;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: pl;
    font-size: 16px !important;
    padding: 14px 30px !important;
}

.pro-pdp-details-list .commentlist {
    padding: 0 !important;
}

.comment_container .avatar {
    display: none;
}

.comment_container .comment-text {
    margin-right: 0 !important;
    padding: 30px 30px 20px !important;
}

.comment_container .comment-text .woocommerce-review__author {
    font-family: psb;
    font-size: 16px;
    color: #000;
}

.comment_container .comment-text .description {
    font-size: 14px;
    line-height: 26px;
}


.color-variable-item,
.variable-item-span-color {
    border-radius: 50% !important;
}

.color-variable-item {
    border: 0.6px solid #D9D9D9;
    box-shadow: none !important;
    width: 36px !important;
    height: 36px !important;
    transition: 0.3s;
}

.color-variable-item.selected {
    border-color: #5F6368;
}

.color-variable-item .variable-item-contents::before {
    display: none !important;
}

.variations tr td {
    margin-bottom: 12px;
}
.variations tr th{
    margin-bottom: 8px;
}

.variations label {
    font-weight: normal !important;
    color: #5F6368 !important;
}

.woo-selected-variation-item-name {
    font-weight: normal !important;
}

.reset_variations {
    display: none !important;
}

.woocommerce-variation-availability {
    display: flex;
    margin-bottom: 8px;
}

.woocommerce-variation-price.pro-pdp-price {
    margin-bottom: 10px;
}

/* -------------------------- product pdp page end -------------------------- */
/* -------------------------- about us page start -------------------------- */
.about-us-head-item .sec-head .am-title {
    margin-bottom: 24px;
}

.about-us-head-item .sec-head .sec-prg {
    margin-bottom: 60px;
}

.about-us-head-item .sec-head .am-solid-btn {
    display: inline-block;
    padding: 12.5px 24px;
    margin: 0px 4px;
}

.about-us-head-item .sec-head .am-transparent-btn {
    display: inline-block;
    padding: 12.5px 24px;
    margin: 0px 4px;
}

.about-us-head-info {
    margin-top: 42px;
    padding-top: 42px;
    border-top: .6px solid #e8e8e8;
    display: flex;
}

.about-us-head-info-item {
    display: flex;
    justify-content: start;
    align-items: center;
}

.about-us-head-info-item:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 62px;
    position: relative;
    margin: 0px 32px;
    background-color: #e8e8e8;
}

.about-us-head-info-item-count {
    display: block;
    font-size: 20px;
    font-family: pm;
    line-height: 34px;
    color: var(--am-orange);
    margin-bottom: 6px;
}

.about-us-head-info-item-title {
    display: block;
    font-size: 12px;
    line-height: 34px;
    color: #989898;
}

.about-us-head-info-item-content {
    min-width: 93px;
}

.about-us-head-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-us-head-info-list {
    margin: 0;
    padding: 0;
}

.about-us-head-info-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-family: pl;
    line-height: 32px;
    color: #5F6368;
    margin-bottom: 4px;
}

.about-us-head-info-list li span::before {
    font-size: 20px;
    color: var(--am-orange);
}

.about-us-head-item:not(:last-child) {
    margin-bottom: 152px;
}

.about-us-head-item:nth-child(even) .row {
    flex-direction: row-reverse;
}

.about-us-head-item:nth-child(even) img {
    padding-left: 21px;
}

.about-us-head-item:nth-child(even) .sec-head {
    padding-right: 21px;
}

.about-us-head-item:nth-child(odd) img {
    padding-right: 21px;
}

.about-us-head-item:nth-child(odd) .sec-head {
    padding-left: 21px;
}

.about-us-head-sections {
    margin-bottom: 152px;
}

.about-us-features-item {
    padding: 32px 42px;
    background-color: #F6F6F6;
    /* margin: 12px 0px; */
    height: 100%;
}

.about-us-features-item span {
    font-size: 20px;
    margin-bottom: 28px;
    line-height: 30px;
}

.about-us-features-item img {
    width: 40px;
}

.about-us-features-item-title {
    font-size: 20px;
    font-family: pm;
    line-height: 42px;
    color: #000;
    margin-bottom: 12px;
}

.about-us-features .sec-head {
    margin-bottom: 46px;
}

.about-us-features {
    margin-bottom: 120px;
}

.about-testimonial-item {
    border: .6px solid #d9d9d9;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 60px;
}

.about-testimonial-item .sec-prg {
    text-align: center;
}

.about-testimonial-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.about-testimonial-profile img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 50%;
}

.about-testimonial-prfile-name-title {
    font-size: 14px;
    color: #000;
    display: block;
    margin-bottom: 4px;
}

.about-testimonial-prfile-name-position {
    font-size: 14px;
    font-family: pl;
    line-height: 23px;
    color: #5F6368;
    display: block;
    margin-bottom: 4px;
}

.about-us-testimonial .sec-head {
    margin-bottom: 78px;
}

.about-testimonial-swiper-wrapper {
    position: relative;
}

.about-testimonial-swiper-wrapper .swiper-button-prev,
.about-testimonial-swiper-wrapper .swiper-button-next {
    position: absolute;
    top: calc(50%);
}

.about-testimonial-swiper-wrapper .swiper-button-prev {
    right: calc(0% - 16px);
}

.about-testimonial-swiper-wrapper .swiper-button-next {
    left: calc(0% - 16px);
    right: auto;
}

.about-us-testimonial {
    margin-bottom: 141px;
}

.about-us-gallery-grid {
    display: grid;
    grid-template-columns: 32% repeat(2, 16%) 32%;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}

.about-us-gallery-item.pic1 {
    grid-area: 1 / 4 / 3 / 5;
}

.about-us-gallery-item.pic2 {
    grid-area: 1 / 2 / 2 / 4;
}

.about-us-gallery-item.pic3 {
    grid-area: 2 / 3 / 3 / 4;
}

.about-us-gallery-item.pic4 {
    grid-area: 2 / 2 / 3 / 3;
}

.about-us-gallery-item.pic5 {
    grid-area: 1 / 1 / 3 / 2;
}

.about-us-gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.about-us-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-us-gallery {
    margin-bottom: 148px;
}

/* -------------------------- about us page end -------------------------- */
/* -------------------------- shopping bascket page start -------------------------- */

.woo-page-content {
    margin-top: 40px;
}

.am-bascket-item {
    display: flex;
    align-items: center;
    column-gap: 68px;
    position: relative;
    border: 1px solid #e7e7e7;
    padding: 42px 60px;
    margin-bottom: 16px;
}

.am-bascket-item-pic img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    max-width: 80px;
    max-height: 80px;
}

.am-bascket-item-info {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    /* width: 38%; */
}

.am-bascket-item-title a {
    font-size: 20px;
    font-family: pm;
    line-height: 42px;
    color: #000;
}

.am-bascket-item-price {
    display: flex;
    align-items: center;
    gap: 16px;
}

.am-bascket-item-price-tag {
    font-size: 18px;
    font-family: pm;
    line-height: 42px;
    color: #5F6368;
}

.am-bascket-item-price-value {
    font-size: 18px;
    font-family: fpr;
    line-height: 42px;
    color: #5F6368;
}

.am-bascket-item-price-value bdi span {
    font-size: 12px;
    font-family: pl;
}

.pro-basket-item-count {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pro-basket-item-count .quantity,
.pro-pdp-count .quantity {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pro-basket-item-count .quantity-input,
.pro-pdp-count .quantity-input {
    width: 40px !important;
    text-align: center !important;
    border: none !important;
    font-size: 16px;
    background: transparent;
    pointer-events: none;
    appearance: textfield;
    font-family: fpr !important;
    /* prevent manual typing */
}

.pro-basket-item-count .quantity-plus,
.pro-basket-item-count .quantity-minus,
.pro-pdp-count .quantity-plus,
.pro-pdp-count .quantity-minus {
    width: 24px;
    height: 24px;
    border: none;
    background-color: #e7e7e7;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-basket-item-count .quantity-plus::before,
.pro-pdp-count .quantity-plus::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #000;
    position: absolute;
}

.pro-basket-item-count .quantity-plus::after,
.pro-basket-item-count .quantity-minus::before,
.pro-pdp-count .quantity-plus::after,
.pro-pdp-count .quantity-minus::before {
    content: '';
    display: inline-block;
    height: 1px;
    width: 11px;
    background-color: #000;
    position: absolute;
}

.pro-basket-item-count button:hover,
.pro-pdp-count button:hover {
    background-color: #ccc;
}

.am-bascket-item-total-price .woocommerce-Price-amount {
    font-size: 20px;
    font-family: fpm;
    color: var(--am-blue);
}

.am-bascket-item-total-price bdi span {
    font-size: 16px;
    font-family: pl;
}

.am-bascket-item-remove {
    border: 1px solid #d9d9d9;
    background-color: transparent;
    padding: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.am-bascket-item-remove:hover {
    border-color: #d10f18
}

.am-bascket-item-remove a:hover {
    background-color: transparent !important;
}

.am-bascket-item-remove::before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 17px;
    background-color: #d9d9d9;
    position: absolute;
    transform: rotate(45deg);
    transition: 0.3s;
}

.am-bascket-item-remove:hover::before {
    background-color: #d10f18;
}

.am-bascket-item-remove::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 17px;
    background-color: #d9d9d9;
    position: absolute;
    transform: rotate(-135deg);
    transition: 0.3s;
}

.am-bascket-item-remove:hover::after {
    background-color: #d10f18;
}

.am-bascket-items {
    margin-bottom: 48px;
}

.am-bascket-items .shop_table {
    padding: 0 !important;
}

.am-bascket-items .actions .am-solid-btn {
    font-size: 16px !important;
    padding: 10px !important;
    margin-right: auto !important;
    opacity: 1 !important;
    cursor: pointer;
}

.am-bascket-items .actions .am-solid-btn:disabled {
    opacity: 0.5 !important;
    cursor: no-drop;
}

.am-bascket-total-content {
    background-color: #FAFAFA;
    padding: 44px 68px 88px;
    margin-bottom: 30px;
}

.am-bascket-total-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-bottom: 64px;
}

.am-bascket-total-price,
.am-bascket-total-transport {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 32px;
}

.am-bascket-total-tag {
    font-size: 18px;
    font-family: pm;
    color: #000;
}

.am-bascket-total-price-value bdi,
.am-bascket-total-tarnsport-price bdi {
    font-size: 20px;
    font-family: fpm;
    color: #5F6368;
}

.am-bascket-total-price-value bdi span,
.am-bascket-total-tarnsport-price bdi span {
    font-family: pl;
    font-size: 16px;
}

.am-bascket-total-transport {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.am-bascket-total-transport-content {
    width: 100%;
    display: flex;
    gap: 42px;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-shipping-destination {
    color: #555;
    font-family: pl;
    margin-top: 10px;
    background-color: #ccc;
    padding: 4px 10px;
}

.am-bascket-transport-form {
    display: flex;
    gap: 32px;
}

.am-bascket-transport-form li {
    position: relative;
    display: flex !important;
    gap: 10px !important;
    font-size: 16px;
    align-items: center !important;
    color: #000;
    font-family: pl;
}

.am-bascket-transport-form li input {
    margin-left: 0 !important;
    width: auto !important;
}

.am-bascket-transport-form label input[type="radio"] {
    position: absolute;
    width: 0;
    height: 0;
}

.am-bascket-transport-form .woocommerce-Price-amount bdi {
    font-family: fpm;
}

.am-bascket-transport-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.am-bascket-transport-icon span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: .3s;
}

.am-bascket-transport-form li input[type="radio"]:checked+.am-bascket-transport-icon {
    border-color: var(--am-blue);
}

.am-bascket-transport-form li input[type="radio"]:checked+.am-bascket-transport-icon span {
    background-color: var(--am-blue);
}

.am-bascket-total-discount {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 12px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 32px;
}

.am-bascket-discount-form {
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-bascket-total-discount input[type="text"] {
    width: 200px;
    height: 44px;
    border: 1px solid #d9d9d9;
    padding: 0 12px;
    font-size: 14px;
    font-family: pm;
    color: #000;
    background-color: transparent;
    transition: .3s;
}

.am-bascket-total-discount input[type="text"]:focus {
    outline: none;
    border-color: var(--am-orange);
    color: var(--am-orange);
}

.am-bascket-total-discount button[type="submit"] {
    background-color: #fff;
    padding: 10.5px 24px;
}

.am-bascket-total-discount-price,
.am-bascket-total-discount-price .woocommerce-Price-amount {
    font-size: 20px;
    font-family: fpm;
    color: var(--am-orange);
}

.am-bascket-total-discount-price .woocommerce-Price-amount span {
    font-size: 16px;
    font-family: pl;
}

.am-bascket-total-discount-price .woocommerce-remove-coupon {
    font-size: 12px;
    background-color: #ccc;
    color: #000;
    padding: 5px 10px;
    margin-right: 10px;
}

.am-bascket-total-discount.discount-coupon {
    justify-content: space-between;
}

.am-bascket-total-final-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.am-bascket-total-final-price .am-solid-btn {
    width: 315px;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    padding: 11px 16px;
    position: relative;
    border: .5px solid var(--am-orange);
}

.am-bascket-total-final-price .am-solid-btn span {
    font-size: 18px;
    position: absolute;
    left: 10px;
}

.am-bascket-total-final-price .am-solid-btn span::before {
    transition: all .3s ease-in-out;
}

.am-bascket-total-final-price .am-solid-btn:hover span::before {
    color: var(--am-orange);
}

.am-bascket-total-final-price-content {
    display: flex;
    align-items: center;
    gap: 188px;
}

.am-bascket-total-final-price-value bdi {
    font-size: 24px;
    font-family: fpm;
    color: var(--am-blue);
}

.am-bascket-total-final-price-value bdi span {
    font-size: 18px;
    font-family: pl;
}

.am-bascket-total {
    margin-bottom: 214px;
}

.return-to-shop {
    margin-bottom: 100px;
}

.return-to-shop .am-solid-btn {
    display: inline-block !important;
    padding: 12px 20px;
}

/* -------------------------- shopping bascket page end -------------------------- */


/* Checkout */

.woocommerce-billing-fields h3 {
    font-size: 18px;
    font-family: pbd;
    color: #000;
    line-height: 42px;
    position: relative;
    margin-bottom: 24px;
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
}

.woocommerce-billing-fields__field-wrapper .form-row {
    width: 30% !important;
    margin-bottom: 20px !important;
}

.woocommerce-input-wrapper,
.woocommerce-input-wrapper .selection,
.select2-container .selection {
    width: 100% !important;
    font-family: pl;
}

.select2-container .select2-selection {
    border: 1px solid #e8e8e8;
}

.select2-selection__rendered {
    padding: 12px 24px !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    margin: -11px 0 0 !important;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 7px;
}

.woocommerce-checkout .am-form label {
    margin-bottom: 6px;
}

#ship-to-different-address-checkbox {
    width: auto !important;
}

.woocommerce-shipping-fields {
    margin-bottom: 30px;
}

.am-bascket-total-transport.checkout-transport .am-bascket-transport-form {
    width: 100%;
    justify-content: flex-end;
}

.am-bascket-total-transport.checkout-transport .am-bascket-total-tag,
.am-bascket-total-transport.checkout-transport .am-bascket-transport-form label {
    white-space: nowrap;
}

.am-bascket-total-transport.checkout-transport .am-bascket-transport-form label {
    margin-bottom: 0 !important;
}

.am-bascket-total-final-price-content.am-total-checkout {
    width: 100%;
    justify-content: space-between;
}

.checkout-review-product {
    color: #000;
    font-family: pl;
    font-size: 14px;
}

.checkout-review-product .product-total {
    margin-right: 20px;
    font-family: fpm;
}

.checkout-review-product .product-quantity {
    font-family: fpm;
}

.woocommerce-checkout-payment {
    margin-bottom: 100px;
    background-color: #FAFAFA !important;
    padding: 44px 68px 88px 68px;
}

.woocommerce-checkout-payment .am-bascket-total-title {
    margin-bottom: 30px;
}

.wc_payment_methods {
    padding: 0 !important;
}

.payment_method_bacs {
    font-family: pl;
}

.woocommerce-privacy-policy-text {
    font-size: 14px;
    line-height: 28px;
    color: #5F6368;
    font-family: pl;
}

.woocommerce-checkout-payment .am-solid-btn {
    font-size: 18px !important;
    font-weight: normal !important;
    margin-top: 20px !important;
}

/* Thank You Page */

.woocommerce-order {
    color: #000;
    font-family: pl;
}

.woocommerce-thankyou-success-desc {
    background-color: rgba(13, 140, 1, 0.07);
    border: 1px solid rgb(13, 140, 1);
    padding: 50px 30px;
    margin-bottom: 50px;
}

.woocommerce-thankyou-success-desc p {
    text-align: center;
    font-size: 20px;
    font-family: psb;
}

.woocommerce-thankyou-order-details {
    background-color: rgb(250, 250, 250);
    padding: 30px;
    display: flex;
    justify-content: space-between;

}

.woocommerce-thankyou-order-details li {
    font-size: 14px !important;
}

.woocommerce-thankyou-order-details li strong {
    font-size: 16px !important;
    margin-top: 14px;
    font-weight: normal !important;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
    font-size: 20px !important;
    font-family: pm !important;
    color: #000 !important;
    margin-bottom: 20px !important;
}

.thankyou-order-detail table {
    background-color: rgb(250, 250, 250);
    border: 0 !important;
    padding: 20px;
    margin-bottom: 50px !important;
}


.thankyou-order-detail table td,
.thankyou-order-detail table th {
    border-bottom: 1px dashed rgb(217, 217, 217);
    border-top: 0 !important;
    padding: 16px 12px !important;
}

.thankyou-order-detail table tfoot tr:last-child td,
.thankyou-order-detail table tfoot tr:last-child th {
    border-bottom: 0;
}

.woocommerce-column--shipping-address address,
.woocommerce-column--billing-address address {
    border: 0 !important;
}

/* My Account */
.account-page {
    margin-bottom: 80px;
}

.woocommerce-MyAccount-navigation {
    background-color: #333;
    padding: 40px 30px;
    margin-bottom: 30px;
}

.myaccount-nav-name {
    color: var(--am-orange);
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 18px;
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    transition: color 0.3s ease;
    display: block;
    padding: 10px 0;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--am-orange);
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--am-orange);
}

/* Responsive Menu - 2 columns on mobile */
@media only screen and (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .woocommerce-MyAccount-navigation {
        padding: 30px 20px;
    }

    .myaccount-nav-name {
        font-size: 16px;
        padding-bottom: 16px;
        margin-bottom: 20px;
    }
}

/* Account Orders Page */
.account-orders-wrapper {
    margin-bottom: 80px;
}

.account-orders-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-bottom: 32px;
    line-height: 42px;
}

.account-orders-table {
    width: 100%;
    border-collapse: collapse !important;
    background-color: #fff;
}

.account-orders-table thead {
    background-color: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
}

.account-orders-table th {
    padding: 16px 12px !important;
    text-align: right;
    font-family: pm;
    font-size: 14px;
    color: #000;
    font-weight: normal !important;
}

.account-orders-table td {
    padding: 16px 12px !important;
    border-bottom: 1px solid #e7e7e7;
    font-family: fpl;
    font-size: 14px;
    color: #555;
}

.account-orders-table tbody tr:hover {
    background-color: #f5f5f5;
}

.order-number-link {
    color: var(--am-blue);
    font-family: fpm;
    text-decoration: none;
    transition: color 0.3s ease;
}

.order-number-link:hover {
    color: var(--am-orange);
}

.order-status {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-family: pm;
    font-weight: normal !important;
}

.order-status.status-completed {
    background-color: rgba(54, 188, 37, 0.1);
    color: #36bc25;
}

.order-status.status-processing {
    background-color: rgba(0, 107, 195, 0.1);
    color: #006bc3;
}

.order-status.status-on-hold {
    background-color: rgba(254, 74, 27, 0.1);
    color: var(--am-orange);
}

.order-status.status-pending {
    background-color: rgba(160, 158, 150, 0.1);
    color: #a09e96;
}

.order-status.status-cancelled {
    background-color: rgba(188, 37, 37, 0.1);
    color: #bc2525;
}

.account-orders-table .am-transparent-btn {
    padding: 8px 16px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* Account Addresses Page */
.account-addresses-wrapper {
    margin-bottom: 80px;
}

.account-addresses-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-bottom: 12px;
    line-height: 42px;
}

.account-addresses-description {
    font-size: 14px;
    font-family: pl;
    color: #666;
    margin-bottom: 32px;
    line-height: 24px;
}


.address-card {
    width: 100% !important;
    margin-bottom: 24px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 24px;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
}

.address-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: var(--am-orange);
}

.address-card-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
}

.address-card-header h3 {
    font-size: 16px;
    font-family: pm;
    color: #000;
    margin: 0;
    line-height: 24px;
}

.edit-address-btn {
    white-space: nowrap;
    font-size: 12px;
    padding: 6px 12px;
}

.address-content {
    font-size: 14px;
    font-family: pl;
    color: #555;
    line-height: 26px;
    font-style: normal;
}

/* Responsive for Account Pages */
@media only screen and (max-width: 768px) {

    .account-orders-title,
    .account-addresses-title {
        font-size: 18px;
    }

    .addresses-grid {
        grid-template-columns: 1fr;
    }

    .address-card {
        padding: 16px;
    }

    .account-orders-table th,
    .account-orders-table td {
        padding: 12px 8px;
        font-size: 12px;
    }

    .account-orders-table .am-transparent-btn {
        padding: 6px 10px;
        font-size: 11px;
    }
}

/* Account Edit Form Page */
.account-edit-form-wrapper {
    margin-bottom: 80px;
}

.account-edit-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-bottom: 32px;
    line-height: 42px;
}

.account-form-row-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.account-form-row-group label {
    font-size: 14px;
    font-family: pl;
    color: #000;
    margin-bottom: 8px;
    font-weight: normal;
}

.account-form-row-group input {
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
    color: #666 !important;
    font-size: 14px;
    padding: 12px 16px !important;
    transition: all 0.3s ease;
    width: 100% !important;
    font-family: pl !important;
    border-radius: 4px;
}

.account-form-row-group input:focus {
    outline: none;
    border-color: var(--am-orange) !important;
    color: var(--am-orange) !important;
}

.form-helper-text {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-top: 4px;
}

.account-password-fieldset {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 24px;
    margin-bottom: 32px;
    background-color: #f9f9f9;
}

.account-password-legend {
    font-size: 16px;
    font-family: pm;
    color: #000;
    font-weight: normal !important;
    margin-bottom: 24px;
    display: block;
    padding: 0;
    width: 100%;
}

.account-form-submit {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.account-form-submit .am-solid-btn {
    padding: 12px 32px;
    font-size: 14px;
}

/* Edit Address Form */
.edit-address-form-wrapper {
    margin-bottom: 80px;
}

.edit-address-title {
    font-size: 20px;
    font-family: pm;
    color: #000;
    margin-bottom: 32px;
    line-height: 42px;
}

.edit-address-form {
    display: flex;
    flex-direction: column;
}

.address-form-fields {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}

.address-form-fields .form-row {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.address-form-fields label {
    font-size: 14px;
    font-family: pl;
    color: #000;
    margin-bottom: 8px;
    font-weight: normal;
}

.address-form-fields input,
.address-form-fields select,
.address-form-fields textarea {
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
    color: #666 !important;
    font-size: 14px;
    padding: 12px 16px !important;
    transition: all 0.3s ease;
    font-family: pl !important;
    border-radius: 4px;
}

.address-form-fields input:focus,
.address-form-fields select:focus,
.address-form-fields textarea:focus {
    outline: none;
    border-color: var(--am-orange) !important;
    color: var(--am-orange) !important;
}

.address-form-submit {
    display: flex;
    align-items: center;
    gap: 16px;
}

.address-form-submit .am-solid-btn {
    padding: 12px 32px;
    font-size: 14px;
}

/* Order Details Page */
.order-details-wrapper {
    margin-bottom: 80px;
}

.order-details-header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7e7e7;
}

.order-details-info {
    font-size: 14px;
    font-family: pl;
    color: #333;
    line-height: 24px;
    margin: 0;
}

.order-details-info mark {
    background-color: transparent;
    font-weight: bold;
    color: var(--am-blue);
    padding: 0 4px;
}

.order-updates-section {
    margin-top: 40px;
}

.order-updates-title {
    font-size: 18px;
    font-family: pm;
    color: #000;
    margin-bottom: 24px;
    line-height: 36px;
}

.order-notes-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-note-item {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 20px;
    background-color: #f9f9f9;
    margin: 0 !important;
}

.order-note-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: var(--am-orange);
}

.note-item-container {
    display: flex;
    flex-direction: column;
}

.note-item-text {
    padding: 0;
}

.note-item-date {
    font-size: 12px;
    font-family: pm;
    color: var(--am-orange);
    margin: 0 0 12px 0;
    font-weight: bold;
}

.note-item-content {
    font-size: 14px;
    font-family: pl;
    color: #555;
    line-height: 24px;
}

.note-item-content p {
    margin: 0;
    line-height: 24px;
}

/* Order Details Tables and Addresses */
.order-details-wrapper .woocommerce-order-details {
    margin-bottom: 40px;
}

.order-details-wrapper .woocommerce-order-details__title {
    font-size: 18px;
    font-family: pm;
    color: #000;
    margin-bottom: 24px;
    line-height: 36px;
}

.order-details-wrapper .woocommerce-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-family: pl;
    border-radius: 4px;
    overflow: hidden;
}

.order-details-wrapper .woocommerce-table th {
    background-color: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
    padding: 16px 12px;
    text-align: right;
    font-family: pm;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.order-details-wrapper .woocommerce-table td {
    padding: 16px 12px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    color: #555;
}

.order-details-wrapper .woocommerce-table tbody tr:last-child td {
    border-bottom: none;
}

.order-details-wrapper .woocommerce-table tbody tr:hover {
    background-color: #f5f5f5;
}

.order-details-wrapper .woocommerce-table dl,
.order-details-wrapper .woocommerce-table dt,
.order-details-wrapper .woocommerce-table dd {
    margin: 0;
    padding: 0;
}

/* Order Items */
.order-details-wrapper .woocommerce-table .product-name a {
    color: var(--am-blue);
    text-decoration: none;
    transition: color 0.3s ease;
    font-family: pm;
}

.order-details-wrapper .woocommerce-table .product-name a:hover {
    color: var(--am-orange);
}

.order-details-wrapper .woocommerce-table .quantity {
    font-family: fpm;
}

.order-details-wrapper .woocommerce-table .product-total,
.order-details-wrapper .woocommerce-table .total {
    font-family: fpm;
    color: var(--am-blue);
    font-weight: normal !important;
}

/* Order Totals */

.woocommerce-order-details table {
    border-collapse: collapse !important;
}

.order-details-wrapper .woocommerce-order-details tfoot tr {
    background-color: #f9f9f9;
}

.order-details-wrapper .woocommerce-order-details tfoot th,
.order-details-wrapper .woocommerce-order-details tfoot td {
    border-top: 1px solid #e7e7e7;
    border-bottom: none;
    padding: 16px 12px;
    font-family: fpm;
    font-size: 14px;
}

.order-details-wrapper .woocommerce-order-details tfoot th {
    text-align: right;
    color: #000;
    font-weight: normal !important;
}

.order-details-wrapper .woocommerce-order-details tfoot td {
    text-align: left;
    color: var(--am-blue);
    font-weight: normal !important;
}

/* Billing and Shipping Addresses */
.order-details-wrapper .woocommerce-columns {
    margin-top: 40px;
}

.order-details-wrapper .woocommerce-column {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.order-details-wrapper .woocommerce-column__title {
    font-size: 16px;
    font-family: pm;
    color: #000;
    margin-bottom: 16px;
    line-height: 28px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--am-orange);
}

.order-details-wrapper .woocommerce-address {
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 20px;
    font-size: 14px;
    font-family: pl;
    color: #555;
    line-height: 26px;
}

.order-details-wrapper .woocommerce-address address {
    font-style: normal;
    margin: 0;
}

.order-details-wrapper .woocommerce-address p {
    margin: 0 0 8px 0;
    line-height: 26px;
}

.order-details-wrapper .woocommerce-address p:last-child {
    margin-bottom: 0;
}

/* Order Actions */
.order-details-wrapper .woocommerce-order-details__actions {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e7e7e7;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.order-details-wrapper .woocommerce-order-details__actions .button,
.order-details-wrapper .woocommerce-order-details__actions .woocommerce-button {
    padding: 10px 16px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

/* Responsive Order Details */
@media only screen and (max-width: 768px) {
    .order-details-wrapper .woocommerce-columns {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .order-details-wrapper .woocommerce-table th,
    .order-details-wrapper .woocommerce-table td {
        padding: 12px 8px;
        font-size: 12px;
    }

    .order-details-wrapper .woocommerce-table {
        font-size: 12px;
    }

    .order-details-wrapper .woocommerce-column__title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .order-details-wrapper .woocommerce-address {
        padding: 16px;
        font-size: 13px;
    }

    .order-details-wrapper .woocommerce-order-details__actions {
        flex-direction: column;
    }

    .order-details-wrapper .woocommerce-order-details__actions .button,
    .order-details-wrapper .woocommerce-order-details__actions .woocommerce-button {
        width: 100%;
        text-align: center;
    }
}

/* Responsive for Edit Address and Order Details */
@media only screen and (max-width: 768px) {

    .edit-address-title,
    .order-updates-title {
        font-size: 16px;
    }

    .address-form-fields {
        gap: 16px;
    }

    .address-form-submit {
        flex-direction: column;
        align-items: stretch;
    }

    .address-form-submit .am-solid-btn {
        width: 100%;
        text-align: center;
    }

    .order-note-item {
        padding: 16px;
    }

    .note-item-content {
        font-size: 13px;
    }
}

/* Dashboard Statistics */
.statics-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 60px;
}

.statics-container .static-item:nth-child(3) {
    grid-column: 1 / -1;
}

.static-item {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #f9f9f9;
    padding: 32px 24px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.static-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: var(--am-orange);
}

.static-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(254, 74, 27, 0.1);
    flex-shrink: 0;
}

.static-icon span::before {
    font-size: 32px;
    color: var(--am-orange);
}

.static-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.static-number {
    font-size: 24px;
    font-family: fpm;
    font-weight: bold;
    color: #000;
    line-height: 32px;
    margin-bottom: 6px;
}

.static-price {
    font-size: 18px;
}

.static-label {
    font-size: 14px;
    font-family: pl;
    color: #666;
    line-height: 20px;
}

/* Responsive adjustments for dashboard statistics */
@media only screen and (max-width: 1200px) {

    .statics-container .static-item:first-child,
    .statics-container .static-item:nth-child(2) {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .statics-container {
        grid-template-columns: 1fr;
    }

    .static-item {
        flex-direction: row;
        padding: 24px 16px;
    }

    .static-number {
        font-size: 20px;
    }

    .static-label {
        font-size: 13px;
    }
}


/* -------------------------- Shop Page -------------------------- */

.shop-archive-header h1 {
    font-size: 26px;
    font-family: psb;
    margin-bottom: 36px;
}

.shop-archive-products {
    margin-bottom: 100px;
}

/* -------------------------- responsive media -------------------------- */
@media only screen and (max-width: 1400px) {
    .ss-sign-in-level {
        padding: 40px;
    }

    .am-bascket-item {
        column-gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .am-menu__list {
        gap: 20px;
    }

    .hero-content {
        height: auto;
    }

    .hero-content .swiper-button-next,
    .hero-content .swiper-button-prev {
        top: calc(50% - 13px);
    }

    .am-hero,
    .am-product,
    .am-feature,
    .category-banner,
    .discount-banner,
    .am-services {
        margin-bottom: 70px;
    }

    .am-footer-content {
        flex-wrap: wrap;
    }

    .am-footer-head {
        max-width: 800px;
    }

    .pro-pdp-count .am-solid-btn {
        padding: 12.5px 30px;
    }

    .am-bascket-items-content {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .am-bascket-item {
        flex-direction: column;
        align-items: start;
        max-width: 45%;
        padding: 32px;
        row-gap: 24px;
    }

    .am-bascket-transport-form,
    .am-bascket-total-final-price-content,
    .am-bascket-total-transport-content {
        gap: 10px;
    }

    .am-bascket-transport-form label {
        font-size: 14px;
    }

    .am-bascket-transport-icon {
        width: 20px;
        height: 20px;
    }

    .am-bascket-transport-icon span {
        width: 14px;
        height: 14px;
    }

    .discount-banner-content {
        height: auto;
        background-image: none;
        background-color: #bbb;
    }


    /* Thankyou Page */

    .woocommerce-thankyou-order-details {
        flex-wrap: wrap;
    }

    .woocommerce-thankyou-order-details li {
        width: 46%;
        margin-bottom: 26px;
        border-bottom: 1px dashed #cfc8d8;
        border-left: 0 !important;
        padding-bottom: 26px;
        padding-left: 0 !important;
    }

    .woocommerce-thankyou-order-details li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 992px) {
    .am-menu {
        position: fixed;
        right: -100%;
        top: 0;
        width: 320px;
        height: 100vh;
        overflow: auto;
        background-color: var(--am-orange);
        z-index: 99999;
        padding: 24px;
        transition: all .3s ease-in-out;
    }

    .am-nav {
        padding: 12px 0px;
    }

    .am-nav__logo {
        position: absolute;
        right: calc(50% - 40px);
    }

    .am-menu__list {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        row-gap: 0px;
    }

    .am-menu__item {
        padding: 12px 0px;
    }

    .am-menu__link:hover {
        color: #fff;
    }

    .has-submenu:hover .am-menu__link {
        color: #fff;
    }

    .am-menu__link {
        color: #fff;
    }

    .discount-banner-content {
        background-color: #bbb;
        background-image: none;
    }

    .contact-us-form {
        background-position: right;
    }

    .has-submenu,
    .has-submenu-simple {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-wrap: wrap;
        cursor: pointer;
    }

    .am-menu__submenu__cover {
        display: none;
    }

    .am-menu__submenu__content {
        padding: 16px;
    }


    .am-x-mark {
        display: flex;
        margin-right: auto;
    }

    .am-bars {
        display: flex;
    }

    .pro-pdp-main-info-content .sec-head {
        margin-top: 32px;
    }

    .am-menu__submenu,
    .am-menu__submenu__simple {
        position: static;
        margin-top: 10px;
    }

    .am-menu__submenu__simple {
        width: 100%;
    }

    .menu-show {
        right: 0;
    }

    .hero-swiper-left-side-content {
        display: none;
    }

    .hero-content {
        height: 500px;
    }

    .hero-swiper-right-side-content img {
        height: auto;
    }

    .products-home-category {
        padding: 16px;
    }

    .am-feature-item.f-item-4 {
        justify-content: end;
    }

    .pro-category-head-content,
    .pro-description-content {
        padding: 40px;
    }

    .product-pdp-content {
        flex-direction: column;
    }

    .product-filter {
        position: static;
        width: 100%;
    }

    .product-list {
        width: 100%;
    }

    .sort-by-cat {
        margin-bottom: 32px;
    }

    .pro-pdp-count {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }

    .prp-pdp-features-title,
    .prp-pdp-features-desc,
    .prp-pdp-details-title,
    .prp-pdp-details-desc {
        display: block;
    }

    .pro-inside-box-item img {
        height: 110px;
    }

    .pro-pdp-details-content {
        padding: 32px;
    }

    .pro-pdp-intro-banner .am-play-btn {
        width: 60px;
        height: 60px;
    }

    .pro-pdp-intro {
        margin-bottom: 60px;
    }

    .about-us-head-item:nth-child(even) img {
        padding-left: 0px;
    }

    .about-us-head-item:nth-child(even) .sec-head {
        padding-right: 0px;
        margin-bottom: 16px;
    }

    .about-us-head-item:nth-child(odd) img {
        padding-right: 0px;
    }

    .about-us-head-item:nth-child(odd) .sec-head {
        padding-left: 0px;
        margin-bottom: 16px;
    }

    .am-bascket-item {
        max-width: 100%;
    }

    .am-bascket-transport-form {
        flex-direction: column;
        align-items: flex-end;
    }

    .am-bascket-total-discount {
        row-gap: 32px;
    }

    .am-bascket-total-final-price {
        flex-direction: column;
        row-gap: 32px;
    }

    .am-bascket-discount-form,
    .am-bascket-discount-form input[type="text"] {
        width: 100%;
    }

    .product-filter-content {
        display: none;
    }

    .pro-pdp-content-title {
        margin-bottom: 0;
    }

    .product-filter {
        padding: 12px;
        cursor: pointer;
    }

    .product-filter:hover {
        border-color: var(--am-orange);
    }

    .product-filter:hover .pro-pdp-content-title {
        color: var(--am-orange);
    }

    .product-filter-content.active {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        background-color: #fff;
        z-index: 999;
        padding-top: 100px;
        transition: .3s;
    }

    .product-filter-content.active .filter-group {
        width: 50%;
    }

    .product-filter-content.active .am-x-mark {
        display: flex;
        position: absolute;
        left: 50px;
        top: 50px;
        z-index: 999;
        background-color: transparent;
        border: none;
    }

    .product-filter-content.active .am-x-mark::before {
        background-color: var(--am-orange);
    }

    .product-filter-content.active .am-x-mark::after {
        background-color: var(--am-orange);
    }

    .am-feature-item.f-item-4 img {
        height: 250px;
    }

    /* Thankyou Page */

    .woocommerce-thankyou-order-details li {
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 768px) {
    .hero-swiper-right-side-content img {
        height: 500px;
    }

    .about-us-head-info-item-content {
        text-align: center;
    }


    .discount-banner-content {
        height: auto;
    }

    .am-footer-menus {
        row-gap: 32px;
    }

    .am-footer-content {
        padding-bottom: 50px;
        margin-bottom: 32px;
    }

    .am-footer-copyright {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        row-gap: 16px;
        padding-bottom: 16px;
    }

    .am-footer {
        padding-top: 32px;
    }

    .am-footer-content {
        gap: 32px;
    }

    .search-box {
        padding: 44px;
    }

    .ss-sign-in-cover {
        display: none;
    }

    .ss-sign-in-level {
        width: 100%;
    }

    .contact-us-info-item {
        margin-bottom: 24px;
        height: auto;
    }

    .contact-platform-item {
        flex-grow: 1;
    }

    .contact-links,
    .am-faq,
    .am-map,
    .pro-cat-blog {
        margin-bottom: 50px;
    }

    .am-faq .sec-head img {
        display: none;
    }

    .pro-des-head {
        flex-wrap: wrap;
    }

    .am-faq-pro-cat img {
        display: none;
    }

    .pro-pdp-count {
        margin-bottom: 50px;
        justify-content: space-between;
    }

    .pro-pdp-count .am-transparent-btn {
        width: 100%;
        text-align: center;
    }

    .pro-pdp-main-features-list .main-feature-item:nth-last-child(2) .pro-pdp-main-feature-item {
        border-bottom: 1px dashed #d9d9d9;
    }

    .pro-pdp-main-features-title {
        margin-bottom: 24px;
    }

    .prp-pdp-features-title,
    .prp-pdp-features-desc,
    .prp-pdp-details-title,
    .prp-pdp-details-desc {
        font-size: 16px;
        display: inline-block;
    }

    .pro-inside-box-item {
        margin-bottom: 24px;
    }

    .pro-pdp-details-content .nav-tabs .nav-link {
        min-width: auto;
    }

    .pro-pdp-details-content .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 1px;
    }

    .pro-pdp-details-content .nav-tabs .nav-link {
        white-space: nowrap;
        padding: 0;
    }

    .pro-pdp-intro-banner .am-play-btn {
        width: 48px;
        height: 48px;
    }

    .pro-pdp-intro-banner .am-play-btn span::before {
        font-size: 18px
    }

    .comment-form-author,
    .comment-form-email {
        width: 100%;
    }

    .about-us-gallery-grid {
        display: grid;
        grid-template-columns: repeat(2, 49%);
        grid-template-rows: repeat(4, 400px);
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .about-us-gallery-item.pic1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .about-us-gallery-item.pic2 {
        grid-area: 2 / 1 / 3 / 3;
    }

    .about-us-gallery-item.pic3 {
        grid-area: 3 / 2 / 4 / 3;
    }

    .about-us-gallery-item.pic4 {
        grid-area: 3 / 1 / 4 / 2;
    }

    .about-us-gallery-item.pic5 {
        grid-area: 4 / 1 / 5 / 3;
    }

    .pro-pdp-main-features-list li:not(:last-child) {
        border: none;
        margin-bottom: 0;
        padding: 0;
    }

    .pro-inside-box-item-title {
        font-size: 14px;
    }

    .pro-pdp-details-content .nav-tabs .nav-link {
        font-size: 18px;
    }

    .pro-pdp-details-content .nav-tabs {
        column-gap: 20px;
    }

    .blog-plp-main-wrapper .page-head .sec-head {
        position: static;
        display: block;
        width: 100%;
        /* padding: 0; */
    }

    .blog-plp-main-wrapper .page-head {
        display: flex;
        flex-direction: column;
        row-gap: 17px;
        height: auto;
        margin-bottom: 32px;
    }

    .blog-plp-main-wrapper .page-head img {
        height: 214px;
        width: 100%;
    }

    .category-banner-content {
        background-position: right;
    }

    .pro-pdp-main-feature-item {
        border-bottom: 1px dashed #d9d9d9;
    }

    .pro-pdp-main-feature-item.no-border {
        border-bottom: none;
    }

    /* Checkout */

    #billing_country_field {
        display: none;
    }

    .woocommerce-billing-fields__field-wrapper .form-row {
        width: 46% !important;
    }

    .am-bascket-total-content,
    .woocommerce-checkout-payment {
        padding: 44px 40px 88px;
    }

    /* Thankyou Page */

    .woocommerce-thankyou-order-details li {
        width: 100%;
    }

    .woocommerce-column--billing-address {
        margin-bottom: 40px;
    }

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
        font-size: 12px;
    }

    .woocommerce-message {
        font-size: 11px;
    }

}

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

    .hero-content .swiper-button-next,
    .hero-content .swiper-button-prev {
        top: 90%;
        z-index: 55;
    }

    .hero-content .swiper-button-next {
        left: 30%;
    }

    .hero-content .swiper-button-prev {
        right: 30%;
    }

    .hero-content .swiper-button-next-icon,
    .hero-content .swiper-button-prev-icon {
        width: 32px;
        height: 32px;
    }

    .hero-swiper-right-side-content {
        padding: 20px;
    }

    .am-product-head {
        flex-direction: column;
        row-gap: 40px;
        align-items: start;
    }

    .category-banner-content,
    .discount-banner-content {
        height: auto;
        padding: 24px;
    }

    .am-footer-menus {
        column-gap: 32px;
    }

    .company-copright,
    .develop-copyright {
        font-size: 12px;
    }

    .am-blog-item-pic {
        height: 320px;
    }

    .home-blog,
    .blog-plp-main-wrapper .home-blog,
    .blog-pdp,
    .see-more {
        margin-bottom: 50px;
    }

    .search-box {
        padding: 16px;
    }

    .contact-us-form,
    .contact-links {
        padding: 40px;
    }

    .contact-phone-items {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .blog-pdp-main-wrapper .page-head {
        padding: 16px;
    }

    .blog-pdp-head-content {
        flex-direction: column;
        row-gap: 21px;
        align-items: start;
    }

    .pro-pdp-swiper-wrapper .swiper-button-next,
    .pro-pdp-swiper-wrapper .swiper-button-prev {
        top: 95%;
    }

    .pro-pdp-swiper-wrapper .swiper-button-next {
        left: 35%;
    }


    .pro-pdp-swiper-wrapper .swiper-button-prev {
        right: 35%;
    }

    .pro-pdp-main-features-content {
        padding: 12px;
    }

    .prp-pdp-features-title,
    .prp-pdp-features-desc,
    .prp-pdp-details-title,
    .prp-pdp-details-desc {
        font-size: 14px;
    }

    .pro-pdp-intro-banner .am-play-btn {
        left: auto;
    }

    .pro-pdp-intro-banner {
        justify-content: center;
        height: 400px;
    }

    .pro-pdp-pos-neg-item {
        padding: 12px;
    }

    .about-us-head-item:not(:last-child) {
        margin-bottom: 70px;
    }

    .about-us-head-sections {
        margin-bottom: 70px;
    }

    .about-testimonial-swiper-wrapper .swiper-button-prev,
    .about-testimonial-swiper-wrapper .swiper-button-next {
        top: 85%;
    }

    .about-testimonial-swiper-wrapper .swiper-button-prev {
        right: 10%;
    }

    .about-testimonial-swiper-wrapper .swiper-button-next {
        left: 10%;
    }

    .about-testimonial-item {
        padding: 32px;
    }

    .breadcrumb {
        margin-bottom: 40px;
    }

    .am-bascket-total-content {
        padding: 32px 20px;
    }

    .product-filter-content.active .filter-group {
        width: 80%;
    }

    .product-filter-content.active .am-x-mark {
        top: 20px;
        left: 20px;
    }

    .am-nav__quick-access__link span::before {
        font-size: 28px;
    }

    .about-us-head-info {
        justify-content: center;
    }

    .about-us-head-item.second-about .about-us-head-info {
        justify-content: start;
    }

    /* Checkout */

    .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field,
    .woocommerce-billing-fields__field-wrapper .form-row#billing_email_field {
        width: 100% !important;
    }

    .am-bascket-total-price {
        flex-wrap: wrap;
    }

    .checkout-review-product {
        width: 100%;
        margin-top: 20px;
    }

    .woocommerce-checkout-payment {
        padding: 32px 20px;
    }

    .am-bascket-total-discount button[type="submit"] {
        padding: 10.5px 13px;
    }

    .about-us-head-info-item:not(:last-child)::after {
        margin: 0px 20px;
    }

    .woocommerce-message {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
        margin-right: 0px !important;
    }

}

.blog-pdp-social-media .telegram {
    width: 23px;
    position: relative;
    bottom: 3px;
}

/* Check Animation */

.success-animation {
    margin-bottom: 40px;
}

.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

/* OTP Button Disabled State */
#btn-verify-otp:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

#btn-verify-otp:disabled .am-orange-btn-content {
    opacity: 0.7;
}

.gform-theme--foundation .gfield textarea.large {
    min-block-size: 8rem !important;
    resize: none !important;
}

/* دکمه فرم گرویتی مشابه am-solid-btn */
#gform_submit_button_1 {
    background-color: var(--am-orange) !important;
    color: #fff !important;
    border: .6px solid var(--am-orange) !important;
    transition: .3s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: pl !important;
    font-size: 14px !important;
    padding: 12.5px 24px !important;
    cursor: pointer !important;
}

#gform_submit_button_1:hover {
    background-color: #fff !important;
    color: var(--am-orange) !important;
    border-color: var(--am-orange) !important;
}