/*
Theme Name: Default Theme
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: #042726; --secondary-color: #c9a954; --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(--iciel-font) !important; font-size: 16px; }

body { font-family: var(--iciel-font); } */

html { scroll-behavior: smooth; overflow-y: scroll;  font-size: 16px; font-family: "Roboto", serif; font-weight: 400; font-style: normal;}

body { font-family: "Roboto", serif;font-weight: 400;font-style: normal; }

body.fixed { overflow: hidden; }

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; }

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

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

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

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

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


.roboto-thin { font-family: "Roboto", serif;font-weight: 100;font-style: normal;}

.roboto-light { font-family: "Roboto", serif; font-weight: 300;font-style: normal;}

.roboto-regular {font-family: "Roboto", serif; font-weight: 400;font-style: normal;}

.roboto-medium { font-family: "Roboto", serif; font-weight: 500; font-style: normal;}

.roboto-bold { font-family: "Roboto", serif; font-weight: 700; font-style: normal;}

.roboto-black {font-family: "Roboto", serif; font-weight: 900; font-style: normal;}

.roboto-thin-italic { font-family: "Roboto", serif;font-weight: 100; font-style: italic;}

.roboto-light-italic { font-family: "Roboto", serif; font-weight: 300; font-style: italic;}

.roboto-regular-italic { font-family: "Roboto", serif; font-weight: 400; font-style: italic;}

.roboto-medium-italic {font-family: "Roboto", serif; font-weight: 500; font-style: italic;}

.roboto-bold-italic { font-family: "Roboto", serif; font-weight: 700; font-style: italic;}

.roboto-black-italic { font-family: "Roboto", serif; font-weight: 900; font-style: italic;}


.pointer { cursor: pointer; }

.uppercase { text-transform: uppercase; }

.tac { text-align: center; }
.taj { text-align: justify; }

.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; }

.footer-text { color: #b4b4b4; }

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

.dark-green-text { color: #102b2a; }

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

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

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

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

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

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

.dark-yellow-bg { background-color: #b48c66; }

.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-100 { margin: 100px; }

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

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

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

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

.p-100 { padding: 100px; }

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

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

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

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

.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-120 { margin: 120px; }

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

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

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

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

.p-120 { padding: 120px; }

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

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

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

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

.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.6; }

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; border-radius: 10px; overflow: hidden; }

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: -19px; }

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

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

form .form-alert.success { color: #11bb0f; font-weight: 600; }

.loading-container { position: absolute; bottom: 31px; 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; }

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

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

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

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

header { height: 810px; }

header .main-menu li { position: relative; }

header .main-menu li + li { margin-left: 54px; }

header .main-menu li:hover > a > h3 { color: var(--yellow); }

header .main-menu li:hover.menu-item-has-children > a::before { opacity: 1; }

header .main-menu li:hover.menu-item-has-children > a::after { opacity: 1; top: 166px; }

header .main-menu li:hover > .sub-menu::before { transform: scaleY(1); }

header .main-menu li:hover > .sub-menu > li { opacity: 1; transform: translateY(0); visibility: visible; }

header .main-menu li:hover > .sub-menu > li:nth-child(1) { transition-delay: 0s; }

header .main-menu li:hover > .sub-menu > li:nth-child(2) { transition-delay: 0.2s; }

header .main-menu li:hover > .sub-menu > li:nth-child(3) { transition-delay: 0.4s; }

header .main-menu li.menu-item-has-children > a::before { content: ""; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #fff; opacity: 0; transition: 1s; }

header .main-menu li.menu-item-has-children > a::after { content: ""; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #fff; opacity: 0; transition: 1s; }

header .main-menu li > .sub-menu { position: absolute; left: 50%; transform: translateX(-50%); top: 50px; }

header .main-menu li > .sub-menu::before { content: ""; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); height: 142px; width: 0; background-color: transparent; border-right: 1px solid #fff; transform-origin: top; transform: scaleY(0); transition: transform 1s; }

header .main-menu li > .sub-menu > li { background-color: #fff; width: 200px; padding: 6px 12px 3px; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: opacity 0.5s ease, transform 0.5s ease, background-color 0.25s linear; --menu-item-height: 32px; }

header .main-menu li > .sub-menu > li:hover { background-color: var(--yellow); }

header .main-menu li > .sub-menu > li:hover > a > h3 { color: #fff; transition: color 0.25s linear; }

header .main-menu li > .sub-menu > li::before { content: ""; position: absolute; top: -104%; left: 0; width: 100%; height: var(--menu-item-height); background-color: transparent; }

header .main-menu li > .sub-menu > li > a > h3 { font-size: 15px; color: var(--primary-color); text-transform: capitalize; font-family: "Roboto"; transition-delay: 0s; font-weight: 300;}

header .main-menu li > .sub-menu > li + li { margin-left: 0; }

header .main-menu li > .sub-menu > li:nth-child(1) { position: absolute; right: 50%; top: 0; }

header .main-menu li > .sub-menu > li:nth-child(2) { position: absolute; left: 50%; top: calc(1 * var(--menu-item-height)); }

header .main-menu li > .sub-menu > li:nth-child(2)::before { content: ""; position: absolute; top: -210%; left: 0; width: 100%; height: 66px; background-color: transparent; }

header .main-menu li > .sub-menu > li:nth-child(2)::after { content: ""; position: absolute; top: 105%; left: 0; width: 100%; height: 53px; background-color: transparent; }

header .main-menu li > .sub-menu > li:nth-child(3) { position: absolute; right: 50%; top: calc(2 * var(--menu-item-height)); }

header .try-button { border: 1px solid var(--yellow); }

header .try-button:hover { background-color: var(--yellow); }

header .title { position: absolute; top: 160px; }

.sub-header { height: 535px; }

.sub-header .header-bg { transform: rotate(10deg) translate(-130px, -130px); }

.sub-header #breadcrumbs a { color: #fff; }

.header-bg { position: absolute; top: 0; left: 0; height: 103%; width: 109%; background-size: cover; background-position: center; background-repeat: no-repeat; transform-origin: center; transform: rotate(10deg) translate(-148px, -123px); border-radius: 100px; overflow: hidden; z-index: 1; }

.header-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); opacity: .8; }

.header-bg .wrap { padding: 12px 0; width: 950px; position: absolute; bottom: 12px; left: 42%; transform: translateX(-50%); }

.header-bg .wrap .line-text a:hover {opacity: 1;}

.header-bg .line-text { margin-right: 40px; width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; }

.header-bg .line-text a { opacity: .2; transition: .5s;}

.header-bg .line-text a + a { margin-left: 40px; }

.header-bg .line-text a + a::before { content: ""; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: #fff; }

/* .header-bg .line-text a:nth-child(odd) { opacity: .2; } */

.header-bg .hand-img { position: absolute; right: 18px; bottom: -41px; width: 530px; height: auto; z-index: 1401; transform: rotate(-10deg); }

.try-now-btn { display: none; }

.iframe-wrap { width: 284px; height: 596px; position: absolute; top: 12px; left: 67px; z-index: 100; border-radius: 30px 34px 34px 30px; overflow: hidden; }

.iframe-wrap iframe { border-radius: 30px 34px 34px 30px; overflow: hidden; width: 100%; height: 100%; border: none; }

.benefit-wrap .img-wrap { width: 100%; height: 245px; border-radius: 20px 20px 0 20px; overflow: hidden; }

.decor { position: absolute; right: -1px; bottom: -1px; background-color: #ffffff; mask: url(../puta_menu-online/assets/img/shape.png) no-repeat; width: 119px; height: 112px; z-index: 2; }

.btn-decor { position: absolute; bottom: 10px; right: 10px; width: 45px; height: 45px; border-radius: 50%; background-color: var(--primary-color); border: 1px solid var(--primary-color); z-index: 4; }

.btn-decor img { width: 18px; height: auto; transform: rotate(40deg); }

.btn-decor:hover { background-color: #fff; }

.btn-decor:hover img { filter: brightness(0) invert(0); }

.lines { position: absolute; top: -52%; left: 0; width: 100%; height: 200%; }

.lines .line { width: 1px; opacity: 1; background-color: #f4f4f4; }

.lines .line:nth-child(1) { left: 21%; }

.lines .line:nth-child(2) { left: 50%; }

.lines .line:nth-child(3) { left: 80%; }

.lines .line .box { content: ""; position: absolute; width: 1px; height: 48px; background-color: #102b2a; top: 0; left: 0; transition: 5s; }

.type-menu .bg { position: absolute; top: 0; left: 0; height: 103%; width: 109%; background-size: cover; background-position: center; background-repeat: no-repeat; transform-origin: center; transform: rotate(10deg) translate(10px, 122px); border-radius: 100px; overflow: hidden; z-index: 1; }

.type-menu .bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); opacity: .8; }

.type-menu .bg:after { transform: rotate(-10deg); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent 16%, #fff 74%); }

.type-menu .heading { padding-top: 260px; }

.type-menu .splide__track { padding-top: 50px; }

.menu-option .img-wrap { width: 100%; height: 275px; clip-path: polygon(6.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% 0.14%, 95.399% 0.545%, 96.364% 1.192%, 97.245% 2.061%, 98.029% 3.129%, 98.701% 4.373%, 99.249% 5.772%, 99.657% 7.303%, 99.912% 8.945%, 100% 10.676%, 100% 61.278%, 100% 61.278%, 99.732% 65.983%, 98.988% 69.483%, 97.863% 71.995%, 96.447% 73.739%, 94.835% 74.934%, 93.119% 75.798%, 91.39% 76.552%, 89.742% 77.413%, 88.268% 78.601%, 87.061% 80.335%, 87.061% 80.335%, 86.147% 82.63%, 85.483% 85.137%, 84.946% 87.749%, 84.409% 90.359%, 83.749% 92.86%, 82.839% 95.146%, 81.556% 97.11%, 79.775% 98.644%, 77.369% 99.643%, 74.215% 100%, 6.726% 100%, 6.726% 100%, 5.637% 99.861%, 4.603% 99.457%, 3.638% 98.811%, 2.758% 97.944%, 1.974% 96.879%, 1.302% 95.638%, 0.754% 94.241%, 0.346% 92.712%, 0.09% 91.071%, 0% 89.342%, 0% 10.676%, 0% 10.676%, 0.088% 8.945%, 0.343% 7.303%, 0.751% 5.772%, 1.299% 4.373%, 1.971% 3.129%, 2.755% 2.061%, 3.636% 1.192%, 4.601% 0.545%, 5.636% 0.14%, 6.726% 0%); }

.menu-option p.menu-option-name { margin-top: 12px; }

.menu-option:hover { transform: translateY(-10px); }

.menu-option .btn-decor { bottom: 50px; right: 0; }

.logo-wrap .logo { width: 15%; border: 1px dashed #000; height: 105px; padding: 20px 20px; border-radius: 12px; }

.logo-wrap .logo img { object-fit: contain; }

select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }

.form-contact-home .bg { position: absolute; top: 30%; left: 0; bottom: 0; right: 0; width: 100%; background-position: center; background-size: cover; }

.form-contact-home .bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); opacity: .8; }

.form-contact-home .bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, transparent 10%, #fff 60%); }

.form-contact .form-group input, .form-contact .form-group select { padding: 15px 10px; border: 1px solid #d0d0d0; border-radius: 10px; }

.form-contact .select-wrap::before { content: "\f0d7"; font-family: "FontAwesome"; position: absolute; top: 46%; right: 20px; transform: translateY(-50%); color: #949494; font-size: 18px; }

.form-contact button { border: 1px solid var(--primary-color); }

.form-contact button:hover { background-color: #fff; color: var(--primary-color); border: 1px solid var(--primary-color); }

.list-post .splide__track { padding-top: 120px; }

.list-post .splide__pagination { bottom: -40px; }

.list-post .splide__pagination .splide__pagination__page { margin: 0 8px; width: 9px; height: 9px; }

.list-post .splide__pagination .splide__pagination__page.is-active { background-color: var(--yellow); }

.list-post .post-img { padding-top: 0; border-radius: 30px 30px 0 30px; }

.list-post .post-img .img-wrap { width: 280px; height: 310px; }

.list-post .post-img:hover { transform: translateY(-20px); }

.list-post .post-img:hover .content-wrap .post-title::after { width: 100%; border-color: #b4b4b4; }

.list-post .post-img:hover .btn-decor { background-color: var(--yellow); }

.list-post .post-img:hover .btn-decor img { filter: unset; }

.list-post .post-img .content-wrap { flex: 1; background-color: #fff; min-height: 310px; max-height: 310px; clip-path: polygon(0% 0%, 92.788% 0%, 92.788% 0%, 93.958% 0.111%, 95.067% 0.432%, 96.101% 0.947%, 97.046% 1.636%, 97.887% 2.483%, 98.608% 3.471%, 99.195% 4.581%, 99.632% 5.797%, 99.906% 7.101%, 100% 8.475%, 100% 69.209%, 100% 69.209%, 99.712% 72.951%, 98.915% 75.734%, 97.709% 77.731%, 96.191% 79.118%, 94.463% 80.067%, 92.622% 80.755%, 90.769% 81.354%, 89.003% 82.039%, 87.422% 82.985%, 86.127% 84.364%, 86.127% 84.364%, 85.148% 86.19%, 84.436% 88.183%, 83.86% 90.259%, 83.285% 92.334%, 82.577% 94.323%, 81.602% 96.14%, 80.226% 97.702%, 78.316% 98.922%, 75.737% 99.716%, 72.356% 100%, 0% 100%); padding: 30px 30px 30px 25px; }



.list-post .post-img .content-wrap .top a { border: 1px solid var(--primary-color); border-radius: 25px; padding: 2px 20px; }

.list-post .post-img .content-wrap .title { line-height: 1.3; }

.list-post .post-img .content-wrap .post-title { margin-bottom: 65px; }

.list-post .post-img .content-wrap .post-title:hover h3 { color: var(--yellow); }

.list-post .post-img .content-wrap .post-title::before { content: ""; position: absolute; bottom: -34px; left: 50%; transform: translate(-50%, -50%); width: 100%; border-bottom: 1px solid #e0e0e0; }

.list-post .post-img .content-wrap .post-title::after { content: ""; position: absolute; bottom: -34px; left: 0; width: 0; border: 1px solid #ffffff; z-index: 1; transition: .6s; }

.list-post .post-img .term:hover { background-color: var(--yellow); color: #fff; border-color: var(--yellow) !important; }

.list-post .post-img .btn-decor { background-color: #fff; position: absolute; bottom: 0px; right: 0px; width: 48px; height: 48px; }

.list-post .post-img .btn-decor img { filter: brightness(0) invert(0); }

.list-post h3 { letter-spacing: 1px; }

footer a:hover h3 { color: var(--yellow); }

footer a:hover { color:var(--yellow); }

.copyright a:hover {opacity: .6;}

footer .contact::before { content: ""; position: absolute; top: -30px; left: 30px; height: 160px; border-left: 1px solid #1e3d3c; 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: 36px 0 26px 0; }

footer .wrapper::after { content: ""; position: absolute; top: 0; left: 0; border-top: 1px solid #1e3d3c; width: 40%; transform-origin: left; transform: scaleX(0); transition: transform 2s; }

footer .wrapper::before { content: ""; position: absolute; top: 0; right: 0; border-top: 1px solid #1e3d3c; width: 40%; transform-origin: right; transform: scaleX(0); transition: transform 2s; }

footer .socials { flex: 1; }

footer .copyright { flex: 2; text-align: center; }

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

footer .registered { flex: 1; text-align: right; }

.socials a + a { margin-left: 42px; position: relative; }

.socials a + a::after { content: ""; position: absolute; top: 45%; left: -24px; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: var(--yellow); }

.about-us { margin-top: 48px; position: relative; z-index: 1; }

.about-us .type-menu .bg:after { background-image: linear-gradient(to bottom, transparent 50%, #fff 100%); }

.sidebar { position: sticky; top: 0; }

.sidebar-form { box-shadow: 0 0px 100px rgba(0, 0, 0, 0.14); }

.sidebar-form .form-message.invalid { bottom: -16px; font-size: 12px; }

.sidebar-form .form-group input, .sidebar-form .form-group select { padding: 10px 10px; font-size: 16px; }

.sidebar-form button { border: 1px solid #b48c66; }

.sidebar-form button:hover { background-color: #fff; color: #b48c66; border: 1px solid #b48c66; }

.banner a { height: 600px; width: auto; }

.sidebar-form .form-alert { bottom: -2px; left: 55%; font-weight: 300 !important; font-size: 14px; }

.sidebar-form .loading-container { bottom: 58px; }

.sidebar-form .loading-spinning-bubbles .bubble-container .bubble { background-color: var(--primary-color); }

.about-us article td { padding: 6px; }

/* options menu page*/
.intro .img-wrap {
	height: 324px;
}

.intro .img-wrap > img {
	border-radius: 30px 30px 0 30px;
}

.intro .img-wrap .btn-decor {    background-color: var(--yellow); color: #fff; border: 1px solid var(--yellow); width: 50px;height: 50px; right: 0; bottom: 0;}

.intro .content-wrap button {border-radius: 30px;border: 1px solid var(--yellow);}
.intro .content-wrap button:hover {background-color: #fff; color: var(--yellow);}

.video .video-wrap video {position: absolute; top: 0;left: 0; width: 100%;height: 100%; object-fit: cover;border-radius: 30px 30px 0 30px;opacity: 0;visibility: hidden;transition: .5s;}
.video .video-wrap video.active {opacity: 1;visibility: visible;}
.video .img-wrap:before {content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%;  border-radius: 30px 30px 0 30px; transition: .3s;}
.video .img-wrap.unactive:before {opacity: 0;visibility: hidden;}
.video .img-wrap:after {content: ""; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); background-image: url("https://menuonline79.com/wp-content/uploads/2024/09/play.png"); width: 50px; height: 50px; cursor: pointer;background-size: cover; background-position: center; transition: .3s;}
.video .img-wrap.unactive:after {opacity: 0;visibility: hidden;}

#tabs .splide__slide {padding : 10px 0; text-align: center; border: none;}
#tabs .splide__slide.is-active {background-color: var(--yellow); border-radius: 30px; border: none; transition: .3s;}
.tab-wrap,.tab-wrap .tab {border-radius: 30px; transition: .25s;     width: fit-content;display: inline-block;}
.tab-wrap .tab.active {background-color: var(--yellow); }
.tab-content-item {flex-wrap: wrap; row-gap: 32px;}
.tab-content-item a {height: 374px;  width: 48.5%; border-radius: 6px; overflow:hidden; display: block; position: relative;}

.tab-content-item .item-content:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); border-radius: 6px; opacity: 0;visibility: hidden; transition: .5s;}

.tab-content-item .item-content > span{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    padding: 7px 19px 5px;
    border-radius: 6px;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}

.tab-content-item .item-content > span:hover {
	background-color: var(--yellow);
}

.tab-content-item .item-content:hover::before {opacity: 1; visibility: visible;}
.tab-content-item .item-content:hover > span {opacity: 1; visibility: visible;}

.single-options-menu table {border: 1px solid #ebebeb; border-collapse: collapse;}
.single-options-menu table :is(th, td, tr) {border: 1px solid #d7d7d7; }
.single-options-menu td {padding: 24px 20px; }

/* form popup container */
.form-popup-container {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 6;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}

.form-popup-container .popup-container {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    background-color: #fff;
	width: 55%;
	max-width: 845px;
	height: auto;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}

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

.form-popup-container .menu-head {padding : 12px;}

.form-popup-container .form-contact {width: 49.5%;}
.form-popup-container .banner {width: 46.5%; height: 100%; border-radius: 12px; overflow: hidden;}
.form-popup-container .banner img {display: block;}

.form-popup-container  input:-webkit-autofill,
.form-popup-container  input:-webkit-autofill:hover, 
.form-popup-container  input:-webkit-autofill:focus, 
.form-popup-container  input:-webkit-autofill:active{
    transition: background-color .25s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
	-webkit-animation: autofill 0s forwards;
	background-color: #fff;
	 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
}



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

.form-popup-container .form-contact .form-group input, .form-popup-container .form-contact .form-group select{
	border: 1px solid #1e3d3c;
}

.form-popup-container .form-contact .form-group select{
	background-color: #fff;
}

.form-popup-container  .close-btn {
	position: absolute;
    top: 20px;
    right: 20px;
    color: var(--primary-color);
	padding: 6px;
	cursor: pointer;
}

.form-popup-container .sidebar-form {
	box-shadow: none;
	padding: 0;
	padding-right: 24px;
}

.form-popup-container input::placeholder {
  color: var(--primary-color);
}

.form-popup-container .sidebar-form .form-alert {
	bottom: 34px;
}

.form-popup-container input:-webkit-autofill,
.form-popup-container input:-webkit-autofill:hover, 
.form-popup-container input:-webkit-autofill:focus, 
.form-popup-container input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.form-popup-container .sidebar-form button {
    border: 1px solid #b48c66;
    width: 73%;
    padding: 9px 0;
    margin: 16px auto 0;
    border-radius: 30px;
    font-size: 16px;
}


@media screen and (min-width: 1600px) { header { height: 890px; }
  .header-bg { transform: rotate(10deg) translate(-148px, -165px); }
  .type-menu .bg { transform: rotate(10deg) translate(10px, 160px); }
  .sub-header { height: 560px; }
  .sub-header .header-bg { transform: rotate(10deg) translate(-170px, -155px); } }

@media screen and (min-width: 1920px) { header { height: 940px; }
  .header-bg { transform: rotate(10deg) translate(-236px, -210px); }
  .type-menu .bg { transform: rotate(10deg) translate(10px, 220px); }
  .type-menu .heading { padding-top: 300px; }
  .sub-header { height: 700px; }
  .sub-header .header-bg { transform: rotate(10deg) translate(-190px, -160px); } 
  .lines {height: 270%;}
}

@media screen and (max-width: 1400px)  {
	.list-post .post-img .img-wrap {width: 210px;}
}

@media screen and (max-width: 1368px) { .header-bg { transform: rotate(10deg) translate(-110px, -123px); }
  .type-menu .bg { transform: rotate(10deg) translate(-24px, 122px); }
  .list-post .splide__slide.is-next h3 { margin-top: 0; }
  .list-post .splide__slide.is-next .img-wrap { transform: unset; } 
  .menu-option .img-wrap {height: 300px;}
}

@media screen and (max-width: 1200px) { .header-bg { transform: rotate(10deg) translate(-90px, -123px); }
  .header-bg .hand-img { right: -50px; }
  header .main-menu li + li { margin-left: 36px; }
  .type-menu .bg { transform: rotate(10deg) translate(-24px, 122px); }
  .type-menu .splide__pagination { bottom: -48px; }
  .type-menu .splide__pagination .splide__pagination__page { margin: 0 8px; width: 9px; height: 9px; }
  .type-menu .splide__pagination .splide__pagination__page.is-active { background-color: var(--yellow); }
  footer .contact::before { top: -30px; left: 16px; }
  footer .socials a + a { margin-left: 30px; position: relative; }
  footer .socials a + a:after { top: 50%; left: -20px; }
  .about-us .mt-80 { margin-top: 20px; } 
  .single-options-menu .fs-35px {font-size: 28px;}
  .single-options-menu .fs-22px {font-size: 18px;}
	.tab-content-item a { height: 320px;}
	.benefit-section h2 {padding: 24px 0;}
	.video {margin-top: 30px;}
	.form-popup-container .banner {display: none;}
	.form-popup-container .form-contact { width: 100%;}
	.form-popup-container .popup-container {width: 400px;}
	.form-popup-container .sidebar-form {padding-right: 0;}
	.form-popup-container .menu-head { padding: 20px !important;}
	
}

@media screen and (max-width: 1025px) { .banner a { height: auto; width: auto; }
  .sub-header .header-bg { transform: rotate(10deg) translate(-95px, -130px); }
  .type-menu .heading { padding-top: 200px; } }

@media screen and (max-width: 992px) { .home .fs-45px { font-size: 36px; }
  #menu-main-menu { display: none; }
  .mobile-menu-container { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 6; visibility: hidden; opacity: 0; transition: .5s; }
  .mobile-menu-container.active { visibility: visible; opacity: 1; }
  .mobile-menu-container .menu-wrap { position: fixed; top: 0; left: 0; z-index: 6; background-color: var(--primary-color); width: 400px; height: 100%; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: .5s; overflow-y: scroll; }
  .mobile-menu-container .menu-wrap .menu-head { padding: 10px 12px; border-bottom: 1px solid var(--border-color); }
  .mobile-menu-container .menu-wrap .menu-head::after { content: ""; position: absolute; top: 0; left: 53px; height: 100%; border-left: 1px solid var(--border-color); }
  .mobile-menu-container .menu-wrap .menu-head::before { content: ""; position: absolute; top: 0; right: 53px; height: 100%; border-left: 1px solid var(--border-color); }
  .mobile-menu-container .menu-wrap .menu-head .search-btn { font-size: 24px; transform: rotate(90deg); }
  .mobile-menu-container .menu-wrap .menu-head .close-btn svg { width: 24px; height: auto; color: #ffffff; transition: .25s; }
  .mobile-menu-container .menu-wrap .logo img { width: 81px; height: auto; }
  .mobile-menu-container .menu-wrap .main-menu { margin-top: 12px; }
  .mobile-menu-container .menu-wrap .main-menu > li { margin: 15px 0; border-bottom: 1px solid #1e3d3c; padding-bottom: 15px; }
  .mobile-menu-container .menu-wrap .main-menu li > .sub-menu { margin-top: 15px; margin-bottom: -15px; }
  .mobile-menu-container .menu-wrap .main-menu li > .sub-menu > li { padding: 12px 0; border-top: 1px solid #1e3d3c; }
  .mobile-menu-container .menu-wrap .main-menu li > .sub-menu > li > a > h3 { font-weight: 300; font-size: 15px; margin-left: 24px; }
  .mobile-menu-container .menu-wrap .main-menu > li.menu-item-has-children > a { position: relative; }
  .mobile-menu-container .menu-wrap .call-wrap { padding-bottom: 0; margin-bottom: -10px; padding-top: 8px; }
  .mobile-menu-container .menu-wrap .contact { padding: 12px 0 12px; color: #fff; display: flex; align-items: center; font-size: 16px; }
  .mobile-menu-container .menu-wrap .contact svg { width: 19px; height: auto; margin-right: 6px; color: #000; }
  .mobile-menu-container.active .menu-wrap { opacity: 1; visibility: visible; transform: translateX(0); }
  header .try-button { display: none; }
  header .mobile-menu-btn { background-color: #edf2f7; width: 40px; height: 40px; }
  .title .fs-60px { font-size: 50px; }
  .title .fs-36px { font-size: 26px; }
  .title .fs-44px { font-size: 34px; }
  .header-bg { transform: rotate(10deg) translate(-66px, -138px); }
  .header-bg .hand-img { width: 500px; right: -84px; bottom: 0; }
  .iframe-wrap { width: 270px; height: 565px; left: 65px; }
  .list-benefit { overflow-x: scroll; flex-wrap: nowrap; }
  .benefit-wrap { width: 424px; }
  .menu-option .img-wrap { mask-size: 290px; -webkit-mask-position: center; }
  .logo-wrap .logo { height: 80px; padding: 10px 10px; }
  .form-contact-home.pt-96 { padding-top: 70px; }
  .list-post .post-img { padding-top: 60px; }
  .list-post .post-img h3 { padding: 0 20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; }
  .list-post .post-img .img-wrap { -webkit-mask-size: 300px; -webkit-mask-position: center; }
  footer .registered { display: none; }
  footer .copyright { text-align: right; }
  footer .contact:nth-child(3) { margin-top: 36px; }
  footer .contact:nth-child(3)::before { display: none; }
  footer .contact:nth-child(4) { margin-top: 36px; } 

	.single-options-menu {margin-top: 0;}
	.intro {flex-direction: column-reverse; }
	.video {flex-direction: column; margin-top: 20px;}
	.tab-content-item a { height: 240px;  }
	.benefit-section h2 { font-size: 20px; padding: 18px 0;}
	.single-options-menu table {width: 1000px;}
	.single-options-menu .table-wrap {overflow-x: scroll;padding: 0;}
	.single-options-menu table .fs-17px {font-size: 16px;}
	.single-options-menu table .fs-18px {font-size: 17px;}
	.single-options-menu table th {padding: 16px 0;}
	.single-options-menu table td { padding: 16px 12px;}
	.intro .content-wrap button {margin-top: 0;margin-bottom: 12px;}
	.video {margin-top: 20px; margin-bottom: 40px;}
	#tabs {margin-top: 18px;}
	#content{margin-top: 30px;}
	.tab-content-item a { height: 190px;}
	
	.form-popup-container .menu-wrap{left: 50%;
    transform: translate(-50%, -50%) !important;
    top: 50%;
    background-color: #fff;
    height: fit-content;}
	
	.form-popup-container.active .popup-container {
		transform: unset;
	}
	.form-popup-container.mobile-menu-container .menu-wrap .close-btn svg{color: var(--primary-color);}
	.form-popup-container {z-index: 400;}
	
	.list-post .post-img .img-wrap {border-radius: 30px 0 0 0; overflow: hidden;}
	.list-post .splide__track {padding-top: 38px;}
	
	.about-us .save-cost {flex-direction: column;}
	
	.about-us .mt-100 { margin-top: 36px;}
	
	.about-us  .menu-option .img-wrap {
        height: 249px;
    }
	
	
}

@media screen and (max-width: 769px) { .home .fs-45px { font-size: 28px; }
  .home .fs-24px { font-size: 20px; }
  .header-bg { height: 100%; transform: rotate(10deg) translate(-59px, -78px); }
  .header-bg .hand-img { display: none; }
  header { height: 510px; }
  header .title { position: relative; top: 40px; text-align: center; }
  .type-menu .heading { padding-top: 180px; }
  .type-menu .splide__track { padding-top: 0px; }
  .type-menu .splide__pagination .splide__pagination__page { background-color: #fff; }
  .benefit.mb-36 { margin-bottom: 0; }
  .partner.pt-70 { padding-top: 30px; }
  .partner .container { overflow-x: scroll; }
/*   .partner .row { width: 900px; padding-bottom: 12px; } */
	.logo-wrap {flex-wrap: wrap; gap: 18px;}
	.logo-wrap .logo { height: 118px; padding: 10px 10px; width: 47%;}
  .form-contact-home.pt-96 { padding-top: 24px; }
  footer .logo { width: auto; height: 43px; transform: translate(-50%, -40px); }
  footer .socials { margin-top: 5px; }
  .footer-bottom .wrapper { flex-direction: column-reverse; padding: 30px 0 16px 0; }
  .list-post .post-img { padding-top: 30px; }
  header .title { top: 30px; }
  .try-now-btn { display: block; }
  .title .fs-60px { font-size: 40px; }
  .title .fs-36px { font-size: 20px; margin-bottom: 22px; margin-top: 16px;}
  .title .fs-32px { font-size: 19px; margin-bottom: 30px;}
  .title .fs-44px { font-size: 28px; }
  .form-contact .form-group input, .form-contact .form-group select { font-size: 16px; padding: 12px 10px; }
  .sub-header .header-bg { transform: rotate(10deg) translate(-70px, -130px); }
  .about-us .type-menu .bg { transform: rotate(10deg) translate(-12px, 122px); }
  .about-us .fs-45px { font-size: 36px; }
	.list-post .post-img .img-wrap { width: 184px;   height: 286px;}
	.list-post .post-img .content-wrap { min-height: 286px; max-height: 286px;}
	.list-post .post-img .content-wrap .title {padding: 0;}
	.about-us  .fs-35px {font-size: 29px;}
	.about-us .mb-80 {margin-bottom: 36px;}
	.about-us {margin-top: 0;}
}

@media screen and (max-width: 576px) { .home .fs-45px { font-size: 19px; }
  .home .fs-24px { font-size: 16px; }
  header { height: 470px; }
  header .title { top: 40px; }
  header.pt-36 { padding-top: 16px; }
  .mobile-menu-container .menu-wrap { width: 90%; }
  .header-bg { height: 100%; transform: rotate(0deg) translate(0, -55px); border-radius: 0; }
  .lines .line:nth-child(2) { display: none; }
  .benefit .mb-56 { margin-bottom: 32px; }
  .benefit .mb-40 { margin-bottom: 12px; }
  .benefit .fs-20px { font-size: 16px; }
  .benefit .fs-18px { font-size: 16px; }
  .type-menu { margin-top: 40px; }
  .type-menu .bg { transform: rotate(0deg) translate(0px, 0); border-radius: 0; }
  .type-menu .bg:after { transform: unset; }
  .type-menu .heading { padding-top: 50px; }
  .form-contact-home .pb-100 { padding-bottom: 74px; }
  .list-post .splide__pagination { bottom: -40px; }
  .form-contact .fs-20px { font-size: 17px; }
  form .form-message.invalid { font-size: 11px; bottom: -18px; }
  footer.has-appear .contact::before { transform: scaleX(1); }
  footer .footer-top.pb-100 { padding-bottom: 50px; }
  footer .footer-top.pt-90 { padding-top: 45px; }
  footer .contact::before { content: ""; position: absolute; top: -24px; left: 0; width: 100%; border-top: 1px solid #1e3d3c; transform-origin: center; border-left: unset; transition: 1.5s; transform: scaleX(0); }
  footer .contact:nth-child(3)::before { display: block; }
  footer .col-xl-3 + .col-xl-3 { margin-top: 36px; }
  footer .info-wrap .mb-24 { margin-bottom: 12px; }
  footer .info-wrap .mt-8 { margin-top: 2px; }
  footer .copyright { text-align: center; }
  footer .copyright > span { display: block; width: 100%; }
  footer .socials { display: none; }
  footer .wrapper::before { width: 35%; }
  footer .wrapper::after { width: 35%; }
  form .form-alert.success { font-size: 15px; }
  .sub-header { height: 475px; }
  .sub-header .fs-50px { font-size: 30px; }
  .sub-header .header-bg { transform: rotate(0deg) translate(0px, -155px); }
  .sub-header .mt-30 { margin-top: 5px; }
  .sub-header .fs-17px { font-size: 16px; }
  .sub-header .pt-100 { padding-top: 72px; }
  .about-us { margin-top: -130px; }
  .about-us .type-menu .bg { transform: rotate(0deg) translate(0px, 22px); }
  .about-us .fs-45px { font-size: 25px; }
  .about-us .fs-24px { font-size: 18px; }
  .list-menu .fs-25px { font-size: 20px; }
  .banner a { height: 600px; width: auto; }
  .type-menu .splide__pagination { bottom: -36px; }
  .mb-96 { margin-bottom: 30px; }
  .type-menu .splide__pagination .splide__pagination__page { background-color: #b7b7b7; }
  .about-us .type-menu .splide__pagination .splide__pagination__page { background-color: #fff; }
  .about-us article table { font-size: 16px; }
  .about-us article table td { padding: 4px; } 

  .single-options-menu {margin-top: -140px;}
	#content {padding: 0 12px !important;}
	.benefit-section {padding: 0 12px;}
	.intro .content-wrap button {padding: 10px 24px;}
	.single-options-menu .fs-18px {font-size: 16px;}
	.single-options-menu .fs-35px { font-size: 22px;}
	.intro .img-wrap { height: 248px;}
	#tabs .splide__slide {padding: 6px 0;}
	.tab-content-item a { height: 200px; width: 100%;  }
	.tab-content-item { row-gap: 20px;}
	.single-options-menu {margin-bottom: 40px;}
	.benefit-section h2 {margin-top: 40px;}
	.form-popup-container .close-btn {
		position: absolute;
		top: 6px;
		right: 10px;
		color: var(--primary-color);
		padding: 6px;
		cursor: pointer;
	}
	
	.list-post .post-img .img-wrap {
        width: 100%;
        border-radius: 30px 30px 0 0;
    }
	
	.list-post .post-img {
        padding-top: 30px;
        flex-direction: column;
    }
	
	.list-post .post-img .content-wrap {
		clip-path: unset;
        height: fit-content;
        max-height: unset;
        min-height: unset;
		border-radius: 0 0 30px 30px;
		padding: 16px;
	}
	
	.list-post .post-img .content-wrap .top {display: none;}
	
	.list-post .post-img .img-wrap {
    	height: 220px;
	}
	
	.list-post .post-img article {
		padding-right: 0;
	}
	.list-post .post-img .content-wrap .title {padding: 0;}
	.list-post .post-img .content-wrap .post-title{    margin-bottom: 24px;}
	.list-post .post-img .content-wrap .post-title::before {bottom: -13px;}
	.list-post .post-img .content-wrap .post-title::after {bottom: -13px;}
	.list-post .post-img .btn-decor {display: none;}
	.list-post .splide__track { padding-top: 12px;}
    .menu-option .img-wrap {height: 250px; }
	.btn-decor {width: 40px; height: 40px;}
	div.title.wt > h2.fs-36px.mt-30.mb-20.font-thin {margin-top: 10px; margin-bottom: 8px;}
	.menu-option p.menu-option-name {color: var(--yellow);}
	.header-bg {height: 104%;}
	.benefit .benefit-wrap h3 {margin-bottom: 16px;}
	.benefit-wrap .img-wrap {margin-bottom: 26px;}
	.type-menu .splide__track .splide__slide {margin-top: 30px;}
	.logo-wrap .logo {height: 86px;}
	.form-contact-home .form-contact {margin-top: 24px;}
	.form-contact-home.pt-96 {
        padding-top: 30px;
    }
	.home .mt-12 {margin-top: 6px;}
	
	.sub-header .header-bg {height: 102%;}
	
	.list-benefit { overflow-x: unset; flex-wrap: wrap; }
	.benefit-wrap { width: 100%; }
	
	.about-us .fs-35px {
        font-size: 21px;
    }
	.about-us .fs-22px {
		font-size: 16px;}
	
	.about-us  .mb-96 {
        margin-bottom: 65px;
    }
	
	.type-menu .col-12 p, .form-contact-home .col-12 p{font-size: 16px;}
}
	
}