.container {
  width: 100%;
}
.img-fluid {width: 100%;}
.w-0 {
  width: 0;
}

.w-1 {
  width: 5px;
}

.w-2 {
  width: 10px;
}

.w-3 {
  width: 15px;
}

.w-4 {
  width: 20px;
}

.w-5 {
  width: 25px;
}

.w-6 {
  width: 30px;
}

.w-8 {
  width: 40px;
}

.w-10 {
  width: 50px;
}

.w-12 {
  width: 60px;
}

.w-16 {
  width: 80px;
}

.w-20 {
  width: 100px;
}

.w-24 {
  width: 120px;
}

.w-32 {
  width: 160px;
}

.w-40 {
  width: 200px;
}

.w-48 {
  width: 240px;
}

.w-56 {
  width: 280px;
}

.w-64 {
  width: 320px;
}

.w-auto {
  width: auto;
}

.w-px {
  width: 1px;
}

.h-0 {
  height: 0;
}

.h-1 {
  height: 5px;
}

.h-2 {
  height: 10px;
}

.h-3 {
  height: 15px;
}

.h-4 {
  height: 20px;
}

.h-5 {
  height: 25px;
}

.h-6 {
  height: 30px;
}

.h-8 {
  height: 40px;
}

.h-10 {
  height: 50px;
}

.h-12 {
  height: 60px;
}

.h-16 {
  height: 80px;
}

.h-20 {
  height: 100px;
}

.h-24 {
  height: 120px;
}

.h-32 {
  height: 160px;
}

.h-40 {
  height: 200px;
}

.h-48 {
  height: 240px;
}

.h-56 {
  height: 280px;
}

.h-64 {
  height: 320px;
}


.h-auto {
  height: auto;
}

.h-px {
  height: 1px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}
.rounded-none {
  border-radius: 0; }

.rounded-sm {
  border-radius: 5px; }

.rounded {
  border-radius: 10px; }

.rounded-lg {
  border-radius: 30px; }

.rounded-full {
  border-radius: 9999px; }
  
.static {
  position: static; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: -webkit-sticky;
  position: sticky; }
  
  .inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-x-0 {
  right: 0;
  left: 0;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.inset-x-auto {
  right: auto;
  left: auto;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.shadow-none {
  box-shadow: none;
}
  

/* padding */
.p-0{padding:0}
.p-1{padding:5px}
.p-2{padding:10px}
.p-3{padding:15px}
.p-4{padding:20px}
.p-5{padding:25px}
.p-6{padding:30px}
.p-8{padding:40px}
.p-10{padding:50px}
.p-12{padding:60px}
.p-16{padding:80px}
.p-20{padding:100px}
.p-24{padding:120px}
.p-32{padding:160px}
.p-40{padding:200px}
.p-48{padding:240px}
.p-56{padding:280px}
.p-64{padding:320px}
.p-px{padding:1px}
.py-0{padding-top:0;padding-bottom:0}
.px-0{padding-left:0;padding-right:0}
.py-1{padding-top:5px;padding-bottom:5px}
.px-1{padding-left:5px;padding-right:5px}
.py-2{padding-top:10px;padding-bottom:10px}
.px-2{padding-left:10px;padding-right:10px}
.py-3{padding-top:15px;padding-bottom:15px}
.px-3{padding-left:15px;padding-right:15px}
.py-4{padding-top:20px;padding-bottom:20px}
.px-4{padding-left:20px;padding-right:20px}
.py-5{padding-top:25px;padding-bottom:25px}
.px-5{padding-left:25px;padding-right:25px}
.py-6{padding-top:30px;padding-bottom:30px}
.px-6{padding-left:30px;padding-right:30px}
.py-8{padding-top:40px;padding-bottom:40px}
.px-8{padding-left:40px;padding-right:40px}
.py-10{padding-top:50px;padding-bottom:50px}
.px-10{padding-left:50px;padding-right:50px}
.py-12{padding-top:60px;padding-bottom:60px}
.px-12{padding-left:60px;padding-right:60px}
.py-16{padding-top:80px;padding-bottom:80px}
.px-16{padding-left:80px;padding-right:80px}
.py-20{padding-top:100px;padding-bottom:100px}
.px-20{padding-left:100px;padding-right:100px}
.py-24{padding-top:120px;padding-bottom:120px}
.px-24{padding-left:120px;padding-right:120px}
.py-32{padding-top:160px;padding-bottom:160px}
.px-32{padding-left:160px;padding-right:160px}
.py-40{padding-top:200px;padding-bottom:200px}
.px-40{padding-left:200px;padding-right:200px}
.py-48{padding-top:240px;padding-bottom:240px}
.px-48{padding-left:240px;padding-right:240px}
.py-56{padding-top:280px;padding-bottom:280px}
.px-56{padding-left:280px;padding-right:280px}
.py-64{padding-top:320px;padding-bottom:320px}
.px-64{padding-left:320px;padding-right:320px}
.py-px{padding-top:1px;padding-bottom:1px}
.px-px{padding-left:1px;padding-right:1px}
.pt-0{padding-top:0}
.pr-0{padding-right:0}
.pb-0{padding-bottom:0}
.pl-0{padding-left:0}
.pt-1{padding-top:5px}
.pr-1{padding-right:5px}
.pb-1{padding-bottom:5px}
.pl-1{padding-left:5px}
.pt-2{padding-top:10px}
.pr-2{padding-right:10px}
.pb-2{padding-bottom:10px}
.pl-2{padding-left:10px}
.pt-3{padding-top:15px}
.pr-3{padding-right:15px}
.pb-3{padding-bottom:15px}
.pl-3{padding-left:15px}
.pt-4{padding-top:20px}
.pr-4{padding-right:20px}
.pb-4{padding-bottom:20px}
.pl-4{padding-left:20px}
.pt-5{padding-top:25px}
.pr-5{padding-right:25px}
.pb-5{padding-bottom:25px}
.pl-5{padding-left:25px}
.pt-6{padding-top:30px}
.pr-6{padding-right:30px}
.pb-6{padding-bottom:30px}
.pl-6{padding-left:30px}
.pt-8{padding-top:40px}
.pr-8{padding-right:40px}
.pb-8{padding-bottom:40px}
.pl-8{padding-left:40px}
.pt-10{padding-top:50px}
.pr-10{padding-right:50px}
.pb-10{padding-bottom:50px}
.pl-10{padding-left:50px}
.pt-12{padding-top:60px}
.pr-12{padding-right:60px}
.pb-12{padding-bottom:60px}
.pl-12{padding-left:60px}
.pt-16{padding-top:80px}
.pr-16{padding-right:80px}
.pb-16{padding-bottom:80px}
.pl-16{padding-left:80px}
.pt-20{padding-top:100px}
.pr-20{padding-right:100px}
.pb-20{padding-bottom:100px}
.pl-20{padding-left:100px}
.pt-24{padding-top:120px}
.pr-24{padding-right:120px}
.pb-24{padding-bottom:120px}
.pl-24{padding-left:120px}
.pt-32{padding-top:160px}
.pr-32{padding-right:160px}
.pb-32{padding-bottom:160px}
.pl-32{padding-left:160px}
.pt-40{padding-top:200px}
.pr-40{padding-right:200px}
.pb-40{padding-bottom:200px}
.pl-40{padding-left:200px}
.pt-48{padding-top:240px}
.pr-48{padding-right:240px}
.pb-48{padding-bottom:240px}
.pl-48{padding-left:240px}
.pt-56{padding-top:280px}
.pr-56{padding-right:280px}
.pb-56{padding-bottom:280px}
.pl-56{padding-left:280px}
.pt-64{padding-top:320px}
.pr-64{padding-right:320px}
.pb-64{padding-bottom:320px}
.pl-64{padding-left:320px}
.pt-px{padding-top:1px}
.pr-px{padding-right:1px}
.pb-px{padding-bottom:1px}
.pl-px{padding-left:1px}

/* margin */

.m-0{margin:0}
.m-1{margin:5px}
.m-2{margin:10px}
.m-3{margin:15px}
.m-4{margin:20px}
.m-5{margin:25px}
.m-6{margin:30px}
.m-8{margin:40px}
.m-10{margin:50px}
.m-12{margin:60px}
.m-16{margin:80px}
.m-20{margin:100px}
.m-24{margin:120px}
.m-32{margin:160px}
.m-40{margin:200px}
.m-48{margin:240px}
.m-56{margin:280px}
.m-64{margin:320px}
.m-auto{margin:auto}
.m-px{margin:1px}
.-m-1{margin:-5px}
.-m-2{margin:-10px}
.-m-3{margin:-15px}
.-m-4{margin:-20px}
.-m-5{margin:-25px}
.-m-6{margin:-30px}
.-m-8{margin:-40px}
.-m-10{margin:-50px}
.-m-12{margin:-60px}
.-m-16{margin:-80px}
.-m-20{margin:-100px}
.-m-24{margin:-120px}
.-m-32{margin:-160px}
.-m-40{margin:-200px}
.-m-48{margin:-240px}
.-m-56{margin:-280px}
.-m-64{margin:-320px}
.-m-px{margin:-1px}
.my-0{margin-top:0;margin-bottom:0}
.mx-0{margin-left:0;margin-right:0}
.my-1{margin-top:5px;margin-bottom:5px}
.mx-1{margin-left:5px;margin-right:5px}
.my-2{margin-top:10px;margin-bottom:10px}
.mx-2{margin-left:10px;margin-right:10px}
.my-3{margin-top:15px;margin-bottom:15px}
.mx-3{margin-left:15px;margin-right:15px}
.my-4{margin-top:20px;margin-bottom:20px}
.mx-4{margin-left:20px;margin-right:20px}
.my-5{margin-top:25px;margin-bottom:25px}
.mx-5{margin-left:25px;margin-right:25px}
.my-6{margin-top:30px;margin-bottom:30px}
.mx-6{margin-left:30px;margin-right:30px}
.my-8{margin-top:40px;margin-bottom:40px}
.mx-8{margin-left:40px;margin-right:40px}
.my-10{margin-top:50px;margin-bottom:50px}
.mx-10{margin-left:50px;margin-right:50px}
.my-12{margin-top:60px;margin-bottom:60px}
.mx-12{margin-left:60px;margin-right:60px}
.my-16{margin-top:80px;margin-bottom:80px}
.mx-16{margin-left:80px;margin-right:80px}
.my-20{margin-top:100px;margin-bottom:100px}
.mx-20{margin-left:100px;margin-right:100px}
.my-24{margin-top:120px;margin-bottom:120px}
.mx-24{margin-left:120px;margin-right:120px}
.my-32{margin-top:160px;margin-bottom:160px}
.mx-32{margin-left:160px;margin-right:160px}
.my-40{margin-top:200px;margin-bottom:200px}
.mx-40{margin-left:200px;margin-right:200px}
.my-48{margin-top:240px;margin-bottom:240px}
.mx-48{margin-left:240px;margin-right:240px}
.my-56{margin-top:280px;margin-bottom:280px}
.mx-56{margin-left:280px;margin-right:280px}
.my-64{margin-top:320px;margin-bottom:320px}
.mx-64{margin-left:320px;margin-right:320px}
.my-auto{margin-top:auto;margin-bottom:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.my-px{margin-top:1px;margin-bottom:1px}
.mx-px{margin-left:1px;margin-right:1px}
.-my-1{margin-top:-5px;margin-bottom:-5px}
.-mx-1{margin-left:-5px;margin-right:-5px}
.-my-2{margin-top:-10px;margin-bottom:-10px}
.-mx-2{margin-left:-10px;margin-right:-10px}
.-my-3{margin-top:-15px;margin-bottom:-15px}
.-mx-3{margin-left:-15px;margin-right:-15px}
.-my-4{margin-top:-20px;margin-bottom:-20px}
.-mx-4{margin-left:-20px;margin-right:-20px}
.-my-5{margin-top:-25px;margin-bottom:-25px}
.-mx-5{margin-left:-25px;margin-right:-25px}
.-my-6{margin-top:-30px;margin-bottom:-30px}
.-mx-6{margin-left:-30px;margin-right:-30px}
.-my-8{margin-top:-40px;margin-bottom:-40px}
.-mx-8{margin-left:-40px;margin-right:-40px}
.-my-10{margin-top:-50px;margin-bottom:-50px}
.-mx-10{margin-left:-50px;margin-right:-50px}
.-my-12{margin-top:-60px;margin-bottom:-60px}
.-mx-12{margin-left:-60px;margin-right:-60px}
.-my-16{margin-top:-80px;margin-bottom:-80px}
.-mx-16{margin-left:-80px;margin-right:-80px}
.-my-20{margin-top:-100px;margin-bottom:-100px}
.-mx-20{margin-left:-100px;margin-right:-100px}
.-my-24{margin-top:-120px;margin-bottom:-120px}
.-mx-24{margin-left:-120px;margin-right:-120px}
.-my-32{margin-top:-160px;margin-bottom:-160px}
.-mx-32{margin-left:-160px;margin-right:-160px}
.-my-40{margin-top:-200px;margin-bottom:-200px}
.-mx-40{margin-left:-200px;margin-right:-200px}
.-my-48{margin-top:-240px;margin-bottom:-240px}
.-mx-48{margin-left:-240px;margin-right:-240px}
.-my-56{margin-top:-280px;margin-bottom:-280px}
.-mx-56{margin-left:-280px;margin-right:-280px}
.-my-64{margin-top:-320px;margin-bottom:-320px}
.-mx-64{margin-left:-320px;margin-right:-320px}
.-my-px{margin-top:-1px;margin-bottom:-1px}
.-mx-px{margin-left:-1px;margin-right:-1px}
.mt-0{margin-top:0}
.mr-0{margin-right:0}
.mb-0{margin-bottom:0}
.ml-0{margin-left:0}
.mt-1{margin-top:5px}
.mr-1{margin-right:5px}
.mb-1{margin-bottom:5px}
.ml-1{margin-left:5px}
.mt-2{margin-top:10px}
.mr-2{margin-right:10px}
.mb-2{margin-bottom:10px}
.ml-2{margin-left:10px}
.mt-3{margin-top:15px}
.mr-3{margin-right:15px}
.mb-3{margin-bottom:15px}
.ml-3{margin-left:15px}
.mt-4{margin-top:20px}
.mr-4{margin-right:20px}
.mb-4{margin-bottom:20px}
.ml-4{margin-left:20px}
.mt-5{margin-top:25px}
.mr-5{margin-right:25px}
.mb-5{margin-bottom:25px}
.ml-5{margin-left:25px}
.mt-6{margin-top:30px}
.mr-6{margin-right:30px}
.mb-6{margin-bottom:30px}
.ml-6{margin-left:30px}
.mt-8{margin-top:40px}
.mr-8{margin-right:40px}
.mb-8{margin-bottom:40px}
.ml-8{margin-left:40px}
.mt-10{margin-top:50px}
.mr-10{margin-right:50px}
.mb-10{margin-bottom:50px}
.ml-10{margin-left:50px}
.mt-12{margin-top:60px}
.mr-12{margin-right:60px}
.mb-12{margin-bottom:60px}
.ml-12{margin-left:60px}
.mt-16{margin-top:80px}
.mr-16{margin-right:80px}
.mb-16{margin-bottom:80px}
.ml-16{margin-left:80px}
.mt-20{margin-top:100px}
.mr-20{margin-right:100px}
.mb-20{margin-bottom:100px}
.ml-20{margin-left:100px}
.mt-24{margin-top:120px}
.mr-24{margin-right:120px}
.mb-24{margin-bottom:120px}
.ml-24{margin-left:120px}
.mt-32{margin-top:160px}
.mr-32{margin-right:160px}
.mb-32{margin-bottom:160px}
.ml-32{margin-left:160px}
.mt-40{margin-top:200px}
.mr-40{margin-right:200px}
.mb-40{margin-bottom:200px}
.ml-40{margin-left:200px}
.mt-48{margin-top:240px}
.mr-48{margin-right:240px}
.mb-48{margin-bottom:240px}
.ml-48{margin-left:240px}
.mt-56{margin-top:280px}
.mr-56{margin-right:280px}
.mb-56{margin-bottom:280px}
.ml-56{margin-left:280px}
.mt-64{margin-top:320px}
.mr-64{margin-right:320px}
.mb-64{margin-bottom:320px}
.ml-64{margin-left:320px}
.mt-auto{margin-top:auto}
.mr-auto{margin-right:auto}
.mb-auto{margin-bottom:auto}
.ml-auto{margin-left:auto}
.mt-px{margin-top:1px}
.mr-px{margin-right:1px}
.mb-px{margin-bottom:1px}
.ml-px{margin-left:1px}
.-mt-1{margin-top:-5px}
.-mr-1{margin-right:-5px}
.-mb-1{margin-bottom:-5px}
.-ml-1{margin-left:-5px}
.-mt-2{margin-top:-10px}
.-mr-2{margin-right:-10px}
.-mb-2{margin-bottom:-10px}
.-ml-2{margin-left:-10px}
.-mt-3{margin-top:-15px}
.-mr-3{margin-right:-15px}
.-mb-3{margin-bottom:-15px}
.-ml-3{margin-left:-15px}
.-mt-4{margin-top:-20px}
.-mr-4{margin-right:-20px}
.-mb-4{margin-bottom:-20px}
.-ml-4{margin-left:-20px}
.-mt-5{margin-top:-25px}
.-mr-5{margin-right:-25px}
.-mb-5{margin-bottom:-25px}
.-ml-5{margin-left:-25px}
.-mt-6{margin-top:-30px}
.-mr-6{margin-right:-30px}
.-mb-6{margin-bottom:-30px}
.-ml-6{margin-left:-30px}
.-mt-8{margin-top:-40px}
.-mr-8{margin-right:-40px}
.-mb-8{margin-bottom:-40px}
.-ml-8{margin-left:-40px}
.-mt-10{margin-top:-50px}
.-mr-10{margin-right:-50px}
.-mb-10{margin-bottom:-50px}
.-ml-10{margin-left:-50px}
.-mt-12{margin-top:-60px}
.-mr-12{margin-right:-60px}
.-mb-12{margin-bottom:-60px}
.-ml-12{margin-left:-60px}
.-mt-16{margin-top:-80px}
.-mr-16{margin-right:-80px}
.-mb-16{margin-bottom:-80px}
.-ml-16{margin-left:-80px}
.-mt-20{margin-top:-100px}
.-mr-20{margin-right:-100px}
.-mb-20{margin-bottom:-100px}
.-ml-20{margin-left:-100px}
.-mt-24{margin-top:-120px}
.-mr-24{margin-right:-120px}
.-mb-24{margin-bottom:-120px}
.-ml-24{margin-left:-120px}
.-mt-32{margin-top:-160px}
.-mr-32{margin-right:-160px}
.-mb-32{margin-bottom:-160px}
.-ml-32{margin-left:-160px}
.-mt-40{margin-top:-200px}
.-mr-40{margin-right:-200px}
.-mb-40{margin-bottom:-200px}
.-ml-40{margin-left:-200px}
.-mt-48{margin-top:-240px}
.-mr-48{margin-right:-240px}
.-mb-48{margin-bottom:-240px}
.-ml-48{margin-left:-240px}
.-mt-56{margin-top:-280px}
.-mr-56{margin-right:-280px}
.-mb-56{margin-bottom:-280px}
.-ml-56{margin-left:-280px}
.-mt-64{margin-top:-320px}
.-mr-64{margin-right:-320px}
.-mb-64{margin-bottom:-320px}
.-ml-64{margin-left:-320px}
.-mt-px{margin-top:-1px}
.-mr-px{margin-right:-1px}
.-mb-px{margin-bottom:-1px}
.-ml-px{margin-left:-1px}