.cursor-pointer{cursor: pointer;}
.float-left {float: left}
.float-right {float: right}
.relative { position: relative }
.absolute{position: absolute}
.fixed{position: fixed}
.flex { display: flex }
.inline-flex {display: inline-flex}
.content-center{align-content: center}
.flex-col {flex-direction: column}
.justify-end {justify-content: end}
.justify-start {justify-content: start}
.justify-center {justify-content: center}
.justify-between{justify-content: space-between}
.items-center {align-items: center}
.items-end {align-items: end}
.items-start{align-items: start}
.items-baseline{align-items: baseline}
.bg-ffe49a{background: #FFE49A}
.bg-\[\#FFEFC3\]{background: #FFEFC3}
.bg-\[\#ffffe6\]{background: #ffffe6}
.bg-light-orange-200\/30{background-color: rgba(255, 202, 56, 0.3)}
.hover\:bg-\[\#FFFFE5\]:hover{background-color: #FFFFE5}
.bottom-0{bottom: 0}
.left-0{left: 0}
.pb-1{padding-bottom: 4px}
.pb-2{padding-bottom: 8px}
.pb-4{padding-bottom: 16px}
.pb-20{padding-bottom: 80px}
.pl-5{padding-left: 20px}
.pl-8{padding-left: 32px}
.pr-5{padding-right: 20px}
.pr-8{padding-right: 32px}
.py-70px {padding-top: 70px; padding-bottom: 70px}
.z-0{z-index: 0}
.z-10{z-index: 10}
.overflow-hidden {overflow: hidden}
.overflow-x-auto{overflow-x: auto}
.px-10{padding-left: 40px; padding-right: 40px}
.px-8{padding-left: 32px; padding-right: 32px}
.px-5{padding-left: 20px; padding-right: 20px}
.px-4{padding-left: 16px; padding-right: 16px}
.px-3{padding-left: 12px; padding-right: 12px}
.px-2{padding-left: 8px; padding-right: 8px}
.py-10{padding-top: 40px; padding-bottom: 40px}
.hover\:py-\[9px\]:hover {padding-top: 9px; padding-bottom: 9px}
.py-6{padding-top: 24px; padding-bottom: 24px}
.py-2{padding-top: 8px; padding-bottom: 8px}
.py-0{padding-top: 0px; padding-bottom: 0px}
.p-2{padding: 8px}
.p-4{padding: 16px}
.p-6{padding: 24px}
.p-8{padding: 32px}
.rounded-full {border-radius: 9999px}
.rounded-\[24px\]{border-radius: 24px}
.rounded-2xl{border-radius: 16px}
.rounded-3xl{border-radius: 24px;}
.rounded-lg{border-radius: 8px}
.rounded {border-radius: 4px}
.mx-auto{margin-left: auto; margin-right: auto;}
.my-3{margin-top: 12px; margin-bottom: 12px}
.mt-4{margin-top: 16px}
.mt-2{margin-top: 8px}
.mt-10{margin-top: 40px}
.mt-\[50px\]{margin-top: 50px}
.mt-20{margin-top: 80px}
.mb-10{margin-bottom: 40px}
.mr-3 {margin-right: 12px}
.-mt-10{margin-top: -40px}
.-mt-8{margin-top: -32px}
.gap-10{gap: 40px}
.gap-8{gap: 32px}
.gap-6{gap: 24px}
.gap-5{gap: 20px}
.gap-4{gap: 16px}
.gap-3{gap: 12px}
.gap-2{gap: 8px}
.gap-1{gap: 4px}
.gap-\[13px\]{gap:13px}
.text-\[60px\]{font-size: 60px}
.text-\[40px\]{font-size: 40px}
.text-\[32px\]{font-size: 32px}
.text-\[20px\]{font-size: 20px}
.max-w-\[570px\]{max-width: 570px}
.max-w-\[600px\]{max-width: 600px}
.max-w-\[670px\]{max-width: 670px}
.max-w-\[700px\]{max-width: 700px}
.max-w-\[800px\]{max-width: 800px}
.max-w-20{max-width: 80px}
.max-w-7xl{max-width: 1280px}
.w-\[90\%\]{width: 90%}
.w-full {width: 100%}
.w-max{width: max-content;}
.w-\[70px\] {width: 70px}
.w-\[60px\] {width: 60px}
.w-\[55px\] {width: 55px}
.w-\[30px\] {width: 30px}
.w-\[10px\] {width: 10px}
.w-4{width: 16px}
.w-6{width: 24px}
.w-10{width: 40px}
.w-20{width: 80px}
.\!w-6{width: 24px !important}
.w-8{width: 32px}
.\!w-8{width: 32px !important}
.h-\[10px\] {height: 10px}
.h-\[70px\] {height: 70px}
.h-\[80px\] {height: 80px}
.h-\[88px\] {height: 88px}
.h-20{height: 80px}
.h-10{height: 40px}
.h-4{height: 16px}
.h-6{height: 24px}
.\!h-6{height: 24px !important}
.h-max{height: max-content;}
.max-h-full{max-height: 100%}
.h-full{height: 100%}
.font-normal {font-weight: 400}
.font-bold{font-weight: 700}
.text-\[\#C79300\]{color: #C79300}
.leading-10{line-height: 40px}
.leading-6{line-height: 24px}
.leading-8{line-height: 32px}
.leading-\[80px\]{line-height: 80px}
.grid {display: grid}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.flex-1{flex: 1 1 0%}
.border-b-2{border-bottom-width: 2px}
.border-\[1px\]{border-width: 1px}
.\!border-b-2{border-bottom-width: 2px !important}
.border-\[\#694D00\]{border-color: #694D00}
.border-\[\#FFE49A\]{border-color: #FFE49A}
.border-\[\#C79300\]{border-color: #C79300}
.border-bottom-solid {border-bottom-style: solid}
.border-light-brown{border-color: #C79300}
.\!border-bottom-solid {border-bottom-style: solid !important}
.border-solid {border-style: solid}
.border-bottom-brown{border-color: #694D00}
.\!border-bottom-brown{border-color: #694D00 !important}
.border-none {border: none}
.hover\:border-none:hover{border: none}
.bg-no-repeat{background-repeat: no-repeat} 
.bg-right-top{background-position: right top}
.text-sm{font-size: .875rem; line-height: 1.25rem}
.text-2xl{font-size: 1.5rem; line-height: 2rem}
.text-4xl{ font-size: 2.25rem; line-height: 2.5rem}
.text-left{text-align: left}
.text-right{text-align: right}
.rotate-\[135deg\]{rotate: 135deg}
.text-center{text-align: center;}
.text-brown {color: #694D00}
.text-base {font-size: 16px}
.text-lg {font-size: 18px}
.text-xl{font-size: 1.25rem; line-height: 1.75rem}
.text-justify {text-align: justify;}
.bg-light-orange-300 {background-color: #FFEFC3}
.bg-light-orange-200 {background-color: #FFCA38}
.hover\:bg-light-orange-100:hover{background-color: #FFBC00}
.\[\&\>\*\:nth-child\(odd\)\]\:bg-\[\#FFCA38\]>:nth-child(odd) {
    background-color: #ffca38;
}
.\[\&\>\*\:nth-child\(odd\)\]\:bg-light-orange-200\/30:nth-child(odd){
    background-color: rgba(255, 202, 56, 0.3)
}
.group:hover .group-hover\:bg-\[\#FFCA38\] {background-color: #ffca38}
.opacity-30{opacity: 0.3}
.opacity-100{opacity: 1}
@media (min-width: 640px){
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 768px){
    .md\:flex{display: flex}
    .md\:gap-4 {gap: 16px}
    .md\:gap-8 {gap: 32px}
    .md\:bg-white-list{background-image: url("/images/top-bg-content.png")}
    .md\:text-5xl{font-size: 3rem; line-height: 1}
}
@media (min-width: 1024px){
    .lg\:flex-row {flex-direction: row}
    .lg\:gap-10{gap: 40px}
    .lg\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))}
    .lg\:mt-0{margin-top: 0}
}
@media (min-width: 1280px){
    .xl\:px-0 { padding-left: 0; padding-right: 0}
    .xl\:w-full {width: 100%}
    .xl\:px-0{padding-left: 0; padding-right: 0}
    .xl\:text-6xl{font-size: 3.75rem; line-height: 1}
}