/*
Theme Name: Puta My Anh Mark JP
Version: 1.0
Author: PutaDesign
*/
@font-face { font-family: "UTM Hanzel"; src: url("assets/fonts/UTM Hanzel.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "PROXIMANOVA-REGULARITALIC"; src: url("assets/fonts/PROXIMANOVA-REGULARITALIC.OTF") format("opentype"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: "PROXIMANOVA-BOLDITALIC"; src: url("assets/fonts/PROXIMANOVA-BOLDIT.OTF") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "MARK-SIMONSON-PROXIMA-NOVA-SEMIBOLD"; src: url("assets/fonts/MARK-SIMONSON-PROXIMA-NOVA-SEMIBOLD.OTF") format("opentype"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: "MARK-SIMONSON-PROXIMA-NOVA-REGULAR"; src: url("assets/fonts/MARK-SIMONSON-PROXIMA-NOVA-REGULAR.OTF") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "MARK-SIMONSON-PROXIMA-NOVA-BOLD"; src: url("assets/fonts/MARK-SIMONSON-PROXIMA-NOVA-BOLD.OTF") format("opentype"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: "iCiel-Regular"; src: url("assets/fonts/iCielCenturyGothicPro-Regular.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "iCiel-Italic"; src: url("assets/fonts/iCielCenturyGothicPro-Italic.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "iCiel-BoldItalic"; src: url("assets/fonts/iCielCenturyGothicPro-BoldItalic.ttf") format("TrueType"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: "iCiel-Bold"; src: url("assets/fonts/iCielCenturyGothicPro-Bold.ttf") format("TrueType"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: "iCiel-Rukola"; src: url("assets/fonts/iCiel Rukola.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "iCiel-Rukola"; src: url("assets/fonts/iCiel Rukola.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

:root { --utm-font: "UTM Hanzel"; --proxinova-re-italic: "PROXIMANOVA-REGULARITALIC"; --proxinova-bold-italic: "PROXIMANOVA-BOLDITALIC"; --mark-proxinova-semi-bold: "MARK-SIMONSON-PROXIMA-NOVA-SEMIBOLD"; --mark-proxinova-regular: "MARK-SIMONSON-PROXIMA-NOVA-REGULAR"; --mark-proxinova-bold: "MARK-SIMONSON-PROXIMA-NOVA-BOLD"; --iciel-font: "iCiel-Regular"; --iciel-italic-font: "iCiel-Italic"; --iciel-bold-italic-font: "iCiel-BoldItalic"; --iciel-bold: "iCiel-Bold"; --iciel-rukola: "iCiel-Rukola"; --yellow: #b48c66; --dark-yellow: #92793c; --heading-color: #cda954; --primary-color: #0d7c51; --secondary-color: #c9a954; --light-pink-color: #fff8f8; --light-text: #fbc2c4; --animation-curve: cubic-bezier(1, 0, 0, 1); --red: #cc3d3d; --black: #444; }

* { padding: 0; margin: 0; box-sizing: border-box; }

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

input, button, textarea, select { font-family: var(--primary-font); border: 0; background-color: transparent; }

input:focus-visible, button:focus-visible, textarea:focus-visible { outline: 0; border: 0; }

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

html { scroll-behavior: smooth; overflow-y: scroll; font-family: var(--mark-proxinova-regular) !important; font-size: 16px; }

body { font-family: var(--mark-proxinova-regular); }

body.fixed, html.fixed { overflow: hidden; }

a { text-decoration: none; }

li { list-style: none; }

img { width: 100%; height: 100%; object-fit: cover; }

:is(p, li) { line-height: 1.5; }

.z-index { z-index: 1; }

.font-bold { font-weight: 600; }

.font-thin { font-weight: 100; }

.iciel-font { font-family: var(--iciel-font); }

.iciel-bold-font { font-family: var(--iciel-bold-font); }

/* .light-text { color: var(--light-text); } */
.light-text { color: #fff; }

.utm-font { font-family: var(--utm-font); }

.proxinova-bold { font-family: var(--mark-proxinova-bold); }

.pointer { cursor: pointer; }

.uppercase { text-transform: uppercase; }

.tac { text-align: center; }

a { color: #000; }

.br-3px { border-radius: 3px; }

.br-5px { border-radius: 5px; }

.br-10px { border-radius: 10px; }

.br-15px { border-radius: 15px; }

.br-20px { border-radius: 20px; }

.br-25px { border-radius: 25px; }

.br-30px { border-radius: 30px; }

.br-35px { border-radius: 35px; }

.br-40px { border-radius: 40px; }

.br-4px { border-radius: 4px; }

.br-6px { border-radius: 6px; }

.br-8px { border-radius: 8px; }

.br-12px { border-radius: 12px; }

.br-14px { border-radius: 14px; }

.br-16px { border-radius: 16px; }

.br-18px { border-radius: 18px; }

.ovh { overflow: hidden; }

.trs-25 { transition: 0.25s; }

.trs-3 { transition: 0.3s; }

.trs-35 { transition: 0.35s; }

.trs-4 { transition: 0.4s; }

.trs-5 { transition: 0.5s; }

.bt { color: #333; }

.wt { color: #fff; }

.gray-text { color: #9d9d9d; }

.red-text { color: var(--red); }

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

.white-bg { background-color: #fff; }

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

.primary-bg { background-color: var(--primary-color); }

.light-pink-color { background-color: var(--light-pink-color); }

.green-bg { background-color: var(--primary-color); }

.black-bg { background-color: #000; }

.yellow-bg { background-color: var(--heading-color); }

.yellow-dark-text { color: var(--dark-yellow); }

.yellow-text { color: var(--yellow); }

.heading-text { color: var(--heading-color); }

.pr { position: relative; }

.pa { position: absolute; }

.db { display: block; }

.dib { display: inline-block; }

.df { display: flex; }

.aic { align-items: center; }

.aib { align-items: baseline; }

.jcsb { justify-content: space-between; }

.jcsa { justify-content: space-around; }

.jcc { justify-content: center; }

.fdr { flex-direction: row; }

.fdrr { flex-direction: row-reverse; }

.fdc { flex-direction: column; }

.fdcr { flex-direction: column-reverse; }

.jce { justify-content: end; }

.fs-10px { font-size: 10px; }

.fs-11px { font-size: 11px; }

.fs-12px { font-size: 12px; }

.fs-13px { font-size: 13px; }

.fs-14px { font-size: 14px; }

.fs-15px { font-size: 15px; }

.fs-16px { font-size: 16px; }

.fs-17px { font-size: 17px; }

.fs-18px { font-size: 18px; }

.fs-19px { font-size: 19px; }

.fs-20px { font-size: 20px; }

.fs-21px { font-size: 21px; }

.fs-22px { font-size: 22px; }

.fs-23px { font-size: 23px; }

.fs-24px { font-size: 24px; }

.fs-25px { font-size: 25px; }

.fs-26px { font-size: 26px; }

.fs-27px { font-size: 27px; }

.fs-28px { font-size: 28px; }

.fs-29px { font-size: 29px; }

.fs-30px { font-size: 30px; }

.fs-31px { font-size: 31px; }

.fs-32px { font-size: 32px; }

.fs-33px { font-size: 33px; }

.fs-34px { font-size: 34px; }

.fs-35px { font-size: 35px; }

.fs-36px { font-size: 36px; }

.fs-37px { font-size: 37px; }

.fs-38px { font-size: 38px; }

.fs-39px { font-size: 39px; }

.fs-40px { font-size: 40px; }

.fs-41px { font-size: 41px; }

.fs-42px { font-size: 42px; }

.fs-43px { font-size: 43px; }

.fs-44px { font-size: 44px; }

.fs-45px { font-size: 45px; }

.fs-46px { font-size: 46px; }

.fs-47px { font-size: 47px; }

.fs-48px { font-size: 48px; }

.fs-49px { font-size: 49px; }

.fs-50px { font-size: 50px; }

.fs-51px { font-size: 51px; }

.fs-52px { font-size: 52px; }

.fs-53px { font-size: 53px; }

.fs-54px { font-size: 54px; }

.fs-55px { font-size: 55px; }

.fs-56px { font-size: 56px; }

.fs-57px { font-size: 57px; }

.fs-58px { font-size: 58px; }

.fs-59px { font-size: 59px; }

.fs-60px { font-size: 60px; }

.fs-61px { font-size: 61px; }

.fs-62px { font-size: 62px; }

.fs-63px { font-size: 63px; }

.fs-64px { font-size: 64px; }

.fs-65px { font-size: 65px; }

.fs-66px { font-size: 66px; }

.fs-67px { font-size: 67px; }

.fs-68px { font-size: 68px; }

.fs-69px { font-size: 69px; }

.fs-70px { font-size: 70px; }

.fs-71px { font-size: 71px; }

.fs-72px { font-size: 72px; }

.fs-73px { font-size: 73px; }

.fs-74px { font-size: 74px; }

.fs-75px { font-size: 75px; }

.fs-76px { font-size: 76px; }

.fs-77px { font-size: 77px; }

.fs-78px { font-size: 78px; }

.fs-79px { font-size: 79px; }

.fs-80px { font-size: 80px; }

.fw-u { font-weight: unset; }

.fw-b { font-weight: bold; }

.m-0 { margin: 0px; }

.mr-0 { margin-right: 0px; }

.ml-0 { margin-left: 0px; }

.mt-0 { margin-top: 0px; }

.mb-0 { margin-bottom: 0px; }

.p-0 { padding: 0px; }

.pr-0 { padding-right: 0px; }

.pl-0 { padding-left: 0px; }

.pt-0 { padding-top: 0px; }

.pb-0 { padding-bottom: 0px; }

.m-2 { margin: 2px; }

.mr-2 { margin-right: 2px; }

.ml-2 { margin-left: 2px; }

.mt-2 { margin-top: 2px; }

.mb-2 { margin-bottom: 2px; }

.p-2 { padding: 2px; }

.pr-2 { padding-right: 2px; }

.pl-2 { padding-left: 2px; }

.pt-2 { padding-top: 2px; }

.pb-2 { padding-bottom: 2px; }

.m-4 { margin: 4px; }

.mr-4 { margin-right: 4px; }

.ml-4 { margin-left: 4px; }

.mt-4 { margin-top: 4px; }

.mb-4 { margin-bottom: 4px; }

.p-4 { padding: 4px; }

.pr-4 { padding-right: 4px; }

.pl-4 { padding-left: 4px; }

.pt-4 { padding-top: 4px; }

.pb-4 { padding-bottom: 4px; }

.m-5 { margin: 5px; }

.mr-5 { margin-right: 5px; }

.ml-5 { margin-left: 5px; }

.mt-5 { margin-top: 5px; }

.mb-5 { margin-bottom: 5px; }

.p-5 { padding: 5px; }

.pr-5 { padding-right: 5px; }

.pl-5 { padding-left: 5px; }

.pt-5 { padding-top: 5px; }

.pb-5 { padding-bottom: 5px; }

.m-6 { margin: 6px; }

.mr-6 { margin-right: 6px; }

.ml-6 { margin-left: 6px; }

.mt-6 { margin-top: 6px; }

.mb-6 { margin-bottom: 6px; }

.p-6 { padding: 6px; }

.pr-6 { padding-right: 6px; }

.pl-6 { padding-left: 6px; }

.pt-6 { padding-top: 6px; }

.pb-6 { padding-bottom: 6px; }

.m-8 { margin: 8px; }

.mr-8 { margin-right: 8px; }

.ml-8 { margin-left: 8px; }

.mt-8 { margin-top: 8px; }

.mb-8 { margin-bottom: 8px; }

.p-8 { padding: 8px; }

.pr-8 { padding-right: 8px; }

.pl-8 { padding-left: 8px; }

.pt-8 { padding-top: 8px; }

.pb-8 { padding-bottom: 8px; }

.m-10 { margin: 10px; }

.mr-10 { margin-right: 10px; }

.ml-10 { margin-left: 10px; }

.mt-10 { margin-top: 10px; }

.mb-10 { margin-bottom: 10px; }

.p-10 { padding: 10px; }

.pr-10 { padding-right: 10px; }

.pl-10 { padding-left: 10px; }

.pt-10 { padding-top: 10px; }

.pb-10 { padding-bottom: 10px; }

.m-12 { margin: 12px; }

.mr-12 { margin-right: 12px; }

.ml-12 { margin-left: 12px; }

.mt-12 { margin-top: 12px; }

.mb-12 { margin-bottom: 12px; }

.p-12 { padding: 12px; }

.pr-12 { padding-right: 12px; }

.pl-12 { padding-left: 12px; }

.pt-12 { padding-top: 12px; }

.pb-12 { padding-bottom: 12px; }

.m-14 { margin: 14px; }

.mr-14 { margin-right: 14px; }

.ml-14 { margin-left: 14px; }

.mt-14 { margin-top: 14px; }

.mb-14 { margin-bottom: 14px; }

.p-14 { padding: 14px; }

.pr-14 { padding-right: 14px; }

.pl-14 { padding-left: 14px; }

.pt-14 { padding-top: 14px; }

.pb-14 { padding-bottom: 14px; }

.m-15 { margin: 15px; }

.mr-15 { margin-right: 15px; }

.ml-15 { margin-left: 15px; }

.mt-15 { margin-top: 15px; }

.mb-15 { margin-bottom: 15px; }

.p-15 { padding: 15px; }

.pr-15 { padding-right: 15px; }

.pl-15 { padding-left: 15px; }

.pt-15 { padding-top: 15px; }

.pb-15 { padding-bottom: 15px; }

.m-16 { margin: 16px; }

.mr-16 { margin-right: 16px; }

.ml-16 { margin-left: 16px; }

.mt-16 { margin-top: 16px; }

.mb-16 { margin-bottom: 16px; }

.p-16 { padding: 16px; }

.pr-16 { padding-right: 16px; }

.pl-16 { padding-left: 16px; }

.pt-16 { padding-top: 16px; }

.pb-16 { padding-bottom: 16px; }

.m-20 { margin: 20px; }

.mr-20 { margin-right: 20px; }

.ml-20 { margin-left: 20px; }

.mt-20 { margin-top: 20px; }

.mb-20 { margin-bottom: 20px; }

.p-20 { padding: 20px; }

.pr-20 { padding-right: 20px; }

.pl-20 { padding-left: 20px; }

.pt-20 { padding-top: 20px; }

.pb-20 { padding-bottom: 20px; }

.m-24 { margin: 24px; }

.mr-24 { margin-right: 24px; }

.ml-24 { margin-left: 24px; }

.mt-24 { margin-top: 24px; }

.mb-24 { margin-bottom: 24px; }

.p-24 { padding: 24px; }

.pr-24 { padding-right: 24px; }

.pl-24 { padding-left: 24px; }

.pt-24 { padding-top: 24px; }

.pb-24 { padding-bottom: 24px; }

.m-28 { margin: 28px; }

.mr-28 { margin-right: 28px; }

.ml-28 { margin-left: 28px; }

.mt-28 { margin-top: 28px; }

.mb-28 { margin-bottom: 28px; }

.p-28 { padding: 28px; }

.pr-28 { padding-right: 28px; }

.pl-28 { padding-left: 28px; }

.pt-28 { padding-top: 28px; }

.pb-28 { padding-bottom: 28px; }

.m-30 { margin: 30px; }

.mr-30 { margin-right: 30px; }

.ml-30 { margin-left: 30px; }

.mt-30 { margin-top: 30px; }

.mb-30 { margin-bottom: 30px; }

.p-30 { padding: 30px; }

.pr-30 { padding-right: 30px; }

.pl-30 { padding-left: 30px; }

.pt-30 { padding-top: 30px; }

.pb-30 { padding-bottom: 30px; }

.m-32 { margin: 32px; }

.mr-32 { margin-right: 32px; }

.ml-32 { margin-left: 32px; }

.mt-32 { margin-top: 32px; }

.mb-32 { margin-bottom: 32px; }

.p-32 { padding: 32px; }

.pr-32 { padding-right: 32px; }

.pl-32 { padding-left: 32px; }

.pt-32 { padding-top: 32px; }

.pb-32 { padding-bottom: 32px; }

.m-36 { margin: 36px; }

.mr-36 { margin-right: 36px; }

.ml-36 { margin-left: 36px; }

.mt-36 { margin-top: 36px; }

.mb-36 { margin-bottom: 36px; }

.p-36 { padding: 36px; }

.pr-36 { padding-right: 36px; }

.pl-36 { padding-left: 36px; }

.pt-36 { padding-top: 36px; }

.pb-36 { padding-bottom: 36px; }

.m-40 { margin: 40px; }

.mr-40 { margin-right: 40px; }

.ml-40 { margin-left: 40px; }

.mt-40 { margin-top: 40px; }

.mb-40 { margin-bottom: 40px; }

.p-40 { padding: 40px; }

.pr-40 { padding-right: 40px; }

.pl-40 { padding-left: 40px; }

.pt-40 { padding-top: 40px; }

.pb-40 { padding-bottom: 40px; }

.m-48 { margin: 48px; }

.mr-48 { margin-right: 48px; }

.ml-48 { margin-left: 48px; }

.mt-48 { margin-top: 48px; }

.mb-48 { margin-bottom: 48px; }

.p-48 { padding: 48px; }

.pr-48 { padding-right: 48px; }

.pl-48 { padding-left: 48px; }

.pt-48 { padding-top: 48px; }

.pb-48 { padding-bottom: 48px; }

.m-56 { margin: 56px; }

.mr-56 { margin-right: 56px; }

.ml-56 { margin-left: 56px; }

.mt-56 { margin-top: 56px; }

.mb-56 { margin-bottom: 56px; }

.p-56 { padding: 56px; }

.pr-56 { padding-right: 56px; }

.pl-56 { padding-left: 56px; }

.pt-56 { padding-top: 56px; }

.pb-56 { padding-bottom: 56px; }

.m-60 { margin: 60px; }

.mr-60 { margin-right: 60px; }

.ml-60 { margin-left: 60px; }

.mt-60 { margin-top: 60px; }

.mb-60 { margin-bottom: 60px; }

.p-60 { padding: 60px; }

.pr-60 { padding-right: 60px; }

.pl-60 { padding-left: 60px; }

.pt-60 { padding-top: 60px; }

.pb-60 { padding-bottom: 60px; }

.m-64 { margin: 64px; }

.mr-64 { margin-right: 64px; }

.ml-64 { margin-left: 64px; }

.mt-64 { margin-top: 64px; }

.mb-64 { margin-bottom: 64px; }

.p-64 { padding: 64px; }

.pr-64 { padding-right: 64px; }

.pl-64 { padding-left: 64px; }

.pt-64 { padding-top: 64px; }

.pb-64 { padding-bottom: 64px; }

.m-70 { margin: 70px; }

.mr-70 { margin-right: 70px; }

.ml-70 { margin-left: 70px; }

.mt-70 { margin-top: 70px; }

.mb-70 { margin-bottom: 70px; }

.p-70 { padding: 70px; }

.pr-70 { padding-right: 70px; }

.pl-70 { padding-left: 70px; }

.pt-70 { padding-top: 70px; }

.pb-70 { padding-bottom: 70px; }

.m-75 { margin: 75px; }

.mr-75 { margin-right: 75px; }

.ml-75 { margin-left: 75px; }

.mt-75 { margin-top: 75px; }

.mb-75 { margin-bottom: 75px; }

.p-75 { padding: 75px; }

.pr-75 { padding-right: 75px; }

.pl-75 { padding-left: 75px; }

.pt-75 { padding-top: 75px; }

.pb-75 { padding-bottom: 75px; }

.m-80 { margin: 80px; }

.mr-80 { margin-right: 80px; }

.ml-80 { margin-left: 80px; }

.mt-80 { margin-top: 80px; }

.mb-80 { margin-bottom: 80px; }

.p-80 { padding: 80px; }

.pr-80 { padding-right: 80px; }

.pl-80 { padding-left: 80px; }

.pt-80 { padding-top: 80px; }

.pb-80 { padding-bottom: 80px; }

.m-90 { margin: 90px; }

.mr-90 { margin-right: 90px; }

.ml-90 { margin-left: 90px; }

.mt-90 { margin-top: 90px; }

.mb-90 { margin-bottom: 90px; }

.p-90 { padding: 90px; }

.pr-90 { padding-right: 90px; }

.pl-90 { padding-left: 90px; }

.pt-90 { padding-top: 90px; }

.pb-90 { padding-bottom: 90px; }

.m-96 { margin: 96px; }

.mr-96 { margin-right: 96px; }

.ml-96 { margin-left: 96px; }

.mt-96 { margin-top: 96px; }

.mb-96 { margin-bottom: 96px; }

.p-96 { padding: 96px; }

.pr-96 { padding-right: 96px; }

.pl-96 { padding-left: 96px; }

.pt-96 { padding-top: 96px; }

.pb-96 { padding-bottom: 96px; }

.m-112 { margin: 112px; }

.mr-112 { margin-right: 112px; }

.ml-112 { margin-left: 112px; }

.mt-112 { margin-top: 112px; }

.mb-112 { margin-bottom: 112px; }

.p-112 { padding: 112px; }

.pr-112 { padding-right: 112px; }

.pl-112 { padding-left: 112px; }

.pt-112 { padding-top: 112px; }

.pb-112 { padding-bottom: 112px; }

.m-128 { margin: 128px; }

.mr-128 { margin-right: 128px; }

.ml-128 { margin-left: 128px; }

.mt-128 { margin-top: 128px; }

.mb-128 { margin-bottom: 128px; }

.p-128 { padding: 128px; }

.pr-128 { padding-right: 128px; }

.pl-128 { padding-left: 128px; }

.pt-128 { padding-top: 128px; }

.pb-128 { padding-bottom: 128px; }

.m-144 { margin: 144px; }

.mr-144 { margin-right: 144px; }

.ml-144 { margin-left: 144px; }

.mt-144 { margin-top: 144px; }

.mb-144 { margin-bottom: 144px; }

.p-144 { padding: 144px; }

.pr-144 { padding-right: 144px; }

.pl-144 { padding-left: 144px; }

.pt-144 { padding-top: 144px; }

.pb-144 { padding-bottom: 144px; }

.w50 { width: 50%; }

.w100 { width: 100%; }

.w-fit { width: fit-content; }

.h100 { height: 100%; }

.lh-18 { line-height: 1.8; }

.lh-15 { line-height: 1.5; }

.lh-20 { line-height: 2; }

.lh-25 > * { line-height: 2.5; }

.line-clamp-1 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }

.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; }

.line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

.line-clamp-4 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) { margin: 16px 0; color: #000000; line-height: 1.9; font-family: var(--primary-font) !important; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ul, article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ol { padding-left: 20px; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ul li, article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ol li { list-style: inherit; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) img { width: auto; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) img.aligncenter { display: block; margin: auto; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) table { border-collapse: collapse; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) table td { border: 1px solid var(--black); }

article:is(.wp-video) { margin: 0 auto; }

form .form-group.invalid > :first-child { border: 1px solid var(--red); }

form .form-message.invalid { margin-top: 5px; color: var(--red); font-size: 13px; font-style: italic; position: absolute; left: 5px; bottom: -20px; }

form .form-alert { width: 100%; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); }

form .form-alert.error { color: var(--red); }

form .form-alert.success { color: 11bb0f; }

.loading-container { position: absolute; bottom: 4px; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: .25s; width: 1px; }

.loading-container.active { opacity: 1; visibility: visible; }

.loading-spinning-bubbles { position: relative; margin: auto; }

.loading-spinning-bubbles .bubble-container { position: absolute; transform-origin: -150% 50%; }

.loading-spinning-bubbles .bubble-container .bubble { background: var(--secondary-color); width: 8px; height: 8px; border-radius: 50%; animation: bubble 1s infinite; animation-delay: inherit; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+1) { transform: translateX(200%) rotate(-90deg); animation-delay: -1.5s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+2) { transform: translateX(200%) rotate(-45deg); animation-delay: -1.375s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+3) { transform: translateX(200%); animation-delay: -1.25s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+4) { transform: translateX(200%) rotate(45deg); animation-delay: -1.125s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+5) { transform: translateX(200%) rotate(90deg); animation-delay: -1s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+6) { transform: translateX(200%) rotate(135deg); animation-delay: -0.875s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+7) { transform: translateX(200%) rotate(180deg); animation-delay: -0.750s; }

.loading-spinning-bubbles .bubble-container:nth-of-type(0n+8) { transform: translateX(200%) rotate(225deg); animation-delay: -0.625s; }

@keyframes bubble { 0%, 100% { transform: scale(0); }
  50% { transform: scale(1); } }

.quatrang { padding-top: 32px; }

.quatrang .page-numbers { width: 34px; height: 34px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #333; font-size: 15px; transition: 0.5s; border: 1px solid var(--primary-color); }

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

.quatrang .page-numbers + .page-numbers { margin-left: 10px; }

.quatrang .page-numbers:hover { background-color: var(--primary-color); color: #fff; }

body { width: 100%; height: 100%; }

.header-top { border-bottom: 1px solid rgba(220, 31, 38, 0.1); }

.header-top .languages { position: relative; }

.header-top .languages > ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.header-top .lang-item { opacity: 0; visibility: hidden; max-height: 0; transition: .3s; }

.header-top .lang-item.active:not(.current-lang) { opacity: 1; visibility: visible; max-height: 24px; }

.header-top .lang-item.current-lang { opacity: 1; visibility: visible; max-height: 24px; position: relative; }

.header-top .lang-item.current-lang::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; }

.header-bottom .mobile-btn { display: none; }

.cart-wrap a { border: 1px solid var(--primary-color); width: 40px; height: 40px; border-radius: 50%; }

.cart-wrap a img { object-fit: contain; width: 22px; margin: 3px 3px 0 0; transition: .25s; }

.cart-wrap a:hover { background-color: #fff; }

.cart-wrap a:hover img { filter: invert(88%) sepia(85%) saturate(5856%) hue-rotate(158deg) brightness(92%) contrast(90%); }

.search-box { width: 535px; }

.search-box input { padding: 10px 24px 10px; border: 1px solid #f1f1f1; background-color: #fff; }

.search-box input::placeholder { font-style: italic; font-style: 14px; color: #8f8f8f; }

.search-box button { position: absolute; top: 0; right: 0; border-radius: 20px; padding: 8.5px 24px; border: 1px solid var(--primary-color); }

.search-box button:hover { background-color: #fff; color: var(--primary-color); }

.search-btn { display: none; }

.category-section .category-wrap {flex-wrap: wrap; border: 1px solid var(--primary-color); border-radius: 20px; width: 100%; padding: 24px 0;}

.list-category { padding: 10px 24px 10px; border-radius: 20px; border: 1px solid var(--primary-color); transition: .25s; }

.list-category img { object-fit: contain; width: 15px; height: 15px; }

.list-category span { margin-top: 2px; }

.list-category:hover { background-color: #fff; }

.list-category:hover > span { color: #000; }

.list-category:hover > img { filter: blur(0) brightness(0); }

.list-category:hover .category-menu { opacity: 1; top: 42px; visibility: visible; }

.category-menu { position: absolute; top: 84px; left: 0; background-color: #fff; border-radius: 12px; z-index: 2; background-color: var(--primary-color); width: 108%; box-shadow: 0 0 70px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: .4s; }

.category-menu li { padding: 12px 24px; position: relative; }

.category-menu li + li { border-top: 1px solid #ffffff80; }

.category-menu li.menu-item-has-children::before { content: "\f054"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); color: #fff; font-size: 12px; }

.category-menu li > .sub-menu { position: absolute; top: 0; right: -180px; background-color: var(--primary-color); border-radius: 12px; overflow: hidden; width: 240px; transition: .4s; opacity: 0; visibility: hidden; }

.category-menu li > .sub-menu > li { transition: .3s; }

.category-menu li > .sub-menu > li:hover { background-color: #fff; }

.category-menu li > .sub-menu > li:hover h3 { color: #000; }

.category-menu li:hover > .sub-menu { right: -241px; opacity: 1; visibility: visible; }

.category-wrap .category-item { width: 20%; }

.category-wrap .img-wrap { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 18px; }

.category-wrap .img-wrap:hover { transform: scale(1.1); }

.category-wrap .term-name:hover { color: var(--primary-color); }

.banner .banner-wrap { height: 360px; width: 100%; border-radius: 20px; overflow: hidden; }

.banner .banner-wrap:hover img { transform: scale(1.07); }

.banner-container::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: calc(50% + 64px); background-color: var(--light-pink-color); }

.category-home .heading::before { content: ""; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-top: 1px solid var(--primary-color); width: 50%; }

.category-home .heading::after { content: ""; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); border-top: 1px solid var(--primary-color); width: 50%; z-index: 0; }

.category-home .heading h3::before { content: ""; position: absolute; top: 50%; left: 14px; transform: translateY(-50%); width: 9px; height: 9px; border-radius: 50%; background-color: #fff; }

.category-home .heading h3::after { content: ""; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 9px; height: 9px; border-radius: 50%; background-color: #fff; }

.category-home .heading .decor::after { content: ""; position: absolute; top: 50%; right: 12px; width: 9px; height: 9px; border-radius: 50%; background-color: var(--primary-color); transform: translateY(-50%); }

.category-home .heading .decor::before { content: ""; position: absolute; top: 50%; left: 12px; width: 9px; height: 9px; border-radius: 50%; background-color: var(--primary-color); transform: translateY(-50%); }

.home .product-wrap { width: 100%; }

.home .products { width: 100%; }

.home .products .splide__track { width: 100%; padding-top: 48px; }

.product-wrap { border: 1px solid var(--primary-color); width: 18%; padding-top: 18px; transition: .4s; }

.product-wrap .img-wrap { width: 100%; height: 140px; }

.product-wrap .img-wrap img { object-fit: cover; }

.product-wrap button { margin-bottom: 24px; padding: 9px 24px; border: 1px solid var(--primary-color); }

.product-wrap button img { width: 17px; height: auto; object-fit: contain; margin-right: 8px; }

.product-wrap button:hover { background-color: #fff; color: var(--primary-color); }

.product-wrap button:hover img { filter: invert(88%) sepia(85%) saturate(5856%) hue-rotate(158deg) brightness(92%) contrast(90%); }

.product-wrap::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 50%; background-image: linear-gradient(to bottom, transparent, rgba(13, 124, 81, 0.3) 100%); z-index: -1; }

.product-wrap:hover { transform: translateY(-10px); box-shadow: 0 0 50px rgba(220, 31, 38, 0.1); }

footer a:hover { color: #fff; }

footer a:hover > h3 { color: #fff; }

footer .heading::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.1); width: 70%; height: 34px; border-radius: 6px; }

footer .contact + .contact::before { content: ""; position: absolute; top: -28px; left: 0; height: 160px; border-left: 1px solid rgba(255, 255, 255, 0.2); transform-origin: top; transform: scaleY(0); transition: transform 1.5s; }

footer.has-appear .contact::before { transform: scaleY(1); }

footer.has-appear .contact::after { transform: scaleY(1); }

footer.has-appear .wrapper::before { transform: scaleX(1); }

footer.has-appear .wrapper::after { transform: scaleX(1); }

footer .wrapper { padding: 60px 0 0px 0; }

footer .wrapper::after { content: ""; position: absolute; top: 0; left: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 45%; transform-origin: left; transform: scaleX(0); transition: transform 2s; }

footer .wrapper::before { content: ""; position: absolute; top: 0; right: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 45%; transform-origin: right; transform: scaleX(0); transition: transform 2s; }

footer .copyright { flex: 1; }

footer .logo { position: absolute; top: -18px; left: 50%; transform: translate(-50%, -48px); width: 130px;}

footer .decor { position: absolute; top: 45px; left: 0; bottom: 45px; width: 100%; right: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -1; }

.list-product-container .list-product-wrap { flex-wrap: wrap; row-gap: 32px; }

.list-product-container .product-wrap { width: 22%; }

.list-product-container .banner { height: 425px; }

.list-product-container .banner:hover img { transform: scale(1.05); }

.list-product-container .parent::before { content: "\f078"; font-family: FontAwesome; position: absolute; top: 3px; right: -24px; cursor: pointer; font-size: 12px; padding: 0 4px; }

.list-product-container .list-child-term { max-height: 0; opacity: 0; visibility: hidden; transition: .4s; }

.list-product-container .list-child-term.active { max-height: 200px; opacity: 1; visibility: visible; }

.product-detail-container .product-img { width: 185px; height: auto; }

.product-detail-container .product-img .shadow { position: absolute; bottom: -14px; left: 0; width: 170%; height: 42px; z-index: -1; left: 50%; transform: translateX(-50%); opacity: 0.8; }

.product-detail-container .main-img { height: 500px; border: 1px solid rgba(0, 0, 0, 0.3); }

.product-detail-container .main-img img { object-fit: contain; }

.product-detail-container .sub-imgs { height: 120px; }

.product-detail-container .sub-imgs .splide__slide { border: 1px solid rgba(0, 0, 0, 0.3); border-top: none; }

.product-detail-container .sub-imgs .splide__slide + .splide__slide { border-left-width: 0; }

.product-detail-container .sub-imgs .splide__track--nav > .splide__list > .splide__slide.is-active { border: 1px solid rgba(0, 0, 0, 0.3); border-top: none; }

.product-detail-container .sub-imgs .splide__track--nav > .splide__list > .splide__slide.is-active img { opacity: 1; }

.product-detail-container .sub-imgs img { object-fit: contain; opacity: .5; transition: .25s; }

.product-detail-container .star-wrap { margin-top: 12px; margin-bottom: 20px; }

.product-detail-container .star-wrap .stars i { color: #b58c67; font-size: 14px; }

.product-detail-container .star-wrap .stars i + i { margin-left: 4px; }

.product-detail-container .cost { margin: 36px 0; }

.product-detail-container .product-detail { padding-left: 36px; }

.product-detail-container form { width: fit-content; display: inline-block; margin-top: 40px; }

.product-detail-container form .qty-wrap { border: 1px solid rgba(0, 0, 0, 0.3); padding: 14px 20px 14px; }

.product-detail-container form input[type="button"] { padding: 0 10px; }

.product-detail-container button.order-btn { display: inline-block; padding: 17px 30px 14px; margin-left: 20px; border: 1px solid #ffffff9e; }

.product-detail-container button.order-btn:hover { background-color: transparent; color: var(--primary-color); border: 1px solid var(--primary-color); }

.product-detail-container .hotline { margin-top: 36px; margin-bottom: 20px; }

.product-detail-container .hotline a:hover { color: var(--yellow); }

.product-detail-container .social-wrap span { margin-right: 12px; }

.product-detail-container .social-wrap .socials a:hover { color: var(--yellow); }

.product-detail-container .social-wrap .socials a + a { margin-left: 36px; }

.product-detail-container .social-wrap .socials a + a::after { left: -23px; }

.product-detail-container .final-desc { padding-top: 50px; margin-top: 70px; border-top: 1px solid #353535; }

.product-detail-container .img-desc { height: 425px; background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: 36px; }

.product-detail-container .related-product .col-xl-4 + .col-xl-4 .product-wrap { border-left-width: 0px; }

.detail-product { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.detail-product .tab-title.active { background-size: 100%; background-position-x: 0; }

.detail-product .content { display: none; }

.detail-product .content.active { display: block; }

.tab-wraper { border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 24px; padding-top: 12px; }

.underline { background-repeat: no-repeat; background-position-x: 100%; background-image: linear-gradient(transparent calc(100% - 1px), rgba(0, 0, 0, 0.3) 1px); transition: 0.4s background-size cubic-bezier(0.26, 0.57, 0.14, 0.81); background-size: 0; }

.underline:hover { background-size: 100%; background-position-x: 0; }

.modal-popup .order-popup { width: 90%; padding: 20px; }

.modal-popup .order-popup h2 { font-size: 18px; }

.modal-popup .button-wrap a { font-size: 13px; }

.modal-popup, .search-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999999; opacity: 0; visibility: hidden; transition: .4s; }

.modal-popup.active, .search-popup.active { opacity: 1; visibility: visible; }

.modal-popup.active .order-popup, .search-popup.active .order-popup { top: 50%; }

.modal-popup .icon, .search-popup .icon { width: 64px; color: #40b735; margin-bottom: 12px; }

.modal-popup h2, .search-popup h2 { color: #40b735; }

.modal-popup a, .search-popup a { border: 1px solid var(--primary-color); padding: 10px 20px; background-color: var(--primary-color); color: #fff; }

.modal-popup a:hover, .search-popup a:hover { color: var(--primary-color); background-color: #fff; }

.modal-popup .order-popup, .search-popup .order-popup { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 30px 35px; width: 460px; border-radius: 4px; }

.modal-popup .order-popup h2, .search-popup .order-popup h2 { text-transform: capitalize; margin-bottom: 24px; }

.modal-popup .order-popup p.heading-desc, .search-popup .order-popup p.heading-desc { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ebebeb; }

.modal-popup .order-popup .img-wrap, .search-popup .order-popup .img-wrap { width: 40%; height: auto; }

.modal-popup .order-popup .img-wrap .img, .search-popup .order-popup .img-wrap .img { height: 80%; border: 1px solid var(--yellow); }

.modal-popup .order-popup .img-wrap .img img, .search-popup .order-popup .img-wrap .img img { width: 160px; height: auto; }

.modal-popup .order-popup .img-wrap .product-name, .modal-popup .order-popup .img-wrap .product-cost, .search-popup .order-popup .img-wrap .product-name, .search-popup .order-popup .img-wrap .product-cost { font-size: 20px; font-size: clamp(17px, calc(15px + 0.40816326530612246vw), 20px); margin-top: 18px; }

.modal-popup .order-popup .close, .search-popup .order-popup .close { position: absolute; top: 20px; right: 0px; width: 40px; height: 40px; left: unset; font-size: 20px; }

.modal-popup .order-popup .close:hover, .search-popup .order-popup .close:hover { opacity: .5; }

/* -------- Cart Page -------- */
.cart-page { --table-border: rgba(0, 0, 0, 0.3); }

.cart-page h2 { font-weight: 400; font-size: 30px; margin-top: 40px; margin-bottom: 40px; }

.cart-page .cart-detail-wrap { transition: .6s; }

.cart-page .cart-detail-wrap.hide { opacity: 0; visibility: hidden; max-height: 0; max-width: 0; }

.cart-page .cart-detail-wrap .cart-detail { border: 1px solid var(--table-border); margin-bottom: 40px; }

.cart-page .cart-detail-wrap .cart-detail__header { padding: 16px; border-bottom: 1px solid var(--table-border); }

.cart-page .cart-detail-wrap .cart-detail__body { padding: 16px; }

.cart-page .cart-detail-wrap .cart-detail__body .heading { border-bottom: 1px solid var(--table-border); padding: 0 0 12px 0; margin-bottom: 20px; }

.cart-page .cart-detail-wrap .cart-detail__body .heading::after, .cart-page .cart-detail-wrap .cart-detail__body .heading::before { display: none; }

.cart-page .cart-detail-wrap .cart-detail__body .heading span { font-size: 16px; font-weight: 500; }

.cart-page .cart-detail-wrap .cart-detail__body .product { border-bottom: 1px solid var(--table-border); padding-bottom: 12px; margin-bottom: 12px; }

.cart-page .cart-detail-wrap .cart-detail__body .product:last-child { border: none; margin-bottom: 0; }

.cart-page .cart-detail-wrap .cart-detail__body .product .img-wrap img { width: 72px; height: 72px; object-fit: cover; }

.button-effect::before { content: ''; position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); opacity: .5; --qode-border-color: #fff; background-repeat: no-repeat; background-size: calc(100% - 100%) 1px, 1px calc(100% - 100%); background-position: 0 0, 100% 100%, 100% 100%, 0 0; background-image: linear-gradient(0deg, var(--qode-border-color), var(--qode-border-color)), linear-gradient(0deg, var(--qode-border-color), var(--qode-border-color)), linear-gradient(0deg, var(--qode-border-color), var(--qode-border-color)), linear-gradient(0deg, var(--qode-border-color), var(--qode-border-color)); transition: opacity 0.2s ease-out, background-size 0.82s cubic-bezier(0.36, 0.03, 0.2, 0.91); pointer-events: none; }

.button-effect:hover::before { background-size: calc(100% - 0%) 1px, 1px calc(100% - 0%); }

.button-effect.wt-bg::before { --qode-border-color: var(--primary-color); }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-name a { font-size: 17px; font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-name a:hover { color: #999; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-code { color: #aaa9a9; font-size: 16px; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-color { font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-price, .cart-page .cart-detail-wrap .cart-detail__body .product .total { font-size: 18px; font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product input[type='number'] { font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .remove-btn:hover { color: #ff1717; }

.cart-page .cart-detail-wrap .cart-detail__footer { text-align: right; padding: 18px 20px; border-top: 1px solid var(--table-border); }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash { font-size: 16px; font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash::before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; border-bottom: 1px solid #fff; transition: .3s; }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash:hover::before { width: 83%; }

.cart-page .cart-detail-wrap .cart-total { border: 1px solid var(--table-border); }

.cart-page .cart-detail-wrap .cart-total__head h3 { padding: 16px; border-bottom: 1px solid var(--table-border); }

.cart-page .cart-detail-wrap .cart-total__body { padding: 16px; }

.cart-page .cart-detail-wrap .cart-total__body .item-wrap { font-size: 16px; color: #000; }

.cart-page .cart-detail-wrap .cart-total__body .item-wrap + .item-wrap { border-top: 1px dashed var(--table-border); padding-top: 16px; margin-top: 16px; }

.cart-page .cart-detail-wrap .button-wrap { justify-content: end; margin-bottom: 40px; margin-top: 36px; }

.cart-page .cart-detail-wrap .button-wrap.bottom { justify-content: space-between; }

.cart-page .cart-detail-wrap .button-wrap a { padding: 10px 30px; border: 1px solid var(--primary-color); display: inline-block; font-size: 16px; background-color: var(--primary-color); color: #fff; }

.cart-page .cart-detail-wrap .button-wrap a + a { margin-left: 24px; }

.cart-page .cart-detail-wrap .button-wrap a.wt-bg { background-color: var(--primary-color); color: #fff; }

.cart-page .empty-cart { border: 1px solid var(--table-border); border-radius: 8px; padding: 100px 20px; }

.cart-page .empty-cart svg { width: 60px; height: auto; color: #000; }

.cart-page .empty-cart h2 { font-size: 26px; font-weight: 300; color: #000; margin: 30px 0; }

.cart-page .empty-cart .return { padding: 10px 18px; background-color: var(--primary-color); color: #fff; font-weight: 300; border: 1px solid var(--primary-color); }

.cart-page .empty-cart .return:hover { background-color: #fff; color: #000; }

h2.sub-page-heading { font-weight: 400; font-size: 30px; margin-top: 40px; margin-bottom: 40px; }

.cart-page form .form-group input[type="number"] { background: #FFF; color: rgba(0, 0, 0, 0.87); text-align: center; width: 60px; font-size: 18px; height: 38px; }

.cart-page form .form-group span.minus { padding: 1.5px 10px; line-height: 1.7; height: 38px; }

.cart-page form .form-group span.plus { padding: 1.5px 10px; height: 38px; line-height: 1.7; }

/* ----------Payment Page---------- */
.payment-page { padding-bottom: 60px; padding-top: 60px; --table-border: rgba(0, 0, 0, 0.3); }

.payment-page .shipping-detail__head { padding: 16px; border: 1px solid var(--table-border); border-bottom: none; }

.payment-page .shipping-detail__head h3 { font-size: 20px; font-weight: 300; text-transform: capitalize; }

.payment-page .shipping-detail__body { padding: 16px; border: 1px solid var(--table-border); }

.payment-page .shipping-detail__body .form-group { margin-bottom: 20px; position: relative; }

.payment-page .shipping-detail__body .form-group label { font-size: 15px; font-weight: 400; text-transform: capitalize; margin-bottom: 8px; color: #000; }

.payment-page .shipping-detail__body .form-group label span { color: red; }

.payment-page .shipping-detail__body .form-group.invalid > :first-child { border: unset; }

.payment-page .shipping-detail__body .form-group.invalid :is(input, textarea) { border: 1px solid var(--red); }

.payment-page .shipping-detail__body .form-group input, .payment-page .shipping-detail__body .form-group textarea { display: block; width: 100%; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; resize: vertical; border-radius: 4px; }

.payment-page .shipping-detail__body .form-group input:focus, .payment-page .shipping-detail__body .form-group textarea:focus { border-color: #A9A9A9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 169, 169, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 169, 169, 0.6); }

.payment-page .shipping-detail__body .form-group .form-message.invalid { color: #f33a58; font-weight: 300; bottom: -17px; font-size: 13px; left: 0; }

.payment-page .pay-method { margin-top: 48px; }

.payment-page .pay-method__head { padding: 16px; border: 1px solid var(--table-border); border-bottom: none; }

.payment-page .pay-method__head h3 { font-size: 20px; font-weight: 300; text-transform: capitalize; color: #000; }

.payment-page .pay-method__body { padding: 16px; border: 1px solid var(--table-border); }

.payment-page .pay-method__body .payment-method + .payment-method { padding-top: 16px; margin-top: 16px; position: relative; }

.payment-page .pay-method__body .payment-method + .payment-method::after { content: ""; position: absolute; top: 0; left: -16px; border-top: 1px solid var(--table-border); width: calc(100% + 32px); }

.payment-page .pay-method__body .payment-method .payment-banking { background-color: #f0e3e7; border-radius: 4px; margin-top: 12px; visibility: hidden; max-height: 0; transition: .3s; opacity: 0; }

.payment-page .pay-method__body .payment-method .payment-banking.active { visibility: visible; max-height: 200px; padding: 16px; opacity: 1; }

.payment-page .order-btn { background-color: var(--primary-color); padding: 10px 60px; margin: 5px auto 10px; border: 1px solid #fff; font-size: 15px; font-weight: 300; margin-top: 20px; font-size: 17px; color: #fff; font-weight: bold; }

.payment-page .order-btn:hover { background-color: var(--primary-color); }

.payment-page .order-btn.disabled { cursor: not-allowed; pointer-events: none; }

.payment-page .form-alert .message { color: #2dad1d; font-size: 16px; font-weight: 300; }

.payment-page .form-alert .message i { margin-right: 4px; }

.payment-page .order-summary__head { padding: 16px; border: 1px solid var(--table-border); border-bottom: none; }

.payment-page .order-summary__head h3 { font-size: 20px; font-weight: 300; text-transform: capitalize; color: #000; }

.payment-page .order-summary__body { padding: 16px; border: 1px solid var(--table-border); border-bottom: none; }

.payment-page .order-summary__body .order-item img { width: 80px; height: 80px; object-fit: cover; margin-right: 20px; flex-shrink: 0; }

.payment-page .order-summary__body .order-item .product-info { flex: 1; }

.payment-page .order-summary__body .order-item .product-info .product-name a { font-size: 17px; font-weight: 300; margin-bottom: 10px; display: block; color: #000; }

.payment-page .order-summary__body .order-item .product-info .product-name a:hover { color: #ffffff; }

.payment-page .order-summary__body .order-item .product-info .price-detail { font-size: 16px; font-weight: 600; color: #000; }

.payment-page .order-summary__body .order-item + .order-item { border-top: 1px solid var(--table-border); margin-top: 16px; padding-top: 16px; }

.payment-page .order-summary__foot { padding: 16px; border: 1px solid var(--table-border); }

.payment-page .order-summary__foot p { font-size: 18px; }

.payment-page form .form-alert { width: 100%; position: absolute; bottom: -30px; left: 0; transform: unset; }

.search-page .list-product-container .list-product-wrap { justify-content: flex-start; column-gap: 36px; row-gap: 36px; }

@media screen and (max-width: 1400px) { .banner .banner-wrap { height: 320px; }
  .cart-wrap > span { display: none; }
  header .logo { width: 136px; height: auto; }
  .archive main .pb-112 { padding-bottom: 24px; }
  .archive main .pt-112 { padding-top: 50px; }
  .list-product-container .product-wrap { width: 31%; }
  .list-product-container .list-product-wrap { justify-content: flex-start; column-gap: 20px; row-gap: 20px; }
  .list-product-container .banner { margin: 40px 0; }
  .cart-page form .form-group input[type="number"] { width: 30px; }
  .cart-page .cart-detail-wrap .button-wrap a { padding: 8px 9px; }
  .search-page .list-product-container .product-wrap { width: 30%; } }

@media screen and (max-width: 1199px) { .search-box { width: 420px; }
  header .logo { width: 120px; height: auto; }
  .category-wrap .category-item { width: 20%; }
  .category-wrap .img-wrap { width: 90px; height: 90px; }
  .category-wrap .term-name { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }
  .banner .col-xl-6 .banner-wrap { height: 341px; }
  .banner .col-lg-6 .banner-wrap { height: 560px; }
  footer .pb-112 { padding-bottom: 90px; }
  footer .wrapper::after { width: 40%; }
  footer .wrapper::before { width: 40%; }
  footer .heading::before { width: 94%; }
  .home .splide__arrow { --width: 40px; width: var(--width); height: var(--width); background-color: var(--primary-color); opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .home .splide__arrow svg { fill: #fff; }
  .home .splide__arrow:disabled { opacity: .5; }
  .product-detail-container form { width: 100%; }
  .product-detail-container form .qty-wrap { display: block; }
  .product-detail-container button.order-btn { margin-top: 18px; margin-left: 0; width: 100%; }
  .related-product .row { overflow-x: scroll; flex-wrap: nowrap; padding: 12px 0; }
  .related-product .product-wrap { width: 200px; margin-right: 24px; }
  .product-detail-container { padding-top: 60px; padding-bottom: 60px; }
  .product-detail-container .main-img { height: 400px; }
  .product-detail-container .sub-imgs { height: 100px; }
  .search-page .list-product-container .product-wrap { width: 29%; }
  .search-page .list-product-container .product-wrap .img-wrap { height: 110px; } }

@media screen and (max-width: 992px) { .category-section .container { overflow-x: scroll; padding-bottom: 10px; }
	  .category-wrap .category-item { width: 25%; }
/*   .category-section .row { width: 700px; }
	.category-section .category-wrap {overflow-x: scroll; } */
	.category-wrap > .row {transform: translatex(13px);}
  .search-box { display: none; }
  .search-popup { background-color: rgba(0, 0, 0, 0.8); }
  .search-popup .popup-container { background-color: rgba(255, 255, 255, 0.8); }
  .search-popup .order-popup { padding: 0; border-radius: 20px; overflow: hidden; }
  .search-popup form input { padding: 10px 24px 10px; border: 1px solid #f1f1f1; background-color: #fff; }
  .search-popup form input::placeholder { font-style: italic; font-style: 14px; color: #8f8f8f; }
  .search-popup form button { position: absolute; top: 0; right: 0; border-radius: 20px; padding: 10.2px 34px; border: 1px solid var(--primary-color); }
  .search-popup form button:hover { background-color: #fff; color: var(--primary-color); }
  .search-popup.active .order-popup { top: 40%; }
  .search-btn { display: flex; }
  .search-btn:hover i { color: var(--primary-color); }
  .banner .col-lg-6 .banner-wrap { height: 470px; }
  footer .contact:nth-child(3) { margin-top: 36px; }
  footer .contact:nth-child(3)::before { display: none; }
  footer .contact:nth-child(4) { margin-top: 36px; }
  .product-detail-container .product-detail { padding: 0; margin-top: 36px; }
  .product-detail-container form, .product-detail-container button.order-btn { width: 40%; }
  .wrapper.mt-90 { margin-top: 40px; }
  .payment-page .page-wrap { flex-direction: column-reverse; }
  .search-page .list-product-container { padding-top: 50px; padding-bottom: 50px; } 
	.category-section {margin: 24px 0;}
}

@media screen and (max-width: 769px) { .category-menu li:hover > .sub-menu { right: unset; }
  .category-wrap .category-item { width: 33%; }
  .category-menu li.menu-item-has-children::before { top: 20px; right: 4px; transition: .3s; padding: 12px 14px; z-index: 10; }
  .category-menu li.menu-item-has-children.active::before { transform: rotate(90deg); top: 0; }
  .category-menu li > .sub-menu { position: relative; top: unset; right: unset; opacity: 1; visibility: hidden; width: 100%; max-height: 0; transition: .5s; }
  .category-menu li > .sub-menu > li:hover { background-color: var(--primary-color); color: #fff; }
  .category-menu li > .sub-menu.active { max-height: 224px; right: unset; visibility: visible; }
  .banner .col-xl-6 .banner-wrap { height: 290px; }
  .banner .col-lg-6 .banner-wrap { height: 345px; }
  .list-product-container .list-product-wrap { justify-content: flex-start;  row-gap: 24px; }
  .list-product-container .product-wrap { width: 47%; }
  .list-product-container .product-wrap .img-wrap { width: 100%; height: 100px; }
  .product-detail-container form, .product-detail-container button.order-btn { width: 60%; }
  .cart-page .cart-detail-wrap .cart-detail { overflow-x: scroll; }
  .cart-page .cart-detail-wrap .cart-detail .wrap { margin-bottom: 0; width: 787px; }
  .search-page .list-product-container .product-wrap { width: 46%; } 
	 .header-top .contact-info:last-child { display: none; }
}

@media screen and (max-width: 576px) { header .logo { width: 100px; }
 
  .hidden-text { display: none; }
  .category-menu { width: 250px; left: 50%; transform: translateX(-50%); }
  .list-category span.fs-15px { font-size: 11px; }
  .banner .col-xl-6 .banner-wrap { height: 220px; }
  .banner .col-lg-6 .banner-wrap { height: 250px; }
  .home .splide__arrow { --width: 35px; }
  .home .splide__arrow svg { width: 1em; height: 1em; }
  .heading .fs-18px { font-size: 14px; }
  .copyright span { display: block; }
  footer .contact { margin-top: 36px; }
  footer .heading::before { width: 75%; }
  footer .pb-112 { padding-bottom: 50px; }
  footer .pt-60 { padding-top: 30px; }
  footer .wrapper::before { width: 32%; }
  footer .wrapper::after { width: 32%; }
  .info-wrap .heading { margin-bottom: 16px; }
  .list-product-container .list-product-wrap { row-gap: 20px;         justify-content: space-between;}
  .list-product-container .product-wrap .img-wrap { width: 100%; height: 100px; }
  .list-product-container .product-wrap button { padding: 9px 20px; }
  .product-wrap .product-name {font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }
  .product-detail-container form, .product-detail-container button.order-btn { width: 100%; }
  .sub-header { padding: 24px 0%; }
  .modal-popup .order-popup, .search-popup .order-popup { width: 90%; }
  .modal-popup .order-popup { padding: 20px; }
  .pb-90 { padding-bottom: 40px; }
  .pt-90 { padding-top: 40px; }
  .cart-page .cart-detail-wrap .col-xl-4 .button-wrap { margin-bottom: 10px; }
  .cart-page .col-xl-8 .button-wrap { display: none; }
  .payment-page .order-summary__head h3, .payment-page .shipping-detail__head h3, .payment-page .order-summary__foot p, .payment-page .pay-method__head h3 { font-size: 17px; }
  .payment-page .order-summary__body .order-item .product-info .product-name a { font-size: 16px; }
  .payment-page .order-summary__body .order-item img { width: 65px; height: 65px; }
  .payment-page .order-summary__body .order-item .product-info .price-detail { font-size: 15px; }
  .payment-page .order-btn { padding: 10px 60px 7px; font-size: 16px; }
  .payment-page .shipping-detail__body .form-group label { font-size: 14px; }
  .search-page .list-product-container .product-wrap { width: 46%; }
  .search-page .list-product-container .list-product-wrap { justify-content: flex-start; row-gap: 24px; }
  .about-content { padding: 30px 0; } 
.list-category {padding: 10px 12px 10px;}
	.header-top .lang-item.active:not(.current-lang) {max-height: 20px;}
	
	.home .products .splide__arrows {display: none;}
	.home .products .splide__list {
		display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        row-gap: 24px; 
	}
	.home .products .splide__list > .splide__slide {width: 47%;}
	.home .products .splide__list > .splide__slide:last-child {display: none;}
	.gt_selected > a > img { width: 24px !important;height: 18px !important; }
	.gt_selected > a:after {top: 0px;}
	
	.product-wrap .img-wrap {margin-bottom: 12px;}
	.category-section .category-wrap > .row > .category-item:last-child{ display: none; }
	.product-wrap:hover {
		transform: translateY(0);
	}
}

@media screen and (max-width: 391px) { .search-page .list-product-container .product-wrap { width: 46%; } 
	.product-wrap {padding-top: 4px;}
}
.floating-buttons {
  position: fixed;
  right: 15px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.floating-btn {
  background-color: #0DA487;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.floating-btn:hover {
  background-color: #088c6e;
}