html {font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height: 1.5;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, ::after, ::before {box-sizing: border-box;border-width: 0;border-style: solid;}
body {margin: auto;}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;}
ol, ul {list-style: none;margin: 0;padding: 0;}
img, video {max-width: 100%;height: auto;}
audio, canvas, embed, iframe, img, object, svg, video {display: block;vertical-align: middle;}
a {color: inherit;cursor: pointer;}
table {border-collapse: collapse;}
button {background: initial;}

/* width */
.w-full {width: 100% !important;}
.w-11\/12 {width: 91.666667%;}
.w-4\/5	{width: 80%;}
.w-1\/4 {width: 25%;}
.w-1\/3 {width: 33.333333%;}
.w-1\/6 {width: 16.666667%;}
.w-1\/12 {width: 8.333333%;}
.w-4{width:1rem;}
.w-5{width:1.25rem;}
.w-6{width:1.5rem;}
.w-8{width:2rem;}
.w-12{width:3rem;}
.w-16{width:4rem;}
.w-80{width:20rem;}
.w-96{width:24rem;}

/* height */
.h-full{height:100%;}
.h-4{height:1rem;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.h-8{height:2rem;}
.h-12{height:3rem;}
.h-16{height:4rem;}
.h-80{height:20rem;}
.h-96{height:24rem;}
.h-64{height:16rem;}

/* display */
.relative{position:relative;}
.absolute{position:absolute;}
.sticky{position:sticky;}
.inline {display: inline !important;}
.block {display: block;}
.inline-block {display: inline-block;}

/* flex */
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-col{flex-direction:column;}
.flex-shrink-0{flex-shrink:0;}
.justify-start {justify-content: flex-start;}
.justify-center {justify-content: center;}
.justify-between{justify-content:space-between;}
.justify-end {justify-content: flex-end;}
.justify-around {justify-content: space-around;}
.items-start {align-items: flex-start;}
.items-center {align-items: center;}

/* order */
.order-1{order:1;}
.order-2{order:2;}

/* grid */
.grid{display:grid;}
.gap-2{gap:0.5rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.gap-12{gap:3rem;}
.gap-16{gap:4rem;}
.gap-20{gap:5rem;}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}

/* visibility */
.invisible {visibility: hidden;}

/* top / right / bottom / left */
.-top-4 {top: -1rem;}
.-top-14 {top: -3.5rem;}
.-top-16 {top: -4rem;}
.top-0{top:0;}
.top-4 {top: 1rem;}
.top-24{top:6rem;}
.right-0{right:0;}
.bottom-0{bottom:0;}
.-left-1 {left: -.25rem;}
.-left-2 {left: -.5rem;}
.-left-28 {left: -7rem;}
.-left-44 {left: -11rem;}
.left-0{left:0;}
.left-6 {left: 1.5rem;}
.left-8 {left: 2rem;}
.left-16 {left: 4rem;}

/* padding */
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.p-10{padding:2.5rem;}
.px-0\.5{padding-left:.125rem;padding-right:.125rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-24{padding-top:6rem;padding-bottom:6rem;}
.pt-2{padding-top:0.5rem;}
.pt-6{padding-top:1.5rem;}
.pt-12{padding-top:3rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-4{padding-bottom:1rem;}
.pb-6{padding-bottom:1.5rem;}
.pb-8{padding-bottom:2rem;}
.pl-6 {padding-left: 1.5rem;}

/* margin */
.m-auto {margin: auto;}
.mx-auto {margin-left: auto;margin-right: auto;}
.mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.my-1 {margin-top: .25rem;margin-bottom: .25rem;}
.my-2 {margin-top: .5rem;margin-bottom: .5rem;}
.mt-0\.5{margin-top:0.125rem;}
.mt-1 {margin-top: .25rem;}
.mt-1\.5 {margin-top: .375rem;}
.mt-2 {margin-top: .5rem;}
.mt-4 {margin-top: 1rem !important;}
.mt-6{margin-top:1.5rem;}
.mt-8 {margin-top: 2rem !important;}
.-mt-20{margin-top:-5rem;}
.-mr-0 {margin-right: 0px;}
.mr-2 {margin-right: .5rem;}
.mr-4 {margin-right: 1rem;}
.-mr-20{margin-right:-5rem;}
.-ml-20{margin-left:-5rem;}
.ml-0\.5 {margin: 0.125rem;}
.ml-1 {margin: 0.25rem;}
.ml-2 {margin-left: 0.5rem;}
.ml-4 {margin-left: 1rem;}
.-mb-20{margin-bottom:-5rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.mb-16{margin-bottom:4rem;}
.mb-20{margin-bottom:5rem;}

/* text-align */
.text-center {text-align: center;}
.text-left {text-align: left;}

/* Font Size */
.text-xl {font-size: 1.25rem;}
.text-2xl {font-size: 1.5rem;}
.text-3xl {font-size: 1.875rem;}

/* font-weight */
.font-medium{font-weight:500;}
.font-bold{font-weight:700;}
.font-black{font-weight:900;}

/* Font Style */
.italic{font-style:italic;}
.uppercase{text-transform:uppercase;}
.no-underline{text-decoration-line:none;}
.line-through{text-decoration-line: line-through;}

/* overflow */
.overflow-hidden {overflow: hidden;}
.hidden{display:none;}

/* Border Radius */
.rounded-tl-2xl	{border-top-left-radius: 1rem;}
.rounded-tr-2xl	{border-top-right-radius: 1rem;}

@media (min-width: 1201px) {  
  /* width */
  .md\:w-1\/2 {width: 50%;}  
  .md\:w-1\/3 {width: 33.333333%;}
  /* margin */
  .md\:mr-4 {margin-right: 1rem;}
  /* top / right / bottom / left */
  .md\:left-6 {left: 1.5rem;}
  .md\:left-8 {left: 2rem;}
  .md\:left-16 {left: 4rem;}  
  .md\:-left-44 {left: -11rem;}
  .md\:-left-28 {left: -7rem;}  
  .md\:-top-4 {top: -1rem;}
  .md\:-top-14 {top: -3.5rem;}
  .md\:-top-16 {top: -4rem;}  
  /* display */
  .md\:block {display: block;}
}

@media (max-width: 1200px) {  
  /* width */
  .sm\:w-full {width: 100% !important;}
  /* display */
  .sm\:block {display: block;}
  .sm\:hidden {display: none !important;}
  /* top / right / bottom / left */
  .sm\:-top-4 {top: -1rem;}
  /* visibility */
  .sm\:invisible {visibility: hidden;}
}