/* Font's import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap');

@font-face {
    font-family: 'Arial Nova';
    src: local('Arial Nova Regular'), local('Arial-Nova-Regular'),
    url('../../assets/fonts/ArialNova.woff2') format('woff2'),
    url('../../assets/fonts/ArialNova.woff') format('woff'),
    url('../../assets/fonts/ArialNova.ttf') format('truetype');
}

html, html * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
}

/* Help classes */

.container {
    width: 1266px;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.head-menu__logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile-first {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start
}

.mobile-first .choice {
    color: rgb(0, 83, 88);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
}

.mobile-first li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-first li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: rgb(39, 39, 43);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    height: 64px;
}

.mobile-first li a svg {
    width: 30px;
    height: 30px;
    margin-right: 11px;
}

.mobile-first li {
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
}

.mobile-first {
    margin-bottom: 14px;
}

.mobile-second li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(39, 39, 43);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    height: 46px;
}

.woocommerce-pagination {
    margin-bottom: 96px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: rgb(0, 0, 0);
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 12px 8px 12px;
    border-radius: 4px;
    background: rgb(178, 165, 159);
    color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    margin: 0 4px;
}

.woocommerce-result-count {
    padding: 8px 0;
    color: rgb(171, 171, 177);
    font-family: Arial Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
}

.woocommerce .woocommerce-ordering {
    margin: 6px 0;
}

.orderby {
    color: rgb(39, 39, 43);
    font-family: Arial Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    border: none;
}

/* Top-bar */

.top-bar {
    height: 40px;
    background-color: #27272B;
    color: white;
}

.top-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.top-bar__info {
    display: flex;
    align-items: center;
}

.top-bar__info a {
    display: flex;
    align-items: center;
    color: #F4F4F5;
    text-align: right;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.857px;
}

.top-bar__info a svg {
    margin-right: 4px;
}

.top-bar__info a:first-child {
    margin-right: 45px;
}

.top-bar__menu a {
    color: #F4F4F5;
    text-align: center;
    font-family: Arial Nova;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 32px;
}

.top-bar__menu a:last-child {
    margin-right: 0;
}

/* Head menu */

.head-menu {
    height: 103px;
    background-color: #005358;
}

.head-menu .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head-menu__search form input[type=text] {
    width: 618px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    font-size: 16px;
    background-color: #F7F7F7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2305 8C17.599 8.00014 15.9912 8.39042 14.5412 9.13827C13.0912 9.88613 11.8411 10.9699 10.8952 12.2991C9.94929 13.6283 9.33497 15.1645 9.1035 16.7794C8.87203 18.3943 9.03012 20.0412 9.56459 21.5826C10.0991 23.124 10.9944 24.5152 12.1759 25.6402C13.3575 26.7652 14.7909 27.5914 16.3567 28.0497C17.9224 28.5081 19.5751 28.5854 21.1768 28.2752C22.7786 27.965 24.2829 27.2762 25.5642 26.2664L29.9601 30.6621C30.1871 30.8814 30.4912 31.0027 30.8068 31C31.1224 30.9972 31.4243 30.8706 31.6474 30.6475C31.8706 30.4243 31.9972 30.1224 32 29.8068C32.0027 29.4912 31.8814 29.1872 31.6621 28.9602L27.2663 24.5645C28.4555 23.0559 29.196 21.2429 29.4029 19.3331C29.6099 17.4234 29.275 15.4939 28.4365 13.7655C27.5981 12.0372 26.2899 10.5798 24.6618 9.5602C23.0338 8.54056 21.1515 7.99987 19.2305 8ZM11.4065 18.2309C11.4065 16.156 12.2308 14.166 13.6981 12.6988C15.1654 11.2316 17.1554 10.4073 19.2305 10.4073C21.3055 10.4073 23.2955 11.2316 24.7628 12.6988C26.2301 14.166 27.0544 16.156 27.0544 18.2309C27.0544 20.3059 26.2301 22.2959 24.7628 23.7631C23.2955 25.2303 21.3055 26.0546 19.2305 26.0546C17.1554 26.0546 15.1654 25.2303 13.6981 23.7631C12.2308 22.2959 11.4065 20.3059 11.4065 18.2309Z' fill='%2327272B'/%3E%3C/svg%3E");
    background-position: 99% -2px;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.head-menu__icon {
    display: flex;
    align-items: center;
    width: 220px;
}

.head-menu__icon-first, .head-menu__icon-second {
    display: flex;
}

.head-menu__icon-first {
    margin-right: 44px;
}

.head-menu__icon-first p {
    color: #F4F4F5;
    font-family: Arial Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.head-menu__icon-first svg {
    width: 100%;
}

/* Menu */

.main-menu {
    height: 56px;
    background: #DFDAD7;
}

.main-menu .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.main-menu-links {
    display: flex;
}

.main-menu-links a {
    display: flex;
    align-items: center;
    color: #010101;
    text-align: center;
    font-family: Arial Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 32px;
}

.main-menu-links a svg {
    margin-left: 8px;
}

.main-menu-links:last-child {
    margin-right: 0;
}

#burger-menu {
    display: none;
    cursor: pointer;
    height: 40px;
    width: 40px;
    overflow: visible;
    position: relative;
    z-index: 2;
    background: #27272B;
    margin-right: 20px;
}

#burger-menu span, #burger-menu span:before, #burger-menu span:after {
    background: #fff;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
}

#burger-menu span:before, #burger-menu span:after {
    content: '';
}

#burger-menu span:before {
    left: 0px;
    top: -10px;
    width: 27px;
}

#burger-menu span {
    right: 6px;
    top: 19px;
    width: 27px;
}

#burger-menu span:after {
    left: 0px;
    top: 10px;
    width: 27px;
}

#burger-menu.close span:before {
    top: 0px;
    transform: rotate(90deg);
    width: 27px;
}

#burger-menu.close span {
    transform: rotate(-45deg);
    top: 19px;
    width: 27px;
}

#burger-menu.close span:after {
    top: 0px;
    left: 0;
    transform: rotate(90deg);
    opacity: 0;
    width: 0;
}

#menu {
    padding: 24px;
    z-index: 1;
    position: fixed;
    top: 64px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    padding-top: 20px;
    transition: all 0.3s ease-in-out;
}

#menu.overlay {
    display: none;
    visibility: visible;
    opacity: 1;
    padding-top: 24px;
    overflow-y: auto; /* Enables scrolling */
    position: fixed; /* Ensures it stays in place */
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
}


#menu li {
    list-style: none;
}

/* Header slider */

.header-slider {
    margin-top: 21px;
    height: 558px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-one {
    width: 100%;
    height: 558px;
}

.swiper-one .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1E646E !important;
}

.swiper-one .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    border: 2px solid #005358;
}

.swiper-one .swiper-slide img {
    width: 100%;
    object-fit: cover;
    height: 512px;
}

/* Header-links */

.header-links .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 44px;
}

.header-links-box {
    display: flex;
    width: 401px;
    height: 78px;
    padding: 16px 22px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F4F4F5;
    color: #27272B;
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header-links-box svg {
    margin-right: 6px;
}

.header-links-box:nth-child(-n+3) {
    margin-bottom: 14px;
}

/* Main-product-slider */

.main-product-slider {
    padding-top: 96px;
}

.main-product-slider .container {
    position: relative;
}

.main-product-slider .swiper {
    position: static;
}

.main-product-slider .container h2 {
    color: #27272B;
    text-align: center;
    font-family: Bai Jamjuree;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    line-height: 32px;
    margin-bottom: 32px;
}

.swiper-three .swiper-button-next::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='31.75' y='31.75' width='31.5' height='31.5' transform='rotate(-180 31.75 31.75)' fill='white'/%3E%3Crect x='31.75' y='31.75' width='31.5' height='31.5' transform='rotate(-180 31.75 31.75)' stroke='%23D7D7D7' stroke-width='0.5'/%3E%3Cpath d='M11.9531 23.6736C12.3332 24.1088 12.9461 24.1088 13.3263 23.6736L19.7734 16.2929C19.8454 16.2107 19.9024 16.1131 19.9414 16.0057C19.9803 15.8982 20.0003 15.783 20.0003 15.6667C20.0003 15.5504 19.9803 15.4352 19.9414 15.3278C19.9024 15.2203 19.8454 15.1227 19.7734 15.0405L13.3263 7.65978C12.9461 7.22457 12.3332 7.22457 11.9531 7.65978C11.5729 8.09499 11.5729 8.79665 11.9531 9.23186L17.5701 15.6711L11.9453 22.1104C11.5729 22.5368 11.5729 23.2473 11.9531 23.6736Z' fill='%2327272B'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    left: 28px;
}

.swiper-three .swiper-button-prev::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.25' y='0.25' width='31.5' height='31.5' fill='white'/%3E%3Crect x='0.25' y='0.25' width='31.5' height='31.5' stroke='%23D7D7D7' stroke-width='0.5'/%3E%3Cpath d='M20.0479 8.32636C19.6677 7.89116 19.0548 7.89116 18.6747 8.32636L12.2275 15.7071C12.1556 15.7893 12.0986 15.8869 12.0596 15.9943C12.0207 16.1018 12.0007 16.217 12.0007 16.3333C12.0007 16.4496 12.0207 16.5648 12.0596 16.6722C12.0986 16.7797 12.1556 16.8773 12.2275 16.9595L18.6747 24.3402C19.0548 24.7754 19.6677 24.7754 20.0479 24.3402C20.428 23.905 20.428 23.2034 20.0479 22.7681L14.4309 16.3289L20.0556 9.88956C20.428 9.46323 20.428 8.75269 20.0479 8.32636Z' fill='%2327272B'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    right: 28px;
}

.swiper-three .swiper-slide {
    position: relative;
    border: 1px solid #D7D7D7;
    padding: 16px 0;
    height: fit-content;
    margin-bottom: 50px;
}

.swiper-three .swiper-slide .product-wrappers {
    padding: 0 36px;
}

.swiper-three .swiper-slide img {
    object-fit: contain;
    height: 320px;
    margin-bottom: 24px;
}

.swiper-three .swiper-slide .main-product-slider-badge {
    position: absolute;
    top: 22px;
    left: 36px;
    display: flex;
    background-color: #B2A59F;
    width: 86px;
    height: 35px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.swiper-three .swiper-slide .main-product-slider__discount {
    display: flex;
    align-items: center;
    color: #005358;
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.swiper-three .swiper-slide .main-product-slider__discount svg {
    margin-right: 9px;
}

.main-product-slider__old-price {
    color: #ABABB1;
    font-family: Arial Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: line-through;
    margin-bottom: 8px;
}

.main-product-slider__add-to-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 244px;
    height: 41px;
    border-radius: 4px;
    background: #27272B;
    color: #FFF;
    font-family: Arial Nova;
    font-size: 16px;
    font-style: normal;
    text-align: center;
}

.main-product-slider__title {
    color: #005358;
    font-family: Bai Jamjuree;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 16px 0;
}

.main-product-slider__specs {
    margin-bottom: 16px;
}

.main-product-slider__specs ul li {
    color: #ABABB1;
    font-family: Arial Nova;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 14px;
    margin-bottom: 6px;
}

.main-product-slider__specs ul li span {
    color: #27272B;
    font-family: Arial Nova;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px;
}

.main-product-slider__catalog {
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
}

.main-product-slider__catalog-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 36px;
}

.main-product-slider__catalog .title {
    color: #B2A59F;
    text-align: center;
    font-family: Arial Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    text-decoration-line: underline;
}

.main-product-slider__status {
    margin: 0 36px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.main-product-slider__status .on {
    display: flex;
    align-items: center;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 18px 0 15px 0;
}

.main-product-slider__status .off {
    display: flex;
    align-items: center;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 19px 0;
}

.main-product-slider__status .on svg,
.main-product-slider__status .off svg {
    margin-right: 8px;
}

.swiper-pagination1 {
    position: absolute;
}

.swiper-pagination1 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: center !important;
}

.swiper-three .swiper-pagination1 .swiper-pagination-bullet-active {
    background-color: #1E646E !important;
}

.swiper-three .swiper-pagination1 .swiper-pagination-bullet {
    background-color: transparent;
    border: 2px solid #005358;
}

/* About us section */

.main-about .container {
    padding-top: 70px;
}

.main-about .container h2 {
    color: #27272B;
    text-align: center;
    font-family: Bai Jamjuree;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 80px;
}

.main-about .main-about__box {
    display: flex;
}

.main-about .main-about__box-right, .main-about .main-about__box-left {
    width: 50%;
}

.main-about .main-about__box-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-about .main-about__box-right p {
    color: #27272B;
    font-family: Arial Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    width: 401px;
}

.main-about .main-about__box-right .main-about__btn {
    display: flex;
    width: 339px;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    color: #000;
    font-family: Arial Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #27272B;
    margin-top: 24px;
}

/* Partners slider */

.partners .container {
    padding: 90px 0;
    position: relative;
}

.partners .swiper {
    position: static;
}

.partners .container h2 {
    color: #27272B;
    text-align: center;
    font-family: Bai Jamjuree;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 36px;
}

.swiper-two {
    width: 100%;
    height: 76px !important;
    margin-bottom: 96px;
}

.swiper-two .swiper-slide {
    height: 76px;
}

.swiper-two .swiper-slide img {
    object-fit: cover;
    height: 76px !important;
    width: auto;
}

.swiper-two .swiper-button-next::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='31.75' y='31.75' width='31.5' height='31.5' transform='rotate(-180 31.75 31.75)' fill='white'/%3E%3Crect x='31.75' y='31.75' width='31.5' height='31.5' transform='rotate(-180 31.75 31.75)' stroke='%23D7D7D7' stroke-width='0.5'/%3E%3Cpath d='M11.9531 23.6736C12.3332 24.1088 12.9461 24.1088 13.3263 23.6736L19.7734 16.2929C19.8454 16.2107 19.9024 16.1131 19.9414 16.0057C19.9803 15.8982 20.0003 15.783 20.0003 15.6667C20.0003 15.5504 19.9803 15.4352 19.9414 15.3278C19.9024 15.2203 19.8454 15.1227 19.7734 15.0405L13.3263 7.65978C12.9461 7.22457 12.3332 7.22457 11.9531 7.65978C11.5729 8.09499 11.5729 8.79665 11.9531 9.23186L17.5701 15.6711L11.9453 22.1104C11.5729 22.5368 11.5729 23.2473 11.9531 23.6736Z' fill='%2327272B'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    left: 28px;
}

.swiper-two .swiper-button-prev::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.25' y='0.25' width='31.5' height='31.5' fill='white'/%3E%3Crect x='0.25' y='0.25' width='31.5' height='31.5' stroke='%23D7D7D7' stroke-width='0.5'/%3E%3Cpath d='M20.0479 8.32636C19.6677 7.89116 19.0548 7.89116 18.6747 8.32636L12.2275 15.7071C12.1556 15.7893 12.0986 15.8869 12.0596 15.9943C12.0207 16.1018 12.0007 16.217 12.0007 16.3333C12.0007 16.4496 12.0207 16.5648 12.0596 16.6722C12.0986 16.7797 12.1556 16.8773 12.2275 16.9595L18.6747 24.3402C19.0548 24.7754 19.6677 24.7754 20.0479 24.3402C20.428 23.905 20.428 23.2034 20.0479 22.7681L14.4309 16.3289L20.0556 9.88956C20.428 9.46323 20.428 8.75269 20.0479 8.32636Z' fill='%2327272B'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    right: 28px;
}

/* Single page style */

.single-page .container {
    display: flex;
    flex-direction: column;
}

.single-page .container .container-box {
    display: flex;
    flex-direction: row;
    padding-bottom: 96px;
}

.single-page .container .container-left {
    width: 293px;
    padding: 24px;
    background: rgb(244, 244, 245);
    margin-right: 32px;
    height: 100%;
}

.single-page .container .container-right {
    width: 100%;
}

.single-page .container .container-right .entry-title {
    width: 100%;
    color: rgb(39, 39, 43);
    font-family: Bai Jamjuree;
    font-size: 34px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
    padding-bottom: 16px;
}

.under-lines {
    width: 100%;
    border-bottom: 0.5px solid rgb(215, 215, 215);
    margin-bottom: 25px;
}

.single-page .container .container-right p {
    color: rgb(39, 39, 43);
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 1em;
}

.single-page .container .container-right h2 {
    color: rgb(39, 39, 43);
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
}

/* Single product styles */

.onsale {
    background: #b2a59f;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 86px;
    height: 35px;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
}

.delivery-can {
    margin: 15px 0 8px 0;
    font-family: Poppins;
}

.pickup-cant {
    font-family: Poppins;
}

.woocommerce-breadcrumb {
    margin: 25px 0 28px 0 !important;
    color: rgb(171, 171, 177) !important;
    font-family: Arial Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.woocommerce-breadcrumb a {
    color: rgb(171, 171, 177) !important;
}

.woocommerce div.product .product_title {
    color: rgb(0, 83, 88);
    font-family: Bai Jamjuree;
    font-size: 34px;
    font-weight: 600;
    line-height: 36.5px;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 15px;
}

.woocommerce div.product p.price del {
    color: rgb(171, 171, 177) !important;
    font-family: Arial Nova;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: left;
    text-decoration-line: line-through;
    margin: 0 5px 0 0;
}

.woocommerce div.product p.price ins {
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
    color: rgb(0, 83, 88);
    margin-bottom: 24px;
}

.woocommerce div.product div.summary bdi {
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
    color: rgb(0, 83, 88);
    margin-bottom: 24px;
}

.woocommerce div.product form.cart {
    background: rgb(244, 244, 245);
    padding: 24px;
    margin: 24px 0;
}

.woocommerce-product-details__short-description {
    display: none;
}

.woocommerce div.product form.cart .button {
    border-radius: 4px;
    background: rgb(39, 39, 43) !important;
    color: rgb(255, 255, 255);
    font-family: Arial Nova !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    margin-top: 3px;
    height: 41px;
    padding: 0 18.5%;
    text-align: center;
    width: 100%;
}

.qib-button-wrapper .quantity input.input-text.qty.text {
    color: rgb(0, 0, 0);
    font-family: Arial Nova !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgb(194, 194, 194);
}

body .qib-button-wrapper .minus.qib-button, body .qib-button-wrapper .plus.qib-button {
    background: #b2a59f !important;
    border-radius: 5px;
    height: 31px !important;
    width: 31px !important;
    margin: 0 2px;
}

.qib-button-wrapper button.qib-button {
    padding: 0 !important;
    color: white !important;
}

.woocommerce div.product form.cart .variations label {
    float: left;
    margin: 24px 0 8px 0;
    color: rgb(0, 0, 0);
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.woocommerce div.product form.cart .variations select {
    padding: 16px 24px 16px 24px;
    box-sizing: border-box;
    background: white;
    width: 100%;
    color: rgb(1, 1, 1);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CclipPath id='clip31_3368'%3E%3Crect id='ic:round-arrow-forward-ios' width='24.000000' height='24.000000' transform='translate(0.000000 24.000000) rotate(-90.000000)' fill='white' fill-opacity='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect id='ic:round-arrow-forward-ios' width='24.000000' height='24.000000' transform='translate(0.000000 24.000000) rotate(-90.000000)' fill='%23FFFFFF' fill-opacity='0'/%3E%3Cg clip-path='url(%23clip31_3368)'%3E%3Cpath id='Vector' d='M7.1958 9.17163C6.93457 9.39978 6.93457 9.76746 7.1958 9.99561L11.6245 13.8639C11.6738 13.907 11.7319 13.9413 11.7964 13.9646C11.8613 13.988 11.9302 14 12 14C12.0698 14 12.1387 13.988 12.2036 13.9646C12.2681 13.9413 12.3262 13.907 12.3755 13.8639L16.8042 9.99561C17.0654 9.76746 17.0654 9.39978 16.8042 9.17163C16.543 8.9436 16.1221 8.9436 15.8608 9.17163L11.9976 12.5419L8.13379 9.16699C7.87793 8.9436 7.45166 8.9436 7.1958 9.17163Z' fill='%2316191A' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
}

.delivery-box {
    margin-bottom: 8px;
}

.delivery-box, .balance-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 73px;
    border: 1px solid rgb(216, 216, 216);
    padding: 17px 24px;
    cursor: pointer;
}

.delivery-box span, .balance-box span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(30, 100, 110);
    font-family: Bai Jamjuree;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    text-transform: uppercase;
}

.delivery-box span svg {
    margin-right: 8px;
}

.balance-box span svg {
    margin-right: 14px;
}

.pdf-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 73px;
    padding: 17px 24px;
    cursor: pointer;
}

.product_meta {
    margin-top: 20px;
}

.pdf-box span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(178, 165, 159);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    text-decoration-line: underline;
}

.pdf-box span svg {
    margin-right: 12px;
}

.product_meta * {
    color: #222;
    font-family: Arial Nova;
    font-size: 16px;
}

.inform {
    font-family: Bai Jamjuree;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    padding: 17px 24px;
    text-transform: uppercase;
    display: none;
}

.show {
    display: block;
}

.description-box {
    display: flex;
    border-bottom: 1px solid #CFC8D8;
    padding-bottom: 24px;
    margin-bottom: 60px;
}

.description-box .left {
    width: 60%;
    padding-right: 110px;
    color: rgb(39, 39, 43);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
}

.description-box .right {
    width: 40%;
    padding: 0 50px 0 0;
}

.description-box .right .right-box {
    display: flex;
    border-bottom: 0.5px solid rgb(215, 215, 215);
    padding: 16px 0;
}

.description-box .right .right-box .right-box-l {
    color: rgb(171, 171, 177);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    width: 50%;
}

.description-box .right .right-box .right-box-r {
    color: rgb(0, 0, 0);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    width: 50%;
}

.description-box .left .video-prod {
    width: 100%;
    height: 415px;
    margin: 15px 0 0 0;
}

.related.products h2 {
    color: rgb(39, 39, 43);
    font-family: Bai Jamjuree;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 20px;
}

/* Single product slider */

#productCarousel,
.f-thumbs.is-classic,
.fancybox__toolbar,
.fancybox__nav {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border-radius: 4px;

    --f-button-color: #0d0c22;
    --f-button-hover-color: var(--f-brand-color);

    --f-button-bg: #f1f5f9;
    --f-button-hover-bg: #e2e8f0;
    --f-button-active-bg: #e2e8f0;

    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 2.25;
    --f-button-svg-filter: none;

    --f-button-svg-disabled-opacity: 0.2;
}

.f-carousel__slide {
    display: flex;
    align-items: center;
    justify-items: center;
}

.f-thumbs.is-classic {
    --f-thumb-width: 120px;
    --f-thumb-height: 80px;
    --f-thumb-gap: 8px;

    --f-thumb-opacity: 1;
    --f-thumb-selected-opacity: 1;

    --f-thumb-outline: 2px;
    --f-thumb-outline-color: var(--f-brand-color);

    --f-button-next-pos: 8px;
    --f-button-prev-pos: 8px;
}

.f-thumbs.is-classic.is-horizontal {
    padding: 0 56px;
}

.f-thumbs.is-classic.is-vertical {
    padding: 56px 0;
}

#productCarousel .f-carousel__nav {
    opacity: 0;
    transition: opacity 0.15s;
}

@media (hover: hover) {
    #productCarousel:hover .f-carousel__nav {
        opacity: 1;
    }
}

.fancybox__container {
    --fancybox-bg: #fff;
    --fancybox-color: #6a6969;

    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
}

@media screen and (min-width: 640px) {
    .fancybox__container {
        flex-direction: row-reverse;
    }
}

.fancybox__thumbs.is-classic.is-horizontal {
    --f-thumb-width: 75px;
    --f-thumb-height: 55px;
    --f-thumb-gap: 8px;
}

.fancybox__thumbs.is-classic.is-vertical {
    --f-thumb-width: 100%;
    --f-thumb-height: 100px;

    width: 182px;

    outline: 1px solid #edeef0;
}

.fancybox__thumbs.is-classic.is-vertical .f-thumbs__track {
    padding: 0 16px;
}

.fancybox__toolbar {
    padding: 8px;
}

.fancybox__nav {
    --f-button-next-pos: 8px;
    --f-button-prev-pos: 8px;
}

.fancybox__slide {
    padding: 8px;
}

.kiekis {
    color: rgb(0, 0, 0);
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

/* Woocommerce products display shows */

.woocommerce ul.products li.product {
    border: 0.5px solid rgb(215, 215, 215);
    padding: 27px 25px 17px 25px;
    /*height: 648px;*/
    height: 440px;
}

.woocommerce ul.products li.product .button {
    width: 100%;
    color: rgb(255, 255, 255);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    border-radius: 4px;
    background: rgb(39, 39, 43);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: rgb(0, 83, 88);
    font-family: Bai Jamjuree;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
}

.price del {
    color: rgb(171, 171, 177) !important;
    font-family: Arial Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    text-decoration-line: line-through;
}

.woocommerce ul.products li.product .price {
    color: rgb(0, 83, 88);
    font-family: Bai Jamjuree;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.woocommerce div.product p.stock {
    color: rgb(1, 1, 1);
    font-family: Arial Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.woocommerce ul.products li.product .onsale {
    right: auto;
    left: 0;
    background: #b2a59f;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    width: 68.84px;
    height: 25.81px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-products-header__title.page-title {
    font-family: Bai Jamjuree !important;
}

.rank-math-breadcrumb * {
    color: rgb(171, 171, 177) !important;
    font-family: Arial Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
    margin: 25px 0 23px 0;
}


/* Footer */

footer {
    height: 374px;
    background: #1E646E;
}

footer .container {
    height: 100%;
}

.footer__boxs {
    display: flex;
    justify-content: space-between;
}

footer .footer__box-title {
    color: #F4F4F5;
    font-family: Bai Jamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

footer .footer__box-link {
    width: 292px;
    color: #F4F4F5;
    font-family: Arial Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(244, 244, 245, 0.25);
    margin-bottom: 8px;
}

.footer__box-1 {
    margin-top: 54px;
}

.footer__box-2, .footer__box-3, .footer__box-4 {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
}

footer .footer-box-contact {
    color: #F4F4F5;
    font-family: Arial Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}

footer .copyright {
    color: #C2C2C4;
    text-align: center;
    font-family: Arial Nova;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.002px;
    margin-top: 60px;
}

/* Fixing all old styles here */

.swiper-three .swiper-slide img {
    max-width: 100%;
    width: fit-content;
}

.description-box .left p {
    color: rgb(39, 39, 43);
    font-family: "Arial";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.description-box .left ul {
    margin-left: 18px;
}

/* Response design */

@media only screen and (max-width: 1324px) {
    .container {
        width: 100%;
        padding: 0 24px;
    }

    .swiper-one, .header-slider {
        height: 424px;
    }

    .swiper-one .swiper-slide img {
        height: 368px;
    }

    .top-bar {
        display: none;
    }

    .head-menu__search {
        display: none;
    }

    .header-links .container {
        flex: 1;
        gap: 14px;
    }

    .header-links-box {
        width: calc(50% - 14px);
    }

    .head-menu__icon {
        width: auto;
    }

    .header-links-box {
        font-size: 16px;
    }

    .main-product-slider__add-to-cart {
        width: 100%;
    }

    #menu.overlay {
        display: block;
    }
}

@media only screen and (max-width: 1240px) {
    .main-about .main-about__box-left img {
        width: 100%;
    }

    .main-about .main-about__box-right {
        width: 100%;
    }

    footer {
        height: auto;
    }

    .footer__box-2, .footer__box-3, .footer__box-4 {
        width: 100%;
        margin-right: 16px;
        margin-left: 16px;
    }

    footer .footer__box-link {
        width: 100%;
    }

    .head-menu {
        height: 64px;
        width: 100%;
        transition: all 0.3s ease;
    }

    /* Class to apply fixed positioning */
    .head-menu.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        background-color: #005358;
    }

    .head-menu__logo a img {
        width: 99.21px;
        height: 45.66px;
    }

    .head-menu__icon-first svg, .head-menu__icon-second svg {
        width: 23px;
        height: 23px;
    }

    .head-menu__icon-first p {
        display: none;
    }

    .main-menu {
        display: none;
    }

    #burger-menu {
        display: flex;
    }

    .swiper-three .swiper-button-next::after,
    .swiper-two .swiper-button-next::after {
        left: 0;
    }

    .swiper-three .swiper-button-prev::after,
    .swiper-two .swiper-button-prev::after {
        right: 0;
    }
}

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

    .main-about__box {
        flex-direction: column;
    }

    .main-about .main-about__box-left {
        width: 100%;
    }

    .main-about .container h2 {
        margin-bottom: 24px;
    }

    .main-about .main-about__box-right p {
        width: 100%;
        margin-top: 24px;
    }

    .main-about .main-about__box-right .main-about__btn {
        width: 100%;
    }

    .footer__boxs {
        flex-direction: column;
    }

    footer .copyright {
        margin-top: 0;
        padding: 24px 0;
        text-align: left;
    }

    .footer__box-2, .footer__box-3, .footer__box-4 {
        margin-top: 24px;
    }

    .footer__box-2, .footer__box-3, .footer__box-4 {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 440px) {
    .swiper-one, .header-slider {
        height: 224px;
    }

    .swiper-one .swiper-slide img {
        height: 180px;
    }

    .header-links-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(50% - 7px);
        color: rgb(0, 0, 0);
        font-family: Bai Jamjuree;
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        margin-bottom: 0 !important;
    }

    .header-links .container {
        gap: 8px;
    }

    .header-links .container {
        margin-top: 0;
    }

    .header-links .container a.header-links-box:nth-child(5) svg {
        width: 100% !important;
    }

    .header-links .container a.header-links-box:nth-child(6) svg {
        width: 100% !important;
    }
}